@font-face{font-family:"Nunito Sans";src:url("../fonts/nunito-sans/nunito-sans-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("../fonts/nunito-sans/nunito-sans-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("../fonts/nunito-sans/nunito-sans-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}

:root{
  --brand-primary:#00ced1;
  --brand-navy:#000080;
  --brand-teal:#008080;
  --brand-sea:#20b2aa;
  --brand-soft:#e8fafa;
  --brand-soft-hover:#f1fbfb;
  --page-bg:#f5f7fa;
  --surface:#fff;
  --surface-subtle:#f8fafc;
  --text:#25324a;
  --text-muted:#6f7c91;
  --text-faint:#98a3b3;
  --border:#dde4ec;
  --border-strong:#c8d2de;
  --success:#147a5a;
  --success-bg:#e9f7f1;
  --warning:#9a6700;
  --warning-bg:#fff7df;
  --danger:#b42318;
  --danger-bg:#fdecea;
  --info:#176b87;
  --info-bg:#e8f5fa;
  --on-brand:#000080;
  --brand-teal-hover:#006e6e;
  --danger-hover:#8f1c13;
  --success-border:#a9dcc8;
  --warning-border:#eed28a;
  --danger-border:#efb6b1;
  --info-border:#b5ddea;
  --soft-border:#a8e2df;
  --input-highlight:#fffdf2;
  --shadow-xs:0 1px 2px rgba(22,34,51,.05);
  --shadow-sm:0 4px 14px rgba(22,34,51,.08);
  --shadow-md:0 14px 36px rgba(22,34,51,.16);
  --radius-sm:7px;
  --radius-md:10px;
  --topbar-height:56px;
}

@media screen{
[data-theme="dark"]{
  --brand-navy:#8fd9dd;
  --brand-teal:#3fb9b1;
  --brand-sea:#2fa39c;
  --brand-soft:#123c3e;
  --brand-soft-hover:#1a3f42;
  --page-bg:#0e151f;
  --surface:#17222f;
  --surface-subtle:#1e2b3a;
  --text:#e3eaf3;
  --text-muted:#9fadc0;
  --text-faint:#7e8ca1;
  --border:#2c3b4e;
  --border-strong:#3c4e64;
  --success:#45c893;
  --success-bg:#12352b;
  --success-border:#1e5c43;
  --warning:#e3b04e;
  --warning-bg:#3a2f12;
  --warning-border:#6b5319;
  --danger:#f0756b;
  --danger-bg:#3d1a17;
  --danger-border:#6e2a24;
  --info:#5cbcd8;
  --info-bg:#12303e;
  --info-border:#1e5065;
  --soft-border:#2a5c58;
  --input-highlight:#33301c;
  --shadow-xs:0 1px 2px rgba(0,0,0,.35);
  --shadow-sm:0 4px 14px rgba(0,0,0,.4);
  --shadow-md:0 14px 36px rgba(0,0,0,.5);
}
/* Botoes solidos: no dark, --brand-teal/--danger clareiam para servir de texto,
   entao os fundos solidos ganham valores escuros proprios. */
[data-theme="dark"] .btn-secondary,[data-theme="dark"] .btn-success{background:#0f7a72;border-color:#0f7a72}
[data-theme="dark"] .btn-secondary:hover,[data-theme="dark"] .btn-success:hover{background:#0c655e;border-color:#0c655e}
[data-theme="dark"] .btn-danger{background:#c0453c;border-color:#c0453c}
[data-theme="dark"] .btn-danger:hover{background:#a63730;border-color:#a63730}
}

*{box-sizing:border-box}
html{font-size:13px;background:var(--page-bg)}
body{margin:0;min-width:320px;background:var(--page-bg);color:var(--text);font-family:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:13px;line-height:1.45}
button,input,select,textarea{font:inherit;color:inherit}
button{border:0}
a{color:var(--brand-navy)}
[hidden]{display:none!important}
::selection{background:rgba(0,206,209,.25)}
:focus-visible{outline:3px solid rgba(0,206,209,.38);outline-offset:2px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.icon-sm{width:14px;height:14px}
.spacer{flex:1}
.hidden{display:none!important}
.num{font-variant-numeric:tabular-nums;text-align:right}
.dim{color:var(--text-faint)}

/* Shell */
.topbar{height:var(--topbar-height);position:sticky;top:0;z-index:200;background:var(--surface);border-top:2px solid var(--brand-primary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs)}
.topbar-inner{height:100%;display:flex;align-items:center;gap:18px;padding:0 20px}
.brand-link{height:44px;min-width:74px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex:none}
.brand-logo{display:block;width:auto;max-width:92px;height:32px;object-fit:contain}
.brand-static{justify-content:flex-start}
.desktop-nav{height:100%;display:flex;align-items:stretch;gap:2px}
.nav-menu,.profile-menu{position:relative;display:flex;align-items:center}
.nav-trigger,.profile-trigger{height:100%;display:inline-flex;align-items:center;gap:5px;background:transparent;color:var(--text);padding:0 10px;border-bottom:2px solid transparent;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap}
.nav-trigger:hover,.nav-trigger[aria-expanded="true"],.profile-trigger:hover,.profile-trigger[aria-expanded="true"]{background:var(--brand-soft-hover);color:var(--brand-navy)}
.nav-trigger.active,.profile-trigger.active{color:var(--brand-navy);border-bottom-color:var(--brand-primary)}
.nav-trigger[aria-expanded="true"] .nav-chevron,.profile-trigger[aria-expanded="true"] .nav-chevron,.drawer-group-trigger[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}
.nav-chevron{transition:transform .15s ease}
.dropdown-menu{position:absolute;top:calc(100% + 7px);left:0;z-index:240;min-width:230px;padding:7px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}
.dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-9px;height:9px}
.dropdown-heading{display:flex;align-items:center;gap:8px;padding:7px 9px 8px;color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);margin-bottom:4px}
.dropdown-item{width:100%;min-height:38px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;color:var(--text);text-decoration:none;font-size:12px;font-weight:600;background:transparent;text-align:left;cursor:pointer}
.dropdown-item:hover,.dropdown-item:focus-visible{background:var(--brand-soft-hover);color:var(--brand-navy)}
.dropdown-item.active{background:var(--brand-soft);color:var(--brand-navy)}
.dropdown-item-disabled,.drawer-item-disabled{color:var(--text-muted);cursor:not-allowed}
.dropdown-item-disabled{background:var(--surface-subtle)}
.dropdown-submenu{position:relative}
.dropdown-submenu-trigger{justify-content:flex-start;width:100%}
.dropdown-submenu-trigger .submenu-chevron{margin-left:auto;transform:rotate(-90deg);transition:transform .15s ease}
.dropdown-submenu-trigger[aria-expanded="true"] .submenu-chevron{transform:rotate(0deg)}
.dropdown-submenu-trigger.active{background:var(--brand-soft);color:var(--brand-navy)}
.dropdown-submenu-panel{position:absolute;top:0;left:calc(100% + 4px);z-index:250;min-width:230px;padding:7px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}
.dropdown-submenu-panel::before{content:"";position:absolute;left:-4px;right:auto;top:0;bottom:0;width:4px}
.resource-search-trigger{margin-left:auto;width:min(29vw,410px);height:34px;padding:0 11px;display:flex;align-items:center;gap:8px;background:var(--surface-subtle);color:var(--text-muted);border:1px solid transparent;border-radius:8px;cursor:pointer;text-align:left}
.resource-search-trigger:hover{background:var(--surface);border-color:var(--border-strong)}
.resource-search-trigger span{flex:1}
.resource-search-trigger kbd{padding:2px 6px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text-faint);font-size:10px;font-family:inherit}
.topbar-actions{display:flex;align-items:center;gap:4px;margin-left:auto}
.resource-search-trigger+.topbar-actions{margin-left:0}
.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.icon-btn:hover,.icon-btn.active{background:var(--brand-soft);color:var(--brand-navy)}
.compact-search-trigger,.mobile-menu-trigger{display:none}
.profile-trigger{height:42px;border-radius:9px;border-bottom:0;padding:0 7px}
.profile-trigger.active{background:var(--brand-soft)}
.profile-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);border:1px solid rgba(0,128,128,.22);color:var(--brand-navy);font-size:11px;font-weight:700}
.profile-name{max-width:100px;overflow:hidden;text-overflow:ellipsis}
.profile-dropdown{left:auto;right:0;width:250px}
.profile-summary{display:flex;align-items:center;gap:10px;padding:8px 9px 12px;margin-bottom:4px;border-bottom:1px solid var(--border)}
.profile-summary span:last-child,.drawer-profile span:last-child{min-width:0;display:flex;flex-direction:column}
.profile-summary strong,.drawer-profile strong{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis}
.profile-summary small,.drawer-profile small{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-avatar-lg{width:38px;height:38px;font-size:14px}
.profile-logout{display:block;margin:0}
.dropdown-button{border:0;font-family:inherit}
.theme-switch{position:relative;width:34px;height:20px;margin-left:auto;border-radius:999px;background:var(--border-strong);transition:background .15s;flex:none}
.theme-switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-xs);transition:transform .15s}
[data-theme-toggle][aria-checked="true"] .theme-switch{background:var(--brand-primary)}
[data-theme-toggle][aria-checked="true"] .theme-switch-thumb{transform:translateX(14px)}
.drawer-button{width:100%;background:transparent;border:0;font:inherit;cursor:pointer;text-align:left}

/* Search */
.search-overlay{position:fixed;inset:0;z-index:400;display:flex;justify-content:center;align-items:flex-start;padding:12vh 20px 30px;background:rgba(16,29,48,.42);backdrop-filter:blur(2px)}
.search-dialog{width:min(620px,100%);max-height:72vh;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md)}
.search-header{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--border)}
.search-header>.icon{color:var(--brand-teal)}
.search-header input{flex:1;border:0;outline:0;background:transparent;font-size:14px;min-width:0}
.search-close{width:32px;height:32px}
.search-results{padding:8px;overflow-y:auto}
.search-result{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--text);text-decoration:none}
.search-result:hover,.search-result.keyboard-active{background:var(--brand-soft);color:var(--brand-navy)}
.search-result>span{min-width:0;display:flex;flex-direction:column}
.search-result strong{font-size:13px}
.search-result small{color:var(--text-faint);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-empty{padding:28px 16px;text-align:center;color:var(--text-muted)}
.search-footer{display:flex;gap:16px;padding:8px 15px;border-top:1px solid var(--border);background:var(--surface-subtle);color:var(--text-faint);font-size:10px}
body.dialog-open,body.drawer-open{overflow:hidden}

/* Mobile drawer */
.drawer-backdrop{position:fixed;inset:var(--topbar-height) 0 0;z-index:290;background:rgba(16,29,48,.36)}
.mobile-drawer{position:fixed;z-index:300;top:var(--topbar-height);bottom:0;left:0;width:min(340px,88vw);overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-md)}
.drawer-header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border)}
.drawer-title{font-size:16px;font-weight:700;color:var(--brand-navy)}
.drawer-profile{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--border)}
.drawer-nav{padding:8px}
.drawer-group{border-bottom:1px solid var(--border)}
.drawer-group-trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:8px;background:transparent;color:var(--text);font-weight:700;cursor:pointer}
.drawer-group-trigger>span{display:flex;align-items:center;gap:9px}
.drawer-group-trigger:hover,.drawer-group-trigger.active{background:var(--brand-soft-hover);color:var(--brand-navy)}
.drawer-group-items{padding:0 0 7px 34px}
.drawer-group-items a{display:block;padding:7px 9px;border-radius:7px;color:var(--text-muted);text-decoration:none;font-size:12px;font-weight:600}
.drawer-group-items a:hover,.drawer-group-items a.active{background:var(--brand-soft);color:var(--brand-navy)}
.drawer-subgroup{margin-bottom:2px}
.drawer-subgroup-trigger{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-radius:7px;background:transparent;color:var(--text);font-size:12px;font-weight:700;cursor:pointer}
.drawer-subgroup-trigger>span{display:flex;align-items:center;gap:6px}
.drawer-subgroup-trigger:hover,.drawer-subgroup-trigger.active{background:var(--brand-soft-hover);color:var(--brand-navy)}
.drawer-subgroup-trigger[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}
.drawer-subgroup-items{padding:0 0 4px 18px}
.drawer-subgroup-items a{display:block;padding:6px 9px;border-radius:7px;color:var(--text-muted);text-decoration:none;font-size:12px;font-weight:600}
.drawer-subgroup-items a:hover,.drawer-subgroup-items a.active{background:var(--brand-soft);color:var(--brand-navy)}
.drawer-direct-link{display:flex;align-items:center;gap:9px;min-height:42px;margin-top:4px;padding:8px;border-radius:8px;color:var(--text);font-weight:700;text-decoration:none}
.drawer-direct-link:hover,.drawer-direct-link.active{background:var(--brand-soft);color:var(--brand-navy)}

