:root { --admin-primary: var(--tblr-primary); --admin-ink: var(--tblr-body-color); --admin-muted: var(--tblr-secondary-color); --admin-border: var(--tblr-border-color); --admin-surface: var(--tblr-bg-surface, #fff); }
body { color: var(--admin-ink); }
.admin-public-bg { background-color: #f4f7fb; background-image: linear-gradient(rgba(15,111,236,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(15,111,236,.035) 1px, transparent 1px); background-size: 24px 24px; }
.login-brand-icon { width: 58px; height: 58px; margin: 0 auto 16px; border-radius: 16px; display: grid; place-items: center; color: white; background: #0f6fec; box-shadow: 0 12px 28px rgba(15,111,236,.24); font-size: 1.7rem; }
.admin-topbar { background: var(--admin-surface); border-bottom: 1px solid var(--admin-border); }
.admin-brand-icon { color: var(--tblr-primary); font-size: 1.5rem; }
.admin-topbar-icon { font-size: 1.25rem; }
.admin-menubar { background: var(--admin-surface); border-bottom: 1px solid var(--admin-border); }
.admin-menubar > .navbar-collapse > .navbar { min-height: 3.5rem; }
.admin-menubar .navbar-nav .nav-link { display: inline-flex; align-items: center; }
.admin-menubar .nav-link-icon { display: inline-flex; align-items: center; justify-content: center; width: 1rem; min-width: 1rem; height: 1rem; margin-right: .375rem; font-size: 1rem; line-height: 1; opacity: .65; }
.admin-menubar .nav-link-icon .ti { display: block; font-size: inherit; line-height: 1; }
.admin-menubar .nav-link:hover .nav-link-icon, .admin-menubar .nav-link.active .nav-link-icon { opacity: 1; }
.admin-theme-settings { position: fixed; left: 1rem; bottom: 1rem; z-index: 1050; }
.admin-theme-settings > .btn { width: 3rem; height: 3rem; }
.admin-theme-settings > .btn .ti { font-size: 1.25rem; }
.admin-content { flex: 1 1 auto; }
.metric-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--admin-border); border-radius: 12px; background: var(--admin-surface); overflow: hidden; }
.metric { padding: 1.2rem 1.35rem; border-right: 1px solid var(--admin-border); }
.metric:last-child { border-right: 0; }
.metric-value { font-size: 1.65rem; line-height: 1.1; font-weight: 700; }
.metric-label { color: var(--admin-muted); font-size: .82rem; margin-top: .35rem; }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin: 1.5rem 0 .75rem; }
.section-heading h2 { margin: 0; font-size: 1.05rem; }
.status-dot { width: .55rem; height: .55rem; display:inline-block; border-radius:50%; margin-right:.4rem; }
.status-success { background:#2fb344; } .status-failed { background:#d63939; } .status-running { background:#f59f00; } .status-pending { background:#6b7280; }
.tracking-code { letter-spacing: .55rem; font-size: 1.5rem; font-variant-numeric: tabular-nums; }
.table td { vertical-align: middle; }
.secret-masked { letter-spacing:.12em; color:var(--admin-muted); }
.company-editor-shell > .card-header { min-height: 72px; }
.company-editor-loading { min-height: 160px; display:flex; align-items:center; justify-content:center; color:var(--admin-muted); }
.company-form-section { padding: 0 0 1.5rem; margin: 0 0 1.5rem; border-bottom: 1px solid var(--admin-border); }
.company-form-section:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.company-form-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.company-form-section-heading h3 { margin:0 0 .2rem; font-size:1rem; }
.company-form-section-heading p { margin:0; color:var(--admin-muted); font-size:.78rem; }
.company-form-section-heading code { padding:.25rem .45rem; border-radius:var(--tblr-border-radius); background:var(--tblr-bg-surface-secondary, #f6f8fb); color:var(--admin-muted); font-size:.7rem; }
.company-json-editor { min-height: 640px; line-height:1.55; }
.api-debug-company-summary { min-height: 40px; display:flex; align-items:center; padding:.5rem .75rem; border:1px dashed var(--admin-border); border-radius:var(--tblr-border-radius); color:var(--admin-muted); font-size:.82rem; }
.api-debug-workspace { min-height: 640px; }
.api-debug-route-list { max-height: 680px; overflow:auto; }
.api-debug-route-group { position:sticky; top:0; z-index:1; padding:.45rem 1rem; background:var(--tblr-bg-surface-secondary, #f6f8fb); border-bottom:1px solid var(--admin-border); color:var(--admin-muted); font-size:.72rem; font-weight:600; letter-spacing:.04em; }
.api-debug-route { display:flex; align-items:center; min-height:44px; gap:.25rem; }
.api-debug-route-path { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:var(--tblr-font-monospace); font-size:.78rem; }
.api-debug-route-disabled { opacity:.58; }
.api-debug-body { min-height:330px; }
.api-debug-response { max-height:430px; overflow:auto; margin:0; padding:1rem; border-radius:var(--tblr-border-radius); background:#111827; color:#d1fae5; font-size:.78rem; line-height:1.55; white-space:pre-wrap; word-break:break-word; }
@media (max-width: 767.98px) { .admin-menubar .navbar { padding: .5rem 0; } .metric-strip { grid-template-columns: repeat(2, 1fr); } .metric:nth-child(2) { border-right:0; } .metric:nth-child(-n+2) { border-bottom:1px solid var(--admin-border); } .company-form-section-heading { display:block; } .company-form-section-heading code { display:inline-block; margin-top:.5rem; } .company-json-editor { min-height:420px; } }