/* :root, .beer.light { */
/*   --table-loader-h: 120px !important; */
/*   --primary: #A206FF !important; */
/*   --on-primary: #ffffff !important; */
/*   --primary-container: #f5d9ff !important; */
/*   --on-primary-container: #30004a !important; */
/*   --secondary: #68596e !important; */
/*   --on-secondary: #ffffff !important; */
/*   --secondary-container: #E4D5FE !important; */
/*   --on-secondary-container: #231728 !important; */
/*   --tertiary: #815252 !important; */
/*   --on-tertiary: #ffffff !important; */
/*   --tertiary-container: #ffdad9 !important; */
/*   --on-tertiary-container: #331112 !important; */
/*   --error: #ba1a1a !important; */
/*   --on-error: #ffffff !important; */
/*   --error-container: #ffdad6 !important; */
/*   --on-error-container: #410002 !important; */
/*   --on-background: #1d1b1e !important; */
/*   --surface: #fff7fc !important; */
/*   --on-surface: #1d1b1e !important; */
/*   --surface-variant: #eadfea !important; */
/*   --on-surface-variant: #4b444d !important; */
/*   --outline: #4c4e6438 !important; */
/*   --outline-variant: #cec3ce !important; */
/*   --shadow: #000000 !important; */
/*   --scrim: #000000 !important; */
/*   --inverse-surface: #332f33 !important; */
/*   --inverse-on-surface: #f6eff3 !important; */
/*   --inverse-primary: #e6b4ff !important; */
/*   --surface-dim: #dfd8dd !important; */
/*   --surface-bright: #fff7fc !important; */
/*   --surface-container-lowest: #ffffff !important; */
/*   --surface-container-low: #f9f1f6 !important; */
/*   --surface-container: #f3ecf0 !important; */
/*   --surface-container-high: #ede6eb !important; */
/*   --surface-container-highest: #e8e0e5 !important; */
/*   --radius: .25rem; */
/*   --size: .80rem; */
/*   --font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Noto Sans, Arial, sans-serif; */
/*   --font-icon: "Material Symbols Outlined"; */
/*   --speed1: .1s; */
/*   --speed2: .2s; */
/*   --speed3: .3s; */
/*   --speed4: .4s; */
/*   --active: rgb(128 128 128 / .192); */
/*   --overlay: rgb(0 0 0 / .5); */
/*   --elevate1: 0 .125rem .125rem 0 rgb(0 0 0 / .32); */
/*   --elevate2: 0 .25rem .5rem 0 rgb(0 0 0 / .4); */
/*   --elevate3: 0 .375rem .75rem 0 rgb(0 0 0 / .48); */
/* } */

:root, .beer.light {
  --primary-dark: #220035;
  --primary-medium: #7E01C9;
  --primary-pure: #A206FF;
  --primary-light: #C672FF;
  --primary-lightest: #E4D5FE;

/*   --primary: #A206FF; */
/*   --primary-600: #7E01C9; */
/*   --primary-700: #220035; */
/*   --primary-50: #F4ECFA; */
/*   --secondary: #C672FF; */
  --background: #FCFAFD;
  --surface: #FFFFFF;
  --surface-container-lowest: #FFFFFF;
/*   --surface-container-low: #F7F3F9; */
  --surface-container: #F1EDF4;
/*   --surface-container-high: #ECE6EF; */
/*   --surface-container-highest: #E6E0EA; */

  --on-surface: #262626;
/*   --on-surface-variant: #4B444D; */
  --border: #E6E0EC;
  --outline: #4c4e6438;

  --active: rgb(128 128 128 / .192);

  --size: .82rem;
  --font-base: .82rem;
  --font-sm:  .73rem; /* base / 1.125 */
  --font-lg:  .92rem; /* base * 1.125 */
  --font-xl: 1.04rem; /* base * 1.125^2 */

  --radius: .5rem;
  --radius-sm: .375rem;
  --radius-lg: .75rem;

  --elevate1: 0 .125rem .125rem rgb(0 0 0 / .14);
  --elevate2: 0 .25rem .5rem rgb(0 0 0 / .16);
  --elevate3: 0 .375rem .75rem rgb(0 0 0 / .22);

  --font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Noto Sans, Arial, sans-serif;
}

html {
	background: var(--background);
	font-size: var(--size);
}

body {
  background-color: transparent;
  margin: 0px;
  color: var(--on-surface);
  font: 400 var(--size) / 1.45 var(--font);
  background: transparent;
}

a { color: var(--primary-medium); }
a:hover, a:focus { color: var(--primary-medium); text-decoration: none; }

.wrapper {
	overflow: hidden !important;
}
/*Footer*/
.wrapper>footer {
	padding: 6px;
	height: 30px;
    border: none;
}

.wrapper>footer>a {
	color:#999;
}

.wrapper>section {
	margin-bottom: 30px !important;
	background-color: transparent;
}

.content-wrapper {
	border-top: none;
/* 	padding-bottom: 150px !important; */
	padding-left: 5px;
}

/*Srollbar*/
.sidebar:not(.show-scrollbar) {
    margin-right: -17px !important;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #999;
}

.slimScrollRail {
	z-index: 9990 !important;
}
.slimScrollBar {
	z-index: 9990 !important;
}

/*Layout*/
.layout-fixed {
	padding-right: 0px !important;
}

/*Parsley*/
.form-group > .parsley-errors-list {
	display: none;
	clear: both;
	width: 100%;
	margin: 4px 0 0;
	padding: 0;
}

.form-group > .parsley-errors-list.filled {
	display: block;
}

.parsley-errors-list>li {
    /* position: absolute;
	  top: 47px; */
    font-size: calc(var(--size) - 10%);
	list-style: none;
	color: #f05050;
	line-height: 1.25;
}

.select2-container + .parsley-errors-list,
.input-group + .parsley-errors-list {
	margin-top: 4px;
}

/*.parsley-error {*/
/* 	border-left: 5px solid #f05050 !important; */
/* 	border: 1px solid #f05050 !important; */
/*     border-radius: 10px; */
/*}*/

/*Parsley select2*/
/*select.parsley-error~.select2-container .select2-selection {*/
/*    	border: 1px solid #f05050 !important; */
/*     border-left: 5px solid #f05050 !important; */
/*     border-radius: 10px; */
/*}*/

/*Parsley dentro de uma TD de uma table não é exibido*/
td>.parsley-errors-list>li {
    visibility: hidden;
}

/*Sidebar*/
.aside {
	background: transparent;
    margin: 15px;
}

.sidebar>.nav {
    font-size: calc(var(--size) + 5%);
}

.sidebar .nav>li>a:hover {
	color: #626262;
	border-radius: var(--radius-sm) !important;
    background-color: rgba(76,78,100,.05) !important;
    margin-right: 12px;
}

/* .sidebar-subnav>li.active .nav>li.active>a { */
/* 	border-radius: 10px !important; */
/*     color: #fff !important; */
/*     text-decoration: none !important; */
/*     background-color: var(--primary-medium) !important; */
/* } */

.sidebar>ul>li.active>a:not([data-toggle="collapse"]) {
/* 	border-radius: 10px !important; */
    color: var(--primary-medium) !important;
    text-decoration: none !important;
/*     background-color: var(--primary-medium) !important; */
    margin-right: 12px;
    border-radius: var(--radius-sm);
    background-color: var(--primary-lightest) !important;
}

.sidebar>ul>li.active>a:not([data-toggle="collapse"])>i {
    color: var(--primary-medium) !important;
}

.sidebar>ul>li.active>ul>li.active>a:not([data-toggle="collapse"]) {
/* 	border-radius: 10px !important; */
    color: var(--primary-medium) !important;
    text-decoration: none !important;
/*     background-color: var(--primary-medium) !important; */
    margin-right: 12px;
/*     border-radius: var(--radius-sm); */
    background-color: var(--primary-lightest) !important;
}

.sidebar>ul>li.active>ul>li.active>ul>li.active>a:not([data-toggle="collapse"]) {
/* 	border-radius: 10px !important; */
    color: var(--primary-medium) !important;
    text-decoration: none !important;
/*     background-color: var(--primary-medium) !important; */
    margin-right: 12px;
/*     border-radius: var(--radius-sm); */
    background-color: var(--primary-lightest) !important;
}

.sidebar>ul>li.active>ul>li.active>ul>li.active>ul>li.active>a:not([data-toggle="collapse"]) {
/* 	border-radius: 10px !important; */
    color: var(--primary-medium) !important;
    text-decoration: none !important;
/*     background-color: var(--primary-medium) !important; */
    margin-right: 12px;
/*     border-radius: var(--radius-sm); */
    background-color: var(--primary-lightest) !important;
}

.sidebar:after {
	background: none !important;
}

.aside-collapsed-text .sidebar>.nav>li>.nav-item>i, .aside-collapsed-text .sidebar>.nav>li>a>i, .aside-collapsed .sidebar>.nav>li>.nav-item>i, .aside-collapsed .sidebar>.nav>li>a>i {
/* 	font-size: 1.2rem; */
	width: auto;
}

.sidebar>.nav>li>.nav-item, .sidebar>.nav>li>a {
	color: #7A7A7A;
}

.sidebar>.nav>li>.nav-item>i, .sidebar>.nav>li>a>i {
	color: #7A7A7A !important;
/*   font-size: 1rem; */
  width: 1.5rem;
}

.sidebar>.nav>li>.nav-item, .sidebar>.nav>li>a {
  padding: 5px 14px !important;
/*     background-color: #fff !important; */
}

.sidebar>.nav>li>.nav-item, .sidebar>.nav>li>a:hover {
   color: #7A7A7A !important;
/*    border-radius: var(--radius-sm) !important; */
   background-color: rgba(76,78,100,.05) !important;
}

.sidebar-subnav>li.active>.nav-item, .sidebar-subnav>li.active>a {
	color: #7A7A7A;
	border-radius: var(--radius-sm) !important;
}

.sidebar-subnav {
    background-color: transparent;
}

.sidebar>.nav>li.active, .sidebar>.nav>li.active .nav, .sidebar>.nav>li.active>.nav-item, .sidebar>.nav>li.active>a, .sidebar>.nav>li.open, .sidebar>.nav>li.open .nav, .sidebar>.nav>li.open>.nav-item, .sidebar>.nav>li.open>a {
	background-color: transparent;
}

/* .sidebar-subnav>li.active .nav>li.active>a { */
/*     color: #fff; */
/* } */

.sidebar>.nav>li.active {
    border-left-color: transparent !important;
}

.sidebar-subnav>li {
    padding-left: 35px !important;
}

.sidebar-subnav>li .nav>li {
    padding-left: 10px !important;
}

.sidebar-subnav>li>.nav-item, .sidebar-subnav>li>a {
    padding: 5px 0px !important;
}

.sidebar>.nav>li.active, .sidebar>.nav>li.active .nav, .sidebar>.nav>li.active>.nav-item, .sidebar>.nav>li.active>a, .sidebar>.nav>li.open, .sidebar>.nav>li.open .nav, .sidebar>.nav>li.open>.nav-item, .sidebar>.nav>li.open>a {
	color: #7A7A7A;
/* 	border-radius: var(--radius-sm) !important; */
}

.sidebar-subnav>li>.nav-item, .sidebar-subnav>li>a {
	padding-left: 10px !important;
    color: #7A7A7A;
}

.sidebar>.nav>li>.nav-item:focus, .sidebar>.nav>li>.nav-item:hover, .sidebar>.nav>li>a:focus, .sidebar>.nav>li>a:hover {
    color: #626262;
}

.sidebar-subnav>li>.nav-item:focus, .sidebar-subnav>li>.nav-item:hover, .sidebar-subnav>li>a:focus, .sidebar-subnav>li>a:hover {
    color: #626262;
}

.wrapper>.aside {
	background-color: transparent;
}

.layout-fixed .wrapper>.aside>.aside-inner {
/* 	box-shadow: rgb(76 78 100 / 22%) 0px 2px 10px 0px; */
    border-radius: 10px;
    margin-top: 59px;
    padding-top: 0px;
    height: calc(100% - 80px);
}

.sidebar {
	background: transparent;
}

.topnavbar {
	background: transparent;
}

@media (min-width: 768px) {
	.navbar-nav>li>a {
	    padding-top: 18px;
	    padding-bottom: 18px;
	}
}

.topnavbar .navbar-nav>.open>a, .topnavbar .navbar-nav>li>.navbar-text, .topnavbar .navbar-nav>li>a {
	color: #999;
}

@media only screen and (min-width: 768px) {
	.nav-wrapper {
	    position: relative;
	    box-shadow: none;
	    z-index: 10;
	    background: var(--surface)
	}

	.wrapper>footer, .wrapper>section {
	    margin-left: 250px;
	}
}


/* TopNav */
@media only screen and (min-width: 768px) {
	.topnavbar .navbar-nav>a, .topnavbar .navbar-nav>li>.navbar-text, .topnavbar .navbar-nav>li>a {
		--bs-btn-active-border-color: transparent;
/* 	    height: calc(2.278125rem + calc(1px * 2)); */
	    display: inline-flex;
	    flex-shrink: 0;
	    justify-content: center;
	    align-items: center;
	    color: #6d788d !important;
	    background: #FFF7FC !important;
/* 	    border-color: rgba(0,0,0,0) !important; */
	    border-radius: 10px;
	    padding: 10px;
	    transition: none;
	    box-shadow: none;
	}

	.topnavbar .navbar-nav>.open>a, .topnavbar .navbar-nav>.open>a:focus, .topnavbar .navbar-nav>.open>a:hover {
	    color: #6d788d !important;
	    background: #e9ebee !important;
	    border-color: rgba(0,0,0,0) !important;
	    transition: none;
	    box-shadow: none;
	}
}

.page-header-material {
	background-image: none !important;
    left: 0;
    right: 0;
    position: fixed;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 9999;
    width: 100%;
    background: transparent;
	height: 100px;
}

.page-header-material-card {
	border-bottom: 1px solid rgb(207, 219, 226);
    transition: padding 0.25s ease-in-out 0s, box-shadow 0.25s ease-in-out 0s, backdrop-filter 0.25s ease-in-out 0s;
    border-radius: 10px;
    z-index: 9999;
    padding: 5px 5px 0px 5px;
    width: calc(100% - 275px);
    height: 100px;
    margin-top: 0px;
    margin-left: 275px;
}

.aside-collapsed .page-header-material-card {
	width: calc(100% - 125px);
    margin-left: 120px;
}

@media only screen and (min-width: 768px) {
	.aside-collapsed .wrapper>footer, .aside-collapsed .wrapper>section {
	    margin-left: 100px;
	}
}

.navbar-header {
	background: #f5f8fa;
}

.brand-logo {
/* 	background: #f5f8fa; */
	padding-left: 35px !important;
}

.hidden-xs {
	background: #f5f8fa;
}

.topnavbar .navbar-header .navbar-brand {
    height: 100%;
}

.topnavbar .navbar-header .brand-logo>img {
	max-width: 170px;
}

/*Dropdown Menu*/
.scrollable-menu {
    height: auto;
    max-height: 150px;
    overflow-x: hidden;
}

/*Disabled / Readonly*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
	{
	background-color: rgba(76, 78, 100, 0.05);
	cursor: default;
	pointer-events: none;
}

.form-control-primary[disabled], .form-control-primary[readonly] {
	background: var(--primary-medium);
    color: white;
    font-weight: bold;
}

/*Datatable*/
.hint-text-inst-keys-datatable {
	font-size: 0.7rem;
	color: #898989;
}

.dt-scroll-foot {
	height: 5px;
}

.rowSelected {
	box-shadow: inset 0 0 0 9999px #E4D5FE !important;
}

.rowSelected>.dtfc-fixed-left {
	background: rgb(130, 61, 163, 0) !important;
}

.rowSelected>.dtfc-fixed-right {
	background: rgb(130, 61, 163, 0) !important;
}

/*table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after, table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before, table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after, table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before, table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after {*/
/* 	font-size: .6rem !important; */
/*}*/

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: unset !important;
}

table.dataTable.table-hover>tbody>tr:not(.group):hover>* {
    box-shadow: inset 0 0 0 9999px #F5F0F8 !important;
}

table.dataTable.table-hover>tbody>tr.group:hover>* {
    box-shadow: none;
}

.table-responsive {
	width: 100% !important;
}

.table.dataTable {
	margin-top: 0px !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px 4px;
    line-height: unset;
}

table.dataTable tbody th.focus, table.dataTable tbody td.focus {
    outline: none !important;
}

.table-hover>tbody>tr:hover, .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  overflow-x: scroll !important;
  border-left: none !important;
}

.dataTables_scroll {
	margin-bottom: 5px;
}

table.dataTable thead th.sorting:after {
	color: #000 !important;
	font-weight: 900;
}

table.dataTable thead th.sorting_asc:after {
	font-weight: 900;
}

table.dataTable thead th.sorting_desc:after {
	font-weight: 900;
}

table.dataTable {
	margin-bottom: 125px !important;
}
table.dataTable_no_pb {
	margin-bottom: 0px !important;
}

table.dataTable-min-pb {
	margin-bottom: 15px !important;
}

div.dataTables_scrollBody table {
    margin-bottom: 0px!important;
}

.dataTables_wrapper .dataTables_filter {
	float: right;
	text-align: right;
	visibility: hidden;
	height: 0px;
}

table.dataTable tr.dtrg-group.dtrg-level-0 td {
    font-weight: bold;
}

table.dataTable tr.dtrg-group.dtrg-level-1 td, table.dataTable tr.dtrg-group.dtrg-level-2 td {
    background-color: #f0f0f0;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    padding-left: 2em;
/*     font-size: 0.9em; */
}

.table>thead>tr>th {
/* 	font-size: 0.9rem; */
	font-weight: 500;
    color: var(--on-surface) !important;
}

table.dataTable tfoot>tr>th {
	background-color: #f6f9fc !important;
}

.dataTable-material th {
	background-color: #f6f9fc;
	border-top: none !important;
    border-bottom: none !important;
}

.dataTable-material>thead>tr>th {
    padding: 6px 4px;
}

.dataTables_empty {
	pointer-events: none;
	background: #fff;
}

.dtfc-fixed-left {
	z-index: 1;
	background: #ffff !important;
}

.dtfc-fixed-right {
	z-index: 1;
/* 	background: transparent !important; */
}