/* Content and shared components */
.app-main{width:100%;padding:16px 24px 32px}
.page-header,.acoes-topo{min-height:42px;display:flex;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap}
.page-header-main{min-width:0;flex:1}
.page-title,.acoes-topo .titulo{margin:0;color:var(--brand-navy);font-size:20px;font-weight:700;line-height:1.25}
.page-description{margin:3px 0 0;color:var(--text-muted);font-size:12px}
.page-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.card,.bloco,.bloco-secao,#card-resumo,.form-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}
.btn{min-height:34px;border:1px solid transparent;border-radius:var(--radius-sm);padding:7px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface);font-size:12px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.btn:hover{opacity:1}
.btn:disabled,.btn.disabled{opacity:.48;cursor:not-allowed;pointer-events:none}
.btn-primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--on-brand)}
.btn-primary:hover{background:var(--brand-sea);border-color:var(--brand-sea)}
.btn-secondary,.btn-success{background:var(--brand-teal);border-color:var(--brand-teal);color:#fff}
.btn-secondary:hover,.btn-success:hover{background:var(--brand-teal-hover);border-color:var(--brand-teal-hover)}
.btn-outline{background:var(--surface);border-color:var(--border-strong);color:var(--brand-navy)}
.btn-outline:hover{background:var(--brand-soft-hover);border-color:var(--brand-sea)}
.btn-ghost,.btn-back{background:transparent;border-color:transparent;color:var(--text-muted)}
.btn-ghost:hover,.btn-back:hover{background:var(--surface-subtle);color:var(--brand-navy)}
.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}
.btn-danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}
.btn-print{background:#4f4b8b;border-color:#4f4b8b;color:#fff}
.btn-sm{min-height:30px;padding:5px 10px;font-size:11px}
input[type="text"],input[type="search"],input[type="date"],input[type="password"],input[type="email"],input[type="tel"],input[type="file"],input[type="number"],select,textarea{min-height:34px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:6px 10px;background:var(--surface);font-size:12px;outline:0;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--brand-sea);box-shadow:0 0 0 3px rgba(0,206,209,.16)}
input[type="checkbox"]{accent-color:var(--brand-teal)}
label{font-size:11px}
.badge,.badge-status,.classe-tag{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:2px 8px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:0;white-space:nowrap}
.badge-ativo,.badge-salvo,.badge-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}
.badge-inativo,.badge-neutral{background:var(--surface-subtle);border-color:var(--border);color:var(--text-muted)}
.badge-rascunho,.badge-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}
.badge-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}
.badge-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}
.erro-box,#erros-sistema .erro-item{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);border-radius:var(--radius-sm);padding:9px 12px;font-size:12px}
.sucesso-box{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);border-radius:var(--radius-sm);padding:9px 12px;font-size:12px}
.estado-vazio{padding:32px 20px;text-align:center;color:var(--text-muted);font-size:12px}

