:root {
  --bd-ink:#0b0d10; --bd-muted:#667085; --bd-paper:#f5f7f8; --bd-surface:#fff;
  --bd-border:#e2e6ea; --bd-lime:#b9f227; --bd-lime-hover:#a8df18;
  --bd-lime-ink:#182600; --bd-success:#16865c; --bd-danger:#c93c48;
  --bd-control-sidebar:#18352f; --bd-control-sidebar-hover:#23463e;
  background:var(--bd-paper)!important; color:var(--bd-ink)!important;
}
html,body { min-height:100%; background:var(--bd-paper)!important; color:var(--bd-ink)!important; }
body { min-height:100vh; }
main { max-width:1460px; padding:32px; }
.brand { height:42px; display:flex; align-items:center; gap:16px; color:var(--bd-muted); letter-spacing:.12em; font-weight:700; }
.brand img { width:165px; height:auto; }
.brand span { padding-left:16px; border-left:1px solid var(--bd-border); }
.hero { background:#101214; color:#fff; border-radius:14px; padding:28px 30px; align-items:center; margin:16px 0 22px; }
.hero h1 { letter-spacing:-.045em; }
.hero__eyebrow { margin-bottom:8px; color:var(--bd-lime); font-size:11px; font-weight:800; letter-spacing:.14em; }
.hero p,.hero .muted { color:#aeb4bd; }
.muted { color:var(--bd-muted); }
.grid { gap:16px; }
.card { background:var(--bd-surface); border:1px solid var(--bd-border); border-radius:14px; padding:22px; box-shadow:0 1px 2px rgb(16 24 40/.04); color:var(--bd-ink); }
.card h2 { color:var(--bd-ink); font-size:14px; }
.value { letter-spacing:-.035em; }
.ok { color:var(--bd-success); }
.error { color:var(--bd-danger); }
.button { background:var(--bd-lime); color:var(--bd-lime-ink); border-radius:10px; padding:11px 16px; }
.button:hover { background:var(--bd-lime-hover); }
.secondary { background:var(--bd-surface); color:var(--bd-ink); border:1px solid var(--bd-border); }
.field { background:var(--bd-surface); border:1px solid var(--bd-border); border-radius:9px; color:var(--bd-ink); min-height:42px; }
.field:focus { border-color:#93bf24; box-shadow:0 0 0 3px rgb(185 242 39/.22); outline:0; }
.tenant,.invoice { border-color:var(--bd-border); }
.status { background:color-mix(in srgb,var(--bd-success) 12%,transparent); color:var(--bd-success); }
.range { accent-color:var(--bd-lime-hover); }
hr { border-color:var(--bd-border)!important; }
pre { background:#101214!important; color:#fff!important; border-radius:10px!important; }
:focus-visible { outline:3px solid rgb(185 242 39/.65); outline-offset:2px; }
.admin-shell { margin-top:18px; }
.admin-shell__header { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:8px 0 18px; }
.admin-shell__header h2 { margin:0 0 5px; font-size:24px; letter-spacing:-.035em; }
.admin-shell__header p { margin:0; }
.admin-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:18px; align-items:start; }
.admin-nav { position:sticky; top:18px; display:grid; gap:4px; padding:10px; background:var(--bd-control-sidebar); border:1px solid #274b43; border-radius:14px; box-shadow:0 8px 22px rgb(17 42 36/.14); }
.admin-nav__group { padding:10px 10px 5px; color:#a9beb8; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.admin-nav button { width:100%; padding:10px 11px; border:0; border-radius:9px; background:transparent; color:#edf5f2; font:inherit; font-size:13px; font-weight:650; text-align:left; cursor:pointer; }
.admin-nav button:hover { background:var(--bd-control-sidebar-hover); }
.admin-nav button.is-active { background:var(--bd-lime); color:var(--bd-lime-ink); }
.admin-panel { display:none; min-width:0; }
.admin-panel.is-active { display:block; }
.admin-panel__head { margin:0 0 14px; }
.admin-panel__head h2 { margin:0 0 5px; font-size:22px; letter-spacing:-.03em; }
.admin-panel__head p { margin:0; color:var(--bd-muted); font-size:13px; }
.admin-panel__body { display:grid; gap:16px; }
.admin-panel__body > .grid { margin:0!important; }
.admin-panel__body > .card { margin:0!important; }
.admin-directory { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.admin-directory__item { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; min-height:82px; padding:16px; border:1px solid var(--bd-border); border-radius:11px; color:var(--bd-ink); text-decoration:none; }
.admin-directory__item:hover { border-color:#93bf24; background:#fbfff2; }
.admin-directory__item strong,.admin-directory__item span { display:block; }
.admin-directory__item span { margin-top:4px; color:var(--bd-muted); font-size:12px; line-height:1.45; }
.admin-directory__item small { flex:0 0 auto; color:#557011; font-weight:800; text-transform:uppercase; }
.admin-note { padding:14px 16px; border-left:3px solid var(--bd-lime); border-radius:8px; background:#fbfff2; color:#3d4a26; font-size:13px; }
.admin-empty { padding:24px; border:1px dashed var(--bd-border); border-radius:12px; color:var(--bd-muted); text-align:center; }
.board-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:14px; }
.board-metrics > div { padding:14px; border:1px solid var(--bd-border); border-radius:10px; }
.board-metrics strong,.board-metrics span { display:block; }
.board-metrics strong { font-size:22px; letter-spacing:-.03em; }
.board-metrics span { margin-top:4px; color:var(--bd-muted); font-size:11px; }
.board-catalog-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:16px; }
.board-catalog-groups section { padding:14px; border:1px solid var(--bd-border); border-radius:10px; }
.board-catalog-groups section > strong { display:block; margin-bottom:10px; }
.board-service { display:grid; grid-template-columns:8px minmax(0,1fr) auto; gap:8px; align-items:center; padding:7px 0; border-top:1px solid var(--bd-border); font-size:12px; }
.board-service small { color:var(--bd-muted); }
.board-state { width:7px; height:7px; border-radius:50%; background:#98a2b3; }
.board-state--operational,.board-state--qa { background:var(--bd-success); }
.board-state--partial,.board-state--development { background:#d18b17; }
.board-incident-list,.board-operation-list { display:grid; gap:0; margin-top:14px; }
.board-incident-list > div,.board-operation-list > div { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 0; border-top:1px solid var(--bd-border); }
.board-incident-list small,.board-operation-list small { color:var(--bd-muted); }
.board-ok-line { margin-top:14px; color:var(--bd-success); }
.control-kicker { display:block; margin-bottom:6px; color:#62746f; font-size:9px; font-weight:800; letter-spacing:.13em; }
.control-composer__head,.control-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:20px; }
.control-composer__head h2,.control-section-head h2 { margin:0 0 5px; }
.control-composer__head p,.control-section-head p { margin:0; color:var(--bd-muted); font-size:12px; }
.control-progress { display:flex; gap:5px; min-width:150px; padding-top:6px; }
.control-progress i { width:100%; height:3px; border-radius:4px; background:#e5e9e8; }
.control-progress i.is-active { background:var(--bd-lime-hover); }
.control-step { display:none; min-height:95px; }
.control-step.is-active { display:block; }
.control-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.control-fields--compact { grid-template-columns:1fr 1fr 1fr; }
.control-fields label { color:#44514e; font-size:11px; font-weight:700; }
.control-fields .field { margin-top:6px; }
.control-composer__actions { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; }
.control-review { display:grid; gap:4px; margin-bottom:14px; padding:16px; background:var(--bd-paper); border-radius:10px; }
.control-review span { color:var(--bd-muted); font-size:12px; }
.control-check { display:inline-flex; align-items:center; gap:7px; margin-right:16px; color:var(--bd-muted); font-size:12px; }
.control-menu-items { display:grid; gap:8px; margin-top:14px; }
.control-menu-row { display:grid; grid-template-columns:1.1fr .8fr 1.4fr 1.2fr auto auto; gap:8px; align-items:center; padding:10px; background:var(--bd-paper); border-radius:10px; }
.control-menu-row .field { margin:0; }
.control-remove { width:32px; height:32px; border:0; border-radius:8px; background:#fff; color:var(--bd-danger); font-size:20px; cursor:pointer; }
.control-list-row { display:flex; justify-content:space-between; gap:16px; padding:11px 0; border-top:1px solid var(--bd-border); }
.control-list-row span:first-child { display:grid; gap:3px; }
.control-list-row small { color:var(--bd-muted); }
@media(max-width:760px) {
  main { padding:20px 14px; }
  .brand span { display:none; }
  .hero { align-items:stretch; flex-direction:column; }
  .hero .button { width:100%; }
  .admin-shell__header { align-items:flex-start; flex-direction:column; }
  .admin-layout { grid-template-columns:1fr; }
  .admin-nav { position:static; display:flex; overflow-x:auto; padding:8px; }
  .admin-nav__group { display:none; }
  .admin-nav button { flex:0 0 auto; width:auto; white-space:nowrap; }
  .admin-directory { grid-template-columns:1fr; }
  .control-fields,.control-fields--compact { grid-template-columns:1fr; }
  .control-menu-row { grid-template-columns:1fr 1fr; }
  .control-menu-row [data-menu="href"],.control-menu-row [data-menu="roles"] { grid-column:1/-1; }
  .board-metrics,.board-catalog-groups { grid-template-columns:1fr 1fr; }
  .board-incident-list > div,.board-operation-list > div { grid-template-columns:1fr; }
}
@media(max-width:480px) {
  .board-metrics,.board-catalog-groups { grid-template-columns:1fr; }
}