/* IEAD V7 — alinhamento ao padrão visual Stellix ERP / XBS Finance.
   Tokens de interface, não reutilização de lógica financeira empresarial. */
:root {--erp-purple:#6d50e8; --erp-soft:#f0edff; --erp-edge:#ddd5ff; --bg:#f3f5fc; --line:#e1e6f0; --ink:#111f38; --muted:#697995; --shadow:0 2px 9px #1628540a}
body {font-size:13px; overflow-x:hidden}
.app,.main,#content,.panel,.table-wrap {min-width:0;max-width:100%}
.sidebar {width:234px; flex:0 0 234px; padding:13px 9px 8px; min-width:0; overflow:hidden}
.sidebar .logo {padding:4px 7px 15px}
#nav {overflow-y:auto !important; overflow-x:hidden !important; scrollbar-width:none;overscroll-behavior:contain;min-height:0; flex:1}
#nav::-webkit-scrollbar {width:0;height:0;display:none}
.navgroup {font-size:9px;letter-spacing:1.2px;margin:15px 9px 6px}
.navitem,.navsub {display:flex;align-items:center;gap:8px;width:100%;max-width:100%;min-width:0;white-space:normal;min-height:34px;transition:color .18s ease,background .18s ease,transform .18s ease;border-radius:8px}
.navitem .caption{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.navitem:hover,.navsub:hover {background:var(--erp-soft);color:#5843cc;transform:translateX(1px)}
.navitem.active,.navsub.active {background:#efebff!important;color:#5e42dc!important;box-shadow:inset 3px 0 var(--erp-purple)}
.navitem.expanded:not(.active) {background:transparent!important;color:var(--ink)!important;box-shadow:none!important}
.navsub {font-size:11px;padding:6px 9px 6px 29px;line-height:1.3}
.navsub.active {font-weight:700}
#nav-scroll-indicator {display:none!important}
.side-bottom {flex-shrink:0;min-height:36px}
.topbar {height:57px;padding:0 17px;gap:12px}
#content {max-width:none;padding:24px 24px 44px}
.heading {margin-bottom:18px}
.heading h1 {font-size:25px;letter-spacing:-.65px}
.panel {border-radius:13px; overflow:hidden}
.btn {font-size:12px;min-height:34px;border-radius:8px;white-space:nowrap;transition:background .16s,box-shadow .16s,transform .16s}
.btn:hover {transform:translateY(-1px);box-shadow:0 4px 12px #2c205915}
.btn.primary {background:#6d50e8!important;border-color:#6d50e8!important;color:#fff!important}
.btn.primary:hover {background:#5c40d1!important}
.modal {position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#14213b8c}
.modal.hidden {display:none!important}
.modal-card {width:min(720px,calc(100vw - 32px)); max-height:min(88vh,900px);padding:24px;border-radius:16px;overflow-y:auto;overflow-x:hidden;box-shadow:0 22px 75px #0f1a3d35}
.modal-card .institution-form,.modal-card form {display:block;max-width:100%;min-width:0}
.modal-card .formgrid,.institution-form .formgrid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 16px!important;align-items:start}
.modal-card .field,.institution-form .field {display:flex!important;flex-direction:column!important;min-width:0!important;width:auto!important;max-width:100%!important;gap:6px}
.modal-card .field input,.modal-card .field select,.modal-card .field textarea,.institution-form .field input,.institution-form .field select,.institution-form .field textarea {width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;min-height:38px;padding:9px 11px!important;font-size:13px}
.modal-card .field textarea {min-height:80px}
.modal-actions,.institution-form .actions {display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:9px!important;margin-top:22px!important;flex-wrap:wrap!important}
.modal-actions .btn,.institution-form .actions .btn {width:auto!important;height:auto!important;max-width:100%!important;min-width:105px!important;min-height:38px!important;padding:9px 15px!important}
.table-wrap {overflow-x:auto;overscroll-behavior-inline:contain}
.table-wrap table {width:100%;border-collapse:collapse;font-size:12px}
.table-wrap th {font-size:10px;letter-spacing:.45px;text-transform:uppercase;background:#f5f5fb;color:#66708c}
.table-wrap td,.table-wrap th {padding:12px 11px;vertical-align:middle}
.table-wrap tbody tr:hover {background:#faf9ff}
.iead-summary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 18px}
.iead-summary>div {background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:9px}
.iead-summary small {font-size:11px;color:var(--muted)}
.iead-summary strong {font-size:23px;letter-spacing:-.55px}
.iead-filters {display:grid;grid-template-columns:125px 160px minmax(180px,1fr) auto auto auto;align-items:end;gap:10px;background:var(--panel);border:1px solid var(--line);padding:13px;margin-bottom:17px;border-radius:11px}
.iead-filters label {font-size:11px;display:flex;flex-direction:column;gap:5px;min-width:0;color:var(--muted)}
.iead-filters input,.iead-filters select{height:36px;border:1px solid var(--line);border-radius:7px;padding:6px 9px;background:var(--panel);color:var(--ink);width:100%;min-width:0}
.dark .iead-summary>div {background:var(--panel)}
.dark .table-wrap th{background:#28334c;color:#d7d9ef}
.dark .table-wrap tbody tr:hover{background:#292344}
.dark .navitem.active,.dark .navsub.active{background:#382d64!important;color:#e8e1ff!important}
@media(max-width:1120px){.iead-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.iead-summary{grid-template-columns:1fr}.iead-filters{grid-template-columns:1fr 1fr}.modal-card .formgrid,.institution-form .formgrid{grid-template-columns:1fr!important}.sidebar{width:225px;flex-basis:225px}#content{padding:18px 14px}}
@media(max-width:480px){.iead-filters{grid-template-columns:1fr}}
.iead-chart{display:grid;gap:15px;margin:12px 0}.iead-chart-row{display:grid;grid-template-columns:105px 1fr 125px;align-items:center;gap:12px;font-size:12px}.iead-chart-row>div{height:9px;border-radius:8px;background:#eceff7;overflow:hidden}.iead-chart-row i{display:block;height:100%;background:linear-gradient(90deg,#6b50ea,#3f81ef);border-radius:8px}.iead-chart-row>b{text-align:right;font-size:12px}.quick-actions small{color:var(--muted)}
@media(max-width:600px){.iead-chart-row{grid-template-columns:80px 1fr 90px;font-size:10px}}