/* Tables */
.table-shell,#wrap,.wrap-tabela{width:100%;overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}
.app-main table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface)}
.app-main thead tr{background:var(--surface-subtle);color:var(--brand-navy)}
.app-main thead th{padding:9px 10px;text-align:left;background:var(--surface-subtle);color:var(--brand-navy);border-bottom:1px solid var(--border-strong);font-size:11px;font-weight:700;letter-spacing:.01em;white-space:nowrap}
.app-main thead th.num{text-align:right}
.app-main tbody tr{border-bottom:1px solid var(--border);transition:background .12s}
.app-main tbody tr:hover{background:var(--brand-soft-hover)}
.app-main tbody tr.selected{background:var(--brand-soft)}
.app-main tbody td{height:40px;padding:8px 10px;border-bottom:1px solid var(--border);font-size:12px;vertical-align:middle}
.app-main tbody tr:last-child td{border-bottom:0}
.app-main tfoot td{padding:9px 10px;background:var(--surface-subtle);border-top:1px solid var(--border-strong);font-size:12px;font-weight:700}
.app-main td.red{color:var(--danger);font-weight:700}
.app-main td.green{color:var(--success);font-weight:600}
.app-main td.dim{color:var(--text-faint)}
.app-main thead th.sortable{cursor:pointer;user-select:none}
.app-main thead th.sortable::after{content:"⇅";margin-left:6px;color:var(--text-faint);font-size:10px}
.app-main thead th.sortable.sort-active,.app-main thead th.sort-active{background:var(--brand-soft)}
.app-main thead th.sortable.sort-asc::after,.app-main thead th.sortable.sort-active.sort-asc::after{content:"▲";color:var(--brand-teal)}
.app-main thead th.sortable.sort-desc::after,.app-main thead th.sortable.sort-active.sort-desc::after{content:"▼";color:var(--brand-teal)}
.app-main thead th[draggable="true"]{cursor:grab}
.app-main thead th.col-dragging{opacity:.5;cursor:grabbing}
.app-main thead th.col-drag-over{box-shadow:inset 2px 0 var(--brand-primary)}