div.dt-container div.dt-layout-row div.dt-layout-cell {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pagination>li>a, .pagination>li>span {
    display: flex !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 3px !important;
    padding: 0;
    border-radius: 50% !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: bold !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: relative;
    float: left;
    padding: 6px 16px;
    line-height: unset;
    text-decoration: none;
    color: #999;
    background-color: #fff;
    border: 1px solid #eee;
    margin-left: -1px;
}

.dataTable-material>thead>tr>th {
	background-color: #f6f9fc !important;
}

/*Table paginação*/
.dataTables_paginate.paging_simple_numbers {
	padding-right: 15px !important;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	box-shadow: none;
}

div.dataTables_paginate li.first>a, div.dataTables_paginate li>a:before {
	content: "" !important;
}

div.dataTables_paginate li.first>a, div.dataTables_paginate li>a:after{
	content: "" !important;
}

div.dataTables_paginate li.first>a, div.dataTables_paginate li>a:hover {
	color: initial;
	box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
/* 	color: #fff; */
/* 	background-color: var(--primary-medium); */
/*     border-color: var(--primary-medium); */
/* 	box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%); */
  color: #fff; background: var(--primary-medium); border-color: var(--primary-medium);
  box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
}

div.dt-processing>div:last-child>div {
	background: #683082 !important;
}

@keyframes shine {
	to {
		background-position:0 0, 40% 0, 0 0;
	}
}

/*Badge*/
.label {
/*     font-size: 0.675rem; */
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 20px;
    border-radius: 10px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    cursor: default;
    outline: 0px;
    text-decoration: none;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    color: rgb(253, 181, 40);
    background-color: rgba(253, 181, 40, 0.12);
    line-height: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap;
}

.label-primary {
	background-color: rgb( 130 61 163 / 0.16);
    color: var(--primary-medium);
}

.label-secundary {
    color: rgb(109, 120, 141);
    background-color: rgba(109, 120, 141, 0.12);
}

.label-info {
    color: rgb(38, 198, 249);
    background-color: rgba(38, 198, 249, 0.12);
}

.label-warning {
    color: rgb(253, 181, 40);
    background-color: rgba(253, 181, 40, 0.12);
}

.label-danger {
   color: rgb(255, 77, 73);
   background-color: rgba(255, 77, 73, 0.12);
}

.label-success {
    color: rgb(114, 225, 40);
    background-color: rgba(114, 225, 40, 0.12);
}

.label-purple {
    color: rgb(142, 68, 173);
    background-color: rgba(142, 68, 173, 0.12);
}

/*Label Circle*/
.label-circle {
	border-radius: 50%;
    width: 21.59px;
    height: 21.59px;
    text-align: center;
    font-weight: bold;
	margin-right: 5px;
/*     font-size: 0.675rem; */
    line-height: unset;
}

/*Label Primary*/
.label-circle.label-circle-primary {
	color: rgb(38, 198, 249);
    background-color: rgba(38, 198, 249, 0.12);
}

/*Label Secundary*/
.label-circle.label-circle-secundary {
    color: rgb(109, 120, 141);
    background-color: rgba(109, 120, 141, 0.12);
}

/*Label Info*/
.label-circle.label-circle-info {
    color: rgb(38, 198, 249);
    background-color: rgba(38, 198, 249, 0.12);
}

/*Label Warning*/
.label-circle.label-circle-warning {
    color: rgb(253, 181, 40);
    background-color: rgba(253, 181, 40, 0.12);
}

/*Label Danger*/
.label-circle.label-circle-danger {
   color: rgb(255, 77, 73);
   background-color: rgba(255, 77, 73, 0.12);
}

/*Label Success*/
.label-circle.label-circle-success {
    color: rgb(114, 225, 40);
    background-color: rgba(114, 225, 40, 0.12);
}

/*Label Circle Icon*/
.label-circle-icon {
	margin-right: 2px;
/*     font-size: 0.75rem !important; */
}

/*Label Primary*/
.label-circle-icon.label-circle-icon-primary .fas.fa-circle.fa-stack-2x {
	color: rgba(38, 198, 249, 0.12);
}

.label-circle-icon.label-circle-icon-primary .fa-inverse {
	color: rgb(38, 198, 249);
}

/*Label Secundary*/
.label-circle-icon.label-circle-icon-secundary .fas.fa-circle.fa-stack-2x {
    color: rgba(109, 120, 141, 0.12);
}
.label-circle-icon.label-circle-icon-secundary .fa-inverse {
    color: rgb(109, 120, 141);
}

/*Label Info*/
.label-circle-icon.label-circle-icon-info .fas.fa-circle.fa-stack-2x {
    color: rgba(38, 198, 249, 0.12);
}
.label-circle-icon.label-circle-icon-info .fa-inverse {
    color: rgb(38, 198, 249);
}

/*Label Warning*/
.label-circle-icon.label-circle-icon-warning .fas.fa-circle.fa-stack-2x {
    color: rgba(253, 181, 40, 0.12);
}
.label-circle-icon.label-circle-icon-warning .fa-inverse {
    color: rgb(253, 181, 40);
}

/*Label Danger*/
.label-circle-icon.label-circle-icon-danger .fas.fa-circle.fa-stack-2x {
    color: rgba(255, 77, 73, 0.12);
}
.label-circle-icon.label-circle-icon-danger .fa-inverse {
    color: rgb(255, 77, 73);
}

/*Label Success*/
.label-circle-icon.label-circle-icon-success .fas.fa-circle.fa-stack-2x {
    color: rgba(114, 225, 40, 0.12);
}
.label-circle-icon.label-circle-icon-success .fa-inverse {
    color: rgb(114, 225, 40);
}

.labelPulse {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
}

.labelPulse.danger {
	animation: pulse-danger 1.5s infinite;
}
@keyframes pulse-danger {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
	}
}

.labelPulse.warning {
	animation: pulse-warning 1.5s infinite;
}
@keyframes pulse-warning {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
	}
}

.labelPulse.info {
	animation: pulse-info 1.5s infinite;
}
@keyframes pulse-info {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
	}
}

.labelPulse.purple {
	animation: pulse-purple 1.5s infinite;
}
@keyframes pulse-purple {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
	}
}

/*label filtro */
.label-filtro[data-ehmarcado="N"] {
  color: rgb(109, 120, 141);
  background-color: rgba(109, 120, 141, 0.12);
}

/*Label*/
.form-group {
    margin-bottom: 13px;
}

.form-group.required .control-label:after {
	content: "*";
	color: red;
}

.control-label .control-label-info {
	color: rgb(38, 198, 249);
	margin-left: 5px;
}

.control-label .control-label-info:before{
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f05a";
    margin-right: 2px;
}

.control-label-primary {
	color: var(--primary-medium);
}

label {
	font-weight: 500;
	margin-bottom: 2px;
}

.labelContainer {
	border: 1px solid #ddd;
	border-radius: 0.5rem;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 5px;
}

.labelContainer>p {
	margin: 0;
}

.labelContainer>label {
    margin-bottom: 0;
}

.labelContainer.nb {
	border: none;
	border-radius: none;
    padding-left: 0px;
}

/*Panel*/
/* .panel .panel-heading { */
/* 	font-weight: bold; */
/* 	color: #8c9196; */
/* 	border-top-right-radius: 4px; */
/*     border-top-left-radius: 4px; */
/* } */

.panel.panel-material .panel-heading {
    padding: 10px 16px;
    text-transform: capitalize;
    background-color: transparent;
    color: var(--primary-medium) !important;
    border-bottom: 1px solid var(--border) !important;
    font-weight: 700;
    font-size: calc(var(--size) + 25%) !important;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.panel-heading-subtitle {
    display: block;
    color: rgba(76, 78, 100, .64);
    font-size: calc(var(--size) - 5%);
    font-weight: 500;
}

.panel.panel-material {
/* 	background-color: rgb(255, 255, 255); */
/*     transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; */
/*     border-radius: 10px; */
/* /*     box-shadow: rgb(76 78 100 / 22%) 0px 2px 10px 0px; */
/*     box-shadow: 0 0.25rem 0.875rem 0 rgba(38, 43, 67, 0.16); */
/*     background-image: none; */
/*     overflow: hidden; */
/*     border: none !important; */
/*     margin-bottom: 20px !important; */
	border: none !important;
    box-shadow: var(--elevate1);
    background-color: var(--surface-container-lowest);
/*     color: var(--on-surface); */
    border-radius: .75rem;
    display: block;
    transition: transform var(--speed3), border-radius var(--speed3), padding var(--speed3);
}

.panel.panel-material>.panel-heading>.btn-group.pull-right {
	top: -4px !important;
	right: -8px !important;
}

.panel-body {
	padding-top: 10px;
	padding-bottom: 10px;
}

.panel-footer {
	border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
}

.panel-body-datatable {
	padding: 0px;
}

.panel-heading .panel-body-datatable {
	margin: 0px;
}

/*Content*/
.content-wrapper>.content-heading, .content-wrapper>h3 {
	text-shadow: 0 2px white;
	font-weight: bold;
	color: #b8bec5;
}

.content-wrapper>.content-heading>small, .content-wrapper>h3>small {
	text-shadow: 0 2px white;
	font-weight: bold;
	color: #b8bec5;
}

/*Alerts*/
.swal2-container {
	z-index: 999999999999999999999999 !important;
}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

/*Swall*/
.swal2-popup.swal2-toast {
    background: var(--primary-medium) !important;
    font-size: var(--size) !important;
    color: white;
}

.swal2-html-container {
	font-size: unset !important;
  font-weight: unset !important;
  line-height: unset !important;
}

.swal2-popup.swal2-toast .swal2-title {
	color: white;
}

.swal2-popup.swal2-toast .swal2-title>small {
	color: white;
}

.swal2-timer-progress-bar {
	background: white !important;
}

.swal-wide{
    width:70% !important;
}

.swal2-popup {
  font-size: calc(var(--size) + 25%) !important;
	width: 40em !important;
}

/*Material*/
/*Info*/
.alert-info-material {
	border: none;
    -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 4px;
    box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 20%), 0px 6px 10px 0px rgb(0 0 0 / 14%), 0px 1px 18px 0px rgb(0 0 0 / 12%);
    font-size: calc(var(--size) + 10%);
    background-color: #0288d1;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 6px 16px;
    color: #fff;
}

.alert-info-material-icon {
  margin-right: 12px;
  padding: 7px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: calc(var(--size) + 100%);
  opacity: 0.9;
  align-items: center;
}

.alert-info-material-text {
	padding: 8px 0;
}

/*Warning*/
.alert-warning-material {
	border: none;
    -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 4px;
    box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 20%), 0px 6px 10px 0px rgb(0 0 0 / 14%), 0px 1px 18px 0px rgb(0 0 0 / 12%);
    font-size: calc(var(--size) + 10%);
    background-color: #ff9800;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 6px 16px;
    color: #fff;
}

.alert-warning-material-icon {
  margin-right: 12px;
  padding: 7px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: calc(var(--size) + 100%);
  opacity: 0.9;
  align-items: center;
}

.alert-warning-material-text {
	padding: 8px 0;
}


/*Success*/
.alert-success-material {
	border: none;
    -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 4px;
    box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 20%), 0px 6px 10px 0px rgb(0 0 0 / 14%), 0px 1px 18px 0px rgb(0 0 0 / 12%);
    font-size: calc(var(--size) + 10%);
    background-color: #4caf50;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 6px 16px;
    color: #fff;
}

.alert-success-material-icon {
  margin-right: 12px;
  padding: 7px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: calc(var(--size) + 100%);
  opacity: 0.9;
  align-items: center;
}

.alert-success-material-text {
	padding: 8px 0;
}

.alert-material {
	transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: none;
  background-image: none;
/*     font-weight: 400; */
  font-size: calc(var(--size) + 5%);
  line-height: unset;
/*     letter-spacing: 0.15px; */
  display: flex;
  padding: 6px 16px;
  border-radius: var(--radius);
  color: rgb(34, 178, 224);
  background-color: rgba(38, 198, 249, 0.12);
  align-items: center;
}

.alert-material-icon {
	margin-right: 12px;
/*   font-size: 1.5rem; */
}

.alert-material.alert-material-success {
	background-color: #eefbe5;
	border-color: #eefbe5;
	color: #67cb24;
}

.alert-material.alert-material-info {
	color: rgb(34, 178, 224);
    background-color: rgba(38, 198, 249, 0.12);
}

.alert-material.alert-material-warning {
    color: rgb(227, 162, 36);
    background-color: rgba(253, 181, 40, 0.12);
}

.alert-material.alert-material-danger {
    color: rgb(227, 162, 36);
    background-color: rgba(253, 181, 40, 0.12);
}

/*Botoes*/
.swal2-confirm, .swal2-deny, .swal2-cancel {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.btn-group>.btn-material-fab:not(:last-child):not(.dropdown-toggle):not([data-toggle]) {
	margin-right: 5px;
}

.btn-group-segmented {
	border: 1px solid #b66bd6;
	border-radius: 10px;
	overflow: hidden;
}

.btn-group-segmented>.btn,
.btn-group-segmented>.btn-material-outlined {
	background: #fff;
	border: 0 !important;
	border-left: 1px solid #b66bd6 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #7a00c4;
	font-size: 11px;
	font-weight: 700;
	min-height: 31px;
	padding: 7px 18px;
	text-transform: uppercase;
}

.btn-group-segmented>.btn:first-child,
.btn-group-segmented>.btn-material-outlined:first-child {
	border-left: 0 !important;
}

.btn-group-segmented>.btn.active,
.btn-group-segmented>.btn:active,
.btn-group-segmented>.btn-material-outlined.active,
.btn-group-segmented>.btn-material-outlined:active {
	background: rgba(122, 0, 196, .08);
	color: #5f0099;
}

.btn-group-segmented>.btn:hover,
.btn-group-segmented>.btn-material-outlined:hover {
	background: rgba(122, 0, 196, .06);
	color: #5f0099;
}

.btnPesquisaLista {
    margin-top: 17px;
}

.btn-acao-datatable-material {
	width: 24px !important;
	height: 24px !important;
	border: none !important;
	border: none !important;
	border-radius: 100% !important;
}

.btn-acao-datatable-material:hover {
	box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
}

.btn-material-fab {
	display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  outline: 0px;
  border: 0px;
  margin: 0px;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
/*     font-weight: 500; */
  font-size: calc(var(--size) + 20%);
  line-height: unset;
  text-transform: uppercase;
/*     letter-spacing: 0.4px; */
  min-height: 40px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 50% !important;
  padding: 0px;
  min-width: 0px;
  width: 40px;
  height: 40px;
  z-index: 1050;
  color: rgb(255, 255, 255);
  box-shadow: rgb(76 78 100 / 20%) 0px 3px 5px -1px, rgb(76 78 100 / 14%) 0px 5px 8px 0px, rgb(76 78 100 / 12%) 0px 1px 14px 0px;
}

.btn-material-fab:focus {
	text-decoration: none;
	color: rgb(255, 255, 255);
}

.btn-material-fab:active {
	box-shadow: rgb(76 78 100 / 20%) 0px 7px 8px -4px, rgb(76 78 100 / 14%) 0px 12px 17px 2px, rgb(76 78 100 / 12%) 0px 5px 22px 4px;
}

.btn-material-fab:hover {
	text-decoration: none;
	color: rgb(255, 255, 255);
}

.btn-material-fab-card {
	display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%;
    overflow: visible;
    color: rgba(76, 78, 100, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    padding: 5px;
/*     font-size: 0.9rem; */
    min-width: 0px;
    width: 26px;
    height: 26px;
}

.btn-material-fab-card>i {
	color: var(--primary-medium);
	line-height: 0;
}

.btn-material-fab-card:hover {
    background-color: rgba(76, 78, 100, 0.05);
    color: var(--primary-medium);
}
.btn-material-fab-card:focus {
    background-color: rgba(76, 78, 100, 0.05);
    color: var(--primary-medium);
}

/*Cores*/
.btn-material-fab-secundary {
	background-color: var(--primary-medium);
}

.btn-material-fab-secundary:hover {
	background-color: var(--primary-medium);
}

.btn-material {
	display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-size: var(--size);
    text-transform: uppercase;
/*     letter-spacing: 0.4px; */
    color: rgb(255, 255, 255);
/*     min-width: 64px; */
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-weight: 500;
    border-radius: 10px;
    line-height: unset;
    box-shadow: 0px 4px 8px -4px rgba(76,78,100,.42);
    padding: 0.4375rem 1.375rem;
    height: 30px;
}

.btn-material:focus {
	text-decoration: none;
	color: rgb(255, 255, 255);
    box-shadow: 0 6px 18px -8px rgba(76,78,100,.56);
}

.btn-material:active {
	text-decoration: none;
	color: rgb(255, 255, 255);
	box-shadow: 0 6px 18px -8px rgba(76,78,100,.56);
}

.btn-material:hover {
	text-decoration: none;
	color: rgb(255, 255, 255);
}

.btn-material.btn-material-xs {
	height: 20px;
}

/*Primary*/
.btn-material-primary {
    color: #fff;
    background: var(--primary-medium) !important;
    border-color: var(--primary-medium) !important;
}

.btn-material-primary:hover {
	color: #fff !important;
    background-color: #683082 !important;
    border-color: #683082 !important;
}

/*Secundary*/
.btn-material-secundary {
    color: #fff;
    background-color: #6d788d;
    border-color: #6d788d;
}

.btn-material-secundary:hover {
	color: #fff !important;
    background-color: #606a7c !important;
    border-color: #606a7c !important;
}

/*Soft*/
.btn-material-soft {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 30px;
	padding: 0 12px;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none !important;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: none !important;
}

.btn-material-soft:hover,
.btn-material-soft:focus {
	outline: none;
	text-decoration: none !important;
}

.btn-material-soft-primary {
	border: 1px solid rgba(156, 39, 176, .18) !important;
	background: rgba(156, 39, 176, .08) !important;
	color: var(--primary-medium) !important;
}

.btn-material-soft-primary:hover,
.btn-material-soft-primary:focus {
	border-color: rgba(156, 39, 176, .34) !important;
	background: rgba(156, 39, 176, .14) !important;
	color: var(--primary-medium) !important;
}

/*Info*/
.btn-material-info {
	color: #fff;
    background-color: #26c6f9;
    border-color: #26c6f9;
}

.btn-material-info:hover {
	color: #fff !important;
    background-color: #21aedb !important;
    border-color: #21aedb !important;
}

/*Success*/
.btn-material-success {
	color: #fff;
    background-color: #72e128;
    border-color: #72e128;
}

.btn-material-success:hover {
	color: #fff !important;
    background-color: #64c623 !important;
    border-color: #64c623 !important;
}

/*Warning*/
.btn-material-warning{
	color: #fff;
    background-color: #fdb528;
    border-color: #fdb528;
}

.btn-material-warning:hover {
	color: #fff !important;
    background-color: #df9f23 !important;
    border-color: #df9f23 !important;
}

/*Danger*/
.btn-material-danger {
	color: #fff;
    background-color: #ff4d49;
    border-color: #ff4d49;
}

.btn-material-danger:hover {
	color: #fff !important;
    background-color: #e04440 !important;
    border-color: #e04440 !important;
}

/*Dark*/
.btn-material-dark {
	color: #fff;
    background-color: #4b4b4b;
    border-color: #4b4b4b;
}

.btn-material-dark:hover {
	color: #fff !important;
    background-color: #424242 !important;
    border-color: #424242 !important;
}

/*Disabled*/
.btn-material.disabled, .btn-material[disabled] {
    color: rgba(76, 78, 100, 0.26) !important;
    box-shadow: none !important;
    background-color: rgba(76, 78, 100, 0.12) !important;
    pointer-events: none !important;
    cursor: default !important;
}

/*Botão Material Outlined*/
.btn-material-outlined {
	display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-size: calc(var(--size) - 10%);
    text-transform: uppercase;
    color: rgb(130, 61, 163);
    min-width: 64px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border: 1px solid rgba(130, 61, 163, 0.5);
    font-weight: 500;
    border-radius: 10px;
    line-height: unset;
    padding: 0.4375rem 1.3125rem;
    height: 30px;
}

.btn-material-outlined:hover {
	background-color: rgba(102, 108, 255, 0.08);
    border: 1px solid rgb(130, 61, 163);
	text-decoration: none;
}

.btn-material-outlined.btn-material-outlined-secundary {
	color: rgb(109, 120, 141);
    border: 1px solid rgba(109, 120, 141, 0.5);
}

.btn-material-outlined.btn-material-outlined-secundary:hover {
	background-color: rgba(109, 120, 141, 0.08);
    border: 1px solid rgb(109, 120, 141);
}

.btn-material-outlined.btn-material-outlined-success {
	color: rgb(114, 225, 40);
	border: 1px solid rgba(114, 225, 40, 0.5);
}

.btn-material-outlined.btn-material-outlined-success:hover {
    background-color: rgba(114, 225, 40, 0.08);
    border: 1px solid rgb(114, 225, 40);
}

.btn-material-outlined.btn-material-outlined-danger {
	color: rgb(255, 77, 73);
	border: 1px solid rgba(255, 77, 73, 0.5);
}

.btn-material-outlined.btn-material-outlined-danger:hover {
	background-color: rgba(255, 77, 73, 0.08);
    border: 1px solid rgb(255, 77, 73);
}

.btn-material-outlined.btn-material-outlined-warning {
	color: rgb(253, 181, 40);
	border: 1px solid rgba(253, 181, 40, 0.5);
}

.btn-material-outlined.btn-material-outlined-warning:hover {
	background-color: rgba(253, 181, 40, 0.08);
    border: 1px solid rgb(253, 181, 40);
}

.btn-material-outlined.btn-material-outlined-info {
	color: rgb(38, 198, 249);
	border: 1px solid rgba(38, 198, 249, 0.5);
}

.btn-material-outlined.btn-material-outlined-info:hover {
	background-color: rgba(38, 198, 249, 0.08);
	border: 1px solid rgb(38, 198, 249);
}

.btn-material-outlined.btn-material-outlined-sm {
	height: 30px;
	line-height: unset;
/* 	font-size: .876em; */
    font-weight: 700;
    padding: 6px 10px;
}

.btn-material-outlined.btn-material-outlined-xs {
	height: 20px;
	line-height: unset;
/* 	font-size: .876em; */
    font-weight: 700;
    padding: 6px 10px;
}

.btn-material-outlined-round {
	  width: 30px !important;
    height: 30px !important;
    margin: 0 3px !important;
    border-radius: 50% !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: bold !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: relative;
    padding: 6px 16px;
    line-height: unset;
    text-decoration: none;
    color: var(--primary-medium);
    background-color: #fff;
    border: 1px solid var(--primary-medium);
}

.btn-material-outlined-round.btn-material-outlined-round-primary {
    color: var(--primary-medium);
    background-color: #fff;
    border: 1px solid var(--primary-medium);
}

/*Texto*/
.wrap-text {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.wrap-text-150 {
	max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wrap-text-250 {
	max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*Tootip*/
.tooltip-inner {
    max-width: 500px !important;
    background-color: var(--primary-medium);
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
/*     margin-bottom: 6px; */
}

.tooltip .arrow::before {
  border-left-color: var(--primary-medium) !important;
   border-bottom-color:#A206FF !important;
  border-top-color:#A206FF !important;
}

.tooltipoHeader {
	margin-bottom: 0px;
	font-weight: 700;
}

/* Whril */
.whirl:before {
	z-index :9999;
}
.whirl:after {
	z-index :9999;
}

/*Tags*/
.tagsEtiqueta {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.tagsEtiqueta li {
  float: left;
}

.tagEtiqueta {
  background: #5d9cec;
  border-radius: 3px 0 0 3px;
  color: white;
  display: inline-block;
  height: 20px;
  line-height: unset;
  padding: 0 15px 0 18px;
  position: relative;
  margin: 0 7px 7px 0;
  text-decoration: none;
/*   font-size: 9px; */
}

.tagEtiqueta::before {
  background: #fff;
  border-radius: 7px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 7px;
  position: absolute;
  width: 6px;
  top: 7px;
}

.tagEtiqueta::after {
  background: #fff;
  border-bottom: 10px solid transparent;
  border-left: 7px solid #5d9cec;
  border-top: 10px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tagEtiqueta:last-child {
    margin: 0px;
}
/*Modal*/
.modal-backdrop {
   background-color: rgba(76, 78, 100, 0.5);
}

.modal.fade.in {
	backdrop-filter: blur(3px);
}

.modal-content {
    position: unset !important;
    background-color: unset !important;
    border: unset !important;
    border: unset !important;
    border-radius: unset !important;
    box-shadow: unset !important;
    background-clip: unset !important;
    outline: unset !important;
}

.modal-dialog {
	background-color: rgb(255, 255, 255);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 10px;
    overflow-y: auto;
    box-shadow: rgb(76 78 100 / 20%) 0px 6px 6px -3px, rgb(76 78 100 / 14%) 0px 10px 14px 1px, rgb(76 78 100 / 12%) 0px 4px 18px 3px;
    /* margin-top: 5px !important; */
    margin-top: 12px !important;
    margin-bottom: 12px;
}

.modal-dialog.modal-xl {
	width: 95%;
}

.modal-header {
	padding: 5px 15px;
	text-transform: capitalize;
	color: var(--primary-medium) !important;
	border-bottom: 1px solid var(--border) !important;
	font-weight: 500;
	font-size: calc(var(--size) + 25%) !important;
}

.modal-header .close {
  font-size: calc(var(--size) + 150%);
  color: var(--primary-medium);
  opacity: 1;
}

.modal-header .close:hover {
    color: red;
}

.modal-body {
    padding-top: 8px;
}

/*input-spinner*/
.spinner {
	width: 100px;
}

.spinner input {
	text-align: right;
}

.input-group-btn-vertical {
	position: relative;
	white-space: nowrap;
	width: 1%;
	vertical-align: middle;
	display: table-cell;
}

.input-group-btn-vertical>.btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	padding: 8px;
	margin-left: -1px;
	position: relative;
	border-radius: 0;
}

.input-group-btn-vertical>.btn:first-child {
	border-top-right-radius: 4px;
}

.input-group-btn-vertical>.btn:last-child {
	margin-top: -1px;
	border-bottom-right-radius: 4px;
}

.input-group-btn-vertical i {
	position: absolute;
	top: 2px;
	left: 3px;
/* 	font-size: 12px; */
}

.input-group .btn {
/*     font-size: 0.8rem; */
    height: 30px;
}

.input-group-btn:last-child>.btn {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.input-group-btn:last-child>.btn-material {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.input-group-addon:first-child, .input-group-btn:first-child>.btn-material, .input-group-btn:first-child>.btn-group>.btn-material, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn-material, .input-group-btn:last-child>.btn-material:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-btn:last-child>.btn-material, .input-group-btn:last-child>.btn-group {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	box-shadow: none;
}

.switch input:checked+span {
   background-color: var(--primary-medium);
   border-color: var(--primary-medium);
}

/*Select 2*/
.select2-container--bootstrap .select2-selection {
	height: 30px;
}

.modal-open .select2-container {
  z-index: 9999;
}

.select2 {
	width: 100%;
}

/* Garante que o dropdown do Select2 consiga ficar acima dos modais empilhados.
   O JS já seta dinamicamente um z-index correto; este é apenas fallback. */
.select2-container--open {
  z-index: 9999 !important;
}

select[readonly].select2~.select2-container {
    pointer-events: none;
    touch-action: none;
}
select[readonly].select2~.select2-container .select2-selection {
    background: rgba(76, 78, 100, 0.05);
    box-shadow: none;
}
select[readonly].select2~.select2-container .select2-selection__arrow, .select2-selection__clear {
    display: none;
}

.select2-container--bootstrap .select2-results__group {
    background: #e4eaec !important;
}

.select2-selection.select2-selection--multiple {
	height: auto !important;
}

.select2-container--bootstrap .select2-selection {
	border-radius: 10px;
/* 	font-size: inherit; */
	line-height: unset;
	padding: 6px 10px;
    border: 1px solid rgba(76, 78, 100, 0.22);
}

.select2-container--bootstrap .select2-selection--multiple, body .select2-container--bootstrap .select2-selection--single {
	border-radius: var(--radius);
	border: 1px solid var(--outline);
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    border-width: 2px !important;
    border-color: var(--primary-medium) !important;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
	font: 400 var(--size) / 1.45 var(--font);
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
	border-width: 2px;
    border-color: var(--primary-medium);
}

.select2-container--bootstrap .select2-dropdown {
/*     border: 2px solid var(--primary-medium); */
    border: none;
/*     border-top: none; */
    border-radius: var(--radius);
    box-shadow: var(--elevate2);
    border-top-left-radius: 0px;
    border-top-right-radius: 0;
    margin-top: -2px;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    color: inherit;
    background-color: rgba(76, 78, 100, 0.05);
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
	color: inherit;
	background-color: #F5F0F8;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    color: inherit;
/*     font-size: inherit; */
    height: 34px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
    -webkit-box-align: center;
    border-radius: var(--radius);
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    cursor: default;
    border: 0px;
    font-size: calc(var(--size) - 8%);
    background-color: rgb(130 61 163 / 0.16);
    color: var(--primary-medium);
    padding: 5px;
    padding-right: 10px;
    align-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 0px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
	color: #F1F1F3;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    white-space: normal;
    display: flex;
    font-size: 145%;
    background-color: var(--primary-medium);
    color: white;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
	background: #f05050;
  color: white;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    align-items: center;
}

/*popover*/
.popover {
    border-color: #999 !important;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,.5) !important;
}

.popover.right>.arrow {
	border-right-color: #999 !important;
}

.popoverAjuda {
	max-width: 600px !important;
}

.letterCircle14 {
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    font: 8px Arial, sans-serif;
    font-weight: bold;
    line-height: unset;
}

.letterCircle16 {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    font: 10px Arial, sans-serif;
    line-height: unset;
}

.letterCircle22 {
border-radius: 50%;
    width: 21.6px;
    height: 21.6px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    font: 11px Arial, sans-serif;
    font-weight: bold;
    margin-top: 1px;
    line-height: unset;
}

/*Input Uppercase*/
input:not(.nouppercase) {
	text-transform: uppercase;
}
textarea:not(.nouppercase):not(.note-codable) {
	text-transform: uppercase;
}
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}

/*Text*/
.text-success {
	color: rgb(114, 225, 40);
}

/*Drop down*/
.dropdown-menu-li-checked:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f058";
	margin-left: 5px;
}

.dropdown-menu>li>a {
	font: 400 var(--size) / 1.45 var(--font);
/* 	font-weight: 400; */
/*     font-size: 0.8rem; */
    line-height: unset;
/*     letter-spacing: 0.15px; */
    color: var(--on-surface);
    gap: 1rem;
    padding: .5rem 1rem;
}

.dropdown-menu {
	font-size: var(--size);
	border: none;
	z-index: 9999;
	margin-top: 5px;
/* 	box-shadow: var(--elevate2); */
/*  background-color: var(--surface-container); */
/* 	border-radius: var(--radius-sm); */
  box-shadow: var(--elevate3);
  background-color: #f5f5f5;
	border-radius: var(--radius);
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: unset;
    color: unset;
/*     font-weight: unset; */
}

.dropdown-menu>li:not(.dropdown-submenu)>a:focus, .dropdown-menu>li:not(.dropdown-submenu)>a:hover {
	background-color: var(--active);
	color: var(--on-surface);
/* 	font-weight: 500; */
}


.dropdown-submenu:not(:hover):focus, .dropdown-submenu:hover {
	background-color: var(--active);
	color: var(--on-surface);
/* 	font-weight: 500; */
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: var(--on-surface);
    margin-right: -5px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 4px 0 4px 4px;
	-moz-border-radius: 4px 0 4px 4px;
	border-radius: 4px 0 4px 4px;
}

.navbar-nav>li>.dropdown-menu {
    padding: 5px 0;
    border-radius: 10px;
    border: none !important;
    padding: 0;
}

.dropdown-menu>.disabled>a {
	pointer-events: none;
}

/*Dropdown favoritos*/
.dropdown-favoritos-item {
	text-align: center;
	padding: 1.1rem;
	border-right: 1px solid #eaeaec;
    border-bottom: 1px solid #eaeaec;
    cursor: pointer;
}

.dropdown-favoritos-item .dropdown-favoritos-icon {
	height: 3.125rem;
	width: 3.125rem;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #e9ebee;
	color: #6d788d;
	border-radius: 100%;
	margin-bottom: 10px;
}

/*.dropdown-favoritos-item .dropdown-favoritos-icon>i {*/

/* 	font-size: 1.2rem; */
/*}*/

.dropdown-favoritos-item a, .layout-navbar .navbar-dropdown.dropdown-favoritos .dropdown-favoritos-item a:hover {
	color: #828393 !important;
	font-weight: 500;
	text-decoration: none;
/* 	font-size: 90%; */
	text-wrap: nowrap;
    text-overflow: ellipsis;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*.dropdown-favoritos-item small {*/
/* 	font-size: 80%; */
/*}*/

.dropdown-favoritos-item:hover {
    background-color: rgba(76,78,100,.03);
}

/* Icons */
i.fas.fa-circle.disabled {
    color: #ddd;
}

/*Efeitos CSS*/
/*Pisca*/
@-webkit-keyframes piscaFFFF00 {
  from { background-color: #FFFF00; }
  to { background-color: inherit; }
}
@-moz-keyframes piscaFFFF00 {
  from { background-color: #FFFF00; }
  to { background-color: inherit; }
}
@-o-keyframes piscaFFFF00 {
  from { background-color: #FFFF00; }
  to { background-color: inherit; }
}
@keyframes piscaFFFF00 {
  from { background-color: #FFFF00; }
  to { background-color: inherit; }
}
.piscaFFFF00 {
  -webkit-animation: piscaFFFF00 1s 3;
  -moz-animation:    piscaFFFF00 1s 3;
  -o-animation:      piscaFFFF00 1s 3;
  animation:         piscaFFFF00 1s 3;
}

.pulsaWarning {
  background-color: #ff902b;
  animation-name: pulsaWarning;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
}
@keyframes pulsaWarning {
  0% {
    background-color: #ff902b00;
  }
  100% {
    background-color: #ff902b;
  }
}
/*Bot*/
div#botmanWidgetRoot>div {
	z-index: 999 !important;
}
/*Input*/
.input-group-addon {
	font-size: var(--size);
	border-radius: 10px;
	padding: 4px 16px;
}

.form-control, output {
    line-height: unset;
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 6px 10px;
    height: 30px;
    border-radius: var(--radius);
    color: var(--on-surface);
    border: 1px solid var(--outline);
    font: 400 var(--size) / 1.45 var(--font);
}

/*Page Header*/
.page-header-material-card {
	color: #fff !important;
	border-bottom: none !important;
}

.page-header-material-card>span{
	font-size: calc(var(--size) + 100%);
  line-height: unset;
  font-weight: 700;
/*     letter-spacing: 0px; */
/*     color: #999; */
	color: var(--primary-medium);
}

.page-header-material-card>small {
	font-weight: 300 !important;
	text-shadow: none !important;
	color: #fff !important;
}

.page-header-material-card>small>a{
	font-weight: bold;
	margin-left: 5px;
	color: #fff;
}

.page-header-material-first-panel {
	margin-top: 7rem !important;
}

.tooltipPageHeaderFavoritos {
  font-size: calc(var(--size) + 60%);
	margin-left: 10px;
	color: #6d788d;
	cursor: pointer;
}

.tooltipPageHeaderFavoritos:hover {
	color: #f05050 !important;
}

.tooltipPageHeaderFavoritos.active {
	color: #f05050 !important;
}


/*Timeline*/
.timeline {
    position: relative;
}
.timeline:before {
    position: absolute;
    top: 0;
    left: 1rem;
    height: 100%;
    content: "";
    border-right: 2px solid #e9ecef;
    background: none;
}
[data-timeline-axis-style="dashed"]:before {
    border-right-style: dashed !important;
}
[data-timeline-axis-style="dotted"]:before {
    border-right-style: dotted !important;
}
.timeline-block {
    position: relative;
    margin: 2em 0;
}
.timeline-block:after {
    display: table;
    clear: both;
    content: "";
}
.timeline-block:first-child {
    margin-top: 0;
}
.timeline-block:last-child {
    margin-bottom: 0;
}
.timeline-step {
    font-weight: 600;
    position: absolute;
    z-index: 1;
    left: 0;
    display: inline-flex;
    width: 33px;
    height: 33px;
    transform: translateX(-50%);
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}
.timeline-step i,
.timeline-step svg {
    line-height: unset;
}
.timeline-step-icon {
    border: 2px solid #e9ecef;
    background: #fff;
}
.timeline-step-xs {
/*     font-size: 0.75rem; */
    width: 17px;
    height: 17px;
}
.timeline-step-sm {
/*     font-size: 0.75rem; */
    width: 23px;
    height: 23px;
}
.timeline-step-lg {
/*     font-size: 1.75rem; */
    width: 47px;
    height: 47px;
}
.timeline-content {
    position: relative;
    position: relative;
    top: -6px;
    margin-left: 60px;
    padding-top: 0.5rem;
}
.timeline-content:after {
    display: table;
    clear: both;
    content: "";
}
.timeline-body {
    padding: 1.5rem;
}
@media (min-width: 992px) {
    .timeline:before {
        left: 50%;
        margin-left: -2px;
    }
    .timeline-step {
        left: 50%;
    }
    .timeline-content {
        width: 38%;
    }
    .timeline-body {
        padding: 1.5rem;
    }
    .timeline-block:nth-child(even) .timeline-content {
        float: right;
    }
    [data-timeline-axis-color="primary"]:before {
        border-color: #23b7e5;
    }
    [data-timeline-axis-color="secondary"]:before {
        border-color: #f7fafc;
    }
    [data-timeline-axis-color="success"]:before {
        border-color: #2dce89;
    }
    [data-timeline-axis-color="info"]:before {
        border-color: #11cdef;
    }
    [data-timeline-axis-color="warning"]:before {
        border-color: #fb6340;
    }
    [data-timeline-axis-color="danger"]:before {
        border-color: #f5365c;
    }
    [data-timeline-axis-color="light"]:before {
        border-color: #adb5bd;
    }
    [data-timeline-axis-color="dark"]:before {
        border-color: #212529;
    }
    [data-timeline-axis-color="default"]:before {
        border-color: #172b4d;
    }
    [data-timeline-axis-color="white"]:before {
        border-color: #fff;
    }
    [data-timeline-axis-color="neutral"]:before {
        border-color: #fff;
    }
    [data-timeline-axis-color="darker"]:before {
        border-color: #000;
    }
}
.timeline-one-side:before {
    left: 1rem;
}
.timeline-one-side .timeline-step {
    left: 1rem;
}
.timeline-one-side .timeline-content {
    width: auto;
}
@media (min-width: 992px) {
    .timeline-one-side .timeline-content {
        max-width: 30rem;
    }
}
.timeline-one-side .timeline-block:nth-child(even) .timeline-content {
    float: none;
}

/* KBD */
kbd {
	margin: 0px 0.1em;
	padding: 0.1em 0.6em;
	border-radius: 3px;
	border: 1px solid rgb(204, 204, 204);
	color: rgb(51, 51, 51);
	line-height: unset;
	font-family: Arial,Helvetica,sans-serif;
/* 	font-size: 12px; */
	display: inline-block;
	box-shadow: 0px 1px 0px rgba(0,0,0,0.2), inset 0px 0px 0px 2px #ffffff;
	background-color: rgb(247, 247, 247);
	-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
	-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 0 1px 0 #fff;
}

/*Widgets*/
.widget-material {
	border: none !important;
	border-radius: 4px !important;
	box-shadow: rgb(0 0 0 / 20%) 0px 2px 1px -1px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
}

.widget-material-icon {
	position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  font-size: calc(var(--size) + 80%);
  line-height: unset;
  overflow: hidden;
  user-select: none;
  border-radius: 10px;
  color: rgb(130, 61, 163);
  background-color: rgba(130, 61, 163, 0.12);
  margin-right: 1rem;
}

.widget-material-value {
	margin: 0px;
/*     letter-spacing: 0.15px; */
	font-size: calc(var(--size) + 10%);
    line-height: unset;
    color: var(--on-surface);
    font-weight: 600;
}

.widget-material-label {
	margin: 0px;
    line-height: unset;
/*     letter-spacing: 0.4px; */
    font-weight: 400;
/*     font-size: 0.75rem; */
    color: rgb(119 119 119 / 0.8);
}

.widget-material-icon-primary {
	color: rgb(38, 198, 249);
    background-color: rgba(38, 198, 249, 0.12);
}

.widget-material-icon-info {
	color: rgb(38, 198, 249);
    background-color: rgba(38, 198, 249, 0.12);
}

.widget-material-icon-warning {
	color: rgb(253, 181, 40);
	background-color: rgba(253, 181, 40, 0.12);
}

.widget-material-icon-success {
	color: rgb(114, 225, 40);
    background-color: rgba(114, 225, 40, 0.12);
}

.widget-material-icon-danger {
	color: rgb(255, 77, 73);
    background-color: rgba(255, 77, 73, 0.12);
}

/*Nav*/
.navFormPanelsRoot {
	margin-top: 15px;
	overflow-x: auto;
}

.navFormPanels {
	display: flex;
    margin-bottom: 2px;
}

.navFormPanels>li>a {
	/* display: inline-flex; */
    /* -webkit-box-align: center; */
    /* align-items: center; */
    /* -webkit-box-pack: center; */
    /* justify-content: center; */
    /* box-sizing: border-box; */
    /* -webkit-tap-highlight-color: transparent; */
    /* background-color: transparent; */
    /* outline: 0px; */
    /* border: 0px; */
    /* margin: 0px; */
    /* border-radius: 0px; */
    cursor: pointer;
    /* user-select: none; */
    /* vertical-align: middle; */
    /* appearance: none; */
    /* text-decoration: none; */
    /* font-weight: 500; */
    text-transform: uppercase;
    /* letter-spacing: 0.4px; */
    /* color: rgb(119 119 119 / 0.8); */
    /* position: relative; */
    flex-shrink: 0;
    padding: 10px 14px;
    /* overflow: hidden; */
    /* white-space: normal; */
    /* text-align: center; */
    flex-direction: column;
    /* line-height: unset; */
    /* border-radius: 10px; */
    /* font-size: 0.8rem; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    border-radius: var(--radius-sm);
}

.navFormPanels>li.active>a {
    background-color: var(--primary-lightest) !important;
}

.hiddenScrollbar::-webkit-scrollbar {
  display: none;
}

.hiddenScrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.form-control:focus {
	border-width: 2px;
    border-color: var(--primary-medium);
}

/*Datatable loader*/
div.dataTables_processing>div:last-child>div {
    background: var(--primary-medium) !important;
}

div.dataTables_wrapper div.dataTables_processing {
	border: none !important;
	box-shadow: none;
    z-index: 1;
    background: transparent;
}

.blockUI.blockMsg.blockElement {
	top: 20% !important;
}

/*Chips*/
.chips {
	max-width: 100%;
/*     font-size: 0.675rem; */
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    border-radius: 10px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    cursor: default;
    outline: 0px;
    text-decoration: none;
    border: 0px;
    padding: 0px;
    vertical-align: middle;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
}

.label, .chips-small {
	max-width: 100%;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: var(--radius);
/*     white-space: nowrap; */
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  cursor: default;
/*     outline: 0px; */
/*     text-decoration: none; */
/*     border: 0px; */
/*     padding: 0px; */
  vertical-align: middle;
  box-sizing: border-box;
/*     color: rgb(130, 61, 163); */
/*     background-color: rgba(130, 61, 163, 0.12); */
/*     margin-bottom: 1.375rem; */
/*     height: 20px; */
  font-weight: 400;
 font-size: calc(var(--size) - 10%);
  overflow: hidden;
  text-overflow: ellipsis;
/*     padding-left: 8px; */
/*     padding-right: 8px; */
  white-space: nowrap;
  padding: 2px 6px 2px 6px;
  z-index: 1;
/*     font-size: .72rem;  */
/*     line-height: 1;  */
/*     border-radius: .625rem; */
  height: unset;
  outline: unset;
  text-decoration: unset;
  border: unset;
}

.chips-secundary {
color: rgb(109, 120, 141);
    background-color: rgba(109, 120, 141, 0.12);
}

.chips-success {
	color: rgb(114, 225, 40);
    background-color: rgba(114, 225, 40, 0.12);
}

.chips-danger {
	color: rgb(255, 77, 73);
    background-color: rgba(255, 77, 73, 0.12);
}

.chips-warning {
	color: rgb(253, 181, 40);
    background-color: rgba(253, 181, 40, 0.12);
}

.chips-info {
    color: rgb(38, 198, 249);
    background-color: rgba(38, 198, 249, 0.12);
}

.chips-label-color {
	max-width: 100%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 20px;
    color: red;
    background-color: rgba(109, 120, 141, 0.12);
    cursor: unset;
    vertical-align: middle;
    box-sizing: border-box;
    font-weight: 500;
/*     font-size: 0.675rem; */
    border-radius: 10px;
    white-space: nowrap;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    outline: 0px;
    text-decoration: none;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 0px;
    border: 1px solid red;
}

.chips-label-color-ball {
	width: 20px;
    background: red;
    height: 20px;
    border-radius: 100%;
}

.chips-label-color-text {
	margin-left: 5px;
    margin-right: 10px;
}

/*Kanban*/
.cd_kanban_board>.cd_kanban_board_blocks .cd_kanban_board_block .cd_kanban_board_block_item .cd_kanban_board_block_item_title {
	font-size: var(--size) !important;
	padding-right: 25px;
}

.cd_kanban_board>.cd_kanban_board_titles .cd_kanban_board_title:before {
	background: #fff;
    border: 1px solid rgb(220, 223, 229);
    border-radius: 6px;
    width: 100%;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    top: 6px;
}

.cd_kanban_board>.cd_kanban_board_titles .cd_kanban_board_title p {
	color: black;
	font-weight: bold;
/* 	font-size: 0.9rem; */
}

.cd_kanban_board>.cd_kanban_board_titles .cd_kanban_board_title {
	min-width: 340px;
	background: #F183AB;
    border-radius: 6px;
}

.cd_kanban_board>.cd_kanban_board_blocks .cd_kanban_board_block {
	min-width: 340px;
	min-height: calc(100vh - 308px);
	max-height: calc(100vh - 308px);
	background: #f2f2f2;
	border-radius: 6px;
}

.cd_kanban_board>.cd_kanban_board_blocks .cd_kanban_board_block .cd_kanban_board_block_item {
	border-radius: 6px;
	box-shadow: none;
}

.cd_kanban_board>.cd_kanban_board_blocks .cd_kanban_board_block .cd_kanban_board_block_item .cd_kanban_board_block_item_footer {
    margin: 0;
    padding: 0;
    border-top: none;
    margin-top: 5px;
}

/*Navtabs*/
.nav-tabs-permissoes>li>a {
	color: rgb(119 119 119 / 0.8);
	background-color: white;
	border-color: #ddd;
	border-radius: var(--radius);
	margin-right: 5px;
	margin-bottom: 5px;
	font-weight: 400;
	text-transform: uppercase;
/* 	letter-spacing: 0.4px; */
	font-size: calc(var(--size) - 10%);
}

.nav-tabs-permissoes>li.active>a, .nav-tabs-permissoes>li.active>a:focus, .nav-tabs-permissoes>li.active>a:hover {
	color: #fff;
	background-color: var(--primary-medium);
	border-color: var(--primary-medium);
}

/*checkbox*/
.c-checkbox input[type=checkbox]:checked+span, .c-checkbox input[type=radio]:checked+span, .c-radio input[type=checkbox]:checked+span, .c-radio input[type=radio]:checked+span {
	background-color: var(--primary-medium);
    border-color: var(--primary-medium);
}

@media (min-width: 768px) {
    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
        position: absolute;
    }
}

/*Rating*/
.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.rating > input{ display:none;}

.rating > label {
  position: relative;
  width: 1em;
/*   font-size: 2.5vw; */
  color: #FFD600;
  cursor: pointer;
}

.rating > label::before{
  content: "\2605";
  position: absolute;
  opacity: 0;
}

.rating > label:hover:before,
.rating > label:hover ~ label:before {
  opacity: 1 !important;
}

.rating > input:checked ~ label:before{
  opacity:1;
}

.rating:hover > input:checked ~ label:before{ opacity: 0.4; }

/*Form*/
form {
	display: contents;
}

#botmanWidgetRoot>div {
	min-width: 75px !important;
	min-height: 75px !important;
}

#botmanWidgetRoot>div>div>div {
	color: #fff !important;
}

#botmanWidgetRoot .desktop-closed-message-avatar {
    top: 14px !important;
    right: 10px !important;
    width: 55px !important;
    height: 55px !important;
    right: 3px !important;
}

#botmanWidgetRoot .desktop-closed-message-avatar>img {
	width: 90% !important;
    padding: 5px;
}

/*Datepicker*/
/* .datepicker { */
/* 	padding: 6px 10px; */
/* } */

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
	color: #fff;
    background-color: var(--primary-medium);
    background-image: none;
    border-color: var(--primary-medium);
    box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
    border-radius: 100%;
    width: 28px;
    height: 28px;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default;
    border-radius: 0;
    background: #ff00001c;
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 100%;
}

.datepicker td, .datepicker th {
    width: 28px;
    height: 28px;
}

.note-editor.note-frame .note-editing-area {
	margin-top: 20px;
}

/*Notificações*/
.notificacao-item {
	border-block-end-width: 1px;
	padding-inline: 1rem;
	padding-block: .75rem;
	gap: .75rem;
	cursor: pointer;
	display: flex;
	border-bottom: 1px solid rgba(38 43 67/ 0.12);
	text-align: left;
}

.notificacao-item-avatar {
	position: relative;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	user-select: none;
	background-color: #F0EFF0;
	color: black;
/* 	font-size: 0.9375rem; */
	line-height: 1.2;
}

.notificacao-item-usuario-avatar {
	width: 100%;
	height: 100%;
	text-align: center;
	object-fit: cover;
	color: transparent;
	text-indent: 10000px;
}

.notificacao-item-texto {
	flex-direction: column;
	flex: 1 1 auto;
	display: flex;
}

.notificacao-item-texto-titulo {
	margin-block-end: 0;
	font-weight: 500;
/* 	font-size: 0.8125rem; */
	line-height: 1.53846154;
	color: rgb(38 43 67/ 0.9);
}

.notificacao-item-texto-subtitulo {
	margin-block-end: 0;
	font-weight: 400;
/* 	font-size: 0.8125rem; */
	line-height: 1.38462;
	letter-spacing: 0.4px;
	display: inline-block;
	color: rgb(38 43 67/ 0.7);
}

.notificacao-item-texto-dhevento {
	margin: 0px;
	font-weight: 400;
/* 	font-size: 0.7125rem; */
	line-height: 1.38462;
	letter-spacing: 0.4px;
	display: inline-block;
	color: rgb(38 43 67/ 0.4);
}

.notificacao-item-acoes {
	gap: .5rem;
	align-items: flex-end;
	flex-direction: column;
	display: flex;
}

.notificacao-item-acoes-botoes {
	margin-inline-end: .25rem;
	margin-block-start: .25rem;
	/* 	visibility: hidden; */
	position: relative;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.notificacao-item-acoes-botoes-indprioridade {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	align-content: center;
	-webkit-box-align: center;
	align-items: center;
	position: absolute;
	box-sizing: border-box;
	font-weight: 500;
/* 	font-size: 0.703125rem; */
	line-height: 1;
	z-index: 1;
	background-color: rgb(38, 198, 249);
	color: rgb(38, 198, 249);
	height: 8px;
	min-width: 8px;
	top: 0px;
	right: 0px;
	transform: scale(1) translate(50%, -50%);
	transform-origin: 100% 0%;
	transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1);
	border-radius: 4px;
	padding: 0px;
}

.notificacao-item-acoes-botoes-marcarlida {
/* 	font-size: 1.25rem; */
	line-height: 1.75rem;
	visibility: hidden;
}

.notificacao-item:hover {
	background-color: rgb(38 43 67/ 0.06);
}

.notificacao-item:hover .notificacao-item-acoes-botoes-marcarlida {
	visibility: visible;
}

blockquote {
	padding-left: 10px !important;
/*     font-size: 0.8rem; */
    border-left: 5px solid var(--primary-medium);
    background: #f5f5f580;
}

.desfocar {
	-webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

/*Summernote*/
/* .modal.note-modal { */
/* 	z-index: 9999; */
/* } */

/* .note-editor.note-frame .note-editing-area { */
/*     margin-top: 5px; */
/*     background: white; */
/* } */

/* .note-editor.note-frame.panel.panel-default { */
/*     border: 1px solid #A206FF important; */
/* } */

/* .note-editor.note-frame .note-status-output { */
/* 	background: white; */
/* } */

/* =============== THEME • CLEAN 2025 =============== */
/* ===== Base / Tipografia ===== */
.wrapper { overflow: hidden !important; }

/* ===== Header / Topbar fluidos ===== */
.nav-wrapper,
.topnavbar,
.topnavbar .navbar-header,
.brand-logo,
.hidden-xs {
  background: var(--background) !important;
  box-shadow: none !important;
  border: 0 !important;
}
.topnavbar .navbar-nav>li>a {
  background: var(--background) !important;
  color: #6d788d !important;
  border-radius: .625rem !important;
  padding: 10px;
}

/* ===== Sidebar (ícone = cor do texto) ===== */
/* .sidebar { background: transparent; } */
/* .sidebar>.nav>li>a, */
/* .sidebar>.nav>li>.nav-item { color: #7A7A7A !important; border-radius: var(--radius-sm) !important; } */
/* .sidebar .nav>li>a:hover { */
/*   background: rgba(76,78,100,.05) !important; */
/*   color: #5F5F5F !important; */
/* } */
/* .sidebar>.nav>li>a>i, */
/* .sidebar>.nav>li>.nav-item>i { color: currentColor !important; width: 1.5rem; font-size: 1rem; } */
/* .sidebar>ul>li.active>a:not([data-toggle="collapse"]) { */
/*   background: var(--primary-50) !important; */
/*   color: var(--primary-medium) !important; */
/* } */
/* .sidebar>ul>li.active>a:not([data-toggle="collapse"])>i { color: currentColor !important; } */

/* ===== Page header ===== */
.page-header-material { background: #FCFAFD !important; }
.page-header-material-card {
  border: none !important;
  width: auto;
  color: inherit;
  margin-top: 10px;
}
.page-header-material-card>span { color: var(--primary-medium) !important; font-weight: 700; }
/* .page-header-material.is-sticky { transition: top 0.5s ease-in-out; Suaviza a mudança } */
/* .page-header-material.is-sticky>.page-header-material-card { */
/* 	background: white; */
/* 	box-shadow: rgb(76 78 100 / 22%) 0px 2px 10px 0px; */
/* 	padding: 5px 10px 5px 10px; */
/* 	border-top-left-radius: 0px; */
/*   	border-top-right-radius: 0px; */
/* } */
/* .page-header-material.is-sticky.is-sticky { */
/*   position: fixed; */
/*   top: var(--sticky-top, 0px); */
/*   left: 0; */
/*   right: 0; */
/*   z-index: 99999; */
/* } */

/* ===== Painéis / Cards ===== */
.panel.panel-material {
  border: 0 !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.06) !important;
}
.panel-material-cabecalho {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 64px;
}
.panel-material-cabecalho-titulo {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.panel-material-cabecalho-icone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 9px;
  background: #efe0ff;
  color: #7d00ba;
}
.panel-material-cabecalho-titulo > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.panel-material-cabecalho-titulo strong {
  color: #4f185f;
  font-size: 13px;
}
.panel-material-cabecalho-titulo small {
  margin-top: 2px;
  color: #8d8492;
  font-size: 10px;
}
.panel-material-cabecalho-acoes {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  gap: 8px;
}
.panel-material-cabecalho-acoes .btn-material {
  white-space: nowrap;
}
.panel-material-cabecalho-acoes .btn-material > i {
  margin-right: 5px;
}
@media (max-width: 620px) {
  .panel-material-cabecalho {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .panel-material-cabecalho-acoes {
    width: 100%;
  }
}
/* .panel.panel-material .panel-heading { */
/*   color: var(--primary-medium) !important; */
/*   border-bottom: 1px solid var(--border) !important; */
/* /*   padding: 12px 16px !important; */ */
/*   font-weight: 600; */
/* } */
.panel-body { padding: 12px !important; }
.panel-body-datatable { padding: 0 !important; }

/* ===== Botões ===== */
/* Filled */
.btn-material,
.btn-material-primary,
.btn-material-secundary,
.btn-material-success,
.btn-material-warning,
.btn-material-danger,
.btn-material-dark { color: #fff !important; }
.btn-material-primary:hover, .btn-material-primary:focus { background: var(--primary-medium) !important; border-color: var(--primary-medium) !important; }
.btn-material-primary:active { background: var(--primary-dark) !important; border-color: var(--primary-dark) !important; }

/* Cancelar / acao secundaria neutra */
.btn-material-cancelar,
.btn-material-cancelar:focus {
  color: #675b6d !important;
  background: #fff !important;
  border-color: #ddd3e3 !important;
  box-shadow: 0 2px 7px rgba(66, 43, 77, .08) !important;
  font-weight: 700;
  outline: none;
}
.btn-material-cancelar:hover {
  color: #57216d !important;
  background: #f8f3fa !important;
  border-color: #bca8c8 !important;
  box-shadow: 0 3px 9px rgba(92, 52, 112, .12) !important;
}
.btn-material-cancelar:active,
.btn-material-cancelar.active {
  color: #57216d !important;
  background: #f0e7f4 !important;
  border-color: #ad96ba !important;
  box-shadow: inset 0 1px 2px rgba(74, 38, 91, .12) !important;
}
.btn-material-cancelar[disabled],
.btn-material-cancelar.disabled {
  color: #9b929f !important;
  background: #f6f4f7 !important;
  border-color: #e6e0e9 !important;
  box-shadow: none !important;
}

/* ===== Modal material ===== */
.modal-material {
  --modal-material-viewport-gap: 30px;
  --modal-material-mobile-gap: 16px;
}
.modal-material .modal-dialog {
  /* max-width: 1240px; */
}
.modal-material .modal-content {
  background: #fff !important;
  border-radius: 12px;
  overflow: hidden;
}
.modal-material .modal-header {
  border-bottom: 1px solid #ece6f1;
}
.modal-material .modal-body {
  padding: 0;
  background: #f7f5f9;
}
.modal-material .modal-helper-conteudo-com-regioes {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - var(--modal-material-viewport-gap));
}
.modal-material .modal-helper-conteudo-com-regioes > .modal-body {
  flex: 1 1 auto;
  max-height: none !important;
  min-height: 0;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  overflow-y: auto;
}
.modal-material.modal-material-full-height .modal-dialog {
  height: calc(100vh - var(--modal-material-viewport-gap));
  overflow: hidden;
}
.modal-material.modal-material-full-height .modal-content,
.modal-material.modal-material-full-height .modal-helper-conteudo-com-regioes {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.modal-material.modal-material-full-height .modal-header,
.modal-material.modal-material-full-height .modal-footer {
  flex: 0 0 auto;
}
.modal-material.modal-material-full-height .modal-helper-conteudo-com-regioes > .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
}
.modal-material.modal-material-full-height.modal-material-body-hidden .modal-helper-conteudo-com-regioes > .modal-body {
  overflow: hidden !important;
}
.modal-material-cabecalho {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 22px;
  background: linear-gradient(115deg, #faf5ff 0%, #fff 58%, #f5f9ff 100%);
  border-bottom: 1px solid #ece6f1 !important;
}
.modal-material-cabecalho.modal-header {
  margin: 0;
  padding-right: 22px;
}
.modal-material-cabecalho .modal-helper-cabecalho-acoes {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 12px;
  margin-left: auto;
  padding-left: 16px;
  border-left: 1px solid #ece4f1;
}
.modal-material-cabecalho .hint-text-inst-keys-datatable {
  position: static;
  margin: 0;
  color: #8a7f91;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
}
.modal-material-cabecalho .modal-helper-atalho-fechar {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border: 1px solid #e8e0ed;
  border-radius: 8px;
  background: rgba(255, 255, 255, .78);
  color: #756b7c;
}
.modal-material-cabecalho .modal-helper-atalho-fechar kbd {
  padding: 2px 6px;
  border: 1px solid #d9cbe2;
  border-bottom-width: 2px;
  border-radius: 5px;
  background: #fff;
  box-shadow: none;
  color: #6f3485;
  font-family: inherit;
  font-size: 9px;
  font-weight: 800;
}
.modal-material-cabecalho .modal-helper-fechar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0;
  border-radius: 9px;
  color: #8200c5;
  font-size: 27px;
  line-height: 1;
  opacity: 1;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
.modal-material-cabecalho .modal-helper-fechar:hover,
.modal-material-cabecalho .modal-helper-fechar:focus {
  background: #f0e1f8;
  color: #620092;
  outline: none;
  transform: scale(1.04);
}
.modal-material-cabecalho-icone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 12px;
  background: #8a00d4;
  color: #fff;
  font-size: 19px;
  box-shadow: 0 6px 16px rgba(138, 0, 212, .2);
}
.modal-material-cabecalho-texto {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.modal-material-cabecalho-texto strong {
  color: #4c126a;
  font-size: 15px;
}
.modal-material-cabecalho-texto span {
  margin-top: 2px;
  color: #756d7b;
  font-size: 12px;
}
.modal-material-identificador {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 10px;
  border: 1px solid #e4d8eb;
  border-radius: 999px;
  background: #f8f0fc;
  color: #68257f;
  font-size: 11px;
  font-weight: 700;
}
.modal-material-rodape {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  gap: 8px;
  margin: 0;
  padding: 13px 18px;
  border-top: 1px solid #e9e4ec;
  background: #fff;
  box-shadow: 0 -3px 12px rgba(50, 35, 60, .04);
  text-align: initial;
}
.modal-material-rodape-info {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-right: auto;
  color: #8b828f;
  font-size: 10px;
}
.modal-material-rodape-info i {
  color: #7c00b8;
}
.modal-material .btn-material > i {
  margin-right: 5px;
}
.modal-material .btn-material-outlined > i {
    margin-right: 5px;
}

.modal-notificacao-alta .modal-dialog {
  max-width: 1040px;
}
.modal-notificacao-alta .modal-helper-conteudo-com-regioes > .modal-body {
  display: flex;
  padding: 0 !important;
  background: #fff;
}
.notificacao-alta-cabecalho .modal-material-cabecalho-icone {
  background: #7c00b8;
}
.notificacao-alta-shell {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 100%;
}
.notificacao-alta-painel {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  overflow: visible;
}
.notificacao-alta-topo {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  padding: 16px 22px;
  border-bottom: 1px solid #eee7f3;
  background: linear-gradient(115deg, #fff 0%, #fbf7fd 70%, #f6f9fc 100%);
}
.notificacao-alta-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  border: 1px solid #e5dceb;
  border-radius: 12px;
  background: #fff;
}
.notificacao-alta-avatar img {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  object-fit: cover;
}
.notificacao-alta-identidade {
  min-width: 0;
}
.notificacao-alta-identidade h3 {
  margin: 0;
  color: #33283b;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
}
.notificacao-alta-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 7px;
}
.notificacao-alta-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  border: 1px solid #e8e0ed;
  border-radius: 999px;
  background: #fff;
  color: #786f7f;
  font-size: 11px;
  font-weight: 700;
}
.notificacao-alta-meta > span > span {
  display: inline;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}
.notificacao-alta-meta .notificacao-alta-meta-data {
  border-color: #e8e0ed;
  background: #fff;
  color: #756d7b;
}
.notificacao-alta-meta .notificacao-alta-meta-data i {
  color: #8f8595;
}
.notificacao-alta-meta .notificacao-alta-meta-tipo {
  border-color: #e7dcf0;
  background: #fbf7fd;
  color: #6a287f;
}
.notificacao-alta-meta i {
  color: #7c00b8;
}
.notificacao-alta-meta .notificacao-alta-prioridade {
  border-color: #f1d6ad;
  background: #fff8ed;
  color: #8a5a09;
}
.notificacao-alta-meta .notificacao-alta-prioridade i {
  color: #d48611;
}
.notificacao-alta-conteudo {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
  overflow: visible;
}
.notificacao-alta-conteudo-html {
  width: 100%;
  min-height: 100%;
  padding: 18px 22px 24px;
  overflow: visible;
  background: #f7f5f9;
}
.notificacao-alta-conteudo-html,
.notificacao-alta-conteudo-html * {
  box-sizing: border-box;
}
.notificacao-alta-conteudo-html > * {
  max-width: 100%;
  margin-right: auto !important;
  margin-left: auto !important;
}
.notificacao-alta-conteudo-html > :first-child {
  margin-top: 0 !important;
}
.notificacao-alta-conteudo-html > :last-child {
  margin-bottom: 0 !important;
}
.notificacao-alta-conteudo-html img,
.notificacao-alta-conteudo-html video,
.notificacao-alta-conteudo-html iframe,
.notificacao-alta-conteudo-html table {
  max-width: 100%;
}
.notificacao-alta-conteudo-html table {
  width: 100%;
}
.notificacao-alta-conteudo-html .notification {
  padding: 22px;
  color: #403746;
  font-size: 14px;
  line-height: 1.65;
  white-space: pre-line;
}
.notificacao-alta-conteudo-html .banner-img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 16px;
  border-radius: 8px;
}
.notificacao-alta-conteudo-texto {
  min-height: 100%;
  padding: 22px;
  background: #f7f5f9;
  color: #403746;
  font-size: 14px;
  line-height: 1.7;
  white-space: pre-wrap;
}
.notificacao-alta-rodape {
  gap: 10px;
}
.notificacao-alta-navegacao {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  margin-right: 4px;
}
.notificacao-alta-navegacao > span {
  min-width: 44px;
  color: #675b6d;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
}
.notificacao-alta-nav {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 0 !important;
}
.notificacao-alta-nav[disabled] {
  opacity: .38;
  cursor: not-allowed;
}

@media (max-width: 620px) {
  .modal-material .modal-dialog {
    width: calc(100% - 16px) !important;
    margin: 8px;
  }
  .modal-material-cabecalho,
  .modal-material-rodape {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .modal-material-cabecalho.modal-header {
    padding-right: 62px;
  }
  .modal-material-cabecalho .modal-helper-cabecalho-acoes {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 12px;
    border-left: 0;
  }
  .modal-material-cabecalho .hint-text-inst-keys-datatable,
  .modal-material-identificador,
  .modal-material-rodape-info {
    display: none;
  }
  .modal-material-rodape .btn-material {
    flex: 1;
  }
  .notificacao-alta-topo {
    align-items: flex-start;
    padding: 12px;
  }
  .notificacao-alta-identidade h3 {
    font-size: 14px;
  }
  .notificacao-alta-meta {
    gap: 5px;
  }
  .notificacao-alta-meta span {
    font-size: 10px;
  }
  .notificacao-alta-rodape {
    align-items: stretch;
  }
  .notificacao-alta-navegacao {
    order: -1;
    justify-content: center;
    width: 100%;
    margin: 0 0 4px;
  }
}

@media (max-width: 991px) {
  .modal-material.modal-material-full-height .modal-dialog {
    width: calc(100% - 16px) !important;
    height: calc(100vh - var(--modal-material-mobile-gap));
    margin: 8px;
  }
}

/* Outlined */
/* .btn-material-outlined { */
/*   color: var(--primary-medium) !important; */
/*   background: transparent !important; */
/*   border: 1px solid color-mix(in srgb, var(--primary-medium) 60%, #fff 40%) !important; */
/*   border-radius: var(--radius) !important; */
/* } */
.btn-material-outlined:hover,
.btn-material-outlined:focus {
  background: var(--primary-50) !important;
  border-color: var(--primary-medium) !important;
}

/* FABs */
.btn-material-fab { color: #fff !important; }
.btn-material-fab-card,
.btn-material-fab-card:hover,
.btn-material-fab-card:focus { color: var(--primary-medium) !important; }

/* ===== Inputs / Select2 / Foco ===== */
/* .form-control { */
/*   color: var(--on-surface); */
/*   border: 1px solid var(--outline); */
/*   border-radius: var(--radius); */
/*   padding: 6px 10px; */
/*   height: 30px; */
/* } */
.form-control:focus,
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
  border-width: 2px !important;
  border-color: var(--primary-medium) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-medium) 18%, #fff 82%) !important;
}
.select2 { width: 100%; }
.select2-container--bootstrap .select2-selection {
  border-radius: var(--radius);
  border: 1px solid var(--outline);
  padding: 6px 10px;
}
/* .select2-container--bootstrap .select2-dropdown { */
/*   border: none; */
/*   border-radius: .5rem; */
/*   box-shadow: var(--elevate2); */
/* } */
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background: rgba(76,78,100,.05); color: inherit; }
.select2-container--bootstrap .select2-results__option[aria-selected=true] { background: #F5F0F8; color: inherit; }
/* .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { */
/*   height: 24px;  */
/*   border-radius: .625rem;  */
/* /*   font-size: .7rem; */ */
/*   background: rgba(130,61,170,.14);  */
/*   color: var(--primary-medium); */
/* } */

/* ===== DataTables / Tables ===== */
.table-responsive { width: 100% !important; }
.table>thead>tr>th,
.dataTable-material th {
  padding: 6px 4px;
  background: #F6F4F9 !important;
  color: #5B5B5B !important;
  font-weight: 600 !important;
}
.table>tbody>tr>td { padding: 4px 2px; }
table.dataTable.table-hover>tbody>tr:not(.group):hover>* { box-shadow: inset 0 0 0 9999px #f3edff !important; }

/* ===== Paginação ===== */
/* .pagination>li>a, .pagination>li>span { */
/*   width: 30px; height: 30px; display: flex !important; align-items: center; justify-content: center; */
/*   border-radius: 50% !important; color: #999; background: #fff; border: 1px solid #eee; font-weight: 700 !important; */
/* } */
/* .pagination>.active>a, .pagination>.active>span { */
/*   color: #fff; background: var(--primary-medium); border-color: var(--primary-medium); */
/*   box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%); */
/* } */

/* ===== Tooltips ===== */
.tooltip-inner { max-width: 500px !important; background: var(--primary-medium) !important; border-radius: .5rem; }
.tooltip .arrow::before {
  border-left-color: var(--primary-medium) !important;
  border-bottom-color: var(--primary-medium) !important;
  border-top-color: var(--primary-medium) !important;
}

/* ===== Alertas (mais sóbrios) ===== */
.alert-material { border-radius: var(--radius); padding: 6px 16px; }
.alert-material.alert-material-success { background: #EAF7E3 !important; color: #2E7D32 !important; }
.alert-material.alert-material-warning { background: #FFF5E1 !important; color: #B26A00 !important; }
.alert-material.alert-material-danger  { background: #FDE7E7 !important; color: #C62828 !important; }

/* ===== Scrollbar (compacto) ===== */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #999; }

/* ===== Misc util ===== */
.blockUI.blockMsg.blockElement { top: 20% !important; }
.wrap-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wrap-text-150 { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrap-text-250 { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*Quick Search*/
.mqsh-no-scroll { overflow: hidden !important; }
.mqsh-overlay { position: fixed; inset: 0; background: rgba(10,10,10,.45); backdrop-filter: blur(2px); z-index: 9999; display: none; padding: 6vh 16px; }
.mqsh-panel { max-width: 860px; margin: 0 auto; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; max-height: calc(100vh - 12vh); }
.mqsh-head { padding: 5px 12px; }
.mqsh-head .mqsh-input {
	height: 44px;
/* 	font-size: 1rem;  */
}

/* === Área rolável (só ela rola) === */
.mqsh-body { flex: 1; min-height: 0; overflow: auto; padding: 0; }
.mqsh-results { padding: 12px; }

/* === Header flutuante estilo Spotlight === */


/* === Seções e headers de grupo === */
.mqsh-section { margin-bottom: 14px; }
/* .mqsh-body { --mqsh-float-h: 0px; } altura do flutuante para os stickies internos */
.mqsh-section-header{ position: sticky; z-index: 6; background: #fff; padding: 8px 10px; font-weight: 600; border-left: 4px solid var(--primary-medium); border-radius: 6px; display: flex; align-items: center; gap: 8px; margin-bottom: 8px; box-shadow: var(--elevate1);}
/* não duplicar visual com o flutuante (esconde o header do grupo “no topo”) */
/* .mqsh-body.has-float .mqsh-section.is-top > .mqsh-section-header{ display: none; } */

/* === Lista e itens === */
.mqsh-list .mqsh-item { display: grid; grid-template-columns: 1fr; padding: 10px 12px; }
.mqsh-item:focus, .mqsh-item:hover { background-color: #f6e7ff !important; border-color: #f6e7ff !important; }
.mqsh-item.active { z-index: 2 !important;
    color: unset !important;
    background-color: #f6e8ff !important;
    border-color: #f6e8ff !important;}
/* ao navegar por teclado, o item não fica escondido atrás do flutuante */
.mqsh-list { margin-bottom: 0px; }
.mqsh-list .mqsh-item { scroll-margin-top: calc(var(--mqsh-float-h, 0px) + 8px); }

.mqsh-item-title { font-weight: 600; }
.mqsh-item-path { margin-left: 8px; font-weight: 400; opacity: .6; }
.mqsh-item-desc {
/* 	font-size: .9rem;  */
	opacity: .8;
}

.mqsh-empty, .mqsh-tip {
	text-align: center;
	opacity: 1;
	padding: 24px;
	color: white;
	padding-top: 5px;
/* 	font-size: 1rem;  */
}
.mqsh-tip-k kbd { background: #eee; border-radius: 4px; padding: 2px 6px; margin: 0 2px; }

/* === Contadores e "ver mais" === */
.mqsh-count {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: var(--radius);
/* 	font-size: 11px;  */
	line-height: 20px;
	background: #999;
	color: #fff;
}
.mqsh-more {
	display:block;
	padding:8px 12px;
	cursor:pointer;
	user-select:none;
/* 	font-size: 1rem;  */
	color:var(--primary-medium);
	text-align:center;
}
.mqsh-more:hover{ text-decoration:underline; }
.mqsh-more:focus{ outline:none; }

/* container rolável aplica o offset para stickies internos */
.mqsh-body{ --mqsh-stack-h: 0px; }

/* headers “normais” usam o offset da pilha */
.mqsh-section-header{
  position: sticky;
  top: var(--mqsh-stack-h);
  z-index: 6;
  background:#fff;
}

/* pilha fixa no topo do container rolável */
.mqsh-stack{
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 0px;
  background: transparent;
}

/* clones dentro da pilha NÃO são sticky */
.mqsh-stack .mqsh-stack-item{
  position: static !important;
  top: auto !important;
  margin-left: 12px;
  margin-bottom: 0px;
  margin-right: 12px;
  border-radius: 0px;
}

/* quando empilhado, esconde o header local para não duplicar visual */
.mqsh-section.is-stacked > .mqsh-section-header{ visibility: hidden; }

/* itens não ficarem atrás dos headers */
.mqsh-list .mqsh-item{ scroll-margin-top: calc(var(--mqsh-stack-h,0px) + 8px); }

.mqsh-stach:first-child {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px;
}

/*Loading*/
/* estado normal do botão */
.btn-material {
  position: relative;
  transition: all 0.2s ease;
}
/* quando entra em loading */
.btn-material.is-loading {
  pointer-events: none;   /* evita cliques via CSS também */
  opacity: 0.8;
}

li > a.is-loading {
  position: relative;
  pointer-events: none;   /* evita cliques via CSS também */
  opacity: 0.8;
}

/* spinner */
.btn-material.is-loading::after,
li > a.is-loading::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 2px solid var(--primary-medium);
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.required {
    color: #ff0000;
    margin-left: 4px;
}

.form-group:has(:is(input, select, textarea)[required]) > label:not(:has(.required))::after {
    content: " *";
    color: #ff0000;
    font-weight: bold;
}

/* animação de rotação */
@keyframes spin {
  to { transform: translateY(-50%) rotate(360deg); }
}

#isl-connectbox .container-sm {  max-width: 450px;  padding-left: 15px;  padding-right: 15px;  margin-right: auto;  margin-left: auto;  }
#isl-connectbox .form-input-wrapper span.loader-icon {  top: 9px;}
#isl-connectbox .m-b-10 {  margin-bottom: 10px;  }
input#text-no-code { display: none; }
#isl-connectbox .m-t-100 { margin-top: 10px; }

/* Hide download bubble */
/*div#islonline-download-pointer{display: none !important;}*/

.ai-helper{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 50%;
  background: rgba(16, 18, 27, 0.85);
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
  cursor: pointer;
  z-index: 1050; /* acima da página; Bootstrap modal usa 1050+ */
  outline: none;
}

.ai-helper__orb{
  position:absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%,
    rgba(105, 236, 255, .95),
    rgba(113, 92, 255, .75) 45%,
    rgba(0, 0, 0, 0) 70%);
  filter: blur(.2px);
  animation: aiPulse 1.8s ease-in-out infinite;
}

.ai-helper__icon{
  position:absolute;
  inset: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  font: 700 14px/1 Arial, sans-serif;
  letter-spacing: .6px;
  color: rgba(255,255,255,.92);
  text-shadow: 0 0 12px rgba(120, 220, 255, .45);
}

.ai-helper__badge{
  position:absolute;
  top: -6px;
  right: -6px;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 11px;
  background: #ff3b6b;
  color: #fff;
  font: 700 12px/22px Arial, sans-serif;
  box-shadow: 0 6px 16px rgba(255, 59, 107, .35);
}

@keyframes aiPulse{
  0%   { transform: scale(1);   opacity: .85; }
  50%  { transform: scale(1.08); opacity: 1;  }
  100% { transform: scale(1);   opacity: .85; }
}

/* opcional: “anel” brilhante ao redor */
.ai-helper::after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius: 50%;
  border: 1px solid rgba(120, 220, 255, .35);
  box-shadow: 0 0 18px rgba(120, 220, 255, .25);
  animation: aiRing 2.4s linear infinite;
}

@keyframes aiRing{
  0%   { opacity: .15; transform: scale(.98); }
  50%  { opacity: .55; transform: scale(1.03); }
  100% { opacity: .15; transform: scale(.98); }
}


/*Tela Gerenciamento de Arquivos*/
.ger-arq-toolbar { margin-bottom: 10px; display: flex; gap: 8px; align-items: center; }
	.ger-arq-toolbar.text-right { justify-content: flex-end; }
	.ger-arq-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		min-width: 40px;
		height: 32px;
		padding: 0 14px;
		border-radius: 8px;
		border: 1px solid transparent;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		box-shadow: 0 6px 14px rgba(0, 0, 0, .10);
		white-space: nowrap;
		text-decoration: none !important;
		transition: background .15s ease, box-shadow .15s ease, transform .15s ease;
	}
	.ger-arq-btn:hover {
		transform: translateY(-1px);
		box-shadow: 0 8px 18px rgba(0, 0, 0, .14);
	}
	.ger-arq-btn-primary,
	.ger-arq-btn-primary:hover,
	.ger-arq-btn-primary:focus {
		background: #8a00d4;
		color: #fff !important;
		border-color: #8a00d4;
	}
	.ger-arq-btn-light,
	.ger-arq-btn-light:hover,
	.ger-arq-btn-light:focus {
		background: #fff;
		color: #666 !important;
		border-color: #eee;
	}
	.ger-arq-btn-icon {
		width: 36px;
		padding: 0;
		min-width: 36px;
	}
	.ger-arq-btn.disabled {
		opacity: .5;
		pointer-events: none;
	}
	.ger-arq-pastas {
		border: 1px solid #eee;
		border-radius: 4px;
		min-height: 360px;
		max-height: 520px;
		overflow: auto;
		background: #fff;
		padding: 4px;
	}
	.ger-arq-pasta-item {
		display: flex;
		align-items: center;
		gap: 6px;
		height: 27px;
		padding: 0 7px;
		color: #333;
		border-radius: 4px;
		font-size: 12px;
		white-space: nowrap;
		position: relative;
	}
	.ger-arq-pasta-item:hover,
	.ger-arq-pasta-item.active {
		color: #8a00d4;
		background: #eaf3ff;
		text-decoration: none;
	}
	.ger-arq-pasta-item .ger-arq-pasta-nome {
		flex: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.ger-arq-pasta-item .ger-arq-pasta-caret {
		width: 12px;
		color: #6b7b92;
		text-align: center;
	}
	.ger-arq-pasta-item .ger-arq-pasta-icone {
		color: #f0b429;
		width: 14px;
	}
	.ger-arq-pasta-acoes {
		opacity: 0;
		color: #777;
		padding: 3px;
	}
	.ger-arq-pasta-item:hover .ger-arq-pasta-acoes {
		opacity: 1;
	}
	.ger-arq-pasta-menu-flutuante {
		position: absolute;
		z-index: 30000;
		width: 150px;
		background: #fff;
		border: 1px solid #eee;
		border-radius: 6px;
		box-shadow: 0 8px 20px rgba(0, 0, 0, .14);
		padding: 6px;
	}
	.ger-arq-pasta-menu-flutuante a {
		display: flex;
		align-items: center;
		gap: 7px;
		padding: 7px 8px;
		color: #444;
		border-radius: 4px;
		font-size: 12px;
		text-decoration: none;
	}
	.ger-arq-pasta-menu-flutuante a:hover {
		background: #efe0ff;
		color: #8a00d4;
	}
	.ger-arq-pasta-item .badge {
		background: #f1f1f1;
		color: #777;
		font-size: 10px;
		padding: 2px 5px;
	}
	.ger-arq-uploading {
		opacity: .55;
		pointer-events: none;
	}
	#gerenciamentoArquivosDatatable tbody tr.ger-arq-row-selected td {
		background: #efe0ff !important;
	}
	#gerenciamentoArquivosDatatable .ger-arq-nome-arquivo {
		display: inline-flex;
		align-items: center;
		gap: 5px;
		max-width: 360px;
		vertical-align: middle;
	}
	#gerenciamentoArquivosDatatable .ger-arq-nome-arquivo span {
		display: inline-block;
		max-width: 335px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#gerenciamentoArquivosDatatable .ger-arq-icone-arquivo {
		width: 14px;
		min-width: 14px;
		color: #6b7b92;
		text-align: center;
	}
	.ger-arq-metricas {
		display: grid;
		grid-template-columns: 1.4fr 1fr 1fr 1fr;
		gap: 18px;
		align-items: stretch;
	}
	.ger-arq-metrica {
		display: flex;
		align-items: center;
		gap: 12px;
		min-height: 54px;
	}
	.ger-arq-metrica strong {
		display: block;
		font-size: 14px;
		color: #111;
	}
	.ger-arq-metrica small {
		display: block;
		color: #777;
		margin-top: 2px;
	}
	.ger-arq-metrica-icone {
		width: 38px;
		height: 38px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 8px;
		font-size: 16px;
	}
	.ger-arq-metrica-azul { background: #dff5ff; color: #20a9e8; }
	.ger-arq-metrica-verde { background: #e6ffd9; color: #52d529; }
	.ger-arq-metrica-laranja { background: #fff1d8; color: #ff9f1a; }
	.ger-arq-metrica-roxa { background: #efe0ff; color: #8a00d4; }
	.ger-arq-metrica-barra {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 12px;
		align-items: center;
	}
	.ger-arq-metrica-barra .progress {
		height: 8px;
		margin: 0;
		background: #e6e6e6;
	}
	.ger-arq-metrica-barra .progress-bar {
		background: #2b7de9;
	}
	.ger-arq-detalhes-drawer {
		position: fixed;
		top: 55px;
		right: 0;
		width: 360px;
		max-width: calc(100vw - 30px);
		height: calc(100vh - 55px);
		background: #fff;
		z-index: 30060;
		padding: 24px 18px;
		box-shadow: -10px 0 28px rgba(0, 0, 0, .12);
		transform: translateX(105%);
		transition: transform .18s ease;
		overflow: auto;
		border-left: 1px solid #eee;
	}
	.ger-arq-detalhes-drawer.open {
		transform: translateX(0);
	}
	.ger-arq-detalhes-vazio {
		display: flex;
		min-height: 260px;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		color: #aaa;
		gap: 8px;
	}
	.ger-arq-detalhes-titulo {
		color: #8a00d4;
		font-weight: 700;
		margin-bottom: 10px;
	}
	.ger-arq-detalhes-nome {
		display: flex;
		align-items: flex-start;
		gap: 7px;
		font-size: 15px;
		font-weight: 700;
		margin-bottom: 10px;
		word-break: break-word;
	}
	.ger-arq-detalhes-nome .ger-arq-icone-arquivo {
		margin-top: 2px;
		color: #6b7b92;
	}
	.ger-arq-detalhes-linha {
		display: flex;
		justify-content: space-between;
		gap: 10px;
		padding: 4px 0;
		font-size: 12px;
	}
	.ger-arq-detalhes-linha span:first-child {
		color: #777;
	}
	.ger-arq-detalhes-linha span:last-child {
		text-align: right;
		word-break: break-word;
	}
	.ger-arq-detalhes-acoes {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
		margin-top: 14px;
	}
	.ger-arq-detalhes-acoes .disabled {
		opacity: .45;
		pointer-events: none;
	}
	.ger-arq-modal-actions {
		display: flex;
		justify-content: flex-end;
		gap: 10px;
		padding: 14px 16px;
	}
	#modalGerenciamentoArquivosPasta .modal-dialog {
		margin-top: 90px;
	}
	#modalGerenciamentoArquivosPasta,
	#modalGerenciamentoArquivosPermissao,
	#modalGerenciamentoArquivosMover,
	#modalGerenciamentoArquivosPastaMover,
	#modalGerenciamentoArquivosUpload,
	#modalGerenciamentoArquivosResumoPermissoes {
		z-index: 20050 !important;
	}
	.modal-backdrop.ger-arq-backdrop {
		z-index: 20040 !important;
	}
	#modalGerenciamentoArquivosPasta .modal-content,
	#modalGerenciamentoArquivosPermissao .modal-content,
	#modalGerenciamentoArquivosMover .modal-content,
	#modalGerenciamentoArquivosPastaMover .modal-content,
	#modalGerenciamentoArquivosUpload .modal-content,
	#modalGerenciamentoArquivosResumoPermissoes .modal-content {
		border-radius: 8px;
		overflow: hidden;
	}
	#modalGerenciamentoArquivosPasta .modal-body {
		padding: 18px 18px 4px 18px;
	}
	#modalGerenciamentoArquivosPasta .modal-header,
	#modalGerenciamentoArquivosPermissao .modal-header,
	#modalGerenciamentoArquivosMover .modal-header,
	#modalGerenciamentoArquivosPastaMover .modal-header,
	#modalGerenciamentoArquivosUpload .modal-header,
	#modalGerenciamentoArquivosResumoPermissoes .modal-header {
		border-bottom: 1px solid #e8dff0;
	}
	.ger-arq-mover-pastas {
		border: 1px solid #eee;
		border-radius: 4px;
		max-height: 300px;
		overflow: auto;
	}
	.ger-arq-mover-pasta {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 7px 12px;
		border-bottom: 1px solid #f4f4f4;
		color: #555;
		cursor: pointer;
	}
	.ger-arq-mover-pasta:hover,
	.ger-arq-mover-pasta.active {
		background: #efe0ff;
		color: #8a00d4;
	}
	.ger-arq-mover-pasta strong {
		display: block;
		max-width: 220px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 16px;
	}
	.ger-arq-mover-pasta small {
		display: block;
		max-width: 220px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 14px;
		margin-top: 1px;
	}
	.ger-arq-upload-item {
		border: 1px solid #eee;
		border-radius: 6px;
		padding: 10px 12px;
		margin-bottom: 10px;
	}
	.ger-arq-upload-topo {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin-bottom: 8px;
	}
	.ger-arq-upload-nome {
		font-weight: 700;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.ger-arq-upload-status {
		color: #777;
		font-size: 12px;
		white-space: nowrap;
	}
	.ger-arq-upload-item .progress {
		height: 7px;
		margin: 0;
		background: #e9e9e9;
	}
	.ger-arq-upload-item .progress-bar {
		background: #8a00d4;
	}
	.ger-arq-upload-item .progress-bar-danger {
		background: #d9534f;
	}
	.ger-arq-permissao-resumo {
		margin-top: 12px;
	}
	.ger-arq-permissao-resumo-titulo {
		color: #8a00d4;
		font-weight: 700;
		margin-bottom: 8px;
	}
	.ger-arq-permissao-labels {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}
	.ger-arq-permissao-chip {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		border-radius: 999px;
		padding: 2px 6px 2px 2px;
		background: #efe0ff;
		color: #5c1680;
		font-size: 11px;
		max-width: 100%;
	}
	.ger-arq-permissao-avatar {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: #8a00d4;
		color: #fff;
		font-size: 9px;
		font-weight: 800;
	}
	.ger-arq-permissao-nome {
		display: inline-block;
		max-width: 135px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		vertical-align: middle;
	}
	.ger-arq-permissao-chip-dpto {
		background: #e6f6ff;
		color: #176078;
	}
	.ger-arq-permissao-chip-dpto .ger-arq-permissao-avatar {
		background: #20a9e8;
	}
	.ger-arq-permissao-mais {
		cursor: pointer;
		background: #f1f1f1;
		color: #555;
		padding: 3px 7px;
	}
	.ger-arq-permissao-acoes {
		color: #777;
		font-size: 11px;
	}
	.ger-arq-resumo-permissoes-lista {
		max-height: 420px;
		overflow: auto;
	}
	.ger-arq-resumo-permissao-linha {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 10px 0;
	}
	.ger-arq-permissoes {
		max-height: 430px;
		overflow: auto;
		border: 1px solid #eee;
		border-radius: 4px;
	}
	.ger-arq-permissoes table {
		margin-bottom: 0;
	}
	.ger-arq-permissoes thead th {
		position: sticky;
		top: 0;
		z-index: 2;
		background: #f8f6fb;
	}
	.ger-arq-permissao-tabs .btn.active {
		background: #8a00d4;
		color: #fff;
		border-color: #8a00d4;
	}

/* ========================================================================== */
/* DESIGN SYSTEM V3 - componentes incrementais                               */
/* ========================================================================== */

/*
 * Automaton ERP - Design system incremental (V3)
 *
 * Componentes administrativos reutilizaveis e adaptadores legados.
 * Novas interfaces devem preferir os componentes `.ui-*` abaixo.
 */

/* 1. Tokens semanticos ===================================================== */
:root,
.beer.light {
  --ui-color-primary: var(--primary-medium, #7e01c9);
  --ui-color-primary-hover: #6800a7;
  --ui-color-primary-active: var(--primary-dark, #220035);
  --ui-color-primary-soft: #f4eaff;
  --ui-color-primary-border: #d9b9ea;
  --ui-color-text: var(--on-surface, #262626);
  --ui-color-text-muted: #716978;
  --ui-color-text-subtle: #918996;
  --ui-color-border: var(--border, #e6e0ec);
  --ui-color-border-strong: #d8cfdd;
  --ui-color-surface: var(--surface, #fff);
  --ui-color-surface-soft: #faf8fb;
  --ui-color-surface-muted: #f5f2f7;
  --ui-color-info: #087ea4;
  --ui-color-info-soft: #e9f7fc;
  --ui-color-success: #2e7d32;
  --ui-color-success-soft: #eaf7ed;
  --ui-color-warning: #946200;
  --ui-color-warning-soft: #fff6df;
  --ui-color-danger: #c93838;
  --ui-color-danger-soft: #fdecec;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-radius-sm: 6px;
  --ui-radius-md: 9px;
  --ui-radius-lg: 12px;
  --ui-radius-pill: 999px;
  --ui-shadow-sm: 0 2px 8px rgba(45, 30, 55, .06);
  --ui-shadow-md: 0 6px 18px rgba(45, 30, 55, .09);
  --ui-shadow-focus: 0 0 0 3px rgba(126, 1, 201, .14);
  --ui-font-xs: 10px;
  --ui-font-sm: 11px;
  --ui-font-md: 12px;
  --ui-font-lg: 14px;
  --ui-font-xl: 18px;
  --ui-control-height-sm: 30px;
  --ui-control-height: 34px;
  --ui-control-height-lg: 40px;
  --ui-transition: .18s ease;
}

/* 2. Acessibilidade e estados globais seguros ============================= */
:where(a, button, [role="button"], input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--ui-color-primary);
  outline-offset: 2px;
}

:where(button, [role="button"], .btn, .ui-action)[disabled],
:where(button, [role="button"], .btn, .ui-action).disabled,
[aria-disabled="true"] { cursor: not-allowed; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* 3. Acoes ================================================================= */
.ui-actions,
.ui-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ui-space-2); }
.ui-actions { justify-content: flex-end; }
.ui-actions--start { justify-content: flex-start; }
.ui-actions--between { justify-content: space-between; }

.ui-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--ui-control-height);
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: var(--ui-radius-md);
  font-size: var(--ui-font-md);
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background-color var(--ui-transition), border-color var(--ui-transition),
    box-shadow var(--ui-transition), color var(--ui-transition), transform var(--ui-transition);
}
.ui-button:hover { transform: translateY(-1px); }
.ui-button:active { transform: translateY(0); }
.ui-button[disabled], .ui-button.disabled { box-shadow: none; opacity: .55; pointer-events: none; transform: none; }
.ui-button--primary { background: var(--ui-color-primary); border-color: var(--ui-color-primary); color: #fff !important; box-shadow: 0 4px 10px rgba(126, 1, 201, .16); }
.ui-button--primary:hover, .ui-button--primary:focus { background: var(--ui-color-primary-hover); border-color: var(--ui-color-primary-hover); }
.ui-button--primary:active { background: var(--ui-color-primary-active); border-color: var(--ui-color-primary-active); }
.ui-button--secondary { background: #fff; border-color: var(--ui-color-border-strong); color: #5f5266 !important; box-shadow: var(--ui-shadow-sm); }
.ui-button--secondary:hover, .ui-button--secondary:focus { background: var(--ui-color-surface-muted); border-color: var(--ui-color-primary-border); color: #552067 !important; }
.ui-button--ghost { background: transparent; color: var(--ui-color-primary) !important; }
.ui-button--ghost:hover, .ui-button--ghost:focus { background: var(--ui-color-primary-soft); }
.ui-button--danger { background: var(--ui-color-danger); border-color: var(--ui-color-danger); color: #fff !important; }
.ui-button--sm { min-height: var(--ui-control-height-sm); padding: 0 10px; font-size: var(--ui-font-sm); }
.ui-button--lg { min-height: var(--ui-control-height-lg); padding: 0 18px; font-size: var(--ui-font-lg); }
.ui-button--icon { width: var(--ui-control-height); padding: 0; }

.ui-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--ui-color-text-muted);
  transition: background-color var(--ui-transition), color var(--ui-transition), transform var(--ui-transition);
}
.ui-icon-button:hover, .ui-icon-button:focus { background: var(--ui-color-primary-soft); color: var(--ui-color-primary); transform: translateY(-1px); }
.ui-icon-button--danger:hover, .ui-icon-button--danger:focus { background: var(--ui-color-danger-soft); color: var(--ui-color-danger); }

/* 4. Campos e rotulos ====================================================== */
.ui-field { min-width: 0; margin-bottom: var(--ui-space-3); }
.ui-label,
.ui-eyebrow { display: block; margin-bottom: 5px; color: #625a67; font-size: var(--ui-font-sm); font-weight: 700; }
.ui-eyebrow { margin-bottom: 2px; color: var(--ui-color-text-muted); font-size: var(--ui-font-xs); font-weight: 800; letter-spacing: .3px; line-height: 1.3; text-transform: uppercase; }
.ui-required::after { content: " *"; color: var(--ui-color-danger); font-weight: 800; }
.ui-help { display: block; min-height: 15px; margin-top: 4px; color: var(--ui-color-text-subtle); font-size: var(--ui-font-xs); }
.ui-error { display: block; margin-top: 4px; color: var(--ui-color-danger); font-size: var(--ui-font-xs); font-weight: 700; }
.ui-control {
  width: 100%;
  min-height: var(--ui-control-height);
  padding: 6px 10px;
  border: 1px solid var(--ui-color-border-strong);
  border-radius: var(--ui-radius-sm);
  background: #fff;
  color: var(--ui-color-text);
  box-shadow: none;
  transition: border-color var(--ui-transition), box-shadow var(--ui-transition), background-color var(--ui-transition);
}
.ui-control:hover:not(:disabled):not([readonly]) { border-color: #bbaec3; }
.ui-control:focus { border-color: var(--ui-color-primary); box-shadow: var(--ui-shadow-focus); outline: 0; }
.ui-control:disabled, .ui-control[readonly] { background: var(--ui-color-surface-muted); color: var(--ui-color-text-muted); }
.ui-control[aria-invalid="true"], .ui-field--error .ui-control { border-color: var(--ui-color-danger); }

/* 5. Superficies, secoes e grids ========================================== */
.ui-surface { border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-lg); background: var(--ui-color-surface); box-shadow: var(--ui-shadow-sm); }
.ui-section { padding: var(--ui-space-4); }
.ui-section + .ui-section { margin-top: var(--ui-space-3); }
.ui-section-header { display: flex; align-items: center; justify-content: space-between; gap: var(--ui-space-3); margin-bottom: var(--ui-space-4); }
.ui-section-heading { display: flex; align-items: center; gap: 9px; min-width: 0; }
.ui-section-heading > i { color: var(--ui-color-primary); }
.ui-section-heading strong { color: #332b37; font-size: var(--ui-font-lg); }
.ui-section-heading small { display: block; margin-top: 2px; color: var(--ui-color-text-subtle); font-size: var(--ui-font-xs); font-weight: 400; }
.ui-step { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; background: var(--ui-color-primary-soft); color: var(--ui-color-primary); font-size: var(--ui-font-sm); font-weight: 800; }
.ui-grid { display: grid; gap: var(--ui-space-2); min-width: 0; }
.ui-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ui-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ui-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ui-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ui-grid__span-2 { grid-column: span 2; }
.ui-grid__span-full { grid-column: 1 / -1; }

/* 6. Informacoes e metricas =============================================== */
.ui-info { min-width: 0; min-height: 48px; padding: var(--ui-space-2) 10px; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-sm); background: var(--ui-color-surface-soft); }
.ui-info__value { display: block; margin-top: 2px; overflow: hidden; color: #303541; font-size: var(--ui-font-md); font-weight: 700; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; }
.ui-info__value--wrap { overflow: visible; white-space: normal; }
.ui-metric { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 58px; padding: 10px 12px; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); background: #fff; }
.ui-metric__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: var(--ui-radius-sm); background: var(--ui-color-primary-soft); color: var(--ui-color-primary); }
.ui-metric__content { min-width: 0; }
.ui-metric__label { display: block; color: var(--ui-color-text-muted); font-size: var(--ui-font-sm); line-height: 14px; }
.ui-metric__value { display: block; color: #242831; font-size: 16px; font-weight: 800; line-height: 20px; font-variant-numeric: tabular-nums; }
.ui-metric--success { border-color: #bee0c5; background: var(--ui-color-success-soft); }
.ui-metric--success .ui-metric__icon, .ui-metric--success .ui-metric__value { color: var(--ui-color-success); }
.ui-metric--danger { border-color: #efcaca; background: var(--ui-color-danger-soft); }
.ui-metric--danger .ui-metric__icon, .ui-metric--danger .ui-metric__value { color: var(--ui-color-danger); }

/* 7. Chips e status ======================================================== */
.ui-chip { display: inline-flex; align-items: center; gap: 4px; min-height: 20px; padding: 1px 8px; border: 1px solid transparent; border-radius: var(--ui-radius-pill); background: var(--ui-color-surface-muted); color: #616775; font-size: var(--ui-font-xs); font-weight: 800; line-height: 16px; white-space: nowrap; }
.ui-chip--primary { background: var(--ui-color-primary-soft); border-color: #e4caef; color: var(--ui-color-primary); }
.ui-chip--info { background: var(--ui-color-info-soft); border-color: #c4e7f2; color: var(--ui-color-info); }
.ui-chip--success { background: var(--ui-color-success-soft); border-color: #c6e7cd; color: var(--ui-color-success); }
.ui-chip--warning { background: var(--ui-color-warning-soft); border-color: #efdcae; color: var(--ui-color-warning); }
.ui-chip--danger { background: var(--ui-color-danger-soft); border-color: #efcaca; color: var(--ui-color-danger); }

/* 8. Listas, cartoes de acao e estados ==================================== */
.ui-list { display: flex; flex-direction: column; gap: var(--ui-space-2); }
.ui-list-item { display: flex; align-items: center; gap: var(--ui-space-3); min-width: 0; padding: 10px 12px; border: 1px solid var(--ui-color-border); border-radius: var(--ui-radius-md); background: #fff; transition: border-color var(--ui-transition), box-shadow var(--ui-transition), transform var(--ui-transition); }
.ui-list-item:hover { border-color: var(--ui-color-primary-border); box-shadow: var(--ui-shadow-md); transform: translateY(-1px); }
.ui-list-item__content { flex: 1; min-width: 0; }
.ui-action-card { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 52px; padding: 8px 10px; border: 1px solid var(--ui-color-border-strong); border-radius: var(--ui-radius-md); background: #fff; color: #353a47; text-align: left; transition: border-color var(--ui-transition), box-shadow var(--ui-transition), color var(--ui-transition), transform var(--ui-transition); }
.ui-action-card:hover, .ui-action-card:focus { border-color: var(--ui-color-primary-border); box-shadow: var(--ui-shadow-md); color: var(--ui-color-primary); outline: 0; transform: translateY(-1px); }
.ui-action-card__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 7px; background: var(--ui-color-primary-soft); color: var(--ui-color-primary); }
.ui-action-card__content { flex: 1; min-width: 0; }
.ui-action-card__title { display: block; color: #303541; font-size: var(--ui-font-xs); font-weight: 800; line-height: 13px; text-transform: uppercase; }
.ui-action-card__description { display: block; margin-top: 2px; overflow: hidden; color: #838895; font-size: 9px; line-height: 12px; text-overflow: ellipsis; white-space: nowrap; }
.ui-empty-state { display: flex; align-items: center; justify-content: center; gap: var(--ui-space-3); min-height: 88px; padding: var(--ui-space-4); border: 1px dashed var(--ui-color-border-strong); border-radius: var(--ui-radius-md); background: var(--ui-color-surface-soft); color: var(--ui-color-text-muted); text-align: left; }
.ui-empty-state > i { color: #aa9eb1; font-size: 22px; }
.ui-empty-state strong { display: block; color: #655d69; font-size: var(--ui-font-sm); }
.ui-empty-state small { display: block; margin-top: 2px; color: var(--ui-color-text-subtle); font-size: var(--ui-font-xs); }
.ui-skeleton { overflow: hidden; border-radius: var(--ui-radius-sm); background: linear-gradient(90deg, #ece9f0 25%, #f8f6f9 50%, #ece9f0 75%); background-size: 200% 100%; animation: ui-skeleton-pulse 1.35s ease-in-out infinite; }
@keyframes ui-skeleton-pulse { from { background-position: 200% 0; } to { background-position: -200% 0; } }

/* 9. Modais ================================================================ */
.modal-material .modal-content { border: 0; box-shadow: 0 18px 50px rgba(35, 20, 43, .18); }
.modal-material .modal-helper-conteudo-com-regioes > .modal-body { scrollbar-gutter: stable; }
.modal-material-cabecalho-texto strong, .modal-material-cabecalho-texto span { overflow: hidden; text-overflow: ellipsis; }
.modal-material-cabecalho-texto strong { line-height: 1.3; }
.modal-material-cabecalho-texto span { line-height: 1.4; }
.modal-material-rodape .btn-material { min-width: 92px; }
.modal-material .ui-surface { border-color: var(--ui-color-border); box-shadow: 0 3px 10px rgba(76, 78, 100, .03); }
.modal-material .ui-section { padding: 18px; border-radius: 10px; }
.modal-material .ui-section-header {
  min-height: 32px;
  margin-bottom: 17px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--ui-color-border);
}
.modal-material .ui-section-header > div {
  display: flex;
  align-items: center;
}
.modal-material .ui-section-header .ui-step {
  flex: 0 0 23px;
  width: 23px;
  height: 23px;
  margin-right: 10px;
  border-radius: 7px;
  background: var(--ui-color-primary-soft);
  color: var(--ui-color-primary);
  font-size: 11px;
  font-weight: 700;
}
.modal-material .ui-section-header strong {
  color: #262338;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}
.modal-material .ui-section-header small {
  color: var(--ui-color-text-subtle);
  font-size: 10px;
  font-weight: 400;
}

/* 10. Adaptadores dos componentes atuais ================================== */
.panel-material-cabecalho-acoes, .modal-material-rodape, .baixa-lancamento-rodape { gap: var(--ui-space-2); }
.produto-tarefa-secao, .pessoa-detalhe-card, .pessoa-cliente-detalhe-hero { border-color: var(--ui-color-border); box-shadow: var(--ui-shadow-sm); }
.produto-tarefa-etapa-numero { background: var(--ui-color-primary-soft); color: var(--ui-color-primary); }
.produto-tarefa-arquivos-vazio { min-height: 88px; border-color: var(--ui-color-border-strong); background: var(--ui-color-surface-soft); }
.credito-badge, .financeiro-credito-badge, .pessoa-cliente-status-chip { font-variant-numeric: tabular-nums; }
.financeiro-credito-valor-movimento, .financeiro-credito-pessoa-saldo strong, .baixa-lancamento-metricas strong { font-variant-numeric: tabular-nums; }

/* 11. Responsividade ======================================================= */
@media (max-width: 991px) {
  .ui-grid--4, .ui-grid--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .ui-section { padding: var(--ui-space-3); }
  .ui-section-header { align-items: flex-start; flex-wrap: wrap; }
  .ui-actions { width: 100%; }
  .ui-actions > .ui-button { flex: 1 1 auto; }
  .ui-grid--2, .ui-grid--3, .ui-grid--4, .ui-grid--5 { grid-template-columns: 1fr; }
  .ui-grid__span-2 { grid-column: auto; }
  .ui-action-card__description { white-space: normal; }
  .modal-material-rodape .btn-material { min-width: 0; }
}

/* 12. Totalizadores e widgets ============================================= */
.ui-summary-panel {
  overflow: hidden;
  border: 1px solid var(--ui-color-border) !important;
  border-radius: var(--ui-radius-lg) !important;
  background: var(--ui-color-surface);
  box-shadow: var(--ui-shadow-sm) !important;
}

.ui-summary-panel > .panel-heading,
.ui-summary-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 48px;
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--ui-color-border) !important;
  background: linear-gradient(135deg, #fbf8fd, #fff);
  color: var(--ui-color-primary);
  font-size: var(--ui-font-md);
  font-weight: 800;
}
.ui-summary-panel__title {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
}
.ui-summary-panel__title > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ui-summary-panel__title strong {
  display: block;
  overflow: hidden;
  color: var(--ui-color-primary);
  font-size: var(--ui-font-md);
  font-weight: 800;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-summary-panel__title small {
  /* display: block;
  margin-top: 2px;
  overflow: hidden;
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-font-sm);
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap; */
  color: var(--ui-color-text-subtle);
  font-size: var(--ui-font-sm);
  font-weight: 400;
  margin-top: 2px;
}
.ui-summary-panel__title > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: var(--ui-color-primary-soft);
  color: var(--ui-color-primary);
  font-size: 14px;
}

.ui-summary-panel > .panel-body { padding: 10px 16px !important; }

.ui-summary-grid {
  display: grid;
  align-items: stretch;
  gap: 10px 18px;
  margin: 0;
}
.ui-summary-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ui-summary-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ui-summary-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ui-summary-grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.ui-summary-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 44px;
  padding: 2px 0;
}

.ui-summary-item + .ui-summary-item::before {
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: -9px;
  width: 1px;
  background: var(--ui-color-border);
  content: "";
}

.ui-summary-item--total {
  padding: 2px 0;
}

.ui-summary-item__content,
.widget-material-content { min-width: 0; }
.ui-summary-item > div:last-child { min-width: 0; }

.ui-context-header { margin-bottom: 10px; }
.ui-context-title { margin: 0; overflow: hidden; color: var(--ui-color-primary); font-size: var(--ui-font-lg); font-weight: 800; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }

.widget-material-icon,
.ui-summary-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin-right: 0;
  overflow: visible;
  border-radius: 11px;
  background: var(--ui-color-primary-soft);
  color: var(--ui-color-primary);
  font-size: 16px;
}

.widget-material-icon-primary,
.widget-material-icon-info,
.ui-summary-icon--info { background: var(--ui-color-info-soft) !important; color: var(--ui-color-info) !important; }
.widget-material-icon-warning,
.ui-summary-icon--warning { background: var(--ui-color-warning-soft) !important; color: #f0a000 !important; }
.widget-material-icon-success,
.ui-summary-icon--success { background: var(--ui-color-success-soft) !important; color: #45b82f !important; }
.widget-material-icon-danger,
.ui-summary-icon--danger { background: var(--ui-color-danger-soft) !important; color: #f04c54 !important; }
.ui-summary-icon--primary { background: var(--ui-color-primary-soft) !important; color: var(--ui-color-primary) !important; }
.ui-summary-icon--neutral { background: #edf0f2 !important; color: #607d8b !important; }

.widget-material-value,
.ui-summary-value {
  display: block;
  overflow: hidden;
  color: #20232a;
  font-size: 12px;
  font-weight: 800;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.widget-material-label,
.ui-summary-label {
  display: block;
  overflow: hidden;
  color: var(--ui-color-text-muted);
  font-size: var(--ui-font-xs);
  font-weight: 500;
  line-height: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-summary-item .widget-material-value + br { display: none; }
.ui-summary-item .widget-material-label { margin-top: 1px; }

.ui-summary-badge {
  position: absolute;
  top: -4px;
  left: 30px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 18px;
  padding: 0 5px;
  border: 2px solid #fff;
  border-radius: var(--ui-radius-pill);
  background: var(--ui-color-primary);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  line-height: 14px;
}

/* Compatibilidade: widgets existentes recebem a mesma linguagem visual. */
.widget-material {
  border: 1px solid var(--ui-color-border) !important;
  border-radius: var(--ui-radius-lg) !important;
  background: #fff;
  box-shadow: var(--ui-shadow-sm) !important;
}

/* 13. Cartoes laterais do dashboard ======================================= */
.ui-side-card { overflow: hidden; border: 1px solid var(--ui-color-border) !important; border-radius: var(--ui-radius-lg) !important; background: #fff; box-shadow: var(--ui-shadow-sm) !important; }
.ui-side-card > .panel-body { padding: 14px 16px !important; }
.ui-side-card__content { display: grid; grid-template-columns: minmax(0, 1fr) 104px; align-items: center; gap: 12px; min-height: 78px; }
.ui-side-card__text { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; }
.ui-side-card__title { max-width: 100%; margin: 0 0 6px; overflow: hidden; color: var(--ui-color-primary); font-size: var(--ui-font-lg); font-weight: 800; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.ui-side-card__status { margin-bottom: 8px; }
.ui-side-card__value { margin: 0; color: #666170; font-size: var(--ui-font-lg); font-weight: 800; line-height: 1.25; font-variant-numeric: tabular-nums; }
.ui-side-card__label { margin: 2px 0 0; color: var(--ui-color-text-subtle); font-size: var(--ui-font-sm); line-height: 1.3; }
.ui-side-card__media { display: flex; align-items: flex-end; justify-content: center; align-self: stretch; min-width: 0; }
.ui-side-card__image { width: auto; max-width: 100%; height: 82px; object-fit: contain; object-position: center bottom; }
.ui-side-card__action { margin-top: auto; padding-top: 12px; }

/* 13.1 Widget de tarefas do dashboard ==================================== */
.ui-task-widget {
  overflow: hidden;
  border: 1px solid var(--ui-color-border) !important;
  border-radius: var(--ui-radius-lg) !important;
  background: #fff;
  box-shadow: var(--ui-shadow-sm) !important;
}
.ui-task-widget__summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 10px;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: linear-gradient(135deg, #fff 0%, var(--ui-color-surface-soft) 100%);
}
.ui-task-widget__hero {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
}
.ui-task-widget__hero-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--ui-color-primary-soft);
  color: var(--ui-color-primary);
  font-size: 15px;
}
.ui-task-widget__hero-text {
  min-width: 0;
}
.ui-task-widget__hero-text small {
  display: block;
  margin-bottom: 2px;
  color: var(--ui-color-text-muted);
  font-size: var(--ui-font-xs);
  font-weight: 700;
  line-height: 1.2;
}
.ui-task-widget__hero-text strong {
  display: block;
  overflow: hidden;
  color: #20232a;
  font-size: var(--ui-font-lg);
  font-weight: 800;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-task-widget__hero-text strong span {
  color: var(--ui-color-primary);
  font-size: 26px;
  font-variant-numeric: tabular-nums;
}
.ui-task-widget__metrics {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}
.ui-task-widget__metric {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  height: 32px;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-pill);
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}
.ui-task-widget__metric strong {
  order: 2;
  font-size: var(--ui-font-md);
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.ui-task-widget__metric span {
  order: 1;
  color: var(--ui-color-text-muted);
  font-size: var(--ui-font-xs);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.ui-task-widget__metric::before {
  display: inline-block;
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  content: "";
}
.ui-task-widget__metric--danger { color: var(--ui-color-danger); background: var(--ui-color-danger-soft); border-color: #efcaca; }
.ui-task-widget__metric--warning { color: #d58d00; background: var(--ui-color-warning-soft); border-color: #efdcae; }
.ui-task-widget__metric--primary { color: var(--ui-color-primary); background: var(--ui-color-primary-soft); border-color: var(--ui-color-primary-border); }
.ui-task-widget__metric--danger strong { color: var(--ui-color-danger); }
.ui-task-widget__metric--warning strong { color: #d58d00; }
.ui-task-widget__metric--primary strong { color: var(--ui-color-primary); }
.ui-task-widget__list {
  display: grid;
  gap: 8px;
}
.ui-task-widget__item {
  display: grid;
  grid-template-columns: 4px minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  min-height: 54px;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: #fff;
  text-align: left;
  transition: border-color var(--ui-transition), box-shadow var(--ui-transition), transform var(--ui-transition);
}
.ui-task-widget__item:hover,
.ui-task-widget__item:focus {
  border-color: var(--ui-color-primary-border);
  box-shadow: var(--ui-shadow-sm);
  outline: none;
  transform: translateY(-1px);
}
.ui-task-widget__priority {
  width: 4px;
  height: 34px;
  border-radius: var(--ui-radius-pill);
  background: var(--ui-color-info);
}
.ui-task-widget__priority--alta { background: var(--ui-color-danger); }
.ui-task-widget__priority--media { background: #d58d00; }
.ui-task-widget__priority--baixa { background: var(--ui-color-info); }
.ui-task-widget__item-text {
  min-width: 0;
}
.ui-task-widget__item-text strong,
.ui-task-widget__item-text small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-task-widget__item-text strong {
  color: #20232a;
  font-size: var(--ui-font-sm);
  font-weight: 800;
  line-height: 1.25;
}
.ui-task-widget__item-text small {
  margin-top: 3px;
  color: var(--ui-color-text-muted);
  font-size: var(--ui-font-xs);
  line-height: 1.25;
}
.ui-task-widget__due {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 26px;
  padding: 0 8px;
  overflow: hidden;
  border-radius: var(--ui-radius-pill);
  background: var(--ui-color-primary-soft);
  color: var(--ui-color-primary);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-task-widget__due--danger { background: var(--ui-color-danger-soft); color: var(--ui-color-danger); }
.ui-task-widget__due--warning { background: var(--ui-color-warning-soft); color: #8a5a00; }
.ui-task-widget__due--neutro { background: #edf0f2; color: #607d8b; }
.ui-task-widget__empty,
.ui-task-widget__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 112px;
  padding: 18px;
  border: 1px dashed var(--ui-color-border-strong);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface-soft);
  color: var(--ui-color-text-muted);
  text-align: center;
}
.ui-task-widget__empty span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-bottom: 8px;
  border-radius: 10px;
  background: var(--ui-color-success-soft);
  color: var(--ui-color-success);
}
.ui-task-widget__empty strong {
  color: #20232a;
  font-size: var(--ui-font-md);
}
.ui-task-widget__empty small { margin-top: 3px; font-size: var(--ui-font-xs); }

@media (max-width: 1180px) {
  .ui-task-widget__summary { grid-template-columns: 1fr; }
  .ui-task-widget__metrics { justify-content: flex-start; }
}

@media (max-width: 620px) {
  /* .ui-task-widget__header { align-items: flex-start; gap: 10px; } */
  .ui-task-widget__metrics { align-items: stretch; flex-direction: column; }
  .ui-task-widget__metric { width: 100%; }
  .ui-task-widget__item { grid-template-columns: 4px minmax(0, 1fr); }
  .ui-task-widget__due {
    grid-column: 2;
    justify-self: flex-start;
    max-width: 100%;
  }
}

/* 14. Alertas =============================================================== */
.alert-material,
.ui-alert {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 42px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-left-width: 3px;
  border-radius: var(--ui-radius-md);
  box-shadow: none;
  font-size: var(--ui-font-md);
  line-height: 1.45;
}

.alert-material-icon,
.ui-alert__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 22px; width: 22px; height: 22px; margin: 0; border-radius: 50%; font-size: 11px; }
.alert-material-text,
.ui-alert__content { flex: 1; min-width: 0; padding: 1px 0 0; }
.ui-alert__title { display: block; margin-bottom: 2px; color: currentColor; font-weight: 800; }
.alert-material.alert-material-info,
.ui-alert--info { border-color: #c5e8f2 !important; border-left-color: var(--ui-color-info) !important; background: var(--ui-color-info-soft) !important; color: #176a84 !important; }
.alert-material.alert-material-success,
.ui-alert--success { border-color: #c7e6cd !important; border-left-color: var(--ui-color-success) !important; background: var(--ui-color-success-soft) !important; color: var(--ui-color-success) !important; }
.alert-material.alert-material-warning,
.ui-alert--warning { border-color: #efdcae !important; border-left-color: #d58d00 !important; background: var(--ui-color-warning-soft) !important; color: #7a560d !important; }
.alert-material.alert-material-danger,
.ui-alert--danger { border-color: #efcaca !important; border-left-color: var(--ui-color-danger) !important; background: var(--ui-color-danger-soft) !important; color: #a93030 !important; }

/* 15. Botoes legados alinhados ao componente V3 =========================== */
.btn-material,
.btn-material-outlined {
  min-height: var(--ui-control-height);
  border-radius: var(--ui-radius-md) !important;
  font-size: var(--ui-font-md);
  font-weight: 700;
  line-height: 1;
  transition: background-color var(--ui-transition), border-color var(--ui-transition), box-shadow var(--ui-transition), color var(--ui-transition), transform var(--ui-transition);
}
.btn-material:hover:not([disabled]),
.btn-material-outlined:hover:not([disabled]) { transform: translateY(-1px); }
.btn-material:active:not([disabled]),
.btn-material-outlined:active:not([disabled]) { transform: translateY(0); }
.btn-material-primary { background: var(--ui-color-primary) !important; border-color: var(--ui-color-primary) !important; color: #fff !important; }
.btn-material-primary:hover,
.btn-material-primary:focus { background: var(--ui-color-primary-hover) !important; border-color: var(--ui-color-primary-hover) !important; box-shadow: var(--ui-shadow-focus) !important; }
.btn-material-success { background: var(--ui-color-success) !important; border-color: var(--ui-color-success) !important; color: #fff !important; }
.btn-material-danger { background: var(--ui-color-danger) !important; border-color: var(--ui-color-danger) !important; color: #fff !important; }
.btn-material-warning { background: #d88f00 !important; border-color: #d88f00 !important; color: #fff !important; }
.btn-material-info { background: var(--ui-color-info) !important; border-color: var(--ui-color-info) !important; color: #fff !important; }
.btn-material-secundary,
.btn-material-cancelar { background: #fff !important; border-color: var(--ui-color-border-strong) !important; color: #5f5266 !important; box-shadow: var(--ui-shadow-sm) !important; }
.btn-material-secundary:hover,
.btn-material-secundary:focus,
.btn-material-cancelar:hover,
.btn-material-cancelar:focus { background: var(--ui-color-surface-muted) !important; border-color: var(--ui-color-primary-border) !important; color: #552067 !important; }

@media (max-width: 991px) {
  .ui-summary-grid--4,
  .ui-summary-grid--5,
  .ui-summary-grid--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ui-summary-item:nth-child(odd)::before { display: none; }
}

@media (max-width: 620px) {
  .ui-summary-panel > .panel-body { padding: 10px 12px !important; }
  .ui-summary-grid--3,
  .ui-summary-grid--4,
  .ui-summary-grid--5,
  .ui-summary-grid--6 { grid-template-columns: 1fr; gap: 6px; }
  .ui-summary-item { padding: 5px 0; }
  .ui-summary-item + .ui-summary-item::before { top: -3px; right: 0; bottom: auto; left: 0; width: auto; height: 1px; }
  .ui-side-card__content { grid-template-columns: minmax(0, 1fr) 88px; }
  .ui-side-card__image { height: 72px; }
}

/* 16. Correcoes de integracao e componentes compactos ===================== */

/* Bootstrap cria duas celulas fantasmas em .row e mantem largura/float nas colunas. */
.ui-summary-grid.row {
  margin-right: 0;
  margin-left: 0;
}
.ui-summary-grid.row::before,
.ui-summary-grid.row::after {
  display: none;
  content: none;
}
.ui-summary-grid > [class*="col-"] {
  float: none;
  width: auto;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
}

/* Escala tipografica: controles seguem o mesmo ritmo do texto do ERP. */
.btn-material,
.btn-material-outlined,
.ui-button,
.dropdown-menu > li > a,
.pagination > li > a,
.pagination > li > span {
  font: 400 var(--size) / 1.45 var(--font) !important;
  letter-spacing: 0;
}
.btn-material,
.btn-material-outlined,
.ui-button { min-height: 30px; padding: 5px 12px; }
.btn-material.btn-material-sm,
.btn-material-outlined.btn-material-sm,
.btn-material-outlined.btn-material-outlined-sm,
.ui-button--sm {
  min-height: 24px !important;
  height: 24px !important;
  padding: 3px 10px !important;
  border-radius: 7px !important;
  font-size: .7rem !important;
  font-weight: 700;
  line-height: 1 !important;
  white-space: nowrap;
}
.btn-material.btn-material-xs,
.btn-material-outlined.btn-material-outlined-xs { min-height: 24px; padding: 3px 8px; }

/* Input groups devem se comportar como um unico controle composto. */
.input-group > div:first-child {
  display: table-cell;
  /* width: 100%; */
  vertical-align: middle;
}
.input-group > div:first-child > .form-control { float: left; }
.input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }
.input-group-btn > .btn-material,
.input-group-btn > .btn,
.input-group > .input-group-addon {
  min-height: 30px;
  height: 30px;
  margin-left: -1px;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.input-group-btn > .btn-material,
.input-group-btn > .btn { position: relative; float: none; display: inline-flex; padding: 5px 13px; vertical-align: top; }
.input-group-btn:last-child > .btn-material:last-child,
.input-group-btn:last-child > .btn:last-child,
.input-group > .input-group-addon:last-child {
  border-top-right-radius: var(--ui-radius-sm) !important;
  border-bottom-right-radius: var(--ui-radius-sm) !important;
}
.input-group-btn:first-child > .btn-material:first-child,
.input-group-btn:first-child > .btn:first-child,
.input-group > .input-group-addon:first-child {
  margin-left: 0;
  border-top-left-radius: var(--ui-radius-sm) !important;
  border-bottom-left-radius: var(--ui-radius-sm) !important;
}
.input-group-btn > .btn-material:focus,
.input-group-btn > .btn:focus { z-index: 3; }

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
  border-top-right-radius: var(--ui-radius-sm) !important;
  border-bottom-right-radius: var(--ui-radius-sm) !important;
}

.btn .caret {
    position: relative;
    margin-left: 10px;
    top: 8px;
}

/* Labels, badges e chips. */
.form-group > label:not(.btn),
.control-label {
  margin-bottom: 4px;
  color: #403946;
  font: 500 var(--size) / 1.35 var(--font);
  letter-spacing: 0;
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border: 2px solid #fff;
  border-radius: var(--ui-radius-pill);
  background: var(--ui-color-primary);
  color: #fff;
  font: 600 var(--font-sm) / 14px var(--font);
  font-variant-numeric: tabular-nums;
}

.label,
.chips-small,
.chips,
.ui-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 18px;
  height: auto;
  padding: 2px 7px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: var(--ui-radius-pill);
  font: 500 var(--font-sm) / 1.3 var(--font);
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}
.label-primary,
.label-purple,
.chips-primary { border-color: transparent; background: var(--ui-color-primary-soft); color: var(--ui-color-primary); }
.label-info,
.chips-info { border-color: transparent; background: var(--ui-color-info-soft); color: var(--ui-color-info); }
.label-success,
.chips-success { border-color: transparent; background: var(--ui-color-success-soft); color: var(--ui-color-success); }
.label-warning,
.chips-warning { border-color: transparent; background: var(--ui-color-warning-soft); color: var(--ui-color-warning); }
.label-danger,
.chips-danger { border-color: transparent; background: var(--ui-color-danger-soft); color: var(--ui-color-danger); }
.label-secundary,
.chips-secundary { border-color: transparent; background: var(--ui-color-surface-muted); color: var(--ui-color-text-muted); }
.ui-chip.ui-chip--primary { border-color: #e4caef; background: var(--ui-color-primary-soft); color: var(--ui-color-primary); }
.ui-chip.ui-chip--info { border-color: #c4e7f2; background: var(--ui-color-info-soft); color: var(--ui-color-info); }
.ui-chip.ui-chip--success { border-color: #c6e7cd; background: var(--ui-color-success-soft); color: var(--ui-color-success); }
.ui-chip.ui-chip--warning { border-color: #efdcae; background: var(--ui-color-warning-soft); color: var(--ui-color-warning); }
.ui-chip.ui-chip--danger { border-color: #efcaca; background: var(--ui-color-danger-soft); color: var(--ui-color-danger); }

/* FABs grandes e acoes compactas de cards/tabelas. */
.btn-material-fab {
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
  border: 1px solid rgba(126, 1, 201, .18);
  background: var(--ui-color-primary);
  box-shadow: 0 5px 14px rgba(64, 28, 81, .16);
  font: 600 var(--size) / 1 var(--font);
}
.btn-material-fab:hover,
.btn-material-fab:focus { background: var(--ui-color-primary-hover); box-shadow: 0 7px 18px rgba(64, 28, 81, .22); transform: translateY(-1px); }
.btn-material-fab-card,
.btn-acao-datatable-material,
.ui-icon-button {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50% !important;
  background: transparent;
  box-shadow: none;
  color: var(--ui-color-primary);
  font: 600 var(--size) / 1 var(--font);
}
.btn-material-fab-card:hover,
.btn-material-fab-card:focus,
.btn-acao-datatable-material:hover,
.btn-acao-datatable-material:focus { background: var(--ui-color-primary-soft); color: var(--ui-color-primary); box-shadow: none; }

/* Dropdown operacional compacto. */
.dropdown-menu {
  min-width: 190px;
  padding: 5px;
  overflow: visible;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: #fff;
  box-shadow: 0 10px 28px rgba(45, 30, 55, .15);
}
.dropdown-menu > li > a {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  padding: 6px 9px;
  border-radius: var(--ui-radius-sm);
  color: var(--ui-color-text);
  font-weight: 400;
  line-height: 1.3;
}
.dropdown-menu > li:not(.dropdown-submenu) > a:hover,
.dropdown-menu > li:not(.dropdown-submenu) > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a { background: var(--ui-color-primary-soft); color: #512261; }
.dropdown-menu > .divider { margin: 5px 4px; background: var(--ui-color-border); }
.dropdown-menu > .disabled > a { color: var(--ui-color-text-subtle); opacity: .62; }
.dropdown-typeahead-hint {
  margin: 5px -5px -5px;
  padding: 6px 12px;
  border-top: 1px solid var(--ui-color-border);
  border-radius: 0 0 calc(var(--ui-radius-md) - 1px) calc(var(--ui-radius-md) - 1px);
  background: var(--ui-color-surface-soft);
  color: var(--ui-color-text-subtle);
  font: 400 var(--font-sm) / 1.35 var(--font);
  cursor: default;
  user-select: none;
}

/* Paginacao DataTables. */
.dataTables_paginate .pagination,
.dt-paging .pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  margin: 8px 0;
}
.pagination > li > a,
.pagination > li > span {
  float: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 30px !important;
  min-width: 30px;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--ui-color-border);
  border-radius: 50% !important;
  background: #fff;
  box-shadow: none;
  color: var(--ui-color-text-muted);
  font-weight: 500;
}
.pagination > li > a:hover,
.pagination > li > a:focus { border-color: var(--ui-color-primary-border); background: var(--ui-color-primary-soft); color: var(--ui-color-primary); }
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span {
  border-color: var(--ui-color-primary) !important;
  background: var(--ui-color-primary) !important;
  box-shadow: 0 4px 10px rgba(126, 1, 201, .18) !important;
  color: #fff !important;
  font-weight: 600 !important;
}
.pagination > .disabled > a,
.pagination > .disabled > span { background: var(--ui-color-surface-soft); color: #c4bec8; opacity: .72; }

/* 17. Compatibilidade entre mensagens Bootstrap e Material ================ */
.alert,
.alert-info-material,
.alert-warning-material,
.alert-success-material {
  min-height: 42px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-left-width: 3px;
  border-radius: var(--ui-radius-md);
  box-shadow: none;
  font: 400 var(--size) / 1.45 var(--font);
}

.alert-info-material,
.alert.alert-info {
  border-color: #c5e8f2 !important;
  border-left-color: var(--ui-color-info) !important;
  background: var(--ui-color-info-soft) !important;
  color: #176a84 !important;
}
.alert-warning-material,
.alert.alert-warning {
  border-color: #efdcae !important;
  border-left-color: #d58d00 !important;
  background: var(--ui-color-warning-soft) !important;
  color: #7a560d !important;
}
.alert-success-material,
.alert.alert-success {
  border-color: #c7e6cd !important;
  border-left-color: var(--ui-color-success) !important;
  background: var(--ui-color-success-soft) !important;
  color: var(--ui-color-success) !important;
}
.alert.alert-danger {
  border-color: #efcaca !important;
  border-left-color: var(--ui-color-danger) !important;
  background: var(--ui-color-danger-soft) !important;
  color: #a93030 !important;
}

.alert-info-material-icon,
.alert-warning-material-icon,
.alert-success-material-icon,
.alert > i:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin: 0 8px 0 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .68);
  color: currentColor;
  font-size: 11px;
}
.alert-info-material-text,
.alert-warning-material-text,
.alert-success-material-text { min-width: 0; padding: 1px 0 0; color: inherit; font: inherit; }

/* 18. Navegacao recolhida, continuidade e busca rapida ==================== */
.sidebar-busca-atalho {
  display: flex;
  padding: 3px 26px 8px 10px;
}
.sidebar-busca-atalho .mqsh-launcher {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 34px;
  margin-left: 0 !important;
  padding: 7px 48px 7px 10px;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-color-surface-soft);
  box-shadow: none;
  color: var(--ui-color-text-muted);
  font: 500 var(--font-sm) / 1.3 var(--font);
  text-align: left;
}
.sidebar-busca-atalho .mqsh-launcher::after {
  content: "Ctrl K";
  position: absolute;
  right: 8px;
  padding: 2px 5px;
  border: 1px solid #ddd7e1;
  border-radius: 4px;
  background: #fff;
  color: var(--ui-color-text-subtle);
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2;
}
.sidebar-busca-atalho .mqsh-launcher:hover,
.sidebar-busca-atalho .mqsh-launcher:focus {
  border-color: var(--ui-color-primary-border);
  background: var(--ui-color-primary-soft);
  color: var(--ui-color-primary);
  outline: none;
}
.sidebar-busca-atalho .mqsh-launcher > i { width: 16px; margin-right: 6px; text-align: center; }

@media only screen and (min-width: 768px) {
  .aside-collapsed .wrapper > .aside,
  .aside-collapsed .wrapper > .aside > .aside-inner,
  .aside-collapsed .wrapper > .aside .sidebar { overflow: visible !important; }

  .aside-collapsed .sidebar-busca-atalho { display: none; }
  .aside-collapsed .sidebar-busca-atalho .mqsh-launcher {
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    overflow: hidden;
    border-radius: 10px;
    background: var(--ui-color-primary-soft);
    color: var(--ui-color-primary);
    font-size: 0;
  }
  .aside-collapsed .sidebar-busca-atalho .mqsh-launcher::after { display: none; }
  .aside-collapsed .sidebar-busca-atalho .mqsh-launcher > i { width: auto; margin: 0; font-size: 12px; }

  .aside-collapsed .topnavbar .navbar-header .brand-logo-collapsed {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 55px;
    padding: 4px 12px !important;
    padding-left: 40px !important;
  }
  .aside-collapsed .topnavbar .navbar-header .brand-logo-collapsed > img {
    width: auto;
    max-width: 46px;
    max-height: 46px;
    margin: 0 auto;
  }

  /* Cada item usa a mesma caixa visual para manter os glifos centralizados. */
  .aside-collapsed .sidebar > .nav > li:not(.sidebar-busca-atalho) > a,
  .aside-collapsed .sidebar > .nav > li:not(.sidebar-busca-atalho) > .nav-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 52px;
    min-height: 27px;
    height: 27px;
    margin: 0 auto 1px !important;
    padding: 0 !important;
    border-radius: 8px !important;
  }
  .aside-collapsed .sidebar > .nav > li:not(.sidebar-busca-atalho) > a > i,
  .aside-collapsed .sidebar > .nav > li:not(.sidebar-busca-atalho) > a > em,
  .aside-collapsed .sidebar > .nav > li:not(.sidebar-busca-atalho) > .nav-item > i,
  .aside-collapsed .sidebar > .nav > li:not(.sidebar-busca-atalho) > .nav-item > em {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    width: 28px !important;
    height: 27px;
    margin: 0 !important;
    font-size: 11px;
    line-height: 1;
    text-align: center;
  }

  .aside-collapsed .sidebar > .nav > li { position: relative; }
  .aside-collapsed .sidebar > .nav > li > .sidebar-subnav {
    position: absolute !important;
    top: 0;
    left: calc(100% + 8px) !important;
    z-index: 1300;
    width: 238px !important;
    max-height: min(70vh, 520px);
    margin: 0 !important;
    padding: 6px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    border: 1px solid var(--ui-color-border) !important;
    border-radius: var(--ui-radius-lg) !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(42, 27, 52, .2) !important;
    scrollbar-color: #cec5d3 transparent;
    scrollbar-width: thin;
  }
  .aside-collapsed .sidebar > .nav > li > .sidebar-subnav::before {
    content: "";
    position: absolute;
    top: 14px;
    left: -6px;
    width: 10px;
    height: 10px;
    border: solid var(--ui-color-border);
    border-width: 0 0 1px 1px;
    background: #fff;
    transform: rotate(45deg);
  }
  .aside-collapsed .sidebar-subnav > li,
  .aside-collapsed .sidebar-subnav > li .nav > li { padding-left: 0 !important; }
  .aside-collapsed .sidebar-subnav > li > a,
  .aside-collapsed .sidebar-subnav > li > .nav-item {
    min-height: 30px;
    padding: 7px 9px !important;
    border-radius: var(--ui-radius-sm) !important;
    color: var(--ui-color-text-muted) !important;
    font-size: var(--font-sm);
    line-height: 1.3;
  }
  .aside-collapsed .sidebar-subnav > li > a:hover,
  .aside-collapsed .sidebar-subnav > li > a:focus,
  .aside-collapsed .sidebar-subnav > li.active > a {
    background: var(--ui-color-primary-soft) !important;
    color: var(--ui-color-primary) !important;
  }
  .aside-collapsed .sidebar-subnav.tem-mais-abaixo::after {
    content: "\f078  Mais itens abaixo";
    position: sticky;
    right: 0;
    bottom: -6px;
    left: 0;
    display: block;
    margin: 4px -6px -6px;
    padding: 17px 8px 7px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 42%);
    color: var(--ui-color-primary);
    font: 600 9px / 1.2 "Font Awesome 5 Free", var(--font);
    text-align: center;
    letter-spacing: .02em;
    pointer-events: none;
  }

  /* O tema clona o submenu para fora da sidebar quando ela esta recolhida. */
  .aside-collapsed .wrapper > .aside > .sidebar-subnav.nav-floating {
    position: fixed !important;
    right: auto !important;
    left: 100px !important;
    z-index: 10020 !important;
    display: block !important;
    visibility: visible !important;
    width: 252px !important;
    min-width: 252px !important;
    max-height: calc(100vh - 76px) !important;
    margin: 0 !important;
    padding: 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    border: 1px solid var(--ui-color-border) !important;
    border-radius: var(--ui-radius-lg) !important;
    background: #fff !important;
    box-shadow: 0 16px 38px rgba(42, 27, 52, .22) !important;
    color: var(--ui-color-text) !important;
    scrollbar-color: #d8d1dc transparent;
    scrollbar-width: thin;
  }
  .aside-collapsed .wrapper > .aside > .sidebar-subnav.nav-floating::-webkit-scrollbar { width: 5px; }
  .aside-collapsed .wrapper > .aside > .sidebar-subnav.nav-floating::-webkit-scrollbar-track { background: transparent; box-shadow: none; }
  .aside-collapsed .wrapper > .aside > .sidebar-subnav.nav-floating::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #d8d1dc;
    box-shadow: none;
  }
  .aside-collapsed .wrapper > .aside > .sidebar-subnav.nav-floating > .sidebar-subnav-header {
    position: sticky;
    top: -8px;
    z-index: 2;
    display: block !important;
    min-height: 38px;
    margin: 0 0 7px;
    padding: 11px 12px 9px;
    border-bottom: 1px solid var(--ui-color-border);
    border-radius: var(--ui-radius-sm) var(--ui-radius-sm) 0 0;
    background: #fff !important;
    color: var(--ui-color-primary) !important;
    font-size: var(--ui-font-md);
    font-weight: 800;
    line-height: 1.3;
  }
  .aside-collapsed .wrapper > .aside > .sidebar-subnav.nav-floating li {
    padding-left: 0 !important;
    background: #fff !important;
  }
  .aside-collapsed .wrapper > .aside > .sidebar-subnav.nav-floating li > a,
  .aside-collapsed .wrapper > .aside > .sidebar-subnav.nav-floating li > .nav-item {
    display: flex;
    align-items: center;
    min-height: 29px;
    margin: 1px 0 !important;
    padding: 6px 9px !important;
    border-radius: var(--ui-radius-sm) !important;
    background: #fff !important;
    color: var(--ui-color-text-muted) !important;
    font-size: var(--font-sm);
    line-height: 1.3;
  }
  .aside-collapsed .wrapper > .aside > .sidebar-subnav.nav-floating li > a:hover,
  .aside-collapsed .wrapper > .aside > .sidebar-subnav.nav-floating li > a:focus,
  .aside-collapsed .wrapper > .aside > .sidebar-subnav.nav-floating li.active > a {
    background: var(--ui-color-primary-soft) !important;
    color: var(--ui-color-primary) !important;
  }
  .aside-collapsed .wrapper > .aside > .sidebar-subnav.nav-floating .sidebar-subnav {
    display: block !important;
    height: auto !important;
    padding: 0 0 0 10px !important;
    background: #fff !important;
  }
  .aside-collapsed .wrapper > .aside > .sidebar-subnav.nav-floating.tem-mais-abaixo::after {
    content: "\f078  Mais itens abaixo";
    position: sticky;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: 4px 0 0;
    padding: 7px 8px;
    border-top: 1px solid var(--ui-color-border);
    background: rgba(255, 255, 255, .98);
    color: var(--ui-color-primary);
    font: 600 9px / 1.2 "Font Awesome 5 Free", var(--font);
    text-align: center;
    pointer-events: none;
  }
}

/* 19. Skeleton nativo dos DataTables ===================================== */
div.dataTables_wrapper div.dataTables_processing,
div.dt-container div.dt-processing {
  top: 36px !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 4 !important;
  width: auto !important;
  height: 176px !important;
  min-height: 176px;
  margin: 0 !important;
  padding: 12px !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: none !important;
  color: transparent !important;
  pointer-events: none;
}
div.dataTables_wrapper div.dataTables_processing > div,
div.dt-container div.dt-processing > div { display: none !important; }
div.dataTables_wrapper div.dataTables_processing::before,
div.dt-container div.dt-processing::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: var(--ui-radius-sm);
  background:
    linear-gradient(90deg, #ece8ef 0 12%, transparent 12% 15%, #f1eef3 15% 43%, transparent 43% 46%, #ece8ef 46% 60%, transparent 60% 63%, #f1eef3 63% 88%, transparent 88%) 0 0 / 100% 30px repeat-y;
  opacity: .92;
}
div.dataTables_wrapper div.dataTables_processing::after,
div.dt-container div.dt-processing::after {
  content: "";
  position: absolute;
  inset: 12px;
  background: linear-gradient(100deg, transparent 25%, rgba(255,255,255,.78) 48%, transparent 70%);
  transform: translateX(-110%);
  animation: ui-datatable-skeleton 1.25s ease-in-out infinite;
}
@keyframes ui-datatable-skeleton {
  to { transform: translateX(110%); }
}

/* 20. Status do ambiente: um unico widget, leitura em lista ============== */
.dashboard-system-status {
  margin-bottom: 15px;
  overflow: hidden;
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-lg);
  background: #fff;
  box-shadow: var(--ui-shadow-sm);
}
.dashboard-system-status__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 48px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--ui-color-border);
  background: linear-gradient(135deg, #fbf8fd, #fff);
}
.dashboard-system-status__header > div { display: flex; flex-direction: column; min-width: 0; }
.dashboard-system-status__header strong { color: var(--ui-color-primary); font-size: var(--ui-font-md); line-height: 1.3; }
.dashboard-system-status__header small { margin-top: 2px; color: var(--ui-color-text-subtle); font-size: var(--ui-font-sm); }
.dashboard-system-status__header > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: var(--ui-color-primary-soft);
  color: var(--ui-color-primary);
}

/* Detalhes compactos dos painéis de status fiscal. */
.dashboard-system-status__support-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
  padding: 11px;
  border-bottom: 1px solid var(--ui-color-border);
  background:
    radial-gradient(circle at top right, rgba(156, 39, 176, .1), transparent 42%),
    linear-gradient(180deg, #fff, #fbf9fd);
}

.dashboard-system-status__support-item {
  display: grid;
  grid-column: span 3;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  column-gap: 7px;
  min-width: 0;
  min-height: 46px;
  padding: 7px 9px;
  border: 1px solid rgba(76, 78, 100, .08);
  border-radius: 12px;
  background: rgba(255, 255, 255, .86);
  color: var(--ui-color-text);
  text-align: left;
  box-shadow: 0 6px 14px rgba(76, 78, 100, .045);
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.dashboard-system-status__support-item:nth-child(n+5) {
  display: inline-flex;
  grid-column: span 2;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 6px 7px;
  border: 1px solid rgba(156, 39, 176, .16);
  border-radius: 10px;
  background: rgba(156, 39, 176, .06);
  text-align: center;
}

.dashboard-system-status__support-item:nth-child(n+5) strong {
  grid-column: auto;
}

button.dashboard-system-status__support-item:hover,
button.dashboard-system-status__support-item:focus {
  border-color: rgba(156, 39, 176, .32);
  background: rgba(156, 39, 176, .09);
  box-shadow: 0 8px 18px rgba(76, 78, 100, .1);
  outline: none;
  transform: translateY(-1px);
}

.dashboard-system-status__support-icon {
  display: inline-flex;
  grid-row: 1 / span 2;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: #e9ebee;
  color: #697386;
  font-size: 12px;
}

.dashboard-system-status__support-item:nth-child(n+5) .dashboard-system-status__support-icon {
  grid-row: auto;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border-radius: 8px;
  background: rgba(156, 39, 176, .1) !important;
  color: var(--ui-color-primary);
}

.dashboard-system-status__support-item strong {
  display: block;
  grid-column: 2;
  overflow: hidden;
  color: #42364f;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-system-status__support-item small {
  display: block;
  grid-column: 2;
  overflow: hidden;
  margin-top: 2px;
  color: var(--ui-color-text-subtle);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-system-status__support-item:nth-child(n+5) small {
  display: none;
}

@media (max-width: 460px) {
  .dashboard-system-status__support-grid { grid-template-columns: 1fr; }
  .dashboard-system-status__support-item,
  .dashboard-system-status__support-item:nth-child(n+5) { grid-column: auto; }
}

.ui-status-panel .ui-summary-item__content { overflow: hidden; }
.ui-summary-label--with-help { display: inline-block; max-width: calc(100% - 20px); vertical-align: middle; }
.ui-summary-help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  color: var(--ui-color-text-subtle);
  font-size: 11px;
  line-height: 1;
  vertical-align: middle;
  cursor: help;
}

.dashboard-system-status > .row { margin: 0; }
.dashboard-system-status > .row + .row { border-top: 1px solid var(--ui-color-border); }
.dashboard-system-status > .row > [class*="col-"] { padding: 0; }
.dashboard-system-status form { margin: 0; }
.dashboard-system-status .ui-side-card {
  margin: 0 !important;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.dashboard-system-status .ui-side-card > .panel-body { padding: 11px 14px !important; }
.dashboard-system-status .ui-side-card__content { grid-template-columns: minmax(0, 1fr) 72px; gap: 10px; min-height: 70px; }
.dashboard-system-status .ui-side-card__title { margin-bottom: 4px; font-size: var(--ui-font-md); }
.dashboard-system-status .ui-side-card__status { margin-bottom: 5px; }
.dashboard-system-status .ui-side-card__value { font-size: var(--ui-font-md); }
.dashboard-system-status .ui-side-card__image { height: 62px; }
.dashboard-system-status .ui-side-card__action { padding-top: 7px; }

.btn-material.btn-material-soft {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: none !important;
}

.btn-material.btn-material-soft-primary {
  border: 1px solid rgba(156, 39, 176, .18) !important;
  background: rgba(156, 39, 176, .08) !important;
  color: var(--ui-color-primary) !important;
}

.btn-material.btn-material-soft-primary:hover,
.btn-material.btn-material-soft-primary:focus {
  border-color: rgba(156, 39, 176, .34) !important;
  background: rgba(156, 39, 176, .14) !important;
  color: var(--ui-color-primary) !important;
}

@media (prefers-reduced-motion: reduce) {
  div.dataTables_wrapper div.dataTables_processing::after,
  div.dt-container div.dt-processing::after { animation: none; }
}