:root {
  --bg:#080b0b; --surface:#0e1211; --surface-2:#141918; --surface-3:#1a201e;
  --line:#252d2a; --line-soft:#1c2321; --text:#f2f6f4; --muted:#91a099; --faint:#64716b;
  --green:#5ce3a2; --green-2:#32b97c; --blue:#6ca8ff; --amber:#f2be63; --red:#ff746a;
  --violet:#a991ff; --cyan:#5dd7dc; --radius:18px; --shadow:0 22px 60px rgba(0,0,0,.28);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box} html,body{min-height:100%;margin:0} button,input,select,textarea{font:inherit}
body{background:radial-gradient(900px 600px at 70% -10%,rgba(92,227,162,.07),transparent 60%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
button,a{ -webkit-tap-highlight-color:transparent }
.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px 18px;border-right:1px solid var(--line-soft);background:rgba(10,13,12,.93);backdrop-filter:blur(24px);display:flex;flex-direction:column;z-index:20;overflow:auto}
.brand{display:flex;align-items:center;gap:12px;padding:0 8px 23px;color:var(--text);text-decoration:none}
.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#24332d,#111815);border:1px solid #34443d;box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.3)}
.brand-mark i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 15px rgba(92,227,162,.8)}
.brand-mark i:nth-child(1){transform:translate(-8px,4px)}.brand-mark i:nth-child(2){transform:translate(0,-6px)}.brand-mark i:nth-child(3){transform:translate(8px,4px)}
.brand strong{font-size:18px;letter-spacing:.16em}.brand small,.tenant-card small,.nav-item small{display:block;color:var(--faint);font-size:10px;margin-top:2px;letter-spacing:.02em}
.tenant-card{display:grid;grid-template-columns:36px 1fr 8px;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--surface-2),var(--surface));margin-bottom:18px;min-width:0}
.tenant-card>span:nth-child(2){min-width:0}.tenant-card strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tenant-avatar,.user-avatar{display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#27533f,#143126);color:#baf8d7;font-size:11px;font-weight:800;border:1px solid #3c725a}
.tenant-avatar{width:36px;height:36px}.user-avatar{width:36px;height:36px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(92,227,162,.8)}
.nav-stack{display:flex;flex-direction:column;gap:3px}.nav-label{margin:15px 11px 6px;color:#53615a;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.nav-item{width:100%;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);display:grid;grid-template-columns:31px 1fr;gap:9px;align-items:center;text-align:left;padding:8px 10px;cursor:pointer;transition:.16s}
.nav-item:hover{background:rgba(255,255,255,.03);color:var(--text)}.nav-item.active{color:var(--text);background:linear-gradient(100deg,rgba(92,227,162,.11),rgba(92,227,162,.025));border-color:rgba(92,227,162,.19)}
.nav-item>span:last-child{font-size:12.5px;font-weight:700}.nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#1d2522;color:#9dafA7;font-size:14px;font-weight:800}
.nav-item.active .nav-icon{background:#214536;color:var(--green)}.nav-icon.fin{color:var(--green)}.nav-icon.acc{color:var(--blue)}.nav-icon.hr{color:var(--amber)}.nav-icon.legal{color:var(--violet)}.nav-icon.mkt{color:#ef86bd}.nav-icon.net{color:var(--cyan)}.nav-icon.org{color:var(--green)}.nav-icon.users{color:var(--cyan)}.nav-icon.roles{color:var(--blue)}.nav-icon.audit{color:var(--amber)}
.sidebar-footer{margin-top:auto;padding:22px 4px 0}.guardrail{display:flex;gap:9px;padding:11px;border:1px solid rgba(92,227,162,.14);border-radius:12px;background:rgba(92,227,162,.04)}.guardrail>span{color:var(--green);font-size:9px;margin-top:3px}.guardrail strong{display:block;color:#b9c7c1;font-size:10px}.guardrail small{display:block;color:#65736c;font-size:9px;line-height:1.35;margin-top:3px}.sidebar-footer>a{display:block;margin:14px 7px 0;color:#75837c;font-size:11px;text-decoration:none}
.workspace{width:100%;min-width:0;overflow-x:hidden}.topbar{height:84px;display:flex;align-items:center;gap:18px;padding:0 34px;border-bottom:1px solid var(--line-soft);background:rgba(8,11,11,.72);backdrop-filter:blur(22px);position:sticky;top:0;z-index:10}.page-heading{min-width:0}.page-heading span{color:var(--green);font-size:9px;font-weight:800;letter-spacing:.16em}.page-heading h1{font-size:22px;line-height:1.1;margin:4px 0 0;letter-spacing:-.025em}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.status-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;color:#85938c;padding:7px 10px;font-size:10px;background:rgba(255,255,255,.02)}.status-chip i{width:5px;height:5px;border-radius:50%;background:#84918b}.status-chip.safe{border-color:rgba(92,227,162,.17);color:#99c9b1}.status-chip.safe i{background:var(--green)}
.icon-button,.mobile-menu{width:35px;height:35px;border-radius:11px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer}.icon-button:hover{color:var(--text);border-color:#3a4541}.mobile-menu{display:none}
.content{width:100%;min-width:0;max-width:1500px;padding:30px 34px 70px}.notice{margin:18px 34px 0;padding:11px 14px;border:1px solid rgba(255,116,106,.25);border-radius:12px;background:rgba(255,116,106,.07);color:#ffc0bb;font-size:12px}
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.hero-copy{max-width:720px}.eyebrow{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero h2{font-size:28px;line-height:1.12;letter-spacing:-.035em;margin:8px 0 8px}.hero p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}
.button{border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text);padding:10px 14px;font-size:11px;font-weight:750;cursor:pointer;transition:.15s}.button:hover{transform:translateY(-1px);border-color:#46524d}.button.primary{border-color:#55d39a;background:linear-gradient(180deg,#69e9ae,#46c68b);color:#062719;box-shadow:0 10px 25px rgba(50,185,124,.15)}.button.danger{border-color:rgba(255,116,106,.3);color:#ffaaa4}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.small{padding:7px 10px;font-size:10px}.button.block{width:100%}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric{min-height:128px;padding:17px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface-2),var(--surface));box-shadow:var(--shadow);position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:85px;height:85px;border-radius:50%;right:-38px;top:-43px;background:var(--metric-color,var(--green));opacity:.07}.metric-head{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.metric-icon{width:27px;height:27px;border-radius:9px;background:rgba(92,227,162,.08);display:grid;place-items:center;color:var(--metric-color,var(--green));font-size:12px}.metric-value{font-size:25px;font-weight:780;letter-spacing:-.035em;margin-top:14px}.metric-sub{font-size:10px;color:var(--faint);margin-top:5px}.metric.blue{--metric-color:var(--blue)}.metric.amber{--metric-color:var(--amber)}.metric.violet{--metric-color:var(--violet)}.metric.red{--metric-color:var(--red)}
.layout-2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:16px;align-items:start}.layout-2>*{min-width:0}.layout-even{grid-template-columns:repeat(2,minmax(0,1fr))}.stack{width:100%;min-width:0;display:flex;flex-direction:column;gap:16px}
.panel{width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,var(--surface-2),var(--surface));box-shadow:var(--shadow);overflow:hidden}.panel-header{min-width:0;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--line-soft)}.panel-title{min-width:0}.panel-title h3{font-size:13px;margin:0}.panel-title p{font-size:10px;color:var(--faint);margin:4px 0 0}.panel-body{min-width:0;padding:18px}.panel-body.flush{padding:0}.panel-badge{border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--muted);font-size:9px}.panel-badge.safe{color:var(--green);border-color:rgba(92,227,162,.2);background:rgba(92,227,162,.05)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{min-width:0}.field.full{grid-column:1/-1}.field label{display:flex;justify-content:space-between;gap:8px;margin:0 0 6px;color:#9ba9a2;font-size:10px;font-weight:700}.field label em{color:#53615a;font-style:normal;font-weight:500}.input,select.input,textarea.input{width:100%;min-height:40px;border:1px solid #2b3531;border-radius:10px;background:#0c100f;color:var(--text);padding:9px 11px;font-size:11.5px;outline:none;transition:.15s}.input::placeholder{color:#4f5b56}.input:focus{border-color:#4aa77d;box-shadow:0 0 0 3px rgba(92,227,162,.08)}textarea.input{min-height:82px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:3px}.form-note{margin-right:auto;color:var(--faint);font-size:9.5px}.form-message{grid-column:1/-1;min-height:16px;font-size:10px;color:var(--muted)}.form-message.success{color:var(--green)}.form-message.error{color:var(--red)}
.table-wrap{width:100%;min-width:0;max-width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{text-align:left;padding:11px 15px;color:#59665f;font-size:9px;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid var(--line-soft)}.data-table td{padding:13px 15px;color:#b4c0ba;font-size:10.5px;border-bottom:1px solid var(--line-soft)}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:rgba(255,255,255,.018)}.data-table strong{color:var(--text);font-size:11px}.table-sub{color:var(--faint);font-size:9px;margin-top:3px}.money.positive{color:var(--green)}.money.negative{color:var(--red)}.clickable-row{cursor:pointer}.clickable-row:focus-visible{outline:2px solid var(--green);outline-offset:-2px;background:rgba(92,227,162,.05)}
.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:750;background:rgba(145,160,153,.09);color:#9eaaa4;border:1px solid rgba(145,160,153,.12)}.pill:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.pill.active,.pill.open,.pill.posted,.pill.sandbox_active{color:var(--green);background:rgba(92,227,162,.07);border-color:rgba(92,227,162,.15)}.pill.draft,.pill.review,.pill.medium,.pill.in_progress{color:var(--amber);background:rgba(242,190,99,.07);border-color:rgba(242,190,99,.15)}.pill.high,.pill.critical,.pill.overdue{color:var(--red);background:rgba(255,116,106,.07);border-color:rgba(255,116,106,.16)}
.toolbar{display:flex;align-items:center;gap:9px;margin-bottom:14px}.search{position:relative;flex:1}.search .input{padding-left:34px}.search:before{content:"⌕";position:absolute;left:12px;top:9px;color:#64716b}.toolbar select{width:auto;min-width:135px}
.empty-state{padding:42px 22px;text-align:center}.empty-icon{width:44px;height:44px;border-radius:14px;margin:0 auto 12px;display:grid;place-items:center;background:#18201d;border:1px solid var(--line);color:var(--green)}.empty-state h4{font-size:12px;margin:0 0 5px}.empty-state p{font-size:10px;color:var(--faint);max-width:330px;margin:0 auto;line-height:1.5}
.department-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:18px;font-weight:800;background:rgba(92,227,162,.08);color:var(--green);border:1px solid rgba(92,227,162,.14)}.department-mark.accounting{color:var(--blue);background:rgba(108,168,255,.08);border-color:rgba(108,168,255,.14)}.department-mark.hr{color:var(--amber);background:rgba(242,190,99,.08);border-color:rgba(242,190,99,.14)}.department-mark.legal{color:var(--violet);background:rgba(169,145,255,.08);border-color:rgba(169,145,255,.14)}
.flow-list{display:flex;flex-direction:column}.flow-row{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line-soft)}.flow-row:last-child{border-bottom:0}.flow-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#19211e;color:var(--green);font-size:11px}.flow-copy strong{display:block;font-size:10.5px}.flow-copy small{color:var(--faint);font-size:9px}.flow-value{text-align:right;font-size:11px;font-weight:750}
.progress{height:6px;background:#1d2522;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--green-2),var(--green));border-radius:inherit}.onboarding-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.012);margin-bottom:10px}.onboarding-card:last-child{margin-bottom:0}.onboarding-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:11px}.onboarding-head strong{font-size:11px}.onboarding-head small{display:block;color:var(--faint);font-size:9px;margin-top:3px}.step-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.step{padding:8px 9px;border:1px solid var(--line-soft);border-radius:9px;color:#84918b;font-size:9px}.step.done{color:var(--green);border-color:rgba(92,227,162,.15)}.step-card{padding:11px;border:1px solid var(--line);border-radius:11px;background:#101513}.step-card.done{border-color:rgba(92,227,162,.23)}.step-card.blocked{border-color:rgba(255,116,106,.25)}.step-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#aab7b1;font-size:10px;font-weight:700}.step-card small{display:block;color:var(--faint);font-size:8.5px;margin:4px 0 8px}.step-actions,.inline-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.step-actions{margin-top:8px}
.sandbox-banner{display:flex;gap:13px;align-items:flex-start;padding:15px;border:1px solid rgba(92,227,162,.18);border-radius:14px;background:linear-gradient(100deg,rgba(92,227,162,.07),rgba(92,227,162,.02));margin-bottom:16px}.sandbox-banner>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(92,227,162,.12);color:var(--green)}.sandbox-banner strong{font-size:11px}.sandbox-banner p{margin:4px 0 0;color:#789087;font-size:9.5px;line-height:1.45}
.loading-state{min-height:420px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--faint);font-size:11px}.loading-state span{width:25px;height:25px;border:2px solid #27312d;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.toast-region{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{min-width:260px;max-width:380px;padding:12px 14px;border:1px solid #35423d;border-radius:12px;background:#18201d;color:#dce5e1;font-size:10.5px;box-shadow:0 18px 50px rgba(0,0,0,.4);animation:toast-in .2s ease}.toast.error{border-color:rgba(255,116,106,.35);color:#ffc0bb}.toast.success{border-color:rgba(92,227,162,.3);color:#bcf6d8}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}
.decision-overlay{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:20px;background:rgba(2,5,4,.76);backdrop-filter:blur(12px);animation:toast-in .16s ease}.decision-dialog{width:min(520px,100%);display:grid;grid-template-columns:42px 1fr;gap:14px;padding:22px;border:1px solid #34423c;border-radius:20px;background:linear-gradient(155deg,#171e1b,#0d1210);box-shadow:0 35px 100px rgba(0,0,0,.62)}.decision-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#062719;background:var(--green);font-size:17px;font-weight:900}.decision-copy h3{margin:7px 0 7px;font-size:18px;letter-spacing:-.025em}.decision-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.decision-field,.decision-error,.decision-actions{grid-column:1/-1}.decision-field>span{display:block;margin:3px 0 7px;color:#aab7b1;font-size:10px;font-weight:750}.decision-field small{display:block;margin-top:6px;color:var(--faint);font-size:9px}.decision-error{min-height:14px;color:var(--red);font-size:9.5px}.decision-actions{display:flex;justify-content:flex-end;gap:8px}
.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.meta-grid>div{padding:12px;border:1px solid var(--line-soft);border-radius:11px;background:rgba(255,255,255,.012);min-width:0}.meta-grid span{display:block;color:var(--faint);font-size:9px;margin-bottom:5px}.meta-grid strong{display:block;color:#cdd7d2;font-size:10px;overflow-wrap:anywhere}
.permission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.permission-card{padding:15px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface-2),var(--surface));box-shadow:var(--shadow);min-width:0}.permission-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px}.permission-head strong{font-size:11px;text-transform:capitalize}.permission-head span{color:var(--faint);font-size:8.5px}.permission-list{display:flex;gap:5px;flex-wrap:wrap}.permission-chip{padding:4px 6px;border:1px solid rgba(108,168,255,.16);border-radius:7px;background:rgba(108,168,255,.05);color:#8db8f3;font-size:8px;overflow-wrap:anywhere}
.secret-once{margin-top:14px;padding:13px;border:1px solid rgba(242,190,99,.26);border-radius:12px;background:rgba(242,190,99,.06)}.secret-once strong{display:block;color:#f3ca82;font-size:10px;margin-bottom:8px}.secret-once code{display:block;padding:9px;border-radius:8px;background:#090c0b;color:#e8efeb;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;user-select:all}.audit-meta{display:block;max-width:320px;overflow:hidden;text-overflow:ellipsis;color:#83918a}
.detail-shell{margin-top:18px;padding:18px;border:1px solid rgba(92,227,162,.2);border-radius:22px;background:linear-gradient(150deg,#121917,#0c100f);box-shadow:0 30px 90px rgba(0,0,0,.38)}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.detail-head h3{font-size:21px;margin:6px 0 4px}.detail-head p{color:var(--faint);font-size:9px;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compact-grid .metric{min-height:105px}.timeline{display:flex;flex-direction:column;margin-bottom:16px}.timeline-item{display:grid;grid-template-columns:54px 1fr;gap:11px;padding:11px 0;border-bottom:1px solid var(--line-soft)}.timeline-item>span{color:var(--green);font-size:8px;text-transform:uppercase}.timeline-item strong{display:block;font-size:10px;line-height:1.45}.timeline-item small{display:block;color:var(--faint);font-size:8.5px;margin-top:4px}.loading-state.compact{min-height:160px}
.contract-ribbon{display:flex;align-items:center;gap:12px;padding:13px 15px;margin:-4px 0 16px;border:1px solid rgba(92,227,162,.2);border-radius:14px;background:linear-gradient(90deg,rgba(92,227,162,.08),rgba(108,168,255,.035))}.contract-ribbon>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#092719;background:var(--green);font-weight:900}.contract-ribbon strong{display:block;font-size:10px}.contract-ribbon small{display:block;color:#789087;font-size:9px;margin-top:3px}.cycle-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:20px}.cycle-step{display:grid;grid-template-columns:26px 1fr;column-gap:8px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.012)}.cycle-step>span{grid-row:1/3;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#1d2522;color:#8c9a93;font-size:9px;font-weight:800}.cycle-step strong{font-size:9.5px}.cycle-step small{color:var(--faint);font-size:8px;margin-top:2px}.cycle-step.done{border-color:rgba(92,227,162,.22);background:rgba(92,227,162,.035)}.cycle-step.done>span{color:var(--green);background:#1d3b30}.cycle-forms{margin-top:16px}.state-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ledger-result{margin-top:14px;border:1px solid var(--line-soft);border-radius:11px}.trial-balanced{border-left:3px solid var(--green)}.trial-balanced.error{border-left-color:var(--red)}.data-table tfoot td{padding:13px 15px;border-top:1px solid var(--line);background:rgba(255,255,255,.018);font-size:10px}
@media(max-width:1240px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-2,.layout-even,.detail-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-chip:nth-child(2){display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-290px;width:270px;transition:.2s}.sidebar.open{left:0;box-shadow:20px 0 60px rgba(0,0,0,.55)}.mobile-menu{display:block}.topbar{height:72px;padding:0 16px}.content{padding:22px 16px 60px}.notice{margin:14px 16px 0}.status-chip{display:none}.page-heading h1{font-size:18px}.hero{align-items:flex-start;flex-direction:column}.hero h2{font-size:24px}.metric-grid,.permission-grid{grid-template-columns:1fr 1fr}.cycle-strip{grid-template-columns:1fr 1fr}.form-grid,.step-list,.meta-grid{grid-template-columns:1fr}.field.full,.form-actions,.form-message{grid-column:1}.top-actions{gap:7px}.detail-shell{padding:13px}.detail-head{flex-direction:column}.inline-actions{width:100%}.contract-ribbon{align-items:flex-start}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.hero-actions{width:100%}.hero-actions .button{flex:1}.toolbar{align-items:stretch;flex-direction:column}.toolbar select{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* OXXY brand shell v1 — rosa, violeta e ciano do logo; verde fica só semântico. */
:root{
  --bg:#090910;--surface:#101017;--surface-2:#171720;--surface-3:#20202b;
  --line:#2c2b37;--line-soft:#211f2a;--text:#f6f4fa;--muted:#aaa6b5;--faint:#716d7d;
  --brand:#e23791;--brand-2:#9b5de5;--brand-cyan:#42c9e8;
  --shadow:0 24px 72px rgba(0,0,0,.34);
}
body{background:radial-gradient(850px 560px at 72% -12%,rgba(226,55,145,.1),transparent 58%),radial-gradient(700px 520px at 100% 35%,rgba(66,201,232,.045),transparent 65%),var(--bg)}
.sidebar{background:rgba(11,10,16,.95);border-right-color:rgba(255,255,255,.075)}
.brand{min-height:64px;padding:0 7px 22px;overflow:hidden}
.brand-logo{display:block;width:154px;height:auto;max-height:54px;object-fit:contain;object-position:left center}
.tenant-avatar,.user-avatar{background:linear-gradient(145deg,#4b2352,#24203f);color:#f3d9ff;border-color:#70446f}
.nav-label{color:#686373}
.nav-item.active{background:linear-gradient(100deg,rgba(226,55,145,.135),rgba(139,92,246,.04));border-color:rgba(226,55,145,.24)}
.nav-item.active .nav-icon{background:linear-gradient(145deg,rgba(226,55,145,.18),rgba(139,92,246,.14));color:#f28ec2}
.nav-icon{background:#211f2a;color:#aaa5b4}
.nav-icon.fin{color:var(--brand-cyan)}.nav-icon.acc{color:#b99cff}.nav-icon.hr{color:#ef99c4}.nav-icon.legal{color:#c1a6ff}.nav-icon.mkt{color:#ff8fc8}.nav-icon.net,.nav-icon.users{color:var(--brand-cyan)}.nav-icon.org{color:#ef86bd}.nav-icon.roles{color:#a890ff}
.topbar{background:linear-gradient(90deg,rgba(9,9,15,.94),rgba(14,11,20,.86) 55%,rgba(9,12,17,.9));border-bottom-color:rgba(255,255,255,.075);padding-inline:28px;box-shadow:0 12px 36px rgba(0,0,0,.12)}
.topbar>.oxxy-product-switcher{width:220px;flex:0 0 auto;margin-left:5px;order:99}
.topbar>.oxxy-product-switcher .oxxy-product-switcher__menu{left:auto;right:0}
.page-heading span,.eyebrow{color:#ed6eb1}
.button.primary{border-color:#e94d9e;background:linear-gradient(135deg,#ed62ad,#a75de2 58%,#5abed8);color:#fff;box-shadow:0 12px 30px rgba(226,55,145,.18)}
.button.primary:hover{border-color:#f07cbc;box-shadow:0 14px 38px rgba(226,55,145,.25)}
.metric:after{background:var(--metric-color,var(--brand))}
.metric-icon{background:rgba(226,55,145,.09);color:var(--metric-color,var(--brand))}
.input:focus{border-color:#ad61d9;box-shadow:0 0 0 3px rgba(155,93,229,.12)}
.clickable-row:focus-visible{outline-color:var(--brand-cyan);background:rgba(66,201,232,.045)}
.empty-icon{background:linear-gradient(145deg,rgba(226,55,145,.1),rgba(139,92,246,.06));color:#ec74b5;border-color:rgba(226,55,145,.2)}
.department-mark{background:rgba(226,55,145,.09);color:#ef79b7;border-color:rgba(226,55,145,.18)}
.flow-icon{background:#211d29;color:#ed71b2}
.progress span{background:linear-gradient(90deg,var(--brand),var(--brand-2),var(--brand-cyan))}
.sandbox-banner{border-color:rgba(139,92,246,.2);background:linear-gradient(100deg,rgba(226,55,145,.075),rgba(66,201,232,.025))}
.sandbox-banner>span{background:rgba(226,55,145,.12);color:#f084bc}
.detail-shell{border-color:rgba(139,92,246,.22);background:linear-gradient(150deg,#17131e,#0d0c13)}
.contract-ribbon{border-color:rgba(139,92,246,.22);background:linear-gradient(90deg,rgba(226,55,145,.08),rgba(66,201,232,.035))}
.contract-ribbon>span{background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#fff}
.agency-nav{position:sticky;top:78px;z-index:18;display:flex;gap:7px;align-items:center;overflow-x:auto;margin:0 0 18px;padding:7px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(13,12,19,.88);box-shadow:0 18px 46px rgba(0,0,0,.2);backdrop-filter:blur(18px)}
.agency-nav button{flex:0 0 auto;border:1px solid transparent;border-radius:9px;background:transparent;color:#938d9d;padding:8px 11px;font:700 9.5px/1 inherit;letter-spacing:.02em;cursor:pointer;transition:.16s}
.agency-nav button:hover,.agency-nav button:focus-visible{border-color:rgba(226,55,145,.24);background:linear-gradient(135deg,rgba(226,55,145,.12),rgba(66,201,232,.045));color:#f4d8e8;outline:none}
#mkt-leads,#mkt-campaigns,#mkt-studio,#mkt-calendar,#mkt-media,#mkt-attribution,#mkt-connectors{scroll-margin-top:150px}
.hash-mini{display:inline-block;max-width:140px;padding:4px 7px;border:1px solid rgba(155,93,229,.18);border-radius:7px;background:rgba(155,93,229,.055);color:#cbb5e8;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}
.connector-readiness{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:-4px 0 17px}
.connector-readiness>div{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.018)}
.connector-readiness span{color:#77717f;font-size:8.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.connector-readiness strong{overflow:hidden;color:#c6bdcc;font:750 8.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}
.connector-readiness .safe{border-color:rgba(66,201,232,.18);background:rgba(66,201,232,.035)}
.connector-readiness .safe strong{color:#76d8eb}
.connector-actions{display:flex;gap:6px;align-items:center;white-space:nowrap}
.tracking-link{color:#80d8eb;text-decoration:none;border-bottom:1px solid rgba(66,201,232,.22);transition:.15s}.tracking-link:hover{color:#b7effa;border-bottom-color:#80d8eb}

@media(max-width:980px){.topbar>.oxxy-product-switcher{width:190px}.page-heading{display:none}}
@media(max-width:980px){.connector-readiness{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.topbar{gap:8px;padding-inline:12px}.topbar>.oxxy-product-switcher{width:min(168px,48vw)}.top-actions{margin-left:auto}.brand-logo{width:145px}.topbar>.oxxy-product-switcher .oxxy-product-switcher__menu{right:-4px}.agency-nav{top:77px;margin-inline:-4px}.agency-nav button{padding:8px 9px}.connector-readiness{grid-template-columns:1fr}.connector-actions{flex-direction:column;align-items:stretch}}