@media (max-width:1100px){
  .topbar-inner{gap:10px;padding:0 14px}
  .resource-search-trigger{display:none}
  .compact-search-trigger{display:inline-flex}
  .nav-trigger{padding:0 8px}
}
@media (max-width:767px){
  .topbar-inner{padding:0 10px;gap:4px}
  .mobile-menu-trigger{display:inline-flex}
  .desktop-nav{display:none}
  .brand-link{min-width:58px;margin-right:auto;justify-content:flex-start}
  .brand-logo{height:28px;max-width:76px}
  .profile-name,.profile-trigger>.nav-chevron{display:none}
  .profile-trigger{padding:0 3px}
  .app-main{padding:12px 12px 24px}
  .page-header,.acoes-topo{align-items:flex-start}
  .page-title,.acoes-topo .titulo{font-size:18px}
  .page-actions{width:100%;margin-left:0}
  .toolbar{align-items:stretch}
  .search-overlay{padding:8vh 10px 20px}
  .search-dialog{max-height:80vh}
}
@media (max-width:480px){
  .topbar-actions{gap:0}
  .app-main{padding:10px 10px 20px}
  .page-actions .btn{flex:1}
  .toolbar>.btn{width:100%}
  .search-footer{display:none}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
@media print{
  #topbar,.mobile-drawer,.drawer-backdrop,.search-overlay{display:none!important}
  .app-main{padding:0}
  body{background:#fff}
}