:root{
  --bg:#f2f8f9;
  --panel:#ffffff;
  --text:#123543;
  --muted:#607782;
  --line:#dbe9ec;
  --brand:#0b93c7;
  --brand2:#18b861;
  --ok:#19a85c;
  --warn:#c17a09;
  --bad:#bd342c;
  --nav:#073d50;
  --shadow:0 10px 28px rgba(7,61,80,.09);
}
body{background:linear-gradient(135deg,#f7fbfc 0%,#eef8f7 58%,#f4fbf7 100%)}
.sidebar{background:linear-gradient(180deg,#073d50 0%,#07566b 48%,#08716f 100%)}
.brand{padding-top:2px}.brand .mark{background:transparent!important;width:42px;height:42px;flex-basis:42px;border-radius:0;box-shadow:none;overflow:visible}.brand .mark img{display:block;width:42px;height:42px;object-fit:contain}.brand strong{font-size:17px;letter-spacing:.01em}.brand span{color:#b9dbe0}
.sidebar-toggle{background:rgba(255,255,255,.09);color:#d7edf0}.sidebar-toggle:hover,.nav:hover,.nav.active{background:rgba(255,255,255,.11)}.nav{color:#c6dfe3}.nav.active{box-shadow:inset 3px 0 0 #22c366}.sidebar-foot{color:#b9dbe0}.sidebar-foot small{color:#8fc4cc}
.topbar{box-shadow:0 1px 0 rgba(7,61,80,.03)}.topbar h1{color:#0b526a}.eyebrow,.linkbtn{color:#0b93c7}
.primary,.mini.primary{background:linear-gradient(110deg,#0b93c7,#18b861)!important;border-color:transparent!important}.primary:hover,.mini.primary:hover{filter:brightness(.94)}
.card{border-color:#dcebed}.card:before{content:'';display:block;width:34px;height:3px;border-radius:4px;background:linear-gradient(90deg,#0b93c7,#1bc165);margin-bottom:10px;opacity:.72}.card.ok:before{background:#19a85c}.card.warn:before{background:#d08a16}.card.bad:before{background:#bd342c}
.panel{border-color:#dcebed;box-shadow:0 2px 8px rgba(7,61,80,.025)}
.status-dot.ok{background:#23c46b}.notice.ok{border-color:#a7dfc0;background:#eefaf4;color:#116640}
.table-wrap{overflow:auto;scrollbar-gutter:stable}.compact-data{table-layout:fixed;width:100%}.compact-data th,.compact-data td{white-space:normal;overflow-wrap:anywhere;padding:10px 11px;line-height:1.3}.compact-data td small{line-height:1.25}.compact-data code{font-size:11px;white-space:normal;overflow-wrap:anywhere}.entity-cell strong{display:block;color:#103f50}.entity-cell small span{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#82959d}.number-cell{text-align:center}.compact-actions{flex-wrap:wrap;white-space:normal;gap:4px}.compact-actions .icon-btn{min-width:30px;padding:0 7px}
.licenses-compact-table th:nth-child(1){width:25%}.licenses-compact-table th:nth-child(2){width:24%}.licenses-compact-table th:nth-child(3){width:7%}.licenses-compact-table th:nth-child(4){width:14%}.licenses-compact-table th:nth-child(5){width:10%}.licenses-compact-table th:nth-child(6){width:20%}
.usage-compact-table th:nth-child(1){width:24%}.usage-compact-table th:nth-child(2){width:21%}.usage-compact-table th:nth-child(3){width:17%}.usage-compact-table th:nth-child(4){width:11%}.usage-compact-table th:nth-child(5){width:10%}.usage-compact-table th:nth-child(6){width:17%}
.errors-compact-table th:nth-child(1){width:9%}.errors-compact-table th:nth-child(2){width:34%}.errors-compact-table th:nth-child(3){width:16%}.errors-compact-table th:nth-child(4){width:14%}.errors-compact-table th:nth-child(5){width:13%}.errors-compact-table th:nth-child(6){width:14%}.error-main strong{display:block}.error-main small{display:block;margin-top:4px}.license-key-detail{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.license-key-detail code{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#f5fafb;overflow-wrap:anywhere;flex:1;min-width:220px}
.filters.compact-filterbar{align-items:center}.compact-filterbar .hint{margin-left:auto}
.icon-btn:hover{border-color:#9ed2dc;background:#f1fbfc;color:#087c9f}.pill.ONLINE,.pill.ATIVA,.pill.SAUDAVEL,.pill.CORRIGIDO{background:#e5f8ee;color:#117044}
@media(max-width:1100px){.licenses-compact-table,.usage-compact-table,.errors-compact-table{table-layout:auto}.compact-data th,.compact-data td{font-size:12px}.compact-actions .icon-btn{height:30px}}
@media(max-width:760px){.brand .mark,.brand .mark img{width:38px;height:38px}.compact-data{min-width:680px}.filters.compact-filterbar .hint{width:100%;margin-left:0}}