/* Makeitdomain UI — Phase 129 clean-room stylesheet This file intentionally replaces every historical Makeitdomain stylesheet. Bootstrap, Select2 and icon-font CSS remain vendor dependencies; all first-party presentation rules live here so cascade order is deterministic. */
:root {
--mid-primary: #0ea5a4;
--mid-primary-strong: #0f8f8e;
--mid-primary-soft: #e7f8f7;
--mid-blue: #3b82f6;
--mid-blue-soft: #eaf2ff;
--mid-green: #22c55e;
--mid-green-soft: #ecfdf3;
--mid-amber: #f59e0b;
--mid-amber-soft: #fffbeb;
--mid-red: #ef4444;
--mid-red-soft: #fef2f2;
--mid-purple: #7c3aed;
--mid-ink: #111827;
--mid-ink-soft: #334155;
--mid-muted: #64748b;
--mid-muted-2: #94a3b8;
--mid-canvas: #f5f7fb;
--mid-panel: #ffffff;
--mid-panel-2: #f8fafc;
--mid-line: #e2e8f0;
--mid-line-strong: #cbd5e1;
--mid-sidebar: #0f172a;
--mid-sidebar-2: #132238;
--mid-sidebar-text: #dbeafe;
--mid-radius-xs: 8px;
--mid-radius-sm: 10px;
--mid-radius-md: 14px;
--mid-radius-lg: 18px;
--mid-radius-xl: 24px;
--mid-shadow-sm: 0 1px 2px rgba(15,23,42,.04), 0 6px 18px rgba(15,23,42,.04);
--mid-shadow: 0 14px 34px rgba(15,23,42,.08);
--mid-shadow-lg: 0 24px 64px rgba(15,23,42,.12);
--mid-focus: 0 0 0 4px rgba(14,165,164,.14);
--mid-content: 1440px;
--mid-sidebar-width: 286px;
--mid-admin-sidebar-width: 290px;
--mid-topbar-height: 72px;
--brand-primary: var(--mid-primary);
--brand-primary-rgb: 14,165,164;
--brand-secondary: var(--mid-blue);
--accent: var(--mid-primary);
color-scheme: light;
}
html[data-theme="dark"] {
--mid-ink: #eef6ff;
--mid-ink-soft: #d6e1ef;
--mid-muted: #9fb0c5;
--mid-muted-2: #7f91aa;
--mid-canvas: #08111f;
--mid-panel: #0f1b2d;
--mid-panel-2: #122238;
--mid-line: #22344c;
--mid-line-strong: #334863;
--mid-primary-soft: rgba(14,165,164,.12);
--mid-blue-soft: rgba(59,130,246,.12);
--mid-green-soft: rgba(34,197,94,.12);
--mid-amber-soft: rgba(245,158,11,.12);
--mid-red-soft: rgba(239,68,68,.12);
--mid-sidebar: #07101d;
--mid-sidebar-2: #0c1828;
--mid-shadow-sm: 0 1px 2px rgba(0,0,0,.14), 0 8px 22px rgba(0,0,0,.12);
--mid-shadow: 0 16px 38px rgba(0,0,0,.2);
--mid-shadow-lg: 0 28px 70px rgba(0,0,0,.28);
color-scheme: dark;
}
* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; background: var(--mid-canvas); }
body {
margin: 0;
min-height: 100vh;
overflow-x: hidden;
background: var(--mid-canvas);
color: var(--mid-ink);
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 15px;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
img, svg, video, canvas { max-width: 100%; }
a { color: var(--mid-primary-strong); text-decoration: none; }
a:hover { color: var(--mid-primary); }
button, input, select, textarea { font: inherit; }
h1,h2,h3,h4,h5,h6 { margin-top: 0; color: var(--mid-ink); font-weight: 750; letter-spacing: -.025em; }
p { margin-top: 0; }
hr { border-color: var(--mid-line); opacity: 1; }
::selection { background: rgba(14,165,164,.2); color: var(--mid-ink); }
.main-container { min-height: 100vh; }
.container { width: min(var(--mid-content), calc(100% - 40px)); max-width: var(--mid-content); }
.page-frame { min-width: 0; }
.page-content { padding-top: 28px; padding-bottom: 56px; }
.client-shell-body .page-content { max-width: var(--mid-content); }
.public-shell-body .page-content { max-width: 1280px; }
.shell-brand,
.admin-sidebar__brand,
.customer-sidebar__brand-block {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
}
.shell-brand { color: var(--mid-ink)!important; }
.shell-brand__mark,
.admin-sidebar__brand > span,
.customer-sidebar__brand-mark {
width: 42px;
height: 42px;
flex: 0 0 42px;
display: grid;
place-items: center;
border-radius: 13px;
background: linear-gradient(135deg, var(--mid-primary), var(--mid-blue));
box-shadow: 0 10px 24px rgba(14,165,164,.18);
overflow: hidden;
}
.shell-brand__mark img,
.admin-sidebar__brand img,
.customer-sidebar__brand-mark img { width: 100%; height: 100%; object-fit: contain; }
.shell-brand strong { display:block; color:var(--mid-ink); font-size:1.05rem; font-weight:800; letter-spacing:-.02em; }
.shell-brand small { display:block; margin-top:1px; color:var(--mid-muted); font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.btn {
min-height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: var(--mid-radius-sm);
padding: .68rem 1rem;
border-width: 1px;
font-weight: 700;
letter-spacing: -.01em;
box-shadow: none;
transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
white-space: normal;
}
.btn:hover { transform: translateY(-1px); }
.btn:focus-visible { box-shadow: var(--mid-focus)!important; }
.btn-primary {
color:#fff!important;
background: var(--mid-primary)!important;
border-color: var(--mid-primary)!important;
}
.btn-primary:hover { background: var(--mid-primary-strong)!important; border-color: var(--mid-primary-strong)!important; }
.btn-surface,
.btn-light,
.btn-outline-secondary,
.btn-outline-primary,
.btn-secondary,
.btn-ghost {
color: var(--mid-ink)!important;
background: var(--mid-panel)!important;
border-color: var(--mid-line)!important;
}
.btn-surface:hover,.btn-light:hover,.btn-outline-secondary:hover,.btn-outline-primary:hover,.btn-secondary:hover,.btn-ghost:hover {
color: var(--mid-primary-strong)!important;
background: var(--mid-primary-soft)!important;
border-color: rgba(14,165,164,.32)!important;
}
.btn-outline-light { color:#fff!important; border-color:rgba(255,255,255,.45)!important; background:rgba(255,255,255,.06)!important; }
.btn-outline-light:hover { background:rgba(255,255,255,.14)!important; }
.btn-danger { background:var(--mid-red)!important; border-color:var(--mid-red)!important; }
.btn-sm { min-height:36px; padding:.5rem .75rem; font-size:.84rem; }
.btn-lg { min-height:50px; padding:.8rem 1.2rem; }
.form-stack { display:grid; gap:16px; }
.form-label,label { color:var(--mid-ink-soft); font-size:.86rem; font-weight:700; margin-bottom:7px; }
.form-control,
.form-select,
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="url"], input[type="search"], input[type="tel"], input[type="date"], input[type="datetime-local"], textarea, select {
min-height: 44px;
border: 1px solid var(--mid-line-strong)!important;
border-radius: var(--mid-radius-sm)!important;
background: var(--mid-panel)!important;
color: var(--mid-ink)!important;
box-shadow: none!important;
}
.form-control::placeholder, textarea::placeholder { color: var(--mid-muted-2)!important; opacity:1; }
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus {
border-color: var(--mid-primary)!important;
box-shadow: var(--mid-focus)!important;
outline: none!important;
}
.form-text,.field-hint,.text-muted,.surface-muted,small { color: var(--mid-muted)!important; }
.form-check-input { border-color:var(--mid-line-strong); background-color:var(--mid-panel); }
.form-check-input:checked { background-color:var(--mid-primary); border-color:var(--mid-primary); }
.form-check-input:focus { box-shadow:var(--mid-focus); }
.input-group-text { background:var(--mid-panel-2); color:var(--mid-muted); border-color:var(--mid-line-strong); }
.select2-container { max-width:100%; width:100%!important; }
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
min-height:44px!important;
border:1px solid var(--mid-line-strong)!important;
border-radius:var(--mid-radius-sm)!important;
background:var(--mid-panel)!important;
color:var(--mid-ink)!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height:42px!important; color:var(--mid-ink)!important; padding-left:13px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height:42px!important; }
.select2-dropdown { z-index:3100!important; border-color:var(--mid-line)!important; background:var(--mid-panel)!important; color:var(--mid-ink)!important; box-shadow:var(--mid-shadow); }
.select2-results__option--highlighted[aria-selected] { background:var(--mid-primary)!important; color:#fff!important; }
.select2-search__field { background:var(--mid-panel)!important; color:var(--mid-ink)!important; border:1px solid var(--mid-line-strong)!important; }
.tox-tinymce,.tinymce-host { border:1px solid var(--mid-line-strong)!important; border-radius:var(--mid-radius-md)!important; overflow:hidden; }
.alert { border-radius:var(--mid-radius-md); border:1px solid var(--mid-line); padding:14px 16px; color:var(--mid-ink); background:var(--mid-panel); }
.alert-success { background:var(--mid-green-soft); border-color:rgba(34,197,94,.28); color:#15803d; }
.alert-danger { background:var(--mid-red-soft); border-color:rgba(239,68,68,.28); color:#b91c1c; }
.alert-warning { background:var(--mid-amber-soft); border-color:rgba(245,158,11,.3); color:#a16207; }
.alert-info { background:var(--mid-blue-soft); border-color:rgba(59,130,246,.24); color:#1d4ed8; }
html[data-theme="dark"] .alert-success { color:#86efac; }
html[data-theme="dark"] .alert-danger { color:#fca5a5; }
html[data-theme="dark"] .alert-warning { color:#fcd34d; }
html[data-theme="dark"] .alert-info { color:#93c5fd; }
.badge,.status-pill,.badge-soft {
display:inline-flex;
align-items:center;
justify-content:center;
gap:5px;
max-width:100%;
padding:.38rem .62rem;
border-radius:999px;
font-size:.74rem;
line-height:1.15;
font-weight:750;
border:1px solid transparent;
white-space:normal;
text-align:center;
}
.status-active,.status-paid,.status-pill--paid,.badge.bg-success,.badge-success { background:var(--mid-green-soft)!important; color:#15803d!important; border-color:rgba(34,197,94,.24)!important; }
.status-pending,.status-unpaid,.status-pill--unpaid,.badge.bg-warning { background:var(--mid-amber-soft)!important; color:#a16207!important; border-color:rgba(245,158,11,.24)!important; }
.status-failed,.status-error,.badge.bg-danger { background:var(--mid-red-soft)!important; color:#b91c1c!important; border-color:rgba(239,68,68,.24)!important; }
.status-muted,.status-pill--neutral,.badge.bg-secondary { background:var(--mid-panel-2)!important; color:var(--mid-muted)!important; border-color:var(--mid-line)!important; }
.status-processing,.badge.bg-info { background:var(--mid-blue-soft)!important; color:#2563eb!important; border-color:rgba(59,130,246,.24)!important; }
.surface,
.surface-card,
.ca-panel,
.dashboard-card,
.customer-card,
.activity-card,
.metric-card,
.kpi-card,
.card,
.admin-stat-card,
.dashboard-panel,
.admin-chart-panel,
.comparison-card,
.faq-panel,
.gateway-option,
.stack-item,
.shortcut-card,
.contact-method,
.public-contact-card{
background:var(--mid-panel)!important;
color:var(--mid-ink)!important;
border:1px solid var(--mid-line)!important;
border-radius:var(--mid-radius-lg)!important;
box-shadow:var(--mid-shadow-sm)!important;
}
.surface, .ca-panel, .dashboard-card, .customer-card, .activity-card, .card-body, .dashboard-panel, .admin-chart-panel{ padding:20px; }
.surface-head, .section-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
margin-bottom:16px;
}
.section-kicker, .ca-kicker, .metric-kicker, .panel-kicker-v67, .workspace-hero__eyebrow{
margin:0 0 6px;
color:var(--mid-primary-strong)!important;
font-size:.74rem!important;
line-height:1.2;
font-weight:800!important;
letter-spacing:.1em!important;
text-transform:uppercase!important;
}
.section-title{ margin:0; font-size:clamp(1.18rem,2vw,1.5rem); color:var(--mid-ink)!important; }
.section-copy, .ca-lead{ color:var(--mid-muted)!important; }
.section-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr); gap:20px; align-items:start; }
.section-grid--balanced { grid-template-columns:repeat(2,minmax(0,1fr)); }
.aside-stack,.stack-list { display:grid; gap:16px; }
.summary-list,.action-list { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.summary-list > *, .action-list > * { min-width:0; }
.empty-note, .dashboard-empty, .empty-state, .empty-domain-state{
padding:32px 22px;
text-align:center;
border:1px dashed var(--mid-line-strong);
border-radius:var(--mid-radius-lg);
background:var(--mid-panel-2);
color:var(--mid-muted);
}
.metric-grid, .dashboard-kpis{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
align-items:stretch;
}
.metric-tile, .kpi-card, .metric-card, .admin-stat-card{
min-width:0;
min-height:128px;
padding:18px;
display:flex;
flex-direction:column;
justify-content:space-between;
gap:10px;
}
.metric-value{
margin:0;
color:var(--mid-ink)!important;
font-size:clamp(1.55rem,2.4vw,2.2rem)!important;
line-height:1.05!important;
font-weight:800!important;
letter-spacing:-.035em;
overflow-wrap:anywhere;
}
.kpi-card--premium { border-color:rgba(14,165,164,.3)!important; }
.table-shell, .table-responsive, .admin-readable-table-shell, .pricing-table-shell{
width:100%;
max-width:100%;
overflow:auto;
background:var(--mid-panel);
border:1px solid var(--mid-line);
border-radius:var(--mid-radius-lg);
box-shadow:var(--mid-shadow-sm);
}
.table-responsive { box-shadow:none; }
.table { width:100%!important; margin:0!important; color:var(--mid-ink)!important; vertical-align:middle; }
.table > :not(caption) > * > * { padding:13px 14px; border-bottom-color:var(--mid-line)!important; background:transparent!important; color:inherit!important; }
.table thead th {
position:relative;
color:var(--mid-muted)!important;
background:var(--mid-panel-2)!important;
font-size:.73rem;
font-weight:800;
letter-spacing:.065em;
text-transform:uppercase;
white-space:nowrap;
}
.table tbody tr { transition:background .14s ease; }
.table tbody tr:hover { background:rgba(14,165,164,.035); }
.table td { color:var(--mid-ink-soft)!important; }
.table code { color:var(--mid-primary-strong); }
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select { border:1px solid var(--mid-line-strong)!important; border-radius:var(--mid-radius-sm); background:var(--mid-panel)!important; color:var(--mid-ink)!important; }
.dataTables_wrapper .dataTables_paginate .paginate_button { border-radius:8px!important; border:0!important; color:var(--mid-ink-soft)!important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background:var(--mid-primary-soft)!important; color:var(--mid-primary-strong)!important; }
.module-toolbar, .filter-bar, .table-toolbar, .toolbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
}
.module-toolbar, .filter-bar, .table-toolbar{ margin-bottom:16px; }
.module-toolbar > *, .filter-bar > *, .table-toolbar > *{ min-width:0; }
.public-shell-body { background:#f7fafc; }
.public-shell-body .shell-nav { background:rgba(255,255,255,.92); border-bottom:1px solid var(--mid-line); }
.shell-nav {
position:sticky;
top:0;
z-index:1040;
width:100%;
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
background:color-mix(in srgb, var(--mid-panel) 92%, transparent);
border-bottom:1px solid var(--mid-line);
}
.shell-nav__inner { min-height:72px; gap:16px; }
.shell-nav__menu,.shell-nav__actions { gap:4px; }
.shell-link,.shell-nav .nav-link,.shell-nav .dropdown-toggle {
min-height:40px;
display:inline-flex;
align-items:center;
padding:8px 11px!important;
border-radius:9px;
color:var(--mid-ink-soft)!important;
font-size:.9rem;
font-weight:650;
white-space:nowrap;
}
.shell-link:hover,.shell-nav .nav-link:hover,.shell-nav .dropdown-toggle:hover,.shell-link.active,.shell-nav .nav-link.active {
color:var(--mid-primary-strong)!important;
background:var(--mid-primary-soft)!important;
}
.shell-nav__dropdown,.dropdown-menu,.profile-dropdown {
min-width:250px;
max-width:min(94vw,520px);
padding:8px;
margin-top:8px!important;
border:1px solid var(--mid-line)!important;
border-radius:var(--mid-radius-md)!important;
background:var(--mid-panel)!important;
box-shadow:var(--mid-shadow-lg)!important;
color:var(--mid-ink)!important;
overflow:auto;
max-height:min(72vh,680px);
}
.shell-mega { min-width:min(500px,94vw); }
.dropdown-item,.menu-item {
min-width:0;
display:flex;
align-items:flex-start;
gap:10px;
padding:10px 11px;
border-radius:9px;
color:var(--mid-ink-soft)!important;
white-space:normal;
}
.dropdown-item:hover,.dropdown-item:focus,.menu-item:hover { background:var(--mid-primary-soft)!important; color:var(--mid-ink)!important; }
.menu-item i { width:34px; height:34px; flex:0 0 34px; display:grid!important; place-items:center; border-radius:9px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); }
.menu-item__body { min-width:0; }
.menu-item__body strong,.menu-item__body small { display:block; white-space:normal; overflow-wrap:anywhere; }
.menu-item__body strong { color:var(--mid-ink); font-size:.88rem; }
.menu-item__body small { color:var(--mid-muted)!important; font-size:.76rem; margin-top:2px; }
.menu-group-label { color:var(--mid-muted)!important; font-size:.69rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.shell-user,.theme-toggle,.shell-icon-button {
min-height:40px;
display:inline-flex;
align-items:center;
gap:10px;
padding:6px 10px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel);
color:var(--mid-ink-soft)!important;
}
.shell-icon-button { width:40px; justify-content:center; padding:0; position:relative; }
.shell-icon-button__badge { position:absolute; top:-5px; right:-5px; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:var(--mid-red); color:#fff; font-size:.68rem; font-weight:800; display:grid; place-items:center; }
.shell-user__avatar { width:32px; height:32px; flex:0 0 32px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(135deg,var(--mid-primary),var(--mid-blue)); color:#fff; font-weight:800; }
.shell-user__meta { min-width:0; display:block; }
.shell-user__meta strong,.shell-user__meta small { display:block; max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shell-user__meta strong { color:var(--mid-ink); font-size:.82rem; }
.shell-user__meta small { color:var(--mid-muted)!important; font-size:.69rem; }
.navbar-toggler { border-color:var(--mid-line)!important; border-radius:10px!important; }
.brand-hero,.ca-hero,.premium-page-hero,.domain-lookup-hero,.pricing-hero {
position:relative;
overflow:hidden;
border-radius:30px;
margin:18px 0 34px;
padding:clamp(34px,6vw,72px);
background:linear-gradient(135deg,#0b3442 0%,#0f766e 48%,#2563eb 100%);
color:#fff;
box-shadow:0 24px 70px rgba(15,118,110,.18);
}
.brand-hero h1,.brand-hero h2,.ca-hero h1,.ca-hero h2,.premium-page-hero h1,.premium-page-hero h2,.domain-lookup-hero h1,.pricing-hero h1 { color:#fff!important; }
.brand-hero p,.ca-hero p,.premium-page-hero p,.domain-lookup-hero p,.pricing-hero p { color:#d9f4f2!important; }
.brand-hero__actions,.ca-actions { display:flex; gap:12px; flex-wrap:wrap; }
.brand-kicker { display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid rgba(255,255,255,.22); border-radius:999px; color:#fff; font-size:.8rem; font-weight:750; background:rgba(255,255,255,.08); }
.ca-section { margin:42px 0; }
.ca-grid-3,.ca-grid-4,.premium-plan-grid,.product-bands,.suggestion-grid,.faq-grid { display:grid; gap:18px; }
.ca-grid-3,.premium-plan-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ca-grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ca-feature,.premium-plan,.suggestion-card,.ca-card {
padding:22px;
border:1px solid var(--mid-line);
border-radius:var(--mid-radius-lg);
background:var(--mid-panel);
box-shadow:var(--mid-shadow-sm);
}
.feature-icon,.plan-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:12px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); margin-bottom:14px; }
.plan-price { font-size:2rem; font-weight:800; letter-spacing:-.04em; color:var(--mid-ink); }
.domain-search-card,.domain-result-card,.console-search { padding:20px; border:1px solid var(--mid-line); border-radius:var(--mid-radius-lg); background:var(--mid-panel); box-shadow:var(--mid-shadow); color:var(--mid-ink); }
.domain-result-card { display:flex; justify-content:space-between; gap:18px; align-items:center; }
.result-status,.result-action { min-width:0; }
.footer-modern { border-top:1px solid var(--mid-line); background:var(--mid-panel); padding:42px 0 20px; color:var(--mid-muted); }
.footer-grid { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:28px; }
.footer-modern h3,.footer-modern h4 { color:var(--mid-ink); }
.footer-modern a { color:var(--mid-muted); }
.footer-modern a:hover { color:var(--mid-primary-strong); }
.legal-links { display:flex; flex-wrap:wrap; gap:16px; border-top:1px solid var(--mid-line); margin-top:28px; padding-top:18px; }
.auth-layout { min-height:calc(100vh - 170px); display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,520px); gap:34px; align-items:center; padding:28px 0 48px; }
.auth-marketing { padding:clamp(20px,4vw,44px); }
.auth-card { padding:26px; border:1px solid var(--mid-line); border-radius:var(--mid-radius-xl); background:var(--mid-panel); box-shadow:var(--mid-shadow-lg); }
.auth-section-card { padding:16px; border:1px solid var(--mid-line); border-radius:var(--mid-radius-md); background:var(--mid-panel-2); }
.auth-checklist { list-style:none; margin:20px 0 0; padding:0; display:grid; gap:10px; color:var(--mid-ink-soft); }
.client-shell-body { background:var(--mid-canvas); }
.client-shell-body .shell-nav { background:color-mix(in srgb,var(--mid-panel) 94%, transparent); }
.client-shell-body .page-content { padding-top:24px; }
.customer-shell { display:grid; grid-template-columns:var(--mid-sidebar-width) minmax(0,1fr); gap:24px; align-items:start; min-width:0; }
.customer-main { min-width:0; }
.customer-sidebar {
position:sticky;
top:94px;
max-height:calc(100vh - 114px);
overflow:auto;
padding:14px;
border:1px solid var(--mid-line);
border-radius:var(--mid-radius-lg);
background:var(--mid-panel);
box-shadow:var(--mid-shadow-sm);
scrollbar-width:thin;
}
.customer-sidebar__brand-block { padding:6px 4px 15px; margin-bottom:12px; border-bottom:1px solid var(--mid-line); }
.customer-sidebar__brand-block strong { display:block; color:var(--mid-ink); font-size:.92rem; }
.customer-sidebar__brand-block small { display:block; color:var(--mid-muted)!important; font-size:.67rem; letter-spacing:.09em; text-transform:uppercase; }
.customer-sidebar__group + .customer-sidebar__group { margin-top:14px; }
.customer-sidebar__group-label { margin:0 8px 6px; color:var(--mid-muted)!important; font-size:.66rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.customer-sidebar a {
width:100%;
min-height:44px;
display:flex;
align-items:center;
gap:10px;
padding:8px 9px;
border-radius:10px;
color:var(--mid-ink-soft);
transition:background .14s ease,color .14s ease;
}
.customer-sidebar a + a { margin-top:2px; }
.customer-sidebar a > i { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border-radius:8px; color:var(--mid-muted); background:transparent; }
.customer-sidebar a > span { min-width:0; display:block; }
.customer-sidebar a strong { display:block; color:inherit; font-size:.84rem; line-height:1.25; font-weight:700; }
.customer-sidebar a small { display:block; color:var(--mid-muted)!important; font-size:.68rem; line-height:1.3; white-space:normal; }
.customer-sidebar a:hover,.customer-sidebar a.active { background:var(--mid-primary-soft); color:var(--mid-primary-strong); }
.customer-sidebar a:hover > i,.customer-sidebar a.active > i { color:var(--mid-primary-strong); background:rgba(14,165,164,.09); }
.customer-sidebar__quick { display:grid; gap:6px; margin-top:14px; padding-top:12px; border-top:1px solid var(--mid-line); }
.workspace-hero {
position:relative;
overflow:hidden;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:18px;
min-height:142px;
margin-bottom:18px;
padding:24px;
border:1px solid var(--mid-line);
border-radius:var(--mid-radius-xl);
background:linear-gradient(135deg,var(--mid-panel) 0%, color-mix(in srgb,var(--mid-primary-soft) 70%, var(--mid-panel)) 100%);
box-shadow:var(--mid-shadow-sm);
}
.workspace-hero::after { content:""; position:absolute; width:190px; height:190px; right:-75px; top:-85px; border-radius:50%; background:linear-gradient(135deg,rgba(14,165,164,.13),rgba(59,130,246,.10)); pointer-events:none; }
.workspace-hero > * { position:relative; z-index:1; min-width:0; }
.workspace-hero__title { margin:0; color:var(--mid-ink)!important; font-size:clamp(1.75rem,3vw,2.4rem); line-height:1.06; }
.workspace-hero__copy { max-width:760px; margin:7px 0 0; color:var(--mid-muted)!important; }
.workspace-hero__actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.workspace-hero__meta { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.checkout-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr); gap:20px; align-items:start; }
.service-list,.notification-list { display:grid; gap:10px; }
.service-row,.notification-item {
display:flex;
justify-content:space-between;
gap:14px;
align-items:center;
padding:14px;
border:1px solid var(--mid-line);
border-radius:var(--mid-radius-md);
background:var(--mid-panel);
}
.mobile-client-dock { display:none; }
.admin-shell-body { background:var(--mid-canvas); }
.admin-app-v91 { min-height:100vh; display:grid; grid-template-columns:var(--mid-admin-sidebar-width) minmax(0,1fr); }
.admin-app-v91__workspace { min-width:0; margin-left:0!important; }
.admin-sidebar {
position:fixed;
inset:0 auto 0 0;
width:var(--mid-admin-sidebar-width);
height:100vh;
z-index:1050;
display:flex;
flex-direction:column;
padding:14px;
background:linear-gradient(180deg,var(--mid-sidebar),var(--mid-sidebar-2));
border-right:1px solid rgba(148,163,184,.14);
color:var(--mid-sidebar-text);
box-shadow:8px 0 30px rgba(15,23,42,.08);
}
.admin-sidebar__header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:4px 4px 14px; }
.admin-sidebar__brand { color:#fff!important; }
.admin-sidebar__brand strong { color:#fff; font-size:1rem; }
.admin-sidebar__close { display:none; width:36px; height:36px; border:0; border-radius:9px; background:rgba(255,255,255,.08); color:#fff; }
.admin-sidebar__search { position:relative; display:flex; align-items:center; margin:0 2px 12px; }
.admin-sidebar__search i { position:absolute; left:12px; color:#8da1bf; z-index:1; }
.admin-sidebar__search input { width:100%; min-height:40px; padding-left:34px!important; border-color:rgba(148,163,184,.18)!important; background:rgba(255,255,255,.055)!important; color:#fff!important; }
.admin-sidebar__search input::placeholder { color:#8da1bf!important; }
.admin-sidebar__current { display:none; }
.admin-sidebar__nav { flex:1; min-height:0; overflow:auto; padding-right:3px; scrollbar-width:thin; }
.admin-sidebar__group { margin-bottom:4px; }
.admin-sidebar__group-toggle {
width:100%;
min-height:34px;
display:flex;
align-items:center;
justify-content:space-between;
padding:6px 9px;
border:0;
border-radius:8px;
background:transparent;
color:#8fa4c1;
font-size:.67rem;
font-weight:800;
letter-spacing:.1em;
text-transform:uppercase;
}
.admin-sidebar__group-toggle:hover { color:#cbd9eb; background:rgba(255,255,255,.04); }
.admin-sidebar__group-toggle i { font-size:.65rem; transition:transform .15s ease; }
.admin-sidebar__group-toggle[aria-expanded="true"] i { transform:rotate(180deg); }
.admin-sidebar__links { display:grid; gap:2px; }
.admin-sidebar__links[hidden] { display:none!important; }
.admin-sidebar__link {
display:flex;
align-items:center;
gap:10px;
min-height:44px;
padding:7px 9px;
border-radius:9px;
color:#d5e0ef;
}
.admin-sidebar__link:hover,.admin-sidebar__link.is-active { color:#fff; background:rgba(14,165,164,.16); }
.admin-sidebar__link.is-active { box-shadow:inset 3px 0 0 var(--mid-primary); }
.admin-sidebar__link > i { width:28px; height:28px; flex:0 0 28px; display:grid; place-items:center; color:#9db0c9; }
.admin-sidebar__link:hover > i,.admin-sidebar__link.is-active > i { color:#5eead4; }
.admin-sidebar__link > span { min-width:0; }
.admin-sidebar__link strong { display:block; color:inherit; font-size:.82rem; font-weight:700; line-height:1.2; }
.admin-sidebar__link small { display:block; margin-top:2px; color:#8ea1bb!important; font-size:.66rem; line-height:1.25; white-space:normal; }
.admin-sidebar__footer { display:grid; gap:5px; padding-top:12px; border-top:1px solid rgba(148,163,184,.14); }
.admin-sidebar__mini-link { display:flex; align-items:center; gap:9px; padding:9px; border-radius:9px; color:#b9c8db; font-size:.8rem; font-weight:650; }
.admin-sidebar__mini-link:hover { color:#fff; background:rgba(255,255,255,.055); }
.admin-sidebar-backdrop { display:none; }
.admin-app-v91__workspace { grid-column:2; min-width:0; }
.admin-topbar-v91 {
position:sticky;
top:0;
z-index:1030;
min-height:var(--mid-topbar-height);
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:12px 22px;
border-bottom:1px solid var(--mid-line);
background:color-mix(in srgb,var(--mid-panel) 94%, transparent);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
}
.admin-topbar-menu-toggle { display:none; min-height:40px; border:1px solid var(--mid-line); border-radius:10px; background:var(--mid-panel); color:var(--mid-ink); padding:8px 11px; }
.admin-topbar-v91__actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.admin-content-v91 { min-width:0; padding:22px; }
.admin-content-v91 > * { max-width:100%; }
.admin-module-surface,.admin-frameless { min-width:0; }
.admin-module-hero{
position:relative;
overflow:hidden;
margin:0 0 18px;
padding:24px;
border:1px solid var(--mid-line);
border-radius:var(--mid-radius-xl);
background:linear-gradient(135deg,#0f766e 0%,#0d9488 44%,#2563eb 100%);
color:#fff;
box-shadow:0 18px 48px rgba(15,118,110,.14);
}
.admin-module-hero h1,
.admin-module-hero h2{ color:#fff!important; }
.admin-module-hero p{ color:#dff7f4!important; }
.admin-module-hero .section-kicker{ color:#ccfbf1!important; }
.admin-module-hero::after{ content:""; position:absolute; width:220px; height:220px; right:-75px; bottom:-100px; border-radius:50%; background:rgba(255,255,255,.10); pointer-events:none; }
.admin-module-hero > *{ position:relative; z-index:1; }
.admin-chart-panel { min-height:320px; }
.admin-apex-chart { min-height:240px; }
.admin-inline-actions { display:flex; gap:8px; flex-wrap:wrap; }
.admin-mobile-bar { display:none; }
.release-candidate-banner { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; padding:13px 15px; border:1px solid rgba(14,165,164,.22); border-radius:var(--mid-radius-md); background:var(--mid-primary-soft); color:var(--mid-ink-soft); }
.profile-wrapper,.profile-page,.profile-grid { width:100%; max-width:none!important; }
.profile-grid { display:grid; grid-template-columns:minmax(260px,340px) minmax(0,1fr); gap:20px; }
.gateway-list { display:grid; gap:10px; }
.gateway-option { padding:14px; }
.phase118-wrap { max-width:100%; }
.phase118-chip, .feature-chip-list > *{ display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:999px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); font-size:.76rem; font-weight:700; }
.modal-content,.offcanvas { border:1px solid var(--mid-line)!important; border-radius:var(--mid-radius-lg)!important; background:var(--mid-panel)!important; color:var(--mid-ink)!important; box-shadow:var(--mid-shadow-lg)!important; }
.modal-header,.modal-footer { border-color:var(--mid-line)!important; }
.modal-backdrop { background:#020617; }
.skeleton-card,.skeleton-line,.skeleton-input { position:relative; overflow:hidden; background:var(--mid-panel-2); }
.skeleton-card::after,.skeleton-line::after,.skeleton-input::after { content:""; position:absolute; inset:0; transform:translateX(-100%); background:linear-gradient(90deg,transparent,rgba(148,163,184,.22),transparent); animation:midShimmer 1.4s infinite; }
@keyframes midShimmer { to { transform:translateX(100%); } }
@media (max-width: 1199.98px) {
.metric-grid, .dashboard-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.ca-grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.section-grid { grid-template-columns:1fr; }
.footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 991.98px) {
:root { --mid-sidebar-width:100%; }
.container { width:min(100% - 28px,var(--mid-content)); }
.shell-nav__inner { min-height:64px; }
.navbar-collapse { margin-top:10px; padding:12px; border:1px solid var(--mid-line); border-radius:var(--mid-radius-md); background:var(--mid-panel); box-shadow:var(--mid-shadow); }
.shell-nav__menu,.shell-nav__actions { width:100%; align-items:stretch!important; }
.shell-link,.shell-nav .nav-link,.shell-nav .dropdown-toggle,.theme-toggle,.shell-user { width:100%; justify-content:flex-start; }
.shell-nav__dropdown,.profile-dropdown { position:static!important; transform:none!important; width:100%; max-width:none; margin:4px 0!important; box-shadow:none!important; }
.shell-mega { min-width:0; }
.auth-layout { grid-template-columns:1fr; }
.auth-marketing { display:none; }
.customer-shell { grid-template-columns:1fr; }
.customer-sidebar { position:relative; top:auto; max-height:none; overflow:visible; }
.customer-sidebar__nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.customer-sidebar__group { margin:0!important; min-width:0; }
.checkout-grid { grid-template-columns:1fr; }
.admin-app-v91 { display:block; }
.admin-sidebar { transform:translateX(-102%); transition:transform .18s ease; box-shadow:var(--mid-shadow-lg); }
.admin-sidebar.is-open,.admin-sidebar[data-open="true"],body.admin-sidebar-open .admin-sidebar { transform:translateX(0); }
.admin-sidebar__close { display:grid; place-items:center; }
.admin-sidebar-backdrop { position:fixed; inset:0; z-index:1040; background:rgba(2,6,23,.52); backdrop-filter:blur(2px); }
body.admin-sidebar-open .admin-sidebar-backdrop { display:block; }
.admin-app-v91__workspace { margin-left:0!important; }
.admin-topbar-menu-toggle { display:inline-flex; align-items:center; gap:7px; }
.admin-content-v91 { padding:16px; }
.admin-topbar-v91 { padding:10px 16px; }
.profile-grid { grid-template-columns:1fr; }
}
@media (max-width: 767.98px) {
body { font-size:14px; }
.container { width:min(100% - 22px,var(--mid-content)); }
.page-content { padding-top:16px; padding-bottom:88px; }
.shell-brand small { display:none; }
.shell-user__meta { display:none; }
.workspace-hero, .admin-module-hero, .brand-hero, .ca-hero, .premium-page-hero, .domain-lookup-hero, .pricing-hero{ padding:19px; border-radius:18px; }
.workspace-hero { min-height:0; display:block; }
.workspace-hero__actions{ margin-top:14px; justify-content:flex-start; }
.workspace-hero__actions .btn{ width:100%; }
.metric-grid, .dashboard-kpis, .ca-grid-3, .ca-grid-4, .premium-plan-grid, .section-grid--balanced{ grid-template-columns:1fr; }
.customer-sidebar__nav { grid-template-columns:1fr; }
.surface-head, .section-head{ display:block; }
.surface-head .btn, .section-head .btn{ margin-top:10px; width:100%; }
.module-toolbar, .filter-bar, .table-toolbar{ align-items:stretch; }
.module-toolbar > *, .filter-bar > *, .table-toolbar > *{ width:100%; }
.domain-result-card,.service-row,.notification-item { display:block; }
.domain-result-card .btn,.service-row .btn,.notification-item .btn { margin-top:10px; width:100%; }
.footer-grid { grid-template-columns:1fr; }
.admin-topbar-v91 { align-items:flex-start; flex-wrap:wrap; }
.admin-topbar-v91__actions { width:100%; justify-content:flex-start; }
.admin-topbar-v91__actions .btn { flex:1 1 auto; }
.table-responsive:not(.keep-table-mobile), .table-shell:not(.keep-table-mobile), .admin-readable-table-shell:not(.keep-table-mobile){ overflow:visible; border:0; box-shadow:none; background:transparent; }
table.mid-responsive-table, .mid-responsive-table table, table[data-mobile-cards="true"] { display:block; width:100%; }
.mid-responsive-table thead, table[data-mobile-cards="true"] thead { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); }
.mid-responsive-table tbody,.mid-responsive-table tr,.mid-responsive-table td,table[data-mobile-cards="true"] tbody,table[data-mobile-cards="true"] tr,table[data-mobile-cards="true"] td { display:block; width:100%; }
.mid-responsive-table tr,table[data-mobile-cards="true"] tr { margin-bottom:12px; padding:10px 13px; border:1px solid var(--mid-line); border-radius:var(--mid-radius-md); background:var(--mid-panel); box-shadow:var(--mid-shadow-sm); }
.mid-responsive-table td,table[data-mobile-cards="true"] td { display:grid; grid-template-columns:minmax(105px,36%) minmax(0,1fr); gap:10px; padding:8px 0!important; border-bottom:1px solid var(--mid-line)!important; text-align:left!important; }
.mid-responsive-table td:last-child,table[data-mobile-cards="true"] td:last-child { border-bottom:0!important; }
.mid-responsive-table td::before,table[data-mobile-cards="true"] td::before { content:attr(data-label); color:var(--mid-muted); font-size:.7rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.mobile-client-dock {
position:fixed;
z-index:1025;
left:10px;
right:10px;
bottom:10px;
min-height:62px;
display:grid;
grid-template-columns:repeat(5,1fr);
gap:4px;
padding:7px;
border:1px solid var(--mid-line);
border-radius:17px;
background:color-mix(in srgb,var(--mid-panel) 94%, transparent);
box-shadow:var(--mid-shadow-lg);
backdrop-filter:blur(18px);
}
.mobile-client-dock a { min-width:0; display:grid; place-items:center; gap:2px; padding:5px 2px; border-radius:10px; color:var(--mid-muted); font-size:.62rem; font-weight:700; text-align:center; }
.mobile-client-dock a i { font-size:1rem; }
.mobile-client-dock a.active,.mobile-client-dock a:hover { color:var(--mid-primary-strong); background:var(--mid-primary-soft); }
}
@media (max-width: 480px) {
.btn { width:100%; }
.admin-topbar-menu-toggle,.shell-icon-button,.navbar-toggler { width:auto; }
.workspace-hero__title{ font-size:1.65rem!important; }
.customer-sidebar { padding:10px; }
}
@media print {
.shell-nav,.customer-sidebar,.admin-sidebar,.admin-topbar-v91,.mobile-client-dock,.footer-modern,.btn,.dropdown,.admin-sidebar-backdrop { display:none!important; }
body,.page-frame,.page-content,.admin-content-v91 { background:#fff!important; color:#000!important; padding:0!important; }
.customer-shell,.admin-app-v91 { display:block!important; }
.surface, .ca-panel, .card, .table-shell{ box-shadow:none!important; border-color:#bbb!important; }
}
.admin-sidebar-backdrop[hidden] { display:none!important; }
html.admin-sidebar-open .admin-sidebar-backdrop { display:block; }
html.admin-sidebar-open body { overflow:hidden; }
html.admin-sidebar-collapsed .admin-app-v91 { grid-template-columns:82px minmax(0,1fr); }
html.admin-sidebar-collapsed .admin-sidebar { width:82px; padding-inline:10px; }
html.admin-sidebar-collapsed .admin-sidebar__brand strong,
html.admin-sidebar-collapsed .admin-sidebar__search,
html.admin-sidebar-collapsed .admin-sidebar__group-toggle,
html.admin-sidebar-collapsed .admin-sidebar__link > span,
html.admin-sidebar-collapsed .admin-sidebar__footer span { display:none!important; }
html.admin-sidebar-collapsed .admin-sidebar__header { justify-content:center; }
html.admin-sidebar-collapsed .admin-sidebar__brand > span { margin:0; }
html.admin-sidebar-collapsed .admin-sidebar__links[hidden] { display:grid!important; }
html.admin-sidebar-collapsed .admin-sidebar__link { justify-content:center; padding-inline:6px; }
html.admin-sidebar-collapsed .admin-sidebar__link > i { width:38px; height:38px; flex-basis:38px; }
html.admin-sidebar-collapsed .admin-sidebar__mini-link { justify-content:center; }
@media (max-width: 767.98px) {
[data-responsive-cards="true"] { overflow:visible!important; border:0!important; box-shadow:none!important; background:transparent!important; }
[data-responsive-cards="true"] table { display:block; width:100%; }
[data-responsive-cards="true"] thead { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
[data-responsive-cards="true"] tbody,
[data-responsive-cards="true"] tr,
[data-responsive-cards="true"] td { display:block; width:100%; }
[data-responsive-cards="true"] tbody tr { margin-bottom:12px; padding:10px 13px; border:1px solid var(--mid-line); border-radius:var(--mid-radius-md); background:var(--mid-panel); box-shadow:var(--mid-shadow-sm); }
[data-responsive-cards="true"] tbody td { display:grid; grid-template-columns:minmax(105px,36%) minmax(0,1fr); gap:10px; padding:8px 0!important; border-bottom:1px solid var(--mid-line)!important; text-align:left!important; }
[data-responsive-cards="true"] tbody td:last-child { border-bottom:0!important; }
[data-responsive-cards="true"] tbody td::before { content:attr(data-label); color:var(--mid-muted); font-size:.7rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
}
/* ---------- Phase 128 shared component contracts, rebuilt cleanly ---------- */
.md-page-header {
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:18px;
margin:0 0 18px;
padding:20px;
border:1px solid var(--mid-line);
border-radius:var(--mid-radius-xl);
background:var(--mid-panel);
box-shadow:var(--mid-shadow-sm);
}
.md-page-header__main { display:flex; align-items:flex-start; gap:14px; min-width:0; }
.md-page-header__icon { width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border-radius:12px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); font-size:1.05rem; }
.md-page-header__kicker { margin:0 0 4px; color:var(--mid-primary-strong); font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.md-page-header__title { margin:0; color:var(--mid-ink); font-size:clamp(1.55rem,2.5vw,2.15rem); line-height:1.08; }
.md-page-header__copy { max-width:760px; margin:7px 0 0; color:var(--mid-muted); }
.md-page-header__actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.md-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.md-metric { min-width:0; min-height:126px; padding:17px; border:1px solid var(--mid-line); border-radius:var(--mid-radius-lg); background:var(--mid-panel); box-shadow:var(--mid-shadow-sm); }
.md-metric__head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.md-metric__label { color:var(--mid-muted); font-size:.75rem; font-weight:750; text-transform:uppercase; letter-spacing:.055em; }
.md-metric__icon { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); }
.md-metric__value { display:block; margin-top:14px; color:var(--mid-ink); font-size:clamp(1.55rem,2.5vw,2.2rem); line-height:1; font-weight:800; letter-spacing:-.04em; overflow-wrap:anywhere; }
.md-metric__meta { margin-top:10px; color:var(--mid-muted); font-size:.8rem; }
.md-metric__meta a { font-weight:700; }
.md-metric--success .md-metric__icon { background:var(--mid-green-soft); color:#15803d; }
.md-metric--warning .md-metric__icon { background:var(--mid-amber-soft); color:#a16207; }
.md-metric--danger .md-metric__icon { background:var(--mid-red-soft); color:#b91c1c; }
.md-metric--info .md-metric__icon,.md-metric--blue .md-metric__icon { background:var(--mid-blue-soft); color:#2563eb; }
.md-empty-state { display:grid; justify-items:center; gap:8px; padding:34px 20px; border:1px dashed var(--mid-line-strong); border-radius:var(--mid-radius-lg); background:var(--mid-panel-2); text-align:center; }
.md-empty-state__icon { width:46px; height:46px; display:grid; place-items:center; border-radius:13px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); font-size:1.15rem; }
.md-empty-state h3 { margin:3px 0 0; font-size:1.04rem; }
.md-empty-state p { max-width:520px; margin:0; color:var(--mid-muted); }
.md-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.md-form-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.md-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
@media (max-width: 991.98px) {
.md-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.md-form-grid--3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767.98px) {
.md-page-header { display:block; padding:17px; border-radius:16px; }
.md-page-header__actions { margin-top:14px; justify-content:flex-start; }
.md-page-header__actions .btn { width:100%; }
.md-metric-grid,.md-form-grid,.md-form-grid--3 { grid-template-columns:1fr; }
}
.dashboard-kpis, .dashboard-kpis--premium, .compact-metrics, .metric-grid--dense, .metric-grid--responsive, .phase117-ops-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
}
.dashboard-panel,
.dashboard-alert-card,
.notice-card,
.billing-health-card,
.profile-snapshot-card,
.profile-summary-panel,
.profile-edit-stack,
.service-tool-card,
.transfer-form-panel,
.integration-status-card,
.support-pin-admin-card,
.pin-verify-panel,
.admin-callout,
.admin-empty-state{
padding:18px;
border:1px solid var(--mid-line);
border-radius:var(--mid-radius-lg);
background:var(--mid-panel);
box-shadow:var(--mid-shadow-sm);
}
.dashboard-panel--large { min-height:320px; }
.dashboard-alert-grid,
.dashboard-command-grid,
.dashboard-lower-grid,
.dashboard-side-stack,
.shortcut-grid,
.service-tool-grid,
.phase118-record-grid,
.profile-snapshot-grid,
.admin-advanced-chart-grid{
display:grid;
gap:14px;
}
.dashboard-alert-grid,.dashboard-command-grid,.dashboard-lower-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.dashboard-side-stack { grid-template-columns:1fr; }
.shortcut-grid,.service-tool-grid,.phase118-record-grid,.profile-snapshot-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.shortcut-grid--compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-advanced-chart-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid-span-2,.span-2 { grid-column:span 2; }
.dashboard-pill { display:inline-flex; align-items:center; gap:7px; padding:6px 9px; border-radius:999px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); font-size:.75rem; font-weight:750; }
.dashboard-alert-card--warning { background:var(--mid-amber-soft); border-color:rgba(245,158,11,.22); }
.dashboard-alert-card--info { background:var(--mid-blue-soft); border-color:rgba(59,130,246,.22); }
.dashboard-stack-list,.mini-feed,.ticket-feed,.chat-stream,.phase118-history { display:grid; gap:9px; }
.mini-feed__item,.ticket-item,.phase118-history-item { padding:12px 0; border-bottom:1px solid var(--mid-line); }
.mini-feed__item:last-child,.ticket-item:last-child,.phase118-history-item:last-child { border-bottom:0; }
.notification-strip { padding:12px 14px; border:1px solid var(--mid-line); border-radius:var(--mid-radius-md); background:var(--mid-panel); }
.service-empty { padding:34px 20px; border:1px dashed var(--mid-line-strong); border-radius:var(--mid-radius-lg); background:var(--mid-panel-2); text-align:center; color:var(--mid-muted); }
.service-empty__icon { width:48px; height:48px; display:grid; place-items:center; margin:0 auto 10px; border-radius:14px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); }
.service-list { display:grid; gap:10px; }
.service-row { padding:15px; }
.service-row__icon { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border-radius:12px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); }
.service-row__main { min-width:0; flex:1; }
.service-row__top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.service-row__identity { min-width:0; }
.service-row__identity strong { display:block; color:var(--mid-ink); }
.service-row__identity small,.service-row__note { color:var(--mid-muted)!important; }
.service-row__state { flex:0 0 auto; }
.service-meta-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px; }
.service-meta-grid > * { min-width:0; }
.service-row__actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.service-tool-card { display:flex; align-items:center; gap:12px; min-width:0; }
.service-tool-card__icon { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:10px; background:var(--mid-blue-soft); color:#2563eb; }
.service-tool-card__body { min-width:0; flex:1; }
.service-tool-card__arrow { color:var(--mid-muted); }
.shortcut-card { display:flex; align-items:center; gap:12px; padding:15px; color:var(--mid-ink-soft); }
.shortcut-card--disabled { opacity:.55; pointer-events:none; }
.activity-card--action { border-color:rgba(14,165,164,.22)!important; }
.phase118-wrap { display:grid; gap:18px; }
.phase118-filterbar,.phase118-chip-row,.phase118-action-stack,.surface-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.phase118-filterbar { justify-content:space-between; padding:12px; border:1px solid var(--mid-line); border-radius:var(--mid-radius-md); background:var(--mid-panel); }
.phase118-form-grid,.standard-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.phase118-chip--warn { background:var(--mid-amber-soft); color:#a16207; }
.phase118-chip--ok { background:var(--mid-green-soft); color:#15803d; }
.phase118-provider-note { padding:12px 14px; border-radius:var(--mid-radius-md); background:var(--mid-blue-soft); color:#1d4ed8; }
.transfer-shell,.transfer-layout,.standard-page-grid { display:grid; gap:18px; }
.transfer-layout,.standard-page-grid { grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr); align-items:start; }
.profile-workspace { display:grid; grid-template-columns:minmax(260px,340px) minmax(0,1fr); gap:20px; }
.profile-avatar-large { width:78px; height:78px; display:grid; place-items:center; border-radius:22px; background:linear-gradient(135deg,var(--mid-primary),var(--mid-blue)); color:#fff; font-size:1.7rem; font-weight:800; }
.profile-facts { display:grid; gap:9px; margin-top:16px; }
.admin-signal-list,.release-audit-checklist { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.admin-empty-state { text-align:center; color:var(--mid-muted); }
.support-chat-shell { display:grid; grid-template-columns:minmax(240px,320px) minmax(0,1fr); min-height:560px; border:1px solid var(--mid-line); border-radius:var(--mid-radius-lg); overflow:hidden; background:var(--mid-panel); }
.support-chat-shell__sidebar { padding:14px; border-right:1px solid var(--mid-line); background:var(--mid-panel-2); }
.support-chat-shell__main { min-width:0; display:flex; flex-direction:column; }
.chat-thread { min-height:0; display:flex; flex:1; flex-direction:column; }
.chat-thread__head,.chat-thread__foot { padding:14px; border-bottom:1px solid var(--mid-line); }
.chat-thread__foot { border-top:1px solid var(--mid-line); border-bottom:0; }
.chat-stream,.conversation-thread { flex:1; min-height:0; overflow:auto; padding:16px; }
.chat-bubble { max-width:min(680px,85%); padding:10px 12px; border-radius:14px; background:var(--mid-panel-2); border:1px solid var(--mid-line); }
.chat-bubble__meta { color:var(--mid-muted); font-size:.7rem; margin-top:4px; }
.ticket-item__header { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.accordion-item { border-color:var(--mid-line)!important; background:var(--mid-panel)!important; color:var(--mid-ink)!important; }
.accordion-button { background:var(--mid-panel)!important; color:var(--mid-ink)!important; box-shadow:none!important; }
.accordion-button:not(.collapsed) { color:var(--mid-primary-strong)!important; background:var(--mid-primary-soft)!important; }
@media (max-width:1199.98px) {
.dashboard-kpis, .dashboard-kpis--premium, .compact-metrics, .metric-grid--dense, .metric-grid--responsive, .phase117-ops-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.shortcut-grid,.service-tool-grid,.phase118-record-grid,.profile-snapshot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:991.98px) {
.transfer-layout,.standard-page-grid,.profile-workspace,.support-chat-shell { grid-template-columns:1fr; }
.support-chat-shell__sidebar { border-right:0; border-bottom:1px solid var(--mid-line); }
}
@media (max-width:767.98px) {
.dashboard-kpis,
.dashboard-kpis--premium,
.compact-metrics,
.metric-grid--dense,
.metric-grid--responsive,
.phase117-ops-grid,
.dashboard-alert-grid,
.dashboard-command-grid,
.dashboard-lower-grid,
.shortcut-grid,
.shortcut-grid--compact,
.service-tool-grid,
.phase118-record-grid,
.profile-snapshot-grid,
.admin-advanced-chart-grid,
.phase118-form-grid,
.standard-form-grid{ grid-template-columns:1fr; }
.grid-span-2,.span-2 { grid-column:auto; }
.service-row__top { display:block; }
.service-row__state { margin-top:8px; }
.service-meta-grid { grid-template-columns:1fr; }
.phase118-filterbar { align-items:stretch; }
.phase118-filterbar > * { width:100%; }
.support-chat-shell { min-height:0; }
}
/* Phase 130 — module workspaces (continues the single-file design system) */
.md-context-nav {
position: sticky;
top: calc(var(--mid-topbar-height) + 10px);
z-index: 30;
display: flex;
align-items: center;
gap: 6px;
width: fit-content;
max-width: 100%;
margin: -6px 0 18px;
padding: 5px;
overflow-x: auto;
scrollbar-width: none;
border: 1px solid var(--mid-line);
border-radius: 13px;
background: color-mix(in srgb,var(--mid-panel) 94%,transparent);
box-shadow: var(--mid-shadow-sm);
backdrop-filter: blur(14px);
}
.md-context-nav::-webkit-scrollbar { display:none; }
.md-context-nav a {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 36px;
padding: 7px 11px;
border-radius: 9px;
color: var(--mid-muted);
font-size: .78rem;
font-weight: 750;
white-space: nowrap;
}
.md-context-nav a:hover,.md-context-nav a:focus-visible {
color: var(--mid-primary-strong);
background: var(--mid-primary-soft);
outline: none;
}
.md-context-nav--admin { top: 82px; }
.md-anchor-section { scroll-margin-top: 132px; }
.standard-page-grid,.phase118-record-grid,.transfer-layout {
gap: 16px;
}
.standard-page-grid > .surface,.phase118-record-grid > .surface,.phase118-record-grid > aside,
.md-settings-block > .surface,.md-settings-block > aside {
min-width: 0;
}
.activity-card {
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
padding:12px 0;
border-bottom:1px solid var(--mid-line);
background:transparent;
}
.activity-card:last-child { border-bottom:0; }
.activity-card strong { color:var(--mid-ink); font-size:.84rem; }
.activity-card small { max-width:66%; text-align:right; overflow-wrap:anywhere; }
.action-list,.action-list--compact { display:grid; gap:0; }
.phase118-chip {
display:inline-flex;
align-items:center;
gap:6px;
min-height:30px;
padding:5px 9px;
border:1px solid var(--mid-line);
border-radius:999px;
background:var(--mid-panel-2);
color:var(--mid-ink-soft);
font-size:.72rem;
font-weight:700;
}
.phase118-provider-note {
display:flex;
align-items:flex-start;
gap:10px;
border:1px solid color-mix(in srgb,var(--mid-blue) 24%,var(--mid-line));
}
.service-meta-grid > span {
display:grid;
grid-template-columns:18px auto;
align-items:center;
column-gap:7px;
row-gap:1px;
padding:9px 10px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
color:var(--mid-muted);
font-size:.75rem;
}
.service-meta-grid > span i { grid-row:1 / span 2; color:var(--mid-primary-strong); }
.service-meta-grid > span strong { color:var(--mid-ink-soft); font-size:.7rem; text-transform:uppercase; letter-spacing:.04em; }
.service-meta-warn { background:var(--mid-amber-soft)!important; border-color:rgba(245,158,11,.22)!important; }
.service-meta-ok { background:var(--mid-green-soft)!important; border-color:rgba(34,197,94,.18)!important; }
.shortcut-card,.service-tool-card {
position:relative;
border:1px solid var(--mid-line);
border-radius:13px;
background:var(--mid-panel);
transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.shortcut-card:hover,.service-tool-card:hover {
transform:translateY(-1px);
border-color:color-mix(in srgb,var(--mid-primary) 30%,var(--mid-line));
background:color-mix(in srgb,var(--mid-primary-soft) 35%,var(--mid-panel));
box-shadow:var(--mid-shadow-sm);
}
.shortcut-card > i { width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--mid-primary-soft);color:var(--mid-primary-strong); }
.shortcut-card strong { color:var(--mid-ink); font-size:.84rem; }
.service-tool-card.is-limited { opacity:.66; }
.service-tool-card__body strong { display:block;color:var(--mid-ink);font-size:.84rem; }
.service-tool-card__body small { display:block;margin-top:2px;font-size:.72rem; }
.service-tool-card__body em { display:block;margin-top:4px;color:var(--mid-amber);font-size:.68rem;font-style:normal; }
.md-settings-block {
position:relative;
padding-top:2px;
}
.md-settings-block .admin-module-surface,
.md-settings-block .surface-muted {
padding:20px;
}
.md-settings-block .surface-card.form-check {
display:flex;
align-items:flex-start;
gap:10px;
min-height:100%;
padding:14px;
cursor:pointer;
}
.md-settings-block .surface-card.form-check .form-check-input { flex:0 0 auto;margin-top:3px; }
.md-settings-block .surface-card.form-check span { min-width:0; }
.md-settings-block .surface-card.form-check strong { display:block;color:var(--mid-ink); }
.md-settings-block .surface-card.form-check small { margin-top:3px; }
.md-settings-block form > .surface-card {
box-shadow:none!important;
background:var(--mid-panel-2)!important;
}
.md-listing-hero { min-height:170px; }
.md-data-surface { overflow:hidden; }
.md-data-surface .surface-head { padding-bottom:14px; border-bottom:1px solid var(--mid-line); }
.md-data-surface .table-shell { margin-top:4px; }
.dataTables_wrapper { color:var(--mid-ink); }
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate { color:var(--mid-muted)!important; font-size:.8rem; }
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
min-height:36px!important;
margin-inline:6px!important;
padding:.42rem .6rem!important;
border:1px solid var(--mid-line-strong)!important;
border-radius:9px!important;
background:var(--mid-panel)!important;
color:var(--mid-ink)!important;
}
.dataTables_wrapper .dataTables_filter input { min-width:210px; }
.dataTables_wrapper .dataTables_paginate .paginate_button {
min-width:34px;
min-height:34px;
margin:0 2px!important;
padding:6px 9px!important;
border:1px solid transparent!important;
border-radius:9px!important;
color:var(--mid-muted)!important;
background:transparent!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
color:var(--mid-primary-strong)!important;
border-color:rgba(14,165,164,.18)!important;
background:var(--mid-primary-soft)!important;
}
.admin-readable-table tbody tr,.data-table tbody tr { transition:background .14s ease; }
.admin-readable-table tbody tr:hover,.data-table tbody tr:hover { background:color-mix(in srgb,var(--mid-primary-soft) 26%,var(--mid-panel)); }
.admin-readable-table td:first-child strong,.data-table td:first-child strong { color:var(--mid-ink); }
.md-dns-workspace { align-items:start; }
.md-dns-workspace table td:nth-child(3),
.md-dns-workspace table td:nth-child(4),
#domain-dns table td:nth-child(3) {
max-width:360px;
overflow-wrap:anywhere;
word-break:break-word;
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
font-size:.8rem;
}
.md-dns-workspace aside.surface,
#domain-dns aside.surface { position:sticky; top:130px; }
.md-support-workspace,.support-chat-shell {
display:grid;
grid-template-columns:minmax(260px,340px) minmax(0,1fr);
min-height:560px;
overflow:hidden;
padding:0!important;
}
.support-chat-shell__sidebar {
min-width:0;
padding:18px;
border-right:1px solid var(--mid-line);
background:var(--mid-panel-2);
}
.support-chat-shell__main,.support-chat-shell__conversation,.support-chat-shell__content {
min-width:0;
padding:18px;
background:var(--mid-panel);
}
.ticket-item,.chat-thread-item {
display:block;
padding:11px;
border:1px solid transparent;
border-radius:11px;
transition:background .14s ease,border-color .14s ease;
}
.ticket-item:hover,.ticket-item.active,.chat-thread-item:hover,.chat-thread-item.active {
background:var(--mid-primary-soft);
border-color:rgba(14,165,164,.16);
}
.chat-stream { max-height:520px; overflow:auto; padding-right:5px; }
.chat-message,.support-message {
width:min(78%,720px);
padding:11px 13px;
border:1px solid var(--mid-line);
border-radius:14px 14px 14px 4px;
background:var(--mid-panel-2);
}
.chat-message.is-mine,.support-message.is-mine,.chat-message--outbound {
margin-left:auto;
border-color:rgba(14,165,164,.2);
border-radius:14px 14px 4px 14px;
background:var(--mid-primary-soft);
}
.modal-dialog { margin-top:max(1.75rem,5vh); }
.modal-content { overflow:hidden; }
.modal-header { padding:16px 18px; background:var(--mid-panel-2); }
.modal-body { padding:18px; }
.modal-footer { padding:13px 18px; background:var(--mid-panel-2); }
.modal-title { font-size:1rem; font-weight:780; }
@media (max-width:1199.98px) {
.md-context-nav { top:78px; }
.md-dns-workspace aside.surface,#domain-dns aside.surface { position:static; }
}
@media (max-width:991.98px) {
.md-context-nav { position:relative; top:auto; width:100%; }
.md-support-workspace,.support-chat-shell { grid-template-columns:1fr; min-height:0; }
.support-chat-shell__sidebar { border-right:0; border-bottom:1px solid var(--mid-line); }
.chat-stream { max-height:none; }
.activity-card { display:block; }
.activity-card small { display:block; max-width:none; margin-top:3px; text-align:left; }
}
@media (max-width:767.98px) {
.md-context-nav { margin-top:-2px; padding:4px; }
.md-context-nav a { min-height:34px; padding:6px 9px; font-size:.73rem; }
.service-meta-grid { grid-template-columns:1fr; }
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length { float:none!important; text-align:left!important; }
.dataTables_wrapper .dataTables_filter input { width:100%; min-width:0; margin:6px 0 0!important; }
.dataTables_wrapper .dataTables_paginate { float:none!important; text-align:left!important; overflow-x:auto; white-space:nowrap; }
.chat-message,.support-message { width:92%; }
}
/* Phase 131 — admin operations, analytics, catalog and support workspaces Continues the single-file Makeitdomain design system. No new stylesheet. */
.md-admin-context {
margin: -4px 0 18px;
border-color: color-mix(in srgb,var(--mid-primary) 14%,var(--mid-line));
background: color-mix(in srgb,var(--mid-panel) 92%,var(--mid-primary-soft));
}
.md-admin-context a i { color: var(--mid-primary-strong); }
.admin-shell-body .md-context-nav--admin {
top: calc(var(--mid-topbar-height) + 10px);
z-index: 35;
}
.md-chart-workspace,
.admin-advanced-chart-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
margin-bottom:16px;
}
.admin-chart-panel--wide { grid-column:span 2; }
.admin-chart-panel{
min-width:0;
border:1px solid var(--mid-line);
border-radius:var(--mid-radius-lg);
background:var(--mid-panel);
box-shadow:var(--mid-shadow-sm);
}
.admin-chart-panel.pad{ padding:18px; }
.admin-chart-panel .surface-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:12px;
}
.admin-apex-chart { min-height:280px; width:100%; }
.admin-apex-chart--donut { min-height:260px; }
.admin-apex-chart--compact { min-height:220px; }
.md-analytics-detail,
.md-report-workspace { align-items:start; }
.md-report-signals .surface,
.md-analytics-detail aside.surface { box-shadow:none; }
.admin-signal-list { display:grid; gap:0; }
.admin-signal-list > div,
.md-report-signals .d-flex {
display:flex!important;
align-items:center;
justify-content:space-between;
gap:12px;
padding:10px 0!important;
border-bottom:1px solid var(--mid-line)!important;
}
.admin-signal-list > div:last-child,
.md-report-signals .d-flex:last-child { border-bottom:0!important; }
.admin-signal-list span,
.md-report-signals span { color:var(--mid-muted); font-size:.79rem; }
.admin-signal-list strong,
.md-report-signals strong { color:var(--mid-ink); font-size:.84rem; }
.md-catalog-workspace,
.md-catalog-editor { align-items:start; }
.md-catalog-workspace > .admin-module-surface,
.md-catalog-editor > .admin-module-surface { min-width:0; }
.md-catalog-workspace .aside-stack,
.md-catalog-editor .aside-stack { position:sticky; top:126px; }
.admin-shell-body .summary-list {
display:grid;
gap:0;
border-top:1px solid var(--mid-line);
}
.admin-shell-body .summary-list > div {
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
padding:10px 0;
border-bottom:1px solid var(--mid-line);
}
.admin-shell-body .summary-list span { color:var(--mid-muted); font-size:.73rem; }
.admin-shell-body .summary-list strong { color:var(--mid-ink); font-size:.8rem; text-align:right; overflow-wrap:anywhere; }
.admin-shell-body .checkout-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.admin-shell-body .checkout-grid > * { min-width:0; }
.admin-shell-body .form-stack > .checkout-grid + * { margin-top:4px; }
.row-actions .dropdown-toggle { min-width:92px; }
.admin-readable-table td code,
.admin-readable-table td .font-monospace {
display:inline-block;
max-width:260px;
overflow:hidden;
text-overflow:ellipsis;
vertical-align:middle;
}
.md-ops-workspace,
.md-queue-surface,
.md-queue-composer { margin-bottom:16px; }
.md-queue-composer form.row {
padding:14px;
border:1px solid var(--mid-line);
border-radius:var(--mid-radius-md);
background:var(--mid-panel-2);
}
.md-queue-composer form + form { display:flex; justify-content:flex-end; }
.md-queue-surface .table-responsive,
.md-ops-workspace .table-responsive { border-radius:0; }
.md-queue-surface table td:last-child,
.md-ops-workspace table td:last-child { max-width:360px; overflow-wrap:anywhere; }
.md-queue-surface table td:nth-last-child(2),
.md-queue-surface table td:nth-last-child(3) { white-space:nowrap; }
.badge-soft {
display:inline-flex;
align-items:center;
min-height:28px;
padding:4px 9px;
border-radius:999px;
border:1px solid var(--mid-line);
background:var(--mid-panel-2);
color:var(--mid-ink-soft);
font-size:.7rem;
font-weight:750;
}
.md-queue-surface tr:has(.badge-soft) .badge-soft { text-transform:capitalize; }
.md-chat-ops { align-items:start; }
.md-chat-ops > .admin-module-surface { min-width:0; }
.md-chat-ops aside { position:sticky; top:126px; }
.md-inline-editor {
display:grid!important;
grid-template-columns:minmax(120px,1fr) minmax(110px,.72fr) auto;
align-items:center;
gap:7px!important;
min-width:290px;
}
.md-inline-editor .form-control,
.md-inline-editor .form-select {
width:100%!important;
max-width:none!important;
min-width:0;
}
.support-chat-shell__sidebar .form-stack { gap:8px; }
.ticket-feed { display:grid; gap:7px; }
.ticket-item { color:var(--mid-ink); }
.ticket-item--link { border:1px solid var(--mid-line); background:var(--mid-panel); }
.ticket-item--link.is-active {
border-color:rgba(14,165,164,.26);
background:var(--mid-primary-soft);
box-shadow:inset 3px 0 0 var(--mid-primary);
}
.ticket-item__header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.ticket-item h3 { margin:0; font-size:.82rem; line-height:1.35; }
.ticket-item p { margin:2px 0 0; color:var(--mid-muted); font-size:.72rem; }
.ticket-item > small { display:block; margin-top:7px; color:var(--mid-muted-2); font-size:.67rem; }
.chat-thread { display:flex; flex-direction:column; min-height:100%; }
.chat-thread__head {
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
padding-bottom:15px;
border-bottom:1px solid var(--mid-line);
}
.chat-thread__foot {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(230px,.38fr);
gap:14px;
padding-top:15px;
border-top:1px solid var(--mid-line);
}
.chat-bubble {
width:min(82%,760px);
margin:0 0 9px;
padding:11px 13px;
border:1px solid var(--mid-line);
border-radius:14px 14px 14px 4px;
background:var(--mid-panel-2);
color:var(--mid-ink);
}
.chat-bubble--admin,
.chat-bubble--agent,
.chat-bubble--outbound {
margin-left:auto;
border-color:rgba(14,165,164,.22);
border-radius:14px 14px 4px 14px;
background:var(--mid-primary-soft);
}
.chat-bubble__meta { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:5px; }
.chat-bubble__meta strong { color:var(--mid-ink); font-size:.72rem; }
.chat-bubble__meta span { color:var(--mid-muted-2); font-size:.64rem; }
.chat-bubble p { margin:0; color:var(--mid-ink-soft); font-size:.8rem; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
.support-pin-admin-card,
.pin-verify-panel{
padding:10px 12px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
color:var(--mid-muted);
font-size:.73rem;
}
.support-pin-admin-card { border-color:rgba(59,130,246,.18); background:var(--mid-blue-soft); }
.md-ops-workspace > aside .surface {
border-color:color-mix(in srgb,var(--mid-primary) 14%,var(--mid-line));
background:color-mix(in srgb,var(--mid-panel) 92%,var(--mid-primary-soft));
}
.md-ops-workspace > aside .section-title { font-size:.96rem; }
.md-ops-workspace > aside form { margin-top:12px; }
.admin-callout {
padding:18px;
border:1px solid color-mix(in srgb,var(--mid-blue) 22%,var(--mid-line));
border-radius:var(--mid-radius-lg);
background:linear-gradient(180deg,var(--mid-blue-soft),var(--mid-panel));
color:var(--mid-ink-soft);
}
.admin-callout ol,
.admin-callout ul { padding-left:1.15rem; margin:10px 0 0; }
.admin-callout li + li { margin-top:6px; }
.admin-callout code { overflow-wrap:anywhere; }
.admin-shell-body table td {
vertical-align:middle;
}
.admin-shell-body table td code,
.admin-shell-body table td pre,
.admin-shell-body .backup-path,
.admin-shell-body .provider-error {
overflow-wrap:anywhere;
word-break:break-word;
}
@media (max-width:1199.98px) {
.md-chart-workspace,.admin-advanced-chart-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-chart-panel--wide { grid-column:1 / -1; }
.md-catalog-workspace .aside-stack,
.md-catalog-editor .aside-stack,
.md-chat-ops aside { position:static; }
}
@media (max-width:991.98px) {
.admin-shell-body .md-context-nav--admin { top:auto; }
.md-chart-workspace,.admin-advanced-chart-grid { grid-template-columns:1fr; }
.admin-chart-panel--wide { grid-column:auto; }
.chat-thread__foot { grid-template-columns:1fr; }
.md-inline-editor { grid-template-columns:1fr 1fr auto; min-width:0; }
.admin-shell-body .checkout-grid { grid-template-columns:1fr; }
}
@media (max-width:767.98px) {
.admin-apex-chart { min-height:230px; }
.md-inline-editor { grid-template-columns:1fr; }
.md-inline-editor .btn { width:100%; }
.chat-thread__head { display:block; }
.chat-thread__head > .status-pill { margin-top:10px; }
.chat-bubble { width:94%; }
.md-queue-composer form.row { padding:11px; }
.md-queue-composer form + form { justify-content:stretch; }
.md-queue-composer form + form .btn { width:100%; }
}
/* Phase 132 — operational detail workspaces Continues the single-file Makeitdomain design system. No legacy CSS layer. */
.md-identity-workspace,
.md-directory-workspace,
.md-finance-queue,
.md-developer-workspace,
.md-reconciliation-workspace,
.md-security-workspace {
align-items: start;
}
.md-directory-workspace > .admin-module-surface,
.md-finance-queue > .admin-module-surface,
.md-developer-workspace > .admin-module-surface,
.md-reconciliation-workspace > .admin-module-surface{ min-width: 0; }
.md-directory-workspace > .aside-stack,
.md-finance-queue > .aside-stack,
.md-developer-workspace > aside,
.md-security-workspace > aside {
position: sticky;
top: 126px;
}
.md-identity-workspace .form-grid-2 {
padding: 2px 0;
}
.md-identity-workspace .surface-muted,
.md-directory-workspace .surface-muted {
background: linear-gradient(180deg, var(--mid-primary-soft), var(--mid-panel));
border-color: color-mix(in srgb, var(--mid-primary) 16%, var(--mid-line));
}
.md-directory-workspace .attachment-chip {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 30px;
padding: 5px 9px;
border: 1px solid var(--mid-line);
border-radius: 999px;
background: var(--mid-panel-2);
color: var(--mid-ink-soft);
font-size: .72rem;
font-weight: 750;
letter-spacing: .025em;
}
.md-directory-workspace .attachment-chip i { color: var(--mid-primary-strong); }
.md-directory-workspace table td:first-child strong,
.md-finance-queue table td:first-child strong { font-size: .83rem; }
.md-finance-queue .admin-module-surface {
border-color: color-mix(in srgb, var(--mid-blue) 10%, var(--mid-line));
}
.md-finance-queue table tbody tr:hover td {
background: color-mix(in srgb, var(--mid-blue-soft) 58%, var(--mid-panel));
}
.md-finance-queue table td:nth-child(3) {
color: var(--mid-ink);
font-weight: 760;
white-space: nowrap;
}
.md-finance-queue > .aside-stack .surface {
background: linear-gradient(180deg, var(--mid-blue-soft), var(--mid-panel));
border-color: color-mix(in srgb, var(--mid-blue) 16%, var(--mid-line));
}
.md-reconciliation-workspace .detail-grid,
.md-reconciliation-table .detail-grid {
gap: 10px;
}
.md-reconciliation-workspace .detail-grid > div,
.md-reconciliation-table .detail-grid > div {
border: 1px solid var(--mid-line);
border-radius: 12px;
background: var(--mid-panel-2);
}
.md-reconciliation-workspace .form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 13px;
}
.md-reconciliation-workspace .grid-span-2 { grid-column: 1 / -1; }
.md-reconciliation-table table td,
#domain-ops-runs table td,
#domain-ops-exceptions table td,
#domain-ops-renewals table td,
#domain-ops-ledger table td {
font-variant-numeric: tabular-nums;
}
#domain-ops-wallet .status-pill,
#domain-ops-runs .badge-soft,
#domain-ops-exceptions .badge-soft,
#domain-ops-renewals .badge-soft,
#hosting-recon-exceptions .status-pill,
#hosting-recon-history .badge-soft { text-transform: capitalize; }
#domain-ops-renewals td:last-child,
#domain-ops-ledger td:last-child { max-width: 340px; overflow-wrap: anywhere; }
#domain-ops-ledger .detail-grid { max-width: 760px; }
.md-security-workspace > aside {
border-color: color-mix(in srgb, var(--mid-amber) 20%, var(--mid-line));
background: linear-gradient(180deg, var(--mid-amber-soft), var(--mid-panel));
}
#security-sessions td,
#security-events td { font-size: .76rem; }
#security-events code,
#security-sessions code {
display: inline-block;
max-width: 240px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.md-security-workspace details {
padding: 10px 12px;
border: 1px solid var(--mid-line);
border-radius: 10px;
background: var(--mid-panel-2);
}
.md-security-workspace summary { cursor: pointer; color: var(--mid-ink); font-weight: 720; }
.md-developer-workspace > aside {
background: linear-gradient(180deg, var(--mid-blue-soft), var(--mid-panel));
border-color: color-mix(in srgb, var(--mid-blue) 16%, var(--mid-line));
}
.md-dev-guidance .section-copy { margin-bottom: 14px; }
.md-secret-alert {
display: grid;
grid-template-columns: 42px minmax(0, 1fr);
gap: 12px;
align-items: start;
border-color: color-mix(in srgb, var(--mid-amber) 26%, var(--mid-line))!important;
}
.md-secret-alert > span {
width: 42px;
height: 42px;
display: grid;
place-items: center;
border-radius: 12px;
background: rgba(245,158,11,.16);
color: #a16207;
}
.md-secret-alert p { margin: 2px 0 8px; color: var(--mid-muted); font-size: .78rem; }
.md-secret-alert code {
display: block;
width: 100%;
padding: 10px 12px;
border: 1px dashed color-mix(in srgb, var(--mid-amber) 40%, var(--mid-line));
border-radius: 10px;
background: var(--mid-panel);
color: var(--mid-ink);
font-size: .78rem;
white-space: normal;
overflow-wrap: anywhere;
user-select: all;
}
.md-url-value {
display: inline-block;
max-width: 420px;
color: var(--mid-ink-soft);
font-size: .72rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
.md-code-block {
overflow: hidden;
border: 1px solid #1f334c;
border-radius: 14px;
background: #07111f;
box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.md-code-block__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 42px;
padding: 8px 13px;
border-bottom: 1px solid rgba(148,163,184,.16);
color: #a8bad0;
font-size: .72rem;
font-weight: 700;
}
.md-code-block__head code { color: #5eead4; }
.md-code-block pre {
margin: 0;
padding: 16px;
overflow: auto;
background: transparent;
color: #dbeafe;
font-size: .78rem;
line-height: 1.65;
white-space: pre;
}
.md-code-block pre code { color: inherit; }
.md-check-list {
display: grid;
gap: 9px;
padding: 0;
margin: 14px 0 0;
list-style: none;
}
.md-check-list li {
display: flex;
align-items: flex-start;
gap: 9px;
padding: 9px 0;
border-bottom: 1px solid var(--mid-line);
color: var(--mid-ink-soft);
font-size: .78rem;
}
.md-check-list li:last-child { border-bottom: 0; }
.md-check-list i { margin-top: 2px; color: var(--mid-primary-strong); }
.md-event-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px;
}
.md-event-chip {
display: flex;
align-items: center;
min-height: 42px;
padding: 9px 11px;
border: 1px solid var(--mid-line);
border-radius: 10px;
background: var(--mid-panel-2);
color: var(--mid-ink-soft);
font-size: .72rem;
overflow-wrap: anywhere;
}
#settings-integrations .surface-card {
padding: 16px;
border: 1px solid var(--mid-line);
border-radius: var(--mid-radius-md);
background: var(--mid-panel-2);
}
#settings-integrations .surface-card + .surface-card { margin-top: 2px; }
#settings-integrations .surface-card > .section-kicker {
display: inline-flex;
align-items: center;
min-height: 28px;
margin-bottom: 12px;
padding: 4px 9px;
border-radius: 999px;
background: var(--mid-primary-soft);
color: var(--mid-primary-strong);
}
#settings-integrations .integration-status-card {
min-height: 100%;
padding: 12px;
border: 1px solid var(--mid-line);
border-radius: 10px;
background: var(--mid-panel);
}
#settings-self-service .surface-card.form-check {
min-height: 82px;
padding: 14px 14px 14px 42px;
border: 1px solid var(--mid-line);
border-radius: 12px;
background: var(--mid-panel-2);
}
#settings-self-service .surface-card.form-check .form-check-input { margin-left: -27px; }
.admin-readable-table td.text-end,
.admin-readable-table th.text-end { white-space: nowrap; }
.admin-readable-table .btn-sm { min-height: 34px; }
.admin-readable-table .dropdown-menu { min-width: 210px; }
.admin-readable-table tbody tr:last-child td { border-bottom: 0; }
@media (max-width: 1199.98px) {
.md-directory-workspace > .aside-stack,
.md-finance-queue > .aside-stack,
.md-developer-workspace > aside,
.md-security-workspace > aside { position: static; }
.md-event-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
.md-reconciliation-workspace .form-grid { grid-template-columns: 1fr; }
.md-reconciliation-workspace .grid-span-2 { grid-column: auto; }
.md-url-value { max-width: 300px; }
#settings-integrations .checkout-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
.md-secret-alert { grid-template-columns: 1fr; }
.md-secret-alert > span { width: 36px; height: 36px; }
.md-event-grid { grid-template-columns: 1fr; }
.md-url-value { max-width: min(72vw, 320px); }
.md-code-block pre { font-size: .72rem; padding: 13px; }
#users-create .form-grid-span.d-flex,
#api-key-create .form-grid-span.d-flex,
#webhook-create .form-grid-span.d-flex { justify-content: stretch!important; }
#users-create .form-grid-span .btn,
#api-key-create .form-grid-span .btn,
#webhook-create .form-grid-span .btn { width: 100%; }
}
/* Phase 133 — review, governance & identity workspaces Continues the single-file Makeitdomain UI architecture. */
.md-workspace-nav{
position:sticky;
top:88px;
z-index:28;
margin:0 0 1.25rem;
padding:.45rem;
border:1px solid var(--md-border, #dbe5ee);
border-radius:18px;
background:color-mix(in srgb,var(--md-surface,#fff) 92%,transparent);
box-shadow:0 12px 34px rgba(15,23,42,.07);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
}
.md-workspace-nav__track{display:flex;align-items:center;gap:.35rem;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain;}
.md-workspace-nav__track::-webkit-scrollbar{display:none;}
.md-workspace-nav__item{display:inline-flex;align-items:center;gap:.55rem;min-height:42px;padding:.68rem .9rem;border-radius:13px;color:var(--md-muted,#64748b);font-size:.84rem;font-weight:800;text-decoration:none;white-space:nowrap;transition:.18s ease;}
.md-workspace-nav__item i{color:var(--md-primary,#0ea5a4);}
.md-workspace-nav__item:hover,.md-workspace-nav__item:focus-visible{background:var(--md-primary-soft,#ecfeff);color:var(--md-ink,#0f172a);outline:none;}
.md-detail-workspace{scroll-margin-top:156px;}
.md-detail-section{scroll-margin-top:156px;}
.md-detail-section:target{outline:2px solid color-mix(in srgb,var(--md-primary,#0ea5a4) 35%,transparent);outline-offset:4px;}
#order-review-summary .summary-list,
#invoice-review-summary .summary-list,
#domain-review-summary .summary-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;}
#order-review-summary .summary-list>div,
#invoice-review-summary .summary-list>div,
#domain-review-summary .summary-list>div{min-height:92px;padding:1rem;border:1px solid var(--md-border,#dbe5ee);border-radius:16px;background:var(--md-surface-soft,#f8fafc);}
#order-review-summary .summary-list span,
#invoice-review-summary .summary-list span,
#domain-review-summary .summary-list span{display:block;margin-bottom:.38rem;color:var(--md-muted,#64748b);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;}
#order-review-summary .summary-list strong,
#invoice-review-summary .summary-list strong,
#domain-review-summary .summary-list strong{display:block;color:var(--md-ink,#0f172a);font-size:1rem;overflow-wrap:anywhere;}
#order-review-items .activity-card,#order-review-risk .activity-card{border-left:3px solid color-mix(in srgb,var(--md-primary,#0ea5a4) 62%,transparent);}
#order-review-fulfillment .activity-card{background:var(--md-surface,#fff);}
#domain-review-dns td:nth-child(2),#domain-review-dns td:nth-child(3){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.83rem;overflow-wrap:anywhere;word-break:break-word;}
#refund-queue,#cancellation-queue,#abuse-queue,#recovery-queue,#security-log-events{scroll-margin-top:156px;}
#refund-queue td form,#abuse-queue td form{max-width:320px;}
#recovery-queue .phase118-action-stack{display:flex;flex-wrap:wrap;gap:.45rem;min-width:190px;}
#recovery-queue .phase118-wrap{max-width:360px;white-space:normal;overflow-wrap:anywhere;}
#security-log-events td:last-child{max-width:360px;white-space:normal;overflow-wrap:anywhere;color:var(--md-muted,#64748b);font-size:.8rem;}
#gateway-responses td:last-child{max-width:440px;white-space:normal;overflow-wrap:anywhere;}
#gateway-responses code,.md-code-inline{display:inline-block;max-width:100%;padding:.2rem .45rem;border-radius:8px;background:var(--md-code-bg,#eef5f7);color:var(--md-code-ink,#164e63);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;overflow-wrap:anywhere;word-break:break-word;}
.md-technical-chip{display:inline-flex;align-items:center;min-height:28px;padding:.3rem .55rem;border:1px solid var(--md-border,#dbe5ee);border-radius:999px;background:var(--md-surface-soft,#f8fafc);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em;}
#branding-identity .brand-asset-preview{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--md-border,#dbe5ee);border-radius:18px;background:var(--md-surface-soft,#f8fafc);}
#branding-identity .brand-asset-preview img{width:64px;height:64px;padding:.55rem;border-radius:16px;background:#fff;border:1px solid var(--md-border,#dbe5ee);box-shadow:0 8px 24px rgba(15,23,42,.08);}
#branding-identity .brand-asset-preview p{color:var(--md-muted,#64748b);}
#sso-directory td:nth-child(5),#custom-domain-directory code{max-width:380px;overflow-wrap:anywhere;word-break:break-word;}
#sso-create input[type="password"]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.04em;}
#custom-domain-directory table{min-width:1050px;}
#custom-domain-directory td:nth-child(4),#custom-domain-directory td:nth-child(5){max-width:320px;}
.md-empty-state{display:grid;place-items:center;gap:.45rem;min-height:160px;padding:1.5rem;text-align:center;color:var(--md-muted,#64748b);}
.md-empty-state i{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--md-primary-soft,#ecfeff);color:var(--md-primary,#0ea5a4);font-size:1.1rem;}
.md-empty-state strong{color:var(--md-ink,#0f172a);}
.md-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:0;list-style:none;}
.md-checklist li{display:flex;align-items:center;gap:.55rem;padding:1rem;border:1px solid var(--md-border,#dbe5ee);border-radius:16px;background:var(--md-surface,#fff);box-shadow:0 8px 24px rgba(15,23,42,.05);font-weight:750;}
[data-theme="dark"] .md-workspace-nav{background:rgba(13,24,41,.9);border-color:rgba(148,163,184,.18);}
[data-theme="dark"] .md-workspace-nav__item{color:#9fb0c7;}
[data-theme="dark"] .md-workspace-nav__item:hover,[data-theme="dark"] .md-workspace-nav__item:focus-visible{background:rgba(14,165,164,.14);color:#f8fafc;}
[data-theme="dark"] #order-review-summary .summary-list>div,
[data-theme="dark"] #invoice-review-summary .summary-list>div,
[data-theme="dark"] #domain-review-summary .summary-list>div,
[data-theme="dark"] #branding-identity .brand-asset-preview,
[data-theme="dark"] .md-technical-chip,
[data-theme="dark"] .md-checklist li{background:#111c2d;border-color:rgba(148,163,184,.16);}
[data-theme="dark"] #order-review-summary .summary-list strong,
[data-theme="dark"] #invoice-review-summary .summary-list strong,
[data-theme="dark"] #domain-review-summary .summary-list strong,
[data-theme="dark"] .md-empty-state strong{color:#f8fafc;}
[data-theme="dark"] .md-code-inline,[data-theme="dark"] #gateway-responses code{background:#0b1626;color:#8ee8e4;}
@media (max-width:1199.98px){
#order-review-summary .summary-list,#invoice-review-summary .summary-list,#domain-review-summary .summary-list{grid-template-columns:repeat(2,minmax(0,1fr));}
.md-workspace-nav{top:76px;}
}
@media (max-width:767.98px){
.md-workspace-nav{position:relative;top:auto;margin-inline:-.2rem;border-radius:15px;padding:.35rem;box-shadow:none;}
.md-workspace-nav__item{min-height:40px;padding:.6rem .75rem;font-size:.8rem;}
#order-review-summary .summary-list,#invoice-review-summary .summary-list,#domain-review-summary .summary-list{grid-template-columns:1fr;}
.md-checklist{grid-template-columns:1fr;}
#branding-identity .brand-asset-preview{align-items:flex-start;}
}
/* Phase 134 — communications, content, catalog finishing & cross-device polish Continues the single-file Makeitdomain UI architecture. */
.md-dashboard-analytics,.md-dashboard-operations,.md-dashboard-orders{scroll-margin-top:156px;}
.md-communication-workspace,
.md-notification-workspace,
.md-ai-workspace,
.md-marketplace-workspace,
.md-tax-workspace,
.md-option-workspace,
.md-client-tool-workspace{
align-items:start;
}
.md-communication-workspace>.surface,
.md-notification-workspace>.surface,
.md-ai-workspace>.surface,
.md-marketplace-workspace>.surface,
.md-tax-workspace>.surface,
.md-option-workspace>.surface{min-width:0;}
#announcement-history,#announcement-publish,
#notification-queue,#notification-compose,
#ai-support-insights,#ai-support-analyse,
#marketplace-directory,#marketplace-installed,#marketplace-add,
#tax-rules,#tax-create,#option-directory,#option-create,
#feature-directory,#feature-editor,#template-library{scroll-margin-top:156px;}
#announcement-publish .tox-tinymce,
#notification-compose .tox-tinymce,
#ai-support-analyse .tox-tinymce{min-height:260px;}
#announcement-history td:first-child{min-width:220px;}
#announcement-history td:nth-child(2),
#announcement-history td:nth-child(3){text-transform:capitalize;}
.md-announcement-list{display:grid;gap:12px;}
.md-announcement-card{
position:relative;
padding:18px;
overflow:hidden;
border:1px solid var(--mid-line);
border-radius:16px;
background:var(--mid-panel);
box-shadow:var(--mid-shadow-sm);
}
.md-announcement-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--mid-blue);}
.md-announcement-card--success::before{background:#16a34a;}
.md-announcement-card--warning::before{background:#d97706;}
.md-announcement-card--critical::before{background:#dc2626;}
.md-announcement-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.md-announcement-card__meta time{margin-left:auto;color:var(--mid-muted);font-size:.72rem;}
.md-announcement-card h3{margin:0 0 8px;color:var(--mid-ink);font-size:1.05rem;}
.md-announcement-card p{margin:0;color:var(--mid-ink-soft);line-height:1.65;}
.md-template-studio .accordion{display:grid;gap:10px;}
.md-template-studio .accordion-item{
overflow:hidden;
border:1px solid var(--mid-line)!important;
border-radius:14px!important;
box-shadow:0 6px 20px rgba(15,23,42,.04);
}
.md-template-studio .accordion-button{
gap:12px;
min-height:62px;
padding:13px 16px;
}
.md-template-studio .accordion-button::after{margin-left:8px;flex:0 0 auto;}
.template-accordion-title{min-width:0;flex:1;}
.template-accordion-title strong,
.template-accordion-title small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.template-accordion-title small{margin-top:3px;color:var(--mid-muted);font-size:.72rem;font-weight:650;}
.md-template-studio .accordion-body{padding:18px;background:var(--mid-panel);}
.md-template-studio .standard-form-grid label{min-width:0;color:var(--mid-ink-soft);font-size:.8rem;font-weight:750;}
.md-template-studio .standard-form-grid label.full{grid-column:1 / -1;}
.md-template-studio .tox-tinymce{min-height:390px!important;background:var(--mid-panel)!important;}
.md-template-studio .tox .tox-editor-header,
.md-template-studio .tox .tox-toolbar-overlord,
.md-template-studio .tox .tox-toolbar__primary{background:var(--mid-panel-2)!important;}
.md-template-studio code{
display:inline-flex;
margin:2px 3px 2px 0;
padding:3px 6px;
border-radius:7px;
background:var(--mid-code-bg,#eef5f7);
color:var(--mid-code-ink,#164e63);
font-size:.72rem;
}
#ai-support-insights table{min-width:1180px;}
#ai-support-insights td:nth-child(5),
#ai-support-insights td:nth-child(6){min-width:260px;max-width:390px;white-space:normal;line-height:1.55;overflow-wrap:anywhere;}
#ai-support-insights td:nth-child(2),
#ai-support-insights td:nth-child(3){text-transform:capitalize;}
#ai-support-analyse .alert code{overflow-wrap:anywhere;}
#notification-queue table{min-width:1050px;}
#notification-queue td:nth-child(3){min-width:220px;}
#notification-queue td:last-child{max-width:360px;white-space:normal;overflow-wrap:anywhere;color:var(--mid-muted);font-size:.8rem;}
#notification-compose label{color:var(--mid-ink-soft);font-size:.8rem;font-weight:750;}
.md-notification-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}
#marketplace-directory table{min-width:860px;}
#marketplace-directory td:nth-child(2),
#marketplace-installed td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;}
#marketplace-installed{padding:16px;border:1px solid var(--mid-line);border-radius:14px;background:var(--mid-panel-2);}
#marketplace-add textarea{min-height:120px;}
#tax-rules td:nth-child(4){font-variant-numeric:tabular-nums;font-weight:800;}
#tax-create .select2-container{width:100%!important;}
#feature-directory td:nth-child(3) i{color:var(--mid-primary-strong);}
#feature-editor .checkout-grid{align-items:end;}
#option-directory table{min-width:720px;}
#option-create label{color:var(--mid-ink-soft);}
.md-client-tool-workspace table{min-width:760px;}
.md-client-tool-workspace code{max-width:300px;overflow-wrap:anywhere;word-break:break-word;}
.md-client-tool-workspace .aside-stack{position:sticky;top:104px;}
.admin-module-surface, .surface{min-width:0;}
.surface-head>*{min-width:0;}
.surface-head h2,.section-title,.workspace-hero__title,.md-page-header__title{overflow-wrap:anywhere;}
.form-stack>.form-check{margin-block:2px;}
.form-check-label{color:var(--mid-ink-soft);font-size:.8rem;}
textarea.form-control{min-height:112px;}
.table-shell,.table-responsive,.admin-readable-table-shell{scrollbar-width:thin;scrollbar-color:var(--mid-line-strong) transparent;}
.table-shell::-webkit-scrollbar,.table-responsive::-webkit-scrollbar,.admin-readable-table-shell::-webkit-scrollbar{height:9px;width:9px;}
.table-shell::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb,.admin-readable-table-shell::-webkit-scrollbar-thumb{background:var(--mid-line-strong);border-radius:999px;}
[data-theme="dark"] .md-announcement-card,
[data-theme="dark"] #marketplace-installed{background:#111c2d;border-color:rgba(148,163,184,.16);}
[data-theme="dark"] .md-announcement-card h3{color:#f8fafc;}
[data-theme="dark"] .md-announcement-card p{color:#c5d1e0;}
[data-theme="dark"] .md-template-studio .accordion-body{background:#111c2d;}
[data-theme="dark"] .md-template-studio .tox .tox-editor-header,
[data-theme="dark"] .md-template-studio .tox .tox-toolbar-overlord,
[data-theme="dark"] .md-template-studio .tox .tox-toolbar__primary{background:#0e1929!important;}
@media (max-width:1399.98px){
}
@media (max-width:1199.98px){
.md-client-tool-workspace .aside-stack{position:static;}
}
@media (max-width:991.98px){
.md-notification-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
.md-template-studio .tox-tinymce{min-height:330px!important;}
}
@media (max-width:767.98px){
.md-notification-metrics{grid-template-columns:1fr;}
.md-announcement-card__meta time{width:100%;margin-left:0;}
.md-template-studio .accordion-button{align-items:flex-start;padding:12px;}
.md-template-studio .accordion-button .badge{margin-left:0!important;}
.md-template-studio .standard-form-grid{grid-template-columns:1fr;}
.md-template-studio .standard-form-grid label.full{grid-column:auto;}
#feature-editor .checkout-grid{grid-template-columns:1fr;}
.md-client-tool-workspace table{min-width:680px;}
}
/* Phase 135 — remaining operational workspace completion */
#cart-recovery,#affiliate-partners,#affiliate-payouts,#credit-ledger,#dr-tests,
#dns-records,#transfer-queue,#export-jobs,#fraud-rules,#fraud-create,#health-checks,
#kb-articles,#kb-editor,#package-list,#package-editor,#pricing-tiers,#pricing-editor,
#cutover-readiness,#cutover-checks,#cutover-actions,#promotion-rules,#reseller-accounts,
#reseller-tiers,#server-nodes,#status-components,#upsell-rules{scroll-margin-top:118px;}
#cart-recovery .table,#affiliate-partners .table,#affiliate-payouts .table,
#dns-records .table,#transfer-queue .table,#export-jobs .table,#fraud-rules .table,
#health-checks .table,#kb-articles .table,#package-list .table,#pricing-tiers .table,
#reseller-accounts .table,#reseller-tiers .table,#server-nodes .table,#status-components .table,
#upsell-rules .table{width:100%;min-width:820px;}
#dns-records td:nth-child(3),#dns-records td:nth-child(4),
#transfer-queue td,#export-jobs td,#health-checks td,#server-nodes td,
#status-components td{overflow-wrap:anywhere;word-break:break-word;}
#dns-records code,#transfer-queue code,#export-jobs code,#health-checks code,
#server-nodes code{font-size:.8rem;padding:.16rem .38rem;border-radius:6px;background:var(--mid-panel-2);border:1px solid var(--mid-line);}
#credit-ledger form,#dr-tests form,#fraud-create form,#kb-editor form,#package-editor form,
#pricing-editor form,#promotion-rules form,#reseller-tiers form,#server-nodes form,
#status-components form,#upsell-rules form{min-width:0;}
#fraud-create .form-control,#fraud-create .form-select,
#package-editor .form-control,#package-editor .form-select,
#pricing-editor .form-control,#pricing-editor .form-select,
#reseller-tiers .form-control,#reseller-tiers .form-select,
#server-nodes .form-control,#server-nodes .form-select{width:100%;}
#affiliate-partners td:first-child,#affiliate-payouts td:nth-child(2),
#promotion-rules td:first-child,#reseller-accounts td:first-child,#upsell-rules td:first-child{font-weight:750;color:var(--mid-ink);}
#affiliate-partners form,#affiliate-payouts form,#cart-recovery form{min-width:210px;align-items:center;}
#dr-tests td:nth-child(4),#health-checks td:nth-child(2),#status-components td:nth-child(2){font-weight:800;text-transform:capitalize;}
#cutover-readiness .alert,#cutover-checks .alert,#cutover-actions .alert{margin-bottom:12px;}
#cutover-actions .btn{white-space:normal;text-align:center;}
#kb-editor textarea,#package-editor textarea,#pricing-editor textarea{min-height:128px;}
#kb-editor .tox-tinymce{min-height:390px!important;border-radius:var(--mid-radius)!important;}
#package-list .status-pill,#pricing-tiers .status-pill{white-space:nowrap;}
@media (min-width:1200px){
#server-nodes .aside-stack,#reseller-accounts .aside-stack,#status-components .aside-stack,
#dns-records .aside-stack,#dr-tests .aside-stack{position:sticky;top:104px;align-self:start;}
}
@media (max-width:991.98px){
#affiliate-partners form,#affiliate-payouts form,#cart-recovery form{min-width:0;display:grid!important;grid-template-columns:1fr;}
#cutover-actions .d-flex,#server-nodes .d-flex,#status-components .d-flex{flex-wrap:wrap;}
}
@media (max-width:767.98px){
#cart-recovery .table,#affiliate-partners .table,#affiliate-payouts .table,
#dns-records .table,#transfer-queue .table,#export-jobs .table,#fraud-rules .table,
#health-checks .table,#kb-articles .table,#package-list .table,#pricing-tiers .table,
#reseller-accounts .table,#reseller-tiers .table,#server-nodes .table,#status-components .table,
#upsell-rules .table{min-width:680px;}
#kb-editor .tox-tinymce{min-height:320px!important;}
#credit-ledger .section-grid,#dr-tests.section-grid,#dns-records.section-grid,
#server-nodes.section-grid,#status-components.section-grid,#upsell-rules.section-grid{grid-template-columns:1fr;}
}
/* Phase 136 — Public website cleanup UI-only modernization of public marketing, support and authentication pages. */
.public-shell-body {
background:
radial-gradient(circle at 8% 0%, rgba(14,165,164,.08), transparent 26rem),
radial-gradient(circle at 92% 8%, rgba(59,130,246,.07), transparent 28rem),
#f8fafc;
}
.public-shell-body .page-content { max-width:1360px; padding-top:24px; padding-bottom:72px; }
.public-shell-body .shell-nav { background:rgba(255,255,255,.92); border-bottom:1px solid rgba(226,232,240,.9); box-shadow:0 8px 28px rgba(15,23,42,.035); }
.public-shell-body .shell-nav__inner { min-height:76px; }
.public-shell-body .shell-brand__mark { width:40px; height:40px; flex-basis:40px; border-radius:12px; box-shadow:0 8px 22px rgba(14,165,164,.14); }
.public-shell-body .shell-brand strong { font-size:1rem; }
.public-shell-body .shell-brand small { color:#78909c!important; }
.public-shell-body .shell-link,
.public-shell-body .shell-nav .nav-link,
.public-shell-body .shell-nav .dropdown-toggle { font-size:.88rem; font-weight:700; padding:8px 10px!important; }
.public-shell-body .public-login-link { background:transparent!important; }
.public-shell-body .public-get-started { padding-inline:15px; min-height:40px; }
.public-shell-body .shell-nav__dropdown { border-radius:16px!important; padding:10px; }
.public-shell-body .shell-mega { min-width:min(560px,94vw); }
.public-eyebrow {
display:inline-flex;
align-items:center;
gap:7px;
width:max-content;
max-width:100%;
padding:7px 10px;
border-radius:999px;
border:1px solid rgba(14,165,164,.18);
background:rgba(14,165,164,.08);
color:#0f766e;
font-size:.73rem;
line-height:1.1;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.public-eyebrow--light { background:#ecfdfb; border-color:#ccfbf1; color:#0f766e; }
.public-lead { max-width:720px; color:#536477; font-size:clamp(1rem,1.6vw,1.18rem); line-height:1.75; }
.public-text-link { display:inline-flex; align-items:center; gap:7px; font-weight:800; color:#0f766e; }
.public-text-link:hover { gap:10px; }
.public-hero,
.public-product-hero,
.public-pricing-hero,
.public-story-hero,
.public-search-hero,
.public-contact-shell,
.public-status-hero,
.public-legal-hero,
.public-auth-shell {
position:relative;
isolation:isolate;
}
.public-hero { margin:18px 0 26px; padding:clamp(34px,5.5vw,72px); border:1px solid #e2e8f0; border-radius:30px; background:linear-gradient(135deg,#ffffff 0%,#f1fbfa 58%,#eef5ff 100%); box-shadow:0 28px 80px rgba(15,23,42,.08); overflow:hidden; }
.public-hero::before { content:""; position:absolute; width:430px; height:430px; border-radius:50%; right:-170px; top:-220px; background:radial-gradient(circle,rgba(59,130,246,.15),transparent 68%); z-index:-1; }
.public-hero::after { content:""; position:absolute; width:360px; height:360px; border-radius:50%; left:34%; bottom:-260px; background:radial-gradient(circle,rgba(14,165,164,.12),transparent 68%); z-index:-1; }
.public-hero__grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr); gap:clamp(30px,5vw,70px); align-items:center; }
.public-hero__copy { min-width:0; }
.public-hero__copy h1,
.public-product-hero h1,
.public-pricing-hero h1,
.public-story-hero h1,
.public-search-hero h1,
.public-contact-intro h1,
.public-status-hero h1,
.public-legal-hero h1,
.public-auth-marketing h1 { margin:18px 0 18px; max-width:820px; color:#0f172a!important; font-size:clamp(2.55rem,5.8vw,5.45rem); line-height:.98; letter-spacing:-.065em; font-weight:850; text-wrap:balance; }
.public-home-hero .public-hero__copy h1 { max-width:780px; }
.public-hero__copy > p { margin-bottom:25px; }
.public-hero-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:24px; }
.public-domain-finder { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; max-width:780px; padding:9px; margin-top:25px; border:1px solid #dbe5ef; border-radius:16px; background:#fff; box-shadow:0 16px 36px rgba(15,23,42,.08); }
.public-domain-finder__field { min-width:0; display:flex; align-items:center; gap:8px; padding-left:6px; }
.public-domain-finder__field > i { color:#0f8f8e; font-size:1.05rem; }
.public-domain-finder__field .form-control { min-height:48px; border:0!important; background:transparent!important; box-shadow:none!important; padding-left:4px; }
.public-domain-finder .btn { min-width:145px; min-height:48px; }
.public-domain-finder__results { margin-top:12px; }
.public-domain-finder--large { max-width:860px; margin-inline:auto; }
.public-proof-row { display:flex; flex-wrap:wrap; gap:9px 18px; margin-top:20px; color:#64748b; font-size:.82rem; font-weight:700; }
.public-proof-row span { display:inline-flex; align-items:center; gap:7px; }
.public-proof-row i { color:#0f8f8e; }
.public-hero__visual { position:relative; min-height:480px; display:grid; place-items:center; }
.public-preview-card { width:min(100%,500px); padding:18px; border:1px solid rgba(203,213,225,.8); border-radius:24px; background:rgba(255,255,255,.94); box-shadow:0 28px 70px rgba(15,23,42,.14); backdrop-filter:blur(16px); }
.public-preview-card__top { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-bottom:14px; border-bottom:1px solid #edf2f7; color:#64748b; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.public-preview-card__top > div { display:flex; gap:5px; }
.public-preview-dot { width:7px; height:7px; border-radius:50%; background:#cbd5e1; }
.public-preview-dot:first-child { background:#22c55e; }
.public-preview-metric { display:grid; grid-template-columns:1fr auto; gap:5px 12px; align-items:center; padding:18px 2px; }
.public-preview-metric > span { grid-column:1/-1; color:#64748b; font-size:.75rem; font-weight:700; }
.public-preview-metric strong { color:#0f172a; font-size:1.2rem; overflow-wrap:anywhere; }
.public-preview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.public-preview-grid > div { min-width:0; padding:14px; border:1px solid #e7edf5; border-radius:15px; background:#f8fafc; }
.public-preview-grid i { display:block; color:#0f8f8e; font-size:1.08rem; margin-bottom:12px; }
.public-preview-grid span,.public-preview-grid strong { display:block; }
.public-preview-grid span { color:#64748b; font-size:.7rem; }
.public-preview-grid strong { margin-top:2px; color:#0f172a; font-size:.92rem; }
.public-preview-activity { display:grid; gap:9px; margin-top:15px; padding:14px; border-radius:15px; background:#f0fdfa; }
.public-preview-activity span { display:flex; align-items:center; gap:8px; color:#475569; font-size:.8rem; font-weight:700; }
.public-preview-activity i { color:#10b981; }
.public-float-card { position:absolute; display:flex; align-items:center; gap:10px; max-width:230px; padding:11px 13px; border:1px solid #dfe8f2; border-radius:14px; background:#fff; box-shadow:0 16px 34px rgba(15,23,42,.12); }
.public-float-card > i { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border-radius:10px; background:#ecfdfb; color:#0f766e; }
.public-float-card small,.public-float-card strong { display:block; }
.public-float-card small { color:#94a3b8!important; font-size:.65rem; }
.public-float-card strong { margin-top:1px; color:#334155; font-size:.76rem; line-height:1.3; }
.public-float-card--support { right:-20px; bottom:64px; }
.public-float-card--uptime { left:-15px; top:72px; }
.public-trust-bar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0 0 56px; border:1px solid #e2e8f0; border-radius:18px; background:#fff; box-shadow:0 12px 30px rgba(15,23,42,.045); overflow:hidden; }
.public-trust-bar span { min-height:68px; display:flex; align-items:center; justify-content:center; gap:9px; padding:14px 18px; border-right:1px solid #edf2f7; color:#475569; font-size:.8rem; font-weight:750; text-align:center; }
.public-trust-bar span:last-child { border-right:0; }
.public-trust-bar i { color:#0f8f8e; font-size:1rem; }
.public-section { margin:clamp(54px,7vw,94px) 0; scroll-margin-top:100px; }
.public-section--tinted { margin-inline:-22px; padding:clamp(28px,5vw,52px) 22px; border:1px solid #e7edf5; border-radius:28px; background:linear-gradient(180deg,#f7fbff,#f7fcfb); }
.public-section__head { max-width:780px; margin-bottom:28px; }
.public-section__head--split { max-width:none; display:flex; justify-content:space-between; align-items:flex-end; gap:30px; }
.public-section__head--split > div { max-width:760px; }
.public-section__head--split > p { max-width:470px; margin:0; }
.public-section__head h2,
.public-workspace-story h2,
.public-cta-band h2 { margin:10px 0 10px; color:#0f172a!important; font-size:clamp(1.9rem,3.6vw,3.35rem); line-height:1.06; letter-spacing:-.045em; font-weight:820; text-wrap:balance; }
.public-section__head p,.public-section__head--split > p,.public-workspace-story p { color:#64748b; line-height:1.75; }
.public-section__action { display:flex; justify-content:center; margin-top:25px; }
.public-feature-grid { display:grid; gap:16px; }
.public-feature-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.public-feature-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.public-feature-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.public-feature-card { min-width:0; padding:24px; border:1px solid #e2e8f0; border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(15,23,42,.04); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.public-feature-card:hover { transform:translateY(-3px); border-color:#bfe8e4; box-shadow:0 20px 40px rgba(15,23,42,.08); }
.public-feature-card h3 { margin:16px 0 8px; color:#172033!important; font-size:1.08rem; }
.public-feature-card p { margin-bottom:17px; color:#64748b; font-size:.9rem; line-height:1.68; }
.public-feature-card > a,.public-feature-card > div > a { display:inline-flex; align-items:center; gap:6px; color:#0f766e; font-size:.82rem; font-weight:800; }
.public-feature-card--wide { display:grid; grid-template-columns:auto minmax(0,1fr); gap:16px; align-items:start; }
.public-feature-card--wide h3 { margin-top:0; }
.public-icon-tile { width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(135deg,#ecfdfb,#eff6ff); color:#0f8f8e; border:1px solid #d9f3f0; font-size:1.15rem; }
.public-icon-tile--large { width:54px; height:54px; flex-basis:54px; border-radius:15px; font-size:1.35rem; }
.public-plan-grid { align-items:stretch; }
.public-shell-body .premium-plan { position:relative; display:flex; flex-direction:column; min-width:0; min-height:100%; padding:24px; border:1px solid #e2e8f0; border-radius:20px; background:#fff; color:#334155; box-shadow:0 14px 34px rgba(15,23,42,.055); overflow:hidden; }
.public-shell-body .premium-plan.is-featured { border-color:#76d8d2; box-shadow:0 24px 54px rgba(14,165,164,.13); }
.public-shell-body .plan-ribbon { position:absolute; top:14px; right:14px; padding:5px 9px; border-radius:999px; background:#e6fffb; color:#0f766e; font-size:.63rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.public-shell-body .plan-head { display:flex; gap:13px; align-items:flex-start; min-width:0; }
.public-shell-body .plan-head .plan-icon { margin:0; flex:0 0 44px; }
.public-shell-body .plan-head > div { min-width:0; }
.public-shell-body .plan-head h3 { margin:1px 0 5px; padding-right:60px; color:#0f172a!important; font-size:1.08rem; overflow-wrap:anywhere; }
.public-shell-body .plan-head p { min-height:44px; margin:0; color:#64748b!important; font-size:.82rem; line-height:1.5; }
.public-shell-body .plan-price { margin:24px 0 18px; color:#0f172a; font-size:clamp(1.65rem,2.8vw,2.35rem); }
.public-shell-body .premium-plan ul { list-style:none; display:grid; gap:10px; min-height:146px; margin:0 0 22px; padding:0; color:#475569; font-size:.82rem; }
.public-shell-body .premium-plan li { position:relative; padding-left:22px; }
.public-shell-body .premium-plan li::before { content:"✓"; position:absolute; left:0; top:0; color:#0f8f8e; font-weight:900; }
.public-shell-body .premium-plan form { margin-top:auto; }
.public-empty-card { min-height:220px; display:grid; place-items:center; align-content:center; gap:9px; padding:28px; border:1px dashed #cbd5e1; border-radius:18px; background:#fff; text-align:center; color:#64748b; }
.public-empty-card > i { font-size:1.5rem; color:#0f8f8e; }
.public-empty-card h3 { margin:0; color:#0f172a; }
.public-empty-card p { margin:0 0 8px; }
.public-workspace-story { display:grid; grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr); gap:clamp(28px,5vw,64px); align-items:center; padding:clamp(30px,5vw,56px); border:1px solid #dce8f2; border-radius:28px; background:#fff; box-shadow:0 20px 58px rgba(15,23,42,.065); }
.public-check-list { list-style:none; display:grid; gap:11px; margin:22px 0 26px; padding:0; }
.public-check-list li { display:flex; gap:9px; align-items:flex-start; color:#475569; font-size:.88rem; }
.public-check-list i { width:22px; height:22px; flex:0 0 22px; display:grid; place-items:center; border-radius:50%; background:#ecfdf5; color:#15803d; font-size:.8rem; }
.public-workspace-story__panel { padding:16px; border-radius:22px; background:linear-gradient(135deg,#0f172a,#12374a); box-shadow:0 26px 60px rgba(15,23,42,.2); }
.public-dashboard-snapshot { padding:18px; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:#fff; }
.public-dashboard-snapshot__head { display:flex; justify-content:space-between; gap:15px; padding-bottom:14px; border-bottom:1px solid #edf2f7; }
.public-dashboard-snapshot__head span { color:#0f172a; font-weight:800; }
.public-dashboard-snapshot__head em { color:#0f8f8e; font-size:.72rem; font-style:normal; font-weight:750; }
.public-dashboard-snapshot__stats { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:14px 0; }
.public-dashboard-snapshot__stats > div { padding:13px; border-radius:12px; background:#f8fafc; }
.public-dashboard-snapshot__stats small,.public-dashboard-snapshot__stats strong { display:block; }
.public-dashboard-snapshot__stats small { color:#94a3b8!important; font-size:.64rem; }
.public-dashboard-snapshot__stats strong { color:#0f172a; font-size:1.2rem; }
.public-dashboard-snapshot__row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 2px; border-top:1px solid #eef2f7; }
.public-dashboard-snapshot__row > span { display:flex; align-items:center; gap:8px; min-width:0; color:#475569; font-size:.8rem; }
.public-dashboard-snapshot__row > span i { color:#0f8f8e; }
.public-faq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.public-faq-grid details { border:1px solid #e2e8f0; border-radius:15px; background:#fff; box-shadow:0 8px 22px rgba(15,23,42,.035); overflow:hidden; }
.public-faq-grid summary { position:relative; padding:17px 44px 17px 18px; color:#172033; font-size:.88rem; font-weight:800; cursor:pointer; list-style:none; }
.public-faq-grid summary::-webkit-details-marker { display:none; }
.public-faq-grid summary::after { content:"+"; position:absolute; right:17px; top:15px; color:#0f8f8e; font-size:1.1rem; }
.public-faq-grid details[open] summary::after { content:"–"; }
.public-faq-grid details p { margin:0; padding:0 18px 18px; color:#64748b; font-size:.84rem; line-height:1.7; }
.public-cta-band { display:flex; align-items:center; justify-content:space-between; gap:30px; margin:72px 0 12px; padding:clamp(28px,5vw,48px); border-radius:26px; background:linear-gradient(135deg,#0f766e 0%,#0f8f8e 46%,#2563eb 100%); color:#fff; overflow:hidden; }
.public-cta-band h2 { color:#fff!important; font-size:clamp(1.8rem,3.5vw,3rem); }
.public-cta-band p { max-width:680px; margin:0; color:#d9f6f2; }
.public-cta-band .public-eyebrow { border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.1); color:#fff; }
.public-cta-band__actions { display:flex; gap:10px; flex-wrap:wrap; flex:0 0 auto; }
.public-search-hero { margin:18px 0 36px; padding:clamp(34px,5vw,62px); border:1px solid #dfe9f2; border-radius:28px; background:linear-gradient(180deg,#ffffff,#f3fbfb); text-align:center; overflow:hidden; }
.public-search-hero__copy { max-width:780px; margin:0 auto 26px; }
.public-search-hero h1 { margin-inline:auto; max-width:760px; font-size:clamp(2.4rem,5vw,4.8rem); }
.public-search-hero p { max-width:680px; margin:0 auto; color:#64748b; font-size:1.05rem; line-height:1.7; }
.public-search-hero .public-eyebrow { margin-inline:auto; }
.public-search-hints { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin-top:14px; }
.public-search-hints span { padding:5px 9px; border-radius:999px; background:#fff; border:1px solid #e2e8f0; color:#64748b; font-size:.7rem; font-weight:750; }
.public-domain-results-section { margin-top:32px; }
.public-domain-result { padding:24px; border-radius:20px; }
.public-domain-result.available { border-color:#a7f3d0; background:linear-gradient(180deg,#fff,#f6fffb); }
.public-domain-result.taken { border-color:#fecaca; background:linear-gradient(180deg,#fff,#fff9f9); }
.public-domain-result__main h2 { margin:7px 0 5px; color:#0f172a!important; font-size:clamp(1.5rem,3vw,2.3rem); overflow-wrap:anywhere; }
.public-domain-result__main p { margin:0; color:#64748b; }
.public-domain-result .result-status { display:inline-flex; padding:5px 8px; border-radius:999px; background:#ecfdf5; color:#15803d; font-size:.69rem; font-weight:850; text-transform:uppercase; letter-spacing:.06em; }
.public-domain-result.taken .result-status { background:#fef2f2; color:#b91c1c; }
.public-domain-result__action { display:grid; gap:5px; justify-items:end; min-width:180px; }
.public-domain-result__action small { color:#94a3b8!important; font-size:.66rem; text-transform:uppercase; letter-spacing:.06em; font-weight:800; }
.public-domain-result__action strong { color:#0f172a; font-size:1.08rem; }
.public-suggestion-shell { margin-top:42px; }
.public-suggestion-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.public-suggestion-card { display:grid; gap:10px; padding:20px; }
.public-suggestion-card > strong { color:#0f172a; font-size:1rem; overflow-wrap:anywhere; }
.public-suggestion-card > small { color:#64748b!important; min-height:38px; }
.public-suggestion-card .btn { margin-top:6px; }
.public-domain-empty { display:grid; justify-items:center; padding:60px 20px; border:1px dashed #cbd5e1; border-radius:22px; background:#fff; text-align:center; }
.public-domain-empty__icon { width:60px; height:60px; display:grid; place-items:center; border-radius:18px; background:#ecfdfb; color:#0f8f8e; font-size:1.5rem; }
.public-domain-empty h2 { margin:17px 0 7px; color:#0f172a!important; }
.public-domain-empty p { max-width:520px; margin:0; color:#64748b; }
.public-product-hero,.public-story-hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr); gap:clamp(30px,5vw,64px); align-items:center; margin:18px 0 38px; padding:clamp(34px,5vw,62px); border:1px solid #e2e8f0; border-radius:28px; background:linear-gradient(135deg,#fff,#f5fbfb); box-shadow:0 20px 58px rgba(15,23,42,.06); }
.public-product-hero__copy > p,.public-story-hero__copy > p { max-width:720px; color:#64748b; font-size:1.05rem; line-height:1.75; }
.public-product-hero__summary,.public-story-hero__panel { padding:24px; border:1px solid #dce8f2; border-radius:20px; background:#fff; box-shadow:0 16px 38px rgba(15,23,42,.07); }
.public-product-hero__summary h2,.public-story-hero__panel h2 { margin:8px 0 20px; color:#0f172a!important; font-size:1.45rem; line-height:1.2; }
.public-product-check { display:flex; align-items:flex-start; gap:10px; padding:13px 0; border-top:1px solid #edf2f7; }
.public-product-check > i { width:24px; height:24px; flex:0 0 24px; display:grid; place-items:center; border-radius:50%; background:#ecfdf5; color:#15803d; }
.public-product-check strong,.public-product-check small { display:block; }
.public-product-check strong { color:#334155; font-size:.83rem; }
.public-product-check small { margin-top:2px; color:#94a3b8!important; font-size:.72rem; }
.public-flow-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.public-flow-grid article { padding:20px; border:1px solid #e2e8f0; border-radius:16px; background:#fff; }
.public-flow-grid article > span { display:inline-flex; margin-bottom:20px; color:#0f8f8e; font-size:.7rem; font-weight:900; letter-spacing:.08em; }
.public-flow-grid h3 { margin-bottom:7px; color:#0f172a!important; font-size:.95rem; }
.public-flow-grid p { margin:0; color:#64748b; font-size:.79rem; line-height:1.6; }
.public-pricing-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:34px; margin:18px 0 24px; padding:clamp(34px,5vw,62px); border:1px solid #dce8f2; border-radius:28px; background:linear-gradient(135deg,#ffffff,#f1fbfa 60%,#f2f6ff); box-shadow:0 20px 58px rgba(15,23,42,.06); }
.public-pricing-hero > div:first-child { max-width:840px; }
.public-pricing-hero h1 { font-size:clamp(2.4rem,5vw,4.8rem); }
.public-pricing-hero p { max-width:700px; margin:0; color:#64748b; font-size:1.03rem; line-height:1.7; }
.public-pricing-hero__actions { display:flex; gap:10px; flex-wrap:wrap; flex:0 0 auto; }
.public-anchor-nav { position:sticky; top:88px; z-index:20; display:flex; gap:7px; width:max-content; max-width:100%; margin:0 auto 42px; padding:7px; border:1px solid #e2e8f0; border-radius:14px; background:rgba(255,255,255,.94); box-shadow:0 10px 26px rgba(15,23,42,.06); backdrop-filter:blur(12px); overflow:auto; }
.public-anchor-nav a { padding:8px 11px; border-radius:9px; color:#64748b; font-size:.76rem; font-weight:800; white-space:nowrap; }
.public-anchor-nav a:hover { background:#ecfdfb; color:#0f766e; }
.public-pricing-table-shell { border-radius:18px; border:1px solid #e2e8f0; background:#fff; box-shadow:0 12px 30px rgba(15,23,42,.045); }
.public-pricing-table { min-width:860px; }
.public-pricing-table th { background:#f8fafc!important; color:#64748b!important; font-size:.7rem; letter-spacing:.05em; text-transform:uppercase; }
.public-pricing-table td { vertical-align:middle; }
.public-pricing-table td > strong,.public-pricing-table td > small { display:block; }
.public-pricing-table td > small { max-width:270px; margin-top:3px; }
.feature-chip-list { display:flex; gap:6px; flex-wrap:wrap; }
.feature-chip-list span { padding:4px 7px; border-radius:999px; background:#f1f5f9; color:#64748b; font-size:.64rem; font-weight:700; }
.public-contact-shell { display:grid; grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr); gap:clamp(32px,5vw,72px); align-items:start; margin:18px 0 54px; padding:clamp(30px,5vw,58px); border:1px solid #e2e8f0; border-radius:28px; background:linear-gradient(135deg,#fff,#f5fbfb); box-shadow:0 20px 58px rgba(15,23,42,.06); }
.public-contact-intro > p { max-width:650px; color:#64748b; font-size:1.02rem; line-height:1.75; }
.public-contact-highlights { display:grid; gap:10px; margin-top:28px; }
.public-contact-highlights > div { display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px 13px; align-items:center; padding:12px 0; border-bottom:1px solid #e8eef5; }
.public-contact-highlights .public-icon-tile { grid-row:1/3; width:38px; height:38px; flex-basis:38px; }
.public-contact-highlights strong,.public-contact-highlights small { display:block; }
.public-contact-highlights strong { color:#334155; font-size:.86rem; }
.public-contact-highlights small { color:#94a3b8!important; font-size:.74rem; line-height:1.45; }
.public-contact-channels { display:grid; gap:8px; margin-top:22px; }
.public-contact-channels a { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:center; padding:12px 14px; border:1px solid #e2e8f0; border-radius:13px; background:#fff; color:#475569; }
.public-contact-channels a > i:first-child { color:#0f8f8e; }
.public-contact-channels strong,.public-contact-channels small { display:block; }
.public-contact-channels strong { font-size:.8rem; }
.public-contact-channels small { margin-top:2px; font-size:.68rem; }
.public-contact-card { padding:26px; border:1px solid #dce8f2; border-radius:22px; background:#fff; box-shadow:0 20px 50px rgba(15,23,42,.08); }
.public-contact-card__head { margin-bottom:22px; }
.public-contact-card__head h2 { margin:9px 0 6px; color:#0f172a!important; font-size:1.7rem; }
.public-contact-card__head p { margin:0; color:#64748b; }
.public-form-grid { display:grid; gap:13px; }
.public-form-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.public-contact-form textarea { min-height:150px; }
.public-story-hero h1 { font-size:clamp(2.3rem,4.8vw,4.5rem); }
.public-legal-hero { margin:18px 0 28px; padding:clamp(32px,5vw,54px); border:1px solid #e2e8f0; border-radius:26px; background:linear-gradient(135deg,#fff,#f7fbfd); }
.public-legal-hero h1 { font-size:clamp(2.2rem,4.2vw,4rem); }
.public-legal-hero p { max-width:720px; margin:0; color:#64748b; }
.public-legal-shell { display:grid; grid-template-columns:250px minmax(0,1fr); gap:24px; align-items:start; margin-bottom:62px; }
.public-legal-nav { position:sticky; top:100px; display:grid; gap:4px; padding:16px; border:1px solid #e2e8f0; border-radius:16px; background:#fff; }
.public-legal-nav > strong { padding:6px 8px 12px; color:#0f172a; font-size:.8rem; }
.public-legal-nav a { padding:9px 10px; border-radius:9px; color:#64748b; font-size:.8rem; font-weight:700; }
.public-legal-nav a:hover,.public-legal-nav a.active { background:#ecfdfb; color:#0f766e; }
.public-legal-document { max-width:900px; padding:clamp(24px,4vw,40px); border:1px solid #e2e8f0; border-radius:20px; background:#fff; box-shadow:0 14px 34px rgba(15,23,42,.045); }
.public-legal-document__head { display:flex; justify-content:space-between; gap:20px; padding-bottom:16px; border-bottom:1px solid #edf2f7; color:#64748b; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.public-legal-document h2 { margin:28px 0 18px; color:#0f172a!important; font-size:2rem; }
.public-legal-document h3 { margin:28px 0 10px; color:#0f172a!important; font-size:1.05rem; }
.public-legal-document p { color:#64748b; line-height:1.8; }
.public-legal-notice { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; margin:0 0 25px; padding:14px; border:1px solid #fde68a; border-radius:13px; background:#fffbeb; }
.public-legal-notice > i { color:#d97706; font-size:1.1rem; }
.public-legal-notice strong { display:block; color:#92400e; font-size:.8rem; }
.public-legal-notice p { margin:3px 0 0; color:#a16207; font-size:.75rem; line-height:1.55; }
.public-auth-shell { min-height:calc(100vh - 210px); display:grid; grid-template-columns:minmax(0,1fr) minmax(400px,520px); gap:clamp(32px,6vw,86px); align-items:center; margin:18px 0 40px; padding:clamp(28px,5vw,60px); border:1px solid #e2e8f0; border-radius:28px; background:linear-gradient(135deg,#fff,#f5fbfb 58%,#f3f7ff); box-shadow:0 20px 58px rgba(15,23,42,.055); overflow:hidden; }
.public-auth-shell--compact { min-height:620px; }
.public-auth-marketing { min-width:0; }
.public-auth-mark { display:inline-flex; align-items:center; gap:11px; margin-bottom:42px; }
.public-auth-mark img { width:44px; height:44px; border-radius:13px; }
.public-auth-mark strong,.public-auth-mark small { display:block; }
.public-auth-mark strong { color:#0f172a; font-size:.95rem; }
.public-auth-mark small { color:#94a3b8!important; font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; }
.public-auth-marketing h1 { max-width:680px; font-size:clamp(2.3rem,4.8vw,4.65rem); }
.public-auth-marketing > p { max-width:650px; color:#64748b; font-size:1rem; line-height:1.75; }
.public-auth-benefits { display:flex; gap:9px; flex-wrap:wrap; margin-top:24px; }
.public-auth-benefits span { display:inline-flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid #dce8f2; border-radius:999px; background:#fff; color:#64748b; font-size:.69rem; font-weight:750; }
.public-auth-benefits i { color:#0f8f8e; }
.public-auth-card { padding:clamp(24px,4vw,34px); border:1px solid #dce8f2; border-radius:22px; background:#fff; box-shadow:0 24px 58px rgba(15,23,42,.1); }
.public-auth-card h2 { margin:10px 0 7px; color:#0f172a!important; font-size:1.65rem; }
.public-auth-card > p { margin-bottom:22px; color:#64748b; }
.public-auth-form { gap:15px; }
.public-auth-options { display:flex; align-items:center; justify-content:space-between; gap:14px; color:#64748b; font-size:.8rem; }
.public-auth-options label { margin:0; color:#64748b; font-size:.8rem; font-weight:600; }
.public-auth-card__footer { margin:20px 0 0!important; padding-top:18px; border-top:1px solid #edf2f7; color:#64748b!important; font-size:.8rem; text-align:center; }
.public-code-input { letter-spacing:.22em; font-size:1.2rem; font-weight:800; }
.public-registration-steps { display:grid; gap:8px; margin-top:26px; max-width:460px; }
.public-registration-steps span { display:flex; align-items:center; gap:10px; color:#94a3b8; font-size:.8rem; font-weight:750; }
.public-registration-steps b { width:28px; height:28px; display:grid; place-items:center; border:1px solid #dbe5ef; border-radius:50%; background:#fff; color:#64748b; font-size:.68rem; }
.public-registration-steps .active { color:#0f766e; }
.public-registration-steps .active b { border-color:#99e1db; background:#ecfdfb; color:#0f766e; }
.public-shell-body .auth-layout--onboarding { min-height:calc(100vh - 190px); margin:18px 0 42px; padding:clamp(28px,5vw,52px); border:1px solid #e2e8f0; border-radius:28px; background:linear-gradient(135deg,#fff,#f5fbfb 58%,#f3f7ff); box-shadow:0 20px 58px rgba(15,23,42,.055); }
.public-shell-body .auth-layout--onboarding .auth-marketing { padding:10px; }
.public-shell-body .auth-layout--onboarding .auth-marketing h1 { color:#0f172a!important; font-size:clamp(2.15rem,4vw,4rem); line-height:1; letter-spacing:-.05em; }
.public-shell-body .auth-layout--onboarding .auth-marketing .ca-lead { color:#64748b!important; }
.public-shell-body .auth-layout--onboarding .auth-card,.public-shell-body .auth-flow-card { border-radius:22px; box-shadow:0 24px 58px rgba(15,23,42,.1); }
.public-shell-body .auth-section-card { border-color:#e2e8f0; background:#f8fafc; }
.public-shell-body .stepper { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0; }
.public-shell-body .stepper span { padding:7px 9px; border:1px solid #e2e8f0; border-radius:999px; background:#fff; color:#94a3b8; font-size:.69rem; font-weight:750; }
.public-shell-body .stepper .is-active,.public-shell-body .stepper .is-done { background:#ecfdfb; border-color:#bcebe7; color:#0f766e; }
.public-shell-body .otp-mobile-stage { border:1px solid #e2e8f0; border-radius:28px; background:linear-gradient(135deg,#fff,#f5fbfb); box-shadow:0 20px 58px rgba(15,23,42,.055); overflow:hidden; }
.public-shell-body .otp-brand-panel { padding:clamp(24px,4vw,44px); }
.public-shell-body .otp-brand-mark { display:flex; align-items:center; gap:10px; color:#0f172a; }
.public-shell-body .otp-brand-logo { width:46px; height:46px; border-radius:13px; overflow:hidden; }
.public-shell-body .otp-stage-pill { display:inline-flex; margin-top:36px; padding:7px 10px; border-radius:999px; background:#ecfdfb; color:#0f766e; font-size:.72rem; font-weight:800; }
.public-shell-body .otp-brand-panel h1 { margin:16px 0 10px; color:#0f172a!important; font-size:clamp(2.1rem,4vw,4rem); line-height:1; letter-spacing:-.05em; }
.public-shell-body .otp-brand-panel p { color:#64748b; line-height:1.7; }
.public-shell-body .otp-progress { display:flex; gap:8px; flex-wrap:wrap; margin-top:22px; }
.public-shell-body .otp-progress span { display:inline-flex; gap:6px; align-items:center; padding:7px 9px; border:1px solid #e2e8f0; border-radius:999px; background:#fff; color:#94a3b8; font-size:.68rem; font-weight:750; }
.public-shell-body .otp-progress .is-active,.public-shell-body .otp-progress .is-done { color:#0f766e; border-color:#bcebe7; background:#ecfdfb; }
.public-shell-body .otp-phone-shell { display:grid; place-items:center; padding:24px; }
.public-shell-body .otp-phone-card { width:min(100%,520px); padding:28px; border:1px solid #dce8f2; border-radius:22px; background:#fff; }
.public-shell-body .otp-phone-top { display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.public-shell-body .otp-phone-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:12px; background:#ecfdfb; color:#0f766e; }
.public-shell-body .otp-phone-top h2 { margin:2px 0 0; color:#0f172a!important; }
.public-shell-body .otp-phone-copy { color:#64748b; }
.public-shell-body .otp-resend-form{margin-top:12px}.public-shell-body .otp-meta,.public-shell-body .otp-support-strip { display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; color:#94a3b8; font-size:.68rem; }
.public-shell-body .otp-inputs { gap:10px; margin-top:18px; }
.public-shell-body .otp-input {
width:100%; min-width:0; height:60px; padding:0!important;
appearance:none; -webkit-appearance:none;
border:1px solid #cbd5e1!important; border-radius:14px!important;
background:#f8fafc!important; color:#0f172a!important; -webkit-text-fill-color:#0f172a!important;
box-shadow:inset 0 1px 2px rgba(15,23,42,.03),0 1px 2px rgba(15,23,42,.02)!important;
text-align:center; font-size:1.45rem!important; line-height:1!important; font-weight:850!important;
letter-spacing:0!important; caret-color:#0f766e; outline:none!important;
transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}
.public-shell-body .otp-input:hover { border-color:#94a3b8!important; background:#fff!important; }
.public-shell-body .otp-input:focus {
border-color:#14b8a6!important; background:#fff!important;
box-shadow:0 0 0 4px rgba(20,184,166,.12),0 8px 20px rgba(15,118,110,.08)!important;
transform:translateY(-1px);
}
.public-shell-body .otp-input.is-filled { border-color:#5eead4!important; background:#f0fdfa!important; }
.public-shell-body .otp-inputs.is-invalid .otp-input { border-color:#ef4444!important; animation:otpInputNudge .28s ease-in-out 1; }
@keyframes otpInputNudge { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-3px)} 75%{transform:translateX(3px)} }
.public-shell-body .otp-expiry-panel {
display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center;
margin:18px 0 2px; padding:13px 14px; border:1px solid #bcebe7; border-radius:15px;
background:linear-gradient(135deg,#f0fdfa,#f8fffe); color:#0f766e;
}
.public-shell-body .otp-expiry-panel__icon { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:#ccfbf1; font-size:1rem; }
.public-shell-body .otp-expiry-panel__copy { display:grid; gap:1px; min-width:0; }
.public-shell-body .otp-expiry-panel__copy small { color:#64748b; font-size:.67rem; font-weight:750; }
.public-shell-body .otp-expiry-panel__copy strong { color:#0f172a; font-size:1.08rem; font-variant-numeric:tabular-nums; letter-spacing:.02em; }
.public-shell-body .otp-expiry-panel__status { display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:5px 9px; border-radius:999px; background:#ccfbf1; color:#0f766e; font-size:.64rem; font-weight:800; white-space:nowrap; }
.public-shell-body .otp-expiry-panel.is-expired { border-color:#fecaca; background:#fff7f7; color:#b91c1c; }
.public-shell-body .otp-expiry-panel.is-expired .otp-expiry-panel__icon,.public-shell-body .otp-expiry-panel.is-expired .otp-expiry-panel__status { background:#fee2e2; color:#b91c1c; }
.public-shell-body .otp-expiry-panel.is-expired .otp-expiry-panel__copy strong { color:#991b1b; }
.public-shell-body [data-otp-verify-button]:disabled { opacity:.56; cursor:not-allowed; box-shadow:none!important; }
@media (max-width:575.98px) {
.public-shell-body .otp-phone-shell { padding:14px; }
.public-shell-body .otp-phone-card { padding:22px 18px; }
.public-shell-body .otp-inputs { gap:7px; }
.public-shell-body .otp-input { height:52px; border-radius:12px!important; font-size:1.25rem!important; }
.public-shell-body .otp-expiry-panel { grid-template-columns:auto minmax(0,1fr); }
.public-shell-body .otp-expiry-panel__status { grid-column:1 / -1; justify-self:start; }
}
.public-shell-body .knowledgebase-public { display:block; }
.public-shell-body .knowledgebase-public__main { min-width:0; }
.public-shell-body .knowledgebase-public .knowledgebase-hero { margin:18px 0 24px; padding:clamp(30px,5vw,52px); border:1px solid #e2e8f0; border-radius:26px; background:linear-gradient(135deg,#fff,#f2fbfa); box-shadow:0 18px 50px rgba(15,23,42,.055); color:#0f172a; }
.public-shell-body .knowledgebase-public .knowledgebase-hero .workspace-hero__eyebrow { color:#0f766e!important; }
.public-shell-body .knowledgebase-public .knowledgebase-hero .workspace-hero__title { color:#0f172a!important; font-size:clamp(2.2rem,4.4vw,4.25rem); max-width:820px; }
.public-shell-body .knowledgebase-public .knowledgebase-hero .workspace-hero__copy { color:#64748b!important; max-width:760px; }
.public-shell-body .knowledgebase-search-panel { padding:20px; border-radius:18px; }
.public-shell-body .knowledgebase-search { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(210px,.65fr) auto; gap:12px; align-items:end; }
.public-shell-body .knowledgebase-category-strip { display:flex; gap:7px; flex-wrap:wrap; margin-top:14px; }
.public-shell-body .knowledgebase-category-strip a { padding:6px 9px; border:1px solid #e2e8f0; border-radius:999px; background:#fff; color:#64748b; font-size:.7rem; font-weight:750; }
.public-shell-body .knowledgebase-category-strip a.is-active,.public-shell-body .knowledgebase-category-strip a:hover { border-color:#bcebe7; background:#ecfdfb; color:#0f766e; }
.public-shell-body .knowledgebase-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); gap:22px; align-items:start; margin-top:28px; }
.public-shell-body .knowledgebase-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.public-shell-body .knowledgebase-card { min-height:180px; display:flex; flex-direction:column; padding:20px; }
.public-shell-body .knowledgebase-card__category { display:inline-flex; width:max-content; max-width:100%; padding:5px 8px; border-radius:999px; background:#ecfdfb; color:#0f766e; font-size:.64rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.public-shell-body .knowledgebase-card h3 { margin:13px 0 7px; font-size:1rem; }
.public-shell-body .knowledgebase-card h3 a { color:#0f172a; }
.public-shell-body .knowledgebase-card p { color:#64748b; font-size:.8rem; line-height:1.6; }
.public-shell-body .knowledgebase-card__link { margin-top:auto; font-size:.75rem; font-weight:800; }
.public-shell-body .knowledgebase-detail { position:sticky; top:100px; padding:24px; }
.public-shell-body .knowledgebase-detail h2 { margin:11px 0; color:#0f172a!important; }
.public-shell-body .knowledgebase-article-body { color:#64748b; line-height:1.8; }
.public-shell-body .knowledgebase-help-list { display:grid; gap:7px; margin-top:20px; }
.public-shell-body .knowledgebase-help-list a { display:flex; align-items:center; gap:9px; padding:10px 11px; border:1px solid #e2e8f0; border-radius:10px; color:#475569; }
.public-shell-body .knowledgebase-count { display:inline-flex; padding:6px 9px; border-radius:999px; background:#f1f5f9; color:#64748b; font-size:.69rem; font-weight:750; }
.public-status-hero { display:flex; align-items:center; justify-content:space-between; gap:30px; margin:18px 0 34px; padding:clamp(32px,5vw,54px); border:1px solid #e2e8f0; border-radius:26px; background:linear-gradient(135deg,#fff,#f5fbfb); }
.public-status-hero > div:first-child { max-width:800px; }
.public-status-hero h1 { font-size:clamp(2.2rem,4.3vw,4.2rem); }
.public-status-hero p { max-width:700px; margin:0; color:#64748b; }
.public-status-overall { display:flex; align-items:center; gap:12px; min-width:240px; padding:16px; border:1px solid #dce8f2; border-radius:16px; background:#fff; }
.public-status-overall > span { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; font-size:1.2rem; }
.public-status-overall.is-healthy > span { background:#ecfdf5; color:#16a34a; }
.public-status-overall.is-attention > span { background:#fff7ed; color:#d97706; }
.public-status-overall small,.public-status-overall strong { display:block; }
.public-status-overall small { color:#94a3b8!important; font-size:.65rem; }
.public-status-overall strong { color:#334155; font-size:.88rem; }
.public-status-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); gap:22px; align-items:start; }
.public-status-components { display:grid; gap:8px; }
.public-status-component { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 17px; border:1px solid #e2e8f0; border-radius:14px; background:#fff; }
.public-status-component__name { display:flex; align-items:center; gap:11px; min-width:0; }
.public-status-dot { width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:#94a3b8; }
.public-status-dot.is-healthy { background:#22c55e; box-shadow:0 0 0 5px rgba(34,197,94,.1); }
.public-status-dot.is-warning { background:#f59e0b; }
.public-status-dot.is-maintenance { background:#3b82f6; }
.public-status-dot.is-critical { background:#ef4444; }
.public-status-component strong,.public-status-component small { display:block; }
.public-status-component strong { color:#334155; font-size:.83rem; }
.public-status-component small { margin-top:2px; color:#94a3b8!important; font-size:.69rem; }
.public-status-component__state { display:grid; justify-items:end; gap:4px; }
.public-status-side { display:grid; gap:14px; }
.public-status-feed { padding:20px; border:1px solid #e2e8f0; border-radius:16px; background:#fff; }
.public-status-feed__head { display:flex; align-items:center; gap:11px; padding-bottom:14px; border-bottom:1px solid #edf2f7; }
.public-status-feed__head h2 { margin:2px 0 0; color:#0f172a!important; font-size:1rem; }
.public-status-feed article { padding:14px 0; border-bottom:1px solid #edf2f7; }
.public-status-feed article:last-of-type { border-bottom:0; }
.public-status-feed article strong,.public-status-feed article small { display:block; }
.public-status-feed article strong { color:#334155; font-size:.8rem; }
.public-status-feed article small { margin-top:3px; color:#94a3b8!important; font-size:.67rem; }
.public-status-feed article p { margin:7px 0 0; color:#64748b; font-size:.75rem; line-height:1.6; }
.public-status-empty { display:flex; align-items:center; gap:8px; margin:14px 0 0; color:#64748b; font-size:.75rem; }
.public-status-empty i { color:#16a34a; }
.public-footer { margin-top:36px; padding:54px 0 20px; border-top:1px solid #e2e8f0; background:#fff; }
.public-footer__top { display:grid; grid-template-columns:minmax(260px,1.55fr) repeat(4,minmax(130px,.8fr)); gap:30px; }
.public-footer__brand > p { max-width:380px; margin:18px 0 14px; color:#64748b; font-size:.8rem; line-height:1.7; }
.public-footer__portal { display:inline-flex; align-items:center; gap:7px; color:#0f766e; font-size:.76rem; font-weight:800; }
.public-footer__links { display:grid; align-content:start; gap:9px; }
.public-footer__links h4 { margin:5px 0 7px; color:#0f172a!important; font-size:.8rem; }
.public-footer__links a { color:#64748b; font-size:.76rem; }
.public-footer__links a:hover { color:#0f766e; }
.public-footer__legal { justify-content:space-between; align-items:center; color:#94a3b8; font-size:.7rem; }
.public-footer__legal > div { display:flex; gap:14px; flex-wrap:wrap; }
.public-footer__legal a { font-size:.7rem; }
@media (max-width: 1199.98px) {
.public-hero__grid,.public-product-hero,.public-story-hero,.public-contact-shell { grid-template-columns:1fr 420px; gap:34px; }
.public-feature-grid--4,.public-flow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.public-footer__top { grid-template-columns:1.5fr repeat(2,1fr); }
.public-footer__brand { grid-row:span 2; }
}
@media (max-width: 991.98px) {
.public-shell-body .shell-nav__inner { min-height:68px; }
.public-shell-body .navbar-collapse { background:#fff!important; }
.public-shell-body .shell-nav__menu { gap:2px; }
.public-shell-body .public-get-started { width:100%; }
.public-hero__grid,.public-product-hero,.public-story-hero,.public-contact-shell,.public-workspace-story,.public-auth-shell { grid-template-columns:1fr; }
.public-hero__visual { min-height:400px; }
.public-preview-card { width:min(100%,620px); }
.public-float-card--support { right:2%; }
.public-float-card--uptime { left:2%; }
.public-trust-bar { grid-template-columns:repeat(2,minmax(0,1fr)); }
.public-trust-bar span:nth-child(2) { border-right:0; }
.public-trust-bar span:nth-child(-n+2) { border-bottom:1px solid #edf2f7; }
.public-feature-grid--3,.public-suggestion-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.public-pricing-hero,.public-status-hero { display:block; }
.public-pricing-hero__actions,.public-status-overall { margin-top:24px; }
.public-status-layout,.public-shell-body .knowledgebase-layout { grid-template-columns:1fr; }
.public-shell-body .knowledgebase-detail { position:relative; top:auto; }
.public-shell-body .knowledgebase-search { grid-template-columns:1fr 1fr; }
.public-shell-body .knowledgebase-search .btn { grid-column:1/-1; }
.public-legal-shell { grid-template-columns:1fr; }
.public-legal-nav { position:relative; top:auto; display:flex; flex-wrap:wrap; }
.public-auth-marketing { padding:0; }
.public-auth-mark { margin-bottom:24px; }
.public-footer__top { grid-template-columns:repeat(2,minmax(0,1fr)); }
.public-footer__brand { grid-column:1/-1; grid-row:auto; }
}
@media (max-width: 767.98px) {
.public-shell-body .page-content { padding-top:14px; padding-bottom:52px; }
.public-hero,.public-product-hero,.public-story-hero,.public-search-hero,.public-contact-shell,.public-pricing-hero,.public-status-hero,.public-legal-hero,.public-auth-shell,.public-shell-body .auth-layout--onboarding,.public-shell-body .otp-mobile-stage { margin-top:10px; padding:22px; border-radius:20px; }
.public-hero__copy h1,.public-product-hero h1,.public-story-hero h1,.public-search-hero h1,.public-contact-intro h1,.public-pricing-hero h1,.public-status-hero h1,.public-legal-hero h1,.public-auth-marketing h1 { font-size:clamp(2.15rem,10vw,3.4rem); letter-spacing:-.055em; }
.public-domain-finder { grid-template-columns:1fr; padding:8px; }
.public-domain-finder .btn { width:100%; }
.public-proof-row { gap:8px 14px; }
.public-hero__visual { min-height:0; padding-top:10px; }
.public-float-card { display:none; }
.public-preview-grid { grid-template-columns:1fr 1fr; }
.public-trust-bar { margin-bottom:44px; }
.public-section { margin:50px 0; }
.public-section--tinted { margin-inline:-10px; padding:24px 10px; border-radius:20px; }
.public-section__head--split { display:block; }
.public-section__head--split > p,.public-section__head--split > .public-text-link { margin-top:12px; }
.public-feature-grid--2,.public-feature-grid--3,.public-feature-grid--4,.public-suggestion-grid,.public-faq-grid,.public-flow-grid { grid-template-columns:1fr; }
.public-feature-card--wide { grid-template-columns:auto minmax(0,1fr); }
.public-workspace-story { padding:22px; border-radius:20px; }
.public-dashboard-snapshot__stats { grid-template-columns:repeat(3,1fr); }
.public-cta-band { display:block; margin-top:52px; padding:24px; border-radius:20px; }
.public-cta-band__actions { margin-top:20px; }
.public-cta-band__actions .btn { width:100%; }
.public-domain-result { display:block; }
.public-domain-result__action { justify-items:start; margin-top:18px; }
.public-domain-result__action .btn { width:100%; }
.public-anchor-nav { top:78px; width:100%; margin-bottom:32px; justify-content:flex-start; }
.public-form-grid--2 { grid-template-columns:1fr; }
.public-status-overall { min-width:0; width:100%; }
.public-status-component { display:block; }
.public-status-component__state { justify-items:start; margin-top:10px; padding-left:20px; }
.public-shell-body .knowledgebase-search { grid-template-columns:1fr; }
.public-shell-body .knowledgebase-search .btn { grid-column:auto; }
.public-shell-body .knowledgebase-card-grid { grid-template-columns:1fr; }
.public-auth-shell { min-height:0; }
.public-auth-marketing { display:block; }
.public-auth-benefits { margin-bottom:4px; }
.public-auth-card { padding:22px; }
.public-auth-options { align-items:flex-start; flex-direction:column; gap:8px; }
.public-shell-body .otp-inputs { gap:5px; }
.public-shell-body .otp-input { height:48px; font-size:1rem; }
.public-footer { padding-top:42px; }
.public-footer__top { grid-template-columns:1fr 1fr; gap:26px 18px; }
.public-footer__legal { display:block; }
.public-footer__legal > div { margin-top:10px; }
}
@media (max-width: 520px) {
.public-preview-grid,.public-dashboard-snapshot__stats,.public-trust-bar,.public-footer__top { grid-template-columns:1fr; }
.public-trust-bar span { border-right:0!important; border-bottom:1px solid #edf2f7; }
.public-trust-bar span:last-child { border-bottom:0; }
.public-feature-card--wide { grid-template-columns:1fr; }
.public-dashboard-snapshot__stats { gap:6px; }
.public-dashboard-snapshot__row { align-items:flex-start; flex-direction:column; }
.public-footer__brand { grid-column:auto; }
.public-shell-body .otp-inputs { grid-template-columns:repeat(6,minmax(38px,1fr)); overflow:auto; }
}
/* Phase 137 — proposed-design fidelity pass Builds on the single-file design system. No legacy stylesheet is restored. */
:root {
--mid-sidebar-width: 228px;
--mid-admin-sidebar-width: 228px;
--mid-topbar-height: 64px;
--mid-canvas: #f7f9fc;
--mid-panel-2: #f8fafc;
--mid-line: #e7ebf1;
--mid-line-strong: #d9e0e9;
--mid-shadow-sm: 0 1px 2px rgba(15,23,42,.02),0 8px 22px rgba(15,23,42,.035);
--mid-shadow: 0 10px 28px rgba(15,23,42,.055);
}
html[data-theme="dark"] {
--mid-canvas: #08111f;
--mid-panel: #0d1828;
--mid-panel-2: #111e31;
--mid-line: #1e3047;
--mid-line-strong: #2a405c;
}
.client-shell-body .page-frame { padding:0; }
.client-shell-body .page-content {
width:100%;
max-width:none;
padding:0;
}
.client-app-topbar {
height:var(--mid-topbar-height);
background:color-mix(in srgb,var(--mid-panel) 97%,transparent)!important;
border-bottom:1px solid var(--mid-line);
box-shadow:none;
}
.client-app-topbar__inner {
width:100%;
height:100%;
display:grid;
grid-template-columns:minmax(210px,260px) minmax(260px,520px) minmax(280px,1fr);
align-items:center;
gap:24px;
padding:0 24px;
}
.client-app-topbar__left,.client-app-topbar__actions { display:flex;align-items:center;min-width:0; }
.client-app-topbar__left { gap:10px; }
.client-app-topbar__actions { justify-content:flex-end;gap:7px; }
.client-app-menu-toggle {
width:36px;height:36px;display:none;place-items:center;flex:0 0 36px;
border:1px solid transparent;border-radius:9px;background:transparent;color:var(--mid-ink-soft);
}
.client-app-menu-toggle:hover { background:var(--mid-panel-2);border-color:var(--mid-line); }
.client-app-brand .shell-brand__mark { width:34px;height:34px;flex-basis:34px;border-radius:9px;box-shadow:none;background:transparent; }
.client-app-brand .shell-brand__mark img { width:34px;height:34px; }
.client-app-brand strong { font-size:.98rem; }
.client-global-search,.admin-global-search {
width:100%;min-width:0;height:38px;display:flex;align-items:center;gap:9px;
padding:0 11px;border:1px solid var(--mid-line);border-radius:9px;
background:var(--mid-panel-2);color:var(--mid-muted);font-size:.8rem;
box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
}
.client-global-search:hover { border-color:var(--mid-line-strong);color:var(--mid-ink-soft);background:var(--mid-panel); }
.client-global-search span { flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.client-global-search kbd,.admin-global-search kbd {
border:1px solid var(--mid-line);border-bottom-width:2px;border-radius:5px;background:var(--mid-panel);color:var(--mid-muted);font:600 .68rem/1 Inter;padding:4px 6px;box-shadow:none;
}
.client-app-topbar .shell-icon-action,.admin-topbar-fidelity .admin-icon-action-v127,.theme-toggle--icon {
width:36px;height:36px;min-height:36px;flex:0 0 36px;padding:0!important;display:grid;place-items:center;
border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:var(--mid-ink-soft)!important;
}
.client-app-topbar .shell-icon-action:hover,.admin-topbar-fidelity .admin-icon-action-v127:hover,.theme-toggle--icon:hover { background:var(--mid-panel-2)!important;border-color:var(--mid-line)!important; }
.shell-icon-action__badge { position:absolute;top:0;right:0;min-width:15px;height:15px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--mid-panel);border-radius:999px;background:var(--mid-primary);color:#fff;font-size:.56rem;font-weight:800; }
.client-app-topbar .shell-icon-action { position:relative; }
.client-app-topbar .shell-user,.admin-topbar-fidelity .admin-account-v127 {
min-height:42px;display:flex;align-items:center;gap:9px;padding:4px 8px 4px 5px;border:1px solid transparent;border-radius:10px;color:var(--mid-ink)!important;background:transparent;
}
.client-app-topbar .shell-user:hover,.admin-topbar-fidelity .admin-account-v127:hover { background:var(--mid-panel-2);border-color:var(--mid-line); }
.client-app-topbar .shell-user__avatar,.admin-topbar-fidelity .shell-user__avatar { width:32px;height:32px;flex:0 0 32px;font-size:.8rem; }
.client-app-topbar .shell-user__meta strong,.admin-topbar-fidelity .admin-account-v127 strong { display:block;color:var(--mid-ink);font-size:.76rem;line-height:1.15;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.client-app-topbar .shell-user__meta small,.admin-topbar-fidelity .admin-account-v127 small { display:block;color:var(--mid-muted)!important;font-size:.63rem;line-height:1.2;margin-top:2px; }
.customer-shell {
min-height:calc(100vh - var(--mid-topbar-height));
display:grid;
grid-template-columns:var(--mid-sidebar-width) minmax(0,1fr);
gap:0;
align-items:stretch;
}
.customer-sidebar {
position:sticky;top:var(--mid-topbar-height);height:calc(100vh - var(--mid-topbar-height));max-height:none;
overflow:auto;padding:18px 14px 18px 18px;border:0;border-right:1px solid var(--mid-line);border-radius:0;
background:var(--mid-panel);box-shadow:none;
}
.customer-sidebar__brand-block { display:none; }
.customer-sidebar__group + .customer-sidebar__group { margin-top:17px; }
.customer-sidebar__group-label { margin:0 8px 7px;color:var(--mid-muted)!important;font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase; }
.customer-sidebar a { min-height:36px;gap:8px;padding:6px 8px;border-radius:7px;font-size:.76rem;color:var(--mid-ink-soft); }
.customer-sidebar a + a { margin-top:2px; }
.customer-sidebar a > i { width:25px;height:25px;flex-basis:25px;border-radius:6px;font-size:.72rem; }
.customer-sidebar a strong { font-size:.73rem;font-weight:650; }
.customer-sidebar a small { display:none; }
.customer-sidebar a:hover,.customer-sidebar a.active { background:rgba(14,165,164,.085);color:#087f7e; }
.customer-sidebar a:hover > i,.customer-sidebar a.active > i { background:transparent;color:var(--mid-primary-strong); }
.customer-sidebar__quick.client-help-card {
position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin:20px 0 0;padding:13px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel-2);
}
.client-help-card__icon { width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--mid-blue-soft);color:var(--mid-blue); }
.client-help-card__body strong,.client-help-card__body small { display:block; }
.client-help-card__body strong { color:var(--mid-ink);font-size:.72rem; }
.client-help-card__body small { color:var(--mid-muted)!important;font-size:.62rem; }
.customer-sidebar .client-help-card__action { grid-column:1/-1;min-height:30px!important;display:grid;place-items:center;margin:0!important;padding:5px 8px!important;background:rgba(14,165,164,.08);color:var(--mid-primary-strong);font-size:.66rem;font-weight:750; }
.customer-sidebar .client-admin-shortcut { grid-column:1/-1;min-height:30px;padding:4px 7px;font-size:.65rem; }
.client-sidebar-backdrop { display:none; }
.mid-client-workspace,.customer-main { min-width:0;padding:27px clamp(20px,3vw,34px) 48px; }
.workspace-hero {
min-height:0;overflow:visible;align-items:center;margin:0 0 20px;padding:0 0 18px;border:0;border-bottom:1px solid var(--mid-line);border-radius:0;background:transparent;box-shadow:none;
}
.workspace-hero::after { display:none; }
.workspace-hero__eyebrow { margin:0 0 5px;color:var(--mid-muted)!important;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.workspace-hero__title { font-size:1.45rem;letter-spacing:-.035em; }
.workspace-hero__copy { max-width:680px;margin-top:4px;font-size:.8rem; }
.workspace-hero__actions .btn { min-height:36px;padding:.48rem .72rem;font-size:.72rem; }
.mid-page-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px; }
.mid-page-heading h1 { margin:0;font-size:1.48rem;letter-spacing:-.04em;line-height:1.15; }
.mid-page-heading p { margin:5px 0 0;color:var(--mid-muted)!important;font-size:.76rem; }
.mid-page-heading .btn { min-height:36px;padding:.5rem .8rem;font-size:.72rem; }
.mid-dashboard-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px; }
.mid-metric-card { min-height:112px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel);box-shadow:0 2px 8px rgba(15,23,42,.018); }
.mid-metric-card > div { min-width:0; }
.mid-metric-card span:first-child { display:block;color:var(--mid-muted);font-size:.64rem;font-weight:600; }
.mid-metric-card strong { display:block;margin:6px 0 5px;color:var(--mid-ink);font-size:1.4rem;line-height:1;font-weight:780;letter-spacing:-.04em; }
.mid-metric-card strong.mid-metric-money { font-size:1.18rem; }
.mid-metric-card a { font-size:.62rem;font-weight:700;color:var(--mid-primary-strong); }
.mid-metric-card a i { margin-left:3px;font-size:.55rem; }
.mid-metric-icon { width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:9px;font-size:.9rem; }
.mid-metric-icon--blue { background:#edf5ff;color:#2681f7; }
.mid-metric-icon--teal { background:#e7f8f7;color:#0e9f9e; }
.mid-metric-icon--amber { background:#fff7e8;color:#f59e0b; }
.mid-metric-icon--green { background:#ecf9f0;color:#1fa95b; }
.mid-dashboard-primary-grid { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(260px,.8fr);gap:12px;margin-bottom:12px; }
.mid-dashboard-secondary-grid { display:grid;grid-template-columns:1.15fr .85fr;gap:12px; }
.mid-dashboard-card { min-width:0;padding:16px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel);box-shadow:0 2px 8px rgba(15,23,42,.018); }
.mid-card-head { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px; }
.mid-card-head h2 { margin:0;color:var(--mid-ink);font-size:.76rem;font-weight:750;letter-spacing:-.015em; }
.mid-card-head p { margin:3px 0 0;color:var(--mid-muted)!important;font-size:.62rem; }
.mid-card-head a,.mid-card-period { color:var(--mid-primary-strong);font-size:.6rem;font-weight:700; }
.mid-list { display:grid; }
.mid-list-row { min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--mid-line);color:var(--mid-ink-soft); }
.mid-list-row:first-child { border-top:0; }
.mid-list-row:hover { color:var(--mid-ink); }
.mid-row-icon { width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:.7rem; }
.mid-row-icon--blue { background:#edf5ff;color:#2681f7; }
.mid-row-icon--teal { background:#e7f8f7;color:#0e9f9e; }
.mid-row-icon--amber { background:#fff7e8;color:#e99607; }
.mid-row-main { min-width:0; }
.mid-row-main strong,.mid-row-main small { display:block;overflow:hidden;text-overflow:ellipsis; }
.mid-row-main strong { color:var(--mid-ink);font-size:.67rem;font-weight:700;white-space:nowrap; }
.mid-row-main small { margin-top:1px;color:var(--mid-muted)!important;font-size:.58rem;white-space:normal;line-height:1.3; }
.mid-row-date,.mid-row-amount { color:var(--mid-ink-soft);font-size:.59rem;white-space:nowrap; }
.mid-row-link { color:var(--mid-primary-strong);font-size:.59rem;font-weight:700;white-space:nowrap; }
.mid-list-row .status-pill { font-size:.54rem;padding:3px 6px; }
.mid-empty-compact { min-height:112px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--mid-muted);font-size:.67rem;text-align:center; }
.mid-empty-compact i { color:var(--mid-green); }
.mid-spend-summary span,.mid-spend-summary small { display:block;color:var(--mid-muted)!important;font-size:.62rem; }
.mid-spend-summary strong { display:block;margin:3px 0;color:var(--mid-ink);font-size:1.35rem;letter-spacing:-.04em; }
.mid-mini-chart { height:92px;display:flex;align-items:flex-end;gap:5px;margin:14px 0 10px;padding:8px 4px 0;border-bottom:1px solid var(--mid-line);background:linear-gradient(180deg,transparent,rgba(14,165,164,.025)); }
.mid-mini-chart span { flex:1;height:var(--bar);min-width:5px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#2dd4bf,#0ea5a4);opacity:.88; }
.mid-account-overview-foot { display:flex;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid var(--mid-line);font-size:.62rem; }
.mid-account-overview-foot span { color:var(--mid-muted); }
.mid-account-overview-foot strong { color:var(--mid-ink); }
.mid-domain-heading { margin:0 0 8px;padding:0 0 14px;border-bottom:1px solid var(--mid-line); }
.mid-domain-heading__top { margin-bottom:12px; }
.mid-back-link { display:inline-flex;align-items:center;gap:6px;color:var(--mid-muted);font-size:.62rem;font-weight:650; }
.mid-domain-heading__main { display:flex;align-items:flex-end;justify-content:space-between;gap:18px; }
.mid-domain-title-line { display:flex;align-items:center;gap:9px;flex-wrap:wrap; }
.mid-domain-title-line h1 { margin:0;font-size:1.35rem;letter-spacing:-.035em; }
.mid-domain-heading p { margin:5px 0 0;color:var(--mid-muted)!important;font-size:.6rem; }
.mid-domain-heading p span { margin:0 4px; }
.mid-domain-heading__actions { display:flex;align-items:center;gap:7px;flex-wrap:wrap; }
.mid-detail-tabs.md-context-nav { position:sticky;top:var(--mid-topbar-height);z-index:20;margin:0 0 14px;padding:0;border:0;border-bottom:1px solid var(--mid-line);border-radius:0;background:color-mix(in srgb,var(--mid-canvas) 94%,transparent);box-shadow:none;backdrop-filter:blur(10px); }
.mid-detail-tabs.md-context-nav a { min-height:38px;padding:10px 12px 9px;border-radius:0;border-bottom:2px solid transparent;background:transparent;color:var(--mid-muted);font-size:.61rem; }
.mid-detail-tabs.md-context-nav a:hover { color:var(--mid-primary-strong);background:transparent; }
.mid-detail-tabs.md-context-nav a:first-child { color:var(--mid-primary-strong);border-bottom-color:var(--mid-primary); }
.mid-domain-overview-layout { display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.8fr);gap:12px;align-items:start; }
.mid-domain-overview-card { min-height:245px; }
.mid-domain-health-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.mid-domain-health-grid > div { padding:12px;border:1px solid var(--mid-line);border-radius:8px;background:var(--mid-panel-2); }
.mid-domain-health-grid span,.mid-domain-health-grid strong { display:block; }
.mid-domain-health-grid span { color:var(--mid-muted);font-size:.58rem; }
.mid-domain-health-grid strong { margin-top:5px;color:var(--mid-ink);font-size:.66rem; }
.mid-domain-health-grid strong i { margin-right:4px;color:var(--mid-green);font-size:.55rem; }
.mid-domain-side-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.mid-domain-mini-card { padding:13px; }
.mid-domain-mini-card .mid-card-head { margin-bottom:9px; }
.mid-tech-list,.mid-contact-summary,.mid-quick-links { display:grid;gap:5px; }
.mid-tech-list code { padding:0;background:transparent;color:var(--mid-ink-soft);font:600 .58rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere; }
.mid-domain-date { display:block;color:var(--mid-ink);font-size:.8rem; }
.mid-contact-summary strong { color:var(--mid-ink);font-size:.64rem; }
.mid-contact-summary span { color:var(--mid-muted);font-size:.56rem;overflow-wrap:anywhere; }
.mid-quick-links a { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;color:var(--mid-ink-soft);font-size:.58rem; }
.mid-quick-links a i { color:var(--mid-muted);font-size:.5rem; }
.admin-app-v91 { grid-template-columns:var(--mid-admin-sidebar-width) minmax(0,1fr); }
.admin-sidebar {
width:var(--mid-admin-sidebar-width);padding:14px 11px;background:var(--mid-panel);border-right:1px solid var(--mid-line);color:var(--mid-ink);box-shadow:none;
}
.admin-sidebar__header { padding:2px 7px 14px; }
.admin-sidebar__brand { color:var(--mid-ink)!important; }
.admin-sidebar__brand > span { width:34px;height:34px;flex-basis:34px;border-radius:9px;background:transparent;box-shadow:none; }
.admin-sidebar__brand strong { color:var(--mid-ink);font-size:.88rem; }
.admin-sidebar__close { background:var(--mid-panel-2);color:var(--mid-ink); }
.admin-sidebar__nav { padding-right:0; }
.admin-sidebar__group { margin-bottom:8px; }
.admin-sidebar__group-toggle { min-height:27px;padding:4px 7px;color:var(--mid-muted);font-size:.56rem;letter-spacing:.08em; }
.admin-sidebar__group-toggle:hover { color:var(--mid-ink-soft);background:transparent; }
.admin-sidebar__link { min-height:34px;gap:7px;padding:5px 7px;border-radius:7px;color:var(--mid-ink-soft); }
.admin-sidebar__link:hover,.admin-sidebar__link.is-active { color:var(--mid-ink);background:rgba(14,165,164,.08); }
.admin-sidebar__link.is-active { box-shadow:none;color:#087f7e; }
.admin-sidebar__link > i { width:23px;height:23px;flex-basis:23px;color:var(--mid-muted);font-size:.68rem; }
.admin-sidebar__link:hover > i,.admin-sidebar__link.is-active > i { color:var(--mid-primary-strong); }
.admin-sidebar__link strong { font-size:.66rem;font-weight:650; }
.admin-sidebar__link small { display:none; }
.admin-sidebar__footer { padding-top:9px;border-top:1px solid var(--mid-line); }
.admin-sidebar__mini-link { padding:7px;color:var(--mid-muted);font-size:.65rem; }
.admin-sidebar__mini-link:hover { color:var(--mid-ink);background:var(--mid-panel-2); }
.admin-topbar-v91.admin-topbar-fidelity { min-height:var(--mid-topbar-height);display:grid;grid-template-columns:auto minmax(260px,520px) minmax(260px,1fr);align-items:center;padding:9px 18px;background:color-mix(in srgb,var(--mid-panel) 97%,transparent); }
.admin-global-search { justify-self:center; }
.admin-global-search i { color:var(--mid-muted); }
.admin-global-search input { flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--mid-ink)!important;padding:0!important;min-height:0!important;box-shadow:none!important;font-size:.72rem; }
.admin-global-search input::placeholder { color:var(--mid-muted)!important; }
.admin-topbar-menu-toggle { margin-right:4px; }
.admin-content-v91 { padding:24px clamp(18px,2.5vw,30px) 48px; }
.admin-module-hero{
overflow:visible;margin:0 0 18px;padding:0 0 16px;border:0;border-bottom:1px solid var(--mid-line);border-radius:0;background:transparent;color:var(--mid-ink);box-shadow:none;
}
.admin-module-hero::after{ display:none; }
.admin-module-hero h1, .admin-module-hero h2{ color:var(--mid-ink)!important; }
.admin-module-hero p{ color:var(--mid-muted)!important; }
.admin-module-hero .section-kicker{ color:var(--mid-muted)!important; }
.surface, .ca-panel, .admin-stat-card, .metric-tile, .service-row, .notification-item{
border-radius:10px!important;box-shadow:0 2px 8px rgba(15,23,42,.018)!important;
}
.surface, .ca-panel{ padding:16px!important; }
.section-title{ font-size:.82rem!important; }
.section-kicker, .panel-kicker-v67{ font-size:.58rem!important; }
.table { font-size:.68rem; }
.table > :not(caption) > * > * { padding:.68rem .72rem; }
.form-control,.form-select,.select2-container--default .select2-selection--single { min-height:38px;border-radius:8px;font-size:.72rem; }
.form-label { font-size:.65rem; }
.btn { border-radius:8px; }
.status-pill,.badge { border-radius:5px; }
@media (max-width:1199.98px) {
:root { --mid-sidebar-width:210px;--mid-admin-sidebar-width:210px; }
.client-app-topbar__inner { grid-template-columns:minmax(180px,220px) minmax(220px,420px) minmax(240px,1fr);gap:14px;padding-inline:16px; }
.mid-dashboard-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mid-dashboard-primary-grid { grid-template-columns:1fr 1fr; }
.mid-account-overview-card { grid-column:1/-1; }
.mid-domain-overview-layout { grid-template-columns:1fr; }
}
@media (max-width:991.98px) {
.client-app-topbar__inner { grid-template-columns:auto minmax(0,1fr) auto; }
.client-app-menu-toggle { display:grid; }
.client-app-brand span:last-child { display:none; }
.client-global-search { max-width:none; }
.customer-shell { display:block;min-height:calc(100vh - var(--mid-topbar-height)); }
.customer-sidebar {
position:fixed;left:0;top:var(--mid-topbar-height);bottom:0;z-index:1060;width:min(286px,88vw);height:auto;transform:translateX(-102%);transition:transform .18s ease;box-shadow:var(--mid-shadow-lg);
}
html.client-sidebar-open .customer-sidebar { transform:translateX(0); }
.client-sidebar-backdrop { position:fixed;inset:var(--mid-topbar-height) 0 0;z-index:1055;background:rgba(15,23,42,.42);backdrop-filter:blur(2px); }
html.client-sidebar-open .client-sidebar-backdrop { display:block; }
html.client-sidebar-open body { overflow:hidden; }
.mid-client-workspace,.customer-main { padding:22px 18px 80px; }
.admin-topbar-v91.admin-topbar-fidelity { grid-template-columns:auto minmax(0,1fr) auto; }
.admin-topbar-menu-toggle { display:inline-flex;align-items:center;gap:7px; }
.admin-global-search { width:100%; }
}
@media (max-width:767.98px) {
.client-app-topbar__inner { gap:6px;padding:0 10px; }
.client-global-search { height:36px;padding-inline:9px; }
.client-global-search kbd,.admin-global-search kbd { display:none; }
.client-app-topbar__actions { gap:1px; }
.client-app-topbar .shell-user__meta,.admin-topbar-fidelity .admin-account-v127 > span:not(.shell-user__avatar) { display:none; }
.client-app-topbar .shell-user { padding:3px; }
.mid-page-heading { align-items:flex-start; }
.mid-page-heading h1 { font-size:1.25rem; }
.mid-page-heading .btn { padding-inline:.65rem; }
.mid-page-heading .btn i { margin:0; }
.mid-dashboard-metrics,.mid-dashboard-primary-grid,.mid-dashboard-secondary-grid { grid-template-columns:1fr; }
.mid-account-overview-card { grid-column:auto; }
.mid-list-row { grid-template-columns:32px minmax(0,1fr) auto; }
.mid-row-date { display:none; }
.mid-list-row--invoice .mid-row-amount { display:none; }
.mid-domain-heading__main { align-items:flex-start; }
.mid-domain-side-grid,.mid-domain-health-grid { grid-template-columns:1fr; }
.mid-detail-tabs.md-context-nav { overflow:auto;white-space:nowrap; }
.admin-topbar-v91.admin-topbar-fidelity { grid-template-columns:auto minmax(0,1fr) auto;padding-inline:10px;gap:6px; }
.admin-global-search { height:36px; }
}
@media (max-width:575.98px) {
.client-app-brand { display:none; }
.client-app-topbar__inner { grid-template-columns:auto minmax(0,1fr) auto; }
.client-app-topbar .shell-icon-action:first-of-type { display:none; }
.mid-client-workspace,.customer-main { padding-inline:14px; }
.mid-page-heading { display:block; }
.mid-page-heading .btn { margin-top:12px; }
.mid-dashboard-metrics { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.mid-metric-card { min-height:104px;padding:12px; }
.mid-metric-icon { width:32px;height:32px;flex-basis:32px; }
.mid-metric-card strong { font-size:1.18rem; }
.mid-metric-card strong.mid-metric-money { font-size:.88rem; }
.mid-metric-card a { font-size:.56rem; }
.mid-domain-heading__main { display:block; }
.mid-domain-heading__actions { margin-top:10px; }
}
/* Phase 137 admin-dashboard fidelity composition. */
.mid-admin-page-heading { margin-bottom:16px; }
.mid-admin-primary-metrics .mid-metric-card { min-height:104px; }
.mid-admin-trend { display:block;margin-top:4px;color:var(--mid-green)!important;font-size:.57rem;font-weight:650;line-height:1.3; }
.mid-admin-dashboard-grid { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.72fr) minmax(250px,.62fr);gap:12px;align-items:stretch; }
.mid-admin-dashboard-grid > * { min-width:0; }
.mid-admin-revenue-panel .admin-apex-chart { min-height:255px; }
.mid-admin-status-panel { display:flex;flex-direction:column; }
.mid-system-status-list { display:grid;gap:2px; }
.mid-system-status-list > div { display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 0;border-top:1px solid var(--mid-line);font-size:.6rem; }
.mid-system-status-list > div:first-child { border-top:0; }
.mid-system-status-list > div > i { color:var(--mid-muted);text-align:center; }
.mid-system-status-list span { color:var(--mid-ink-soft); }
.mid-system-status-list strong { color:var(--mid-green);font-size:.56rem;font-weight:700;white-space:nowrap; }
.mid-system-status-list strong i { font-size:.35rem;margin-right:4px;vertical-align:middle; }
.mid-status-link { margin-top:auto;padding-top:10px;color:var(--mid-primary-strong);font-size:.59rem;font-weight:700; }
.mid-status-link i { margin-right:4px;color:var(--mid-green); }
.mid-admin-secondary-grid { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:12px; }
.mid-admin-signal-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px; }
.mid-admin-signal-grid > div { min-width:0;padding:10px;border:1px solid var(--mid-line);border-radius:8px;background:var(--mid-panel-2); }
.mid-admin-signal-grid span,.mid-admin-signal-grid strong,.mid-admin-signal-grid small { display:block;overflow-wrap:anywhere; }
.mid-admin-signal-grid span { color:var(--mid-muted);font-size:.55rem;font-weight:600; }
.mid-admin-signal-grid strong { margin:4px 0 2px;color:var(--mid-ink);font-size:.82rem; }
.mid-admin-signal-grid small { color:var(--mid-muted)!important;font-size:.51rem;line-height:1.25; }
.mid-admin-analytics-detail { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.mid-admin-analytics-detail > div { min-width:0;padding:10px;border:1px solid var(--mid-line);border-radius:8px;background:var(--mid-panel-2); }
.mid-admin-analytics-detail h3 { margin:0 0 6px;font-size:.64rem; }
.mid-admin-analytics-detail .admin-apex-chart { min-height:220px; }
@media(max-width:1299.98px){
.mid-admin-dashboard-grid { grid-template-columns:1fr 1fr; }
.mid-admin-status-panel { grid-column:1/-1; }
.mid-admin-signal-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:991.98px){
.mid-admin-dashboard-grid,.mid-admin-secondary-grid { grid-template-columns:1fr; }
.mid-admin-status-panel { grid-column:auto; }
.mid-admin-signal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mid-admin-analytics-detail { grid-template-columns:1fr; }
}
@media(max-width:575.98px){
.mid-admin-signal-grid { grid-template-columns:1fr 1fr; }
}
.mid-dashboard-legacy-nav { display:none!important; }
/* Phase 138 — client workspace fidelity completion Extends the single clean-room stylesheet. No historical CSS is reintroduced. */
.mid-page-heading--top { align-items:flex-start; }
.mid-page-kicker { margin:0 0 4px;color:var(--mid-muted);font-size:.62rem;font-weight:800;letter-spacing:.085em;text-transform:uppercase; }
.mid-page-heading__actions { display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap; }
.mid-page-heading__actions form { margin:0; }
.mid-detail-stat-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px; }
.mid-detail-stat-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mid-detail-stat-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mid-detail-stat-grid > article { min-width:0;padding:14px 16px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel);box-shadow:0 2px 8px rgba(15,23,42,.018); }
.mid-detail-stat-grid span,.mid-detail-stat-grid small { display:block;color:var(--mid-muted)!important; }
.mid-detail-stat-grid span { font-size:.62rem;font-weight:650; }
.mid-detail-stat-grid strong { display:block;margin:5px 0 3px;color:var(--mid-ink);font-size:1.15rem;font-weight:780;letter-spacing:-.035em;overflow-wrap:anywhere; }
.mid-detail-stat-grid small { font-size:.57rem;line-height:1.35; }
.mid-stat-code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem!important;letter-spacing:.08em!important; }
.mid-positive { color:var(--mid-green)!important; }
.mid-warning { color:var(--mid-amber)!important; }
.mid-service-metrics { margin-bottom:12px; }
.mid-service-panel { padding:15px; }
.mid-service-list { display:grid; }
.mid-service-row { min-width:0;display:grid;grid-template-columns:34px minmax(160px,1.45fr) minmax(90px,.65fr) minmax(100px,.8fr) minmax(90px,.7fr) auto;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid var(--mid-line); }
.mid-service-row:first-child { border-top:0; }
.mid-service-row__identity { min-width:0; }
.mid-service-row__identity strong,.mid-service-row__identity small { display:block;overflow:hidden;text-overflow:ellipsis; }
.mid-service-row__identity strong { color:var(--mid-ink);font-size:.7rem;white-space:nowrap; }
.mid-service-row__identity small { margin-top:2px;color:var(--mid-muted)!important;font-size:.58rem;white-space:normal; }
.mid-service-row__fact { min-width:0; }
.mid-service-row__fact > span { display:block;margin-bottom:3px;color:var(--mid-muted);font-size:.54rem; }
.mid-service-row__fact > strong { display:block;color:var(--mid-ink-soft);font-size:.61rem;font-weight:650;overflow-wrap:anywhere; }
.mid-service-row__fact .status-pill { display:inline-flex;font-size:.52rem; }
.mid-service-row__actions { display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap; }
.mid-service-row__actions .btn { min-height:32px;padding:.38rem .58rem;font-size:.6rem;white-space:nowrap; }
.mid-service-heading { margin:0 0 8px;padding:0 0 14px;border-bottom:1px solid var(--mid-line); }
.mid-service-heading__back { margin-bottom:10px; }
.mid-service-heading__back a { display:inline-flex;align-items:center;gap:6px;color:var(--mid-muted);font-size:.61rem;font-weight:650; }
.mid-service-heading__main { display:flex;align-items:flex-end;justify-content:space-between;gap:16px; }
.mid-service-heading__main h1 { margin:0;font-size:1.34rem;letter-spacing:-.035em; }
.mid-service-heading__main p { margin:5px 0 0;color:var(--mid-muted)!important;font-size:.6rem; }
.mid-service-heading__actions { display:flex;gap:7px;flex-wrap:wrap; }
.mid-resource-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px; }
.mid-resource-card { min-width:0;padding:13px;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel); }
.mid-resource-card__label { margin:0;color:var(--mid-muted)!important;font-size:.57rem;font-weight:650; }
.mid-resource-card__value { margin:5px 0 4px;color:var(--mid-ink);font-size:1rem;font-weight:760;letter-spacing:-.03em;overflow-wrap:anywhere; }
.mid-resource-card__note { margin:0;color:var(--mid-muted)!important;font-size:.55rem;line-height:1.35; }
.mid-detail-section { gap:12px; }
.mid-detail-section > .surface,.mid-detail-section > aside.surface,.mid-detail-section .surface { border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.018); }
.mid-support-shell { min-height:560px;display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);overflow:hidden;margin-bottom:16px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel);box-shadow:0 2px 8px rgba(15,23,42,.018); }
.mid-support-queue { min-width:0;padding:14px;border-right:1px solid var(--mid-line);background:var(--mid-panel-2); }
.mid-support-queue .mid-card-head { margin-bottom:10px; }
.mid-support-queue .mid-card-head a { width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--mid-line);border-radius:7px;background:var(--mid-panel);color:var(--mid-primary-strong);font-size:.6rem; }
.mid-support-filter { margin-bottom:10px; }
.mid-support-filter .form-control { min-height:36px;font-size:.62rem; }
.mid-ticket-feed { max-height:475px;overflow:auto;padding-right:2px; }
.mid-ticket-feed .ticket-item { display:block;margin-bottom:5px;padding:10px;border:1px solid transparent;border-radius:8px;color:var(--mid-ink-soft);background:transparent; }
.mid-ticket-feed .ticket-item:hover { background:var(--mid-panel);border-color:var(--mid-line); }
.mid-ticket-feed .ticket-item.is-active { background:var(--mid-panel);border-color:color-mix(in srgb,var(--mid-primary) 35%,var(--mid-line));box-shadow:0 2px 8px rgba(15,23,42,.025); }
.mid-ticket-feed .ticket-item__header { display:flex;align-items:flex-start;justify-content:space-between;gap:8px; }
.mid-ticket-feed h3 { margin:0;color:var(--mid-ink);font-size:.64rem;font-weight:700;line-height:1.35; }
.mid-ticket-feed p { margin:2px 0 0;color:var(--mid-muted)!important;font-size:.54rem; }
.mid-ticket-feed small { display:block;margin-top:6px;font-size:.52rem; }
.mid-ticket-feed .status-pill { flex:none;font-size:.48rem;padding:2px 5px; }
.mid-support-thread { min-width:0;display:flex;flex-direction:column;background:var(--mid-panel); }
.mid-support-thread__head { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--mid-line); }
.mid-support-thread__head h2 { margin:0;font-size:.82rem; }
.mid-support-thread__head p:not(.mid-page-kicker) { margin:4px 0 0;color:var(--mid-muted)!important;font-size:.56rem; }
.mid-support-messages { min-height:310px;max-height:420px;overflow:auto;padding:18px;background:var(--mid-panel-2); }
.mid-support-messages .chat-bubble { width:min(78%,640px);margin:0 0 10px;padding:10px 12px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel);box-shadow:none; }
.mid-support-messages .chat-bubble--client { margin-left:auto;border-color:color-mix(in srgb,var(--mid-primary) 28%,var(--mid-line));background:var(--mid-primary-soft); }
.mid-support-messages .chat-bubble__meta { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px; }
.mid-support-messages .chat-bubble__meta strong { font-size:.57rem; }
.mid-support-messages .chat-bubble__meta span { color:var(--mid-muted);font-size:.49rem; }
.mid-support-messages .chat-bubble p { margin:0;color:var(--mid-ink-soft)!important;font-size:.62rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere; }
.mid-support-thread__composer { padding:12px 14px;border-top:1px solid var(--mid-line);background:var(--mid-panel); }
.mid-reply-form { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end; }
.mid-reply-form textarea { min-height:70px;resize:vertical;font-size:.63rem; }
.mid-reply-form .btn { min-height:42px; }
.mid-reply-form .btn span { display:none; }
.mid-status-form { display:grid;grid-template-columns:auto minmax(130px,180px) auto;align-items:center;gap:8px;margin-top:8px; }
.mid-status-form label { margin:0;font-size:.56rem; }
.mid-status-form .form-select,.mid-status-form .select2-container--default .select2-selection--single { min-height:34px!important; }
.mid-status-form .btn { min-height:34px;padding:.4rem .65rem;font-size:.6rem; }
.mid-support-empty { min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center; }
.mid-support-empty--compact { min-height:210px; }
.mid-support-empty > span { width:48px;height:48px;display:grid;place-items:center;margin-bottom:12px;border-radius:50%;background:var(--mid-primary-soft);color:var(--mid-primary-strong); }
.mid-support-empty h2 { margin:0 0 5px;font-size:.82rem; }
.mid-support-empty p { max-width:400px;margin:0 0 14px;color:var(--mid-muted)!important;font-size:.62rem; }
.mid-ticket-composer { scroll-margin-top:calc(var(--mid-topbar-height) + 18px); }
.mid-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.mid-form-grid--ticket { grid-template-columns:minmax(0,1.6fr) minmax(180px,.6fr); }
.mid-form-actions { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.mid-form-actions > span { color:var(--mid-muted);font-size:.58rem; }
.mid-notification-panel { padding:15px; }
.mid-notification-list { display:grid; }
.mid-notification-row { min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:11px;padding:12px 3px;border-top:1px solid var(--mid-line); }
.mid-notification-row:first-child { border-top:0; }
.mid-notification-row.is-unread { background:linear-gradient(90deg,var(--mid-primary-soft),transparent 48%); }
.mid-notification-row__body { min-width:0; }
.mid-notification-row__title { display:flex;align-items:center;gap:7px; }
.mid-notification-row__title strong { color:var(--mid-ink);font-size:.67rem; }
.mid-notification-row__body p { margin:3px 0;color:var(--mid-ink-soft)!important;font-size:.6rem;line-height:1.45;overflow-wrap:anywhere; }
.mid-notification-row__body small { font-size:.52rem; }
.mid-unread-dot { width:6px;height:6px;flex:none;border-radius:50%;background:var(--mid-primary); }
.mid-notification-row__action .btn { min-height:30px;padding:.32rem .5rem;font-size:.55rem; }
.mid-security-grid { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:12px;align-items:start; }
.mid-security-grid > .surface { border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.018); }
.mid-session-panel { padding:15px; }
.mid-profile-workspace { grid-template-columns:minmax(210px,270px) minmax(0,1fr);gap:12px; }
.mid-profile-workspace .profile-summary-panel,.mid-profile-workspace .profile-edit-stack > .surface,.mid-profile-workspace .profile-snapshot-card { border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.018); }
.mid-profile-workspace .profile-avatar-large { width:58px;height:58px;font-size:1.1rem; }
.mid-profile-workspace .profile-summary-panel h2 { font-size:.9rem; }
.mid-profile-workspace .profile-summary-panel > p { font-size:.6rem; }
.mid-profile-workspace .profile-facts span { padding:8px 0; }
.mid-profile-workspace .profile-facts strong { font-size:.54rem; }
.mid-profile-workspace .profile-snapshot-card { padding:12px; }
.mid-profile-workspace .profile-snapshot-card span { font-size:.54rem; }
.mid-profile-workspace .profile-snapshot-card strong { font-size:.65rem; }
.mid-dns-layout { gap:12px; }
.mid-dns-layout > .surface { border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.018); }
.mid-dns-layout td.phase118-wrap { max-width:430px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.59rem;overflow-wrap:anywhere; }
.mid-service-panel .table { margin-bottom:0; }
.mid-service-panel .table th { font-size:.54rem; }
.mid-service-panel .table td { font-size:.61rem; }
.customer-main .surface,.customer-main .mid-dashboard-card { border-radius:10px; }
.customer-main .surface-head { margin-bottom:12px; }
.customer-main .section-kicker { font-size:.56rem; }
.customer-main .section-title { font-size:.8rem; }
.customer-main .section-copy { font-size:.59rem; }
@media (max-width:1199.98px) {
.mid-service-row { grid-template-columns:34px minmax(160px,1fr) repeat(2,minmax(90px,.55fr)) auto; }
.mid-service-row__fact:nth-of-type(4) { display:none; }
.mid-resource-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:991.98px) {
.mid-support-shell { grid-template-columns:1fr; }
.mid-support-queue { border-right:0;border-bottom:1px solid var(--mid-line); }
.mid-ticket-feed { max-height:240px; }
.mid-support-messages { max-height:none;min-height:280px; }
.mid-security-grid,.mid-profile-workspace { grid-template-columns:1fr; }
.mid-service-row { grid-template-columns:34px minmax(0,1fr) auto; }
.mid-service-row__fact { display:none; }
.mid-service-row__actions { grid-column:2 / -1;justify-content:flex-start; }
}
@media (max-width:767.98px) {
.mid-detail-stat-grid,.mid-detail-stat-grid--3,.mid-detail-stat-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mid-page-heading__actions { width:100%;justify-content:flex-start; }
.mid-page-heading__actions .btn,.mid-page-heading__actions form { flex:1 1 auto; }
.mid-page-heading__actions form .btn { width:100%; }
.mid-form-grid,.mid-form-grid--ticket { grid-template-columns:1fr; }
.mid-resource-grid { grid-template-columns:1fr 1fr; }
.mid-support-messages .chat-bubble { width:92%; }
.mid-reply-form { grid-template-columns:1fr; }
.mid-reply-form .btn span { display:inline; }
.mid-status-form { grid-template-columns:1fr; }
.mid-notification-row { grid-template-columns:34px minmax(0,1fr); }
.mid-notification-row__action { grid-column:2; }
.mid-service-heading__main { align-items:flex-start;flex-direction:column; }
}
@media (max-width:479.98px) {
.mid-detail-stat-grid,.mid-detail-stat-grid--3,.mid-detail-stat-grid--2,.mid-resource-grid { grid-template-columns:1fr; }
.mid-service-row { grid-template-columns:30px minmax(0,1fr);gap:8px; }
.mid-service-row__actions { grid-column:1 / -1; }
.mid-support-queue { padding:11px; }
.mid-support-thread__head,.mid-support-thread__composer { padding:11px; }
.mid-support-messages { padding:11px; }
}
/* Phase 138 — compact financial/order detail headers and balance callouts. */
.mid-balance-chip { display:grid;gap:1px;min-width:150px;padding:8px 11px;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel);text-align:right; }
.mid-balance-chip small { color:var(--mid-muted)!important;font-size:.52rem; }
.mid-balance-chip strong { color:var(--mid-ink);font-size:.72rem; }
.mid-record-heading { margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid var(--mid-line); }
.mid-record-heading > .mid-back-link { margin-bottom:10px; }
.mid-record-heading__main { display:flex;align-items:flex-end;justify-content:space-between;gap:16px; }
.mid-record-heading__main h1 { margin:0;font-size:1.34rem;letter-spacing:-.035em; }
.mid-record-heading__main p { margin:5px 0 0;color:var(--mid-muted)!important;font-size:.6rem; }
.mid-record-heading__actions { display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap; }
.mid-record-heading__actions .btn { min-height:34px;padding:.43rem .65rem;font-size:.62rem; }
.mid-record-facts { display:flex;align-items:stretch;gap:0;margin-top:12px;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel);overflow:hidden; }
.mid-record-facts > span { min-width:0;flex:1;padding:9px 12px;border-left:1px solid var(--mid-line); }
.mid-record-facts > span:first-child { border-left:0; }
.mid-record-facts small,.mid-record-facts strong { display:block;overflow-wrap:anywhere; }
.mid-record-facts small { margin-bottom:2px;color:var(--mid-muted)!important;font-size:.52rem; }
.mid-record-facts strong { color:var(--mid-ink);font-size:.64rem; }
.mid-record-layout { gap:12px; }
.mid-record-layout > .surface,.mid-record-layout .aside-stack > .surface { border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.018); }
.customer-main .transfer-layout { gap:12px; }
.customer-main .transfer-layout > .surface,.customer-main .transfer-form-panel { border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.018); }
.customer-main .metric-grid { gap:12px; }
.customer-main .metric-card { min-height:105px;padding:14px;border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.018); }
.customer-main .metric-card > span { font-size:.58rem; }
.customer-main .metric-card > strong { font-size:1.05rem; }
.customer-main .summary-list > div { padding:9px 0; }
.customer-main .summary-list span { font-size:.56rem; }
.customer-main .summary-list strong { font-size:.64rem; }
@media (max-width:767.98px) {
.mid-record-heading__main { align-items:flex-start;flex-direction:column; }
.mid-record-heading__actions { width:100%;justify-content:flex-start; }
.mid-record-facts { display:grid;grid-template-columns:1fr 1fr; }
.mid-record-facts > span { border-left:0;border-top:1px solid var(--mid-line); }
.mid-record-facts > span:first-child,.mid-record-facts > span:nth-child(2) { border-top:0; }
.mid-balance-chip { width:100%;text-align:left; }
}
@media (max-width:479.98px) {
.mid-record-facts { grid-template-columns:1fr; }
.mid-record-facts > span:nth-child(2) { border-top:1px solid var(--mid-line); }
}
.mid-metric-period { margin-top:7px!important;font-size:.68rem!important;line-height:1.25!important; }
.mid-statement-filter { padding:13px 15px; }
.mid-statement-filter .form-label { font-size:.58rem; }
.mid-statement-filter .form-control { min-height:36px;font-size:.62rem; }
.mid-statement-filter .btn { min-height:36px;font-size:.62rem; }
/* Phase 139 — cross-device, accessibility and interaction certification Continues the single-file Makeitdomain design system. */
.mid-skip-link {
position:fixed;
z-index:5000;
top:10px;
left:10px;
transform:translateY(-160%);
padding:9px 13px;
border:1px solid var(--mid-primary);
border-radius:8px;
background:var(--mid-panel);
color:var(--mid-primary-strong);
box-shadow:var(--mid-shadow);
font-size:.75rem;
font-weight:750;
transition:transform .16s ease;
}
.mid-skip-link:focus { transform:translateY(0); }
#mainContent:focus { outline:none; }
:where(a,button,input,select,textarea,[tabindex]:not([tabindex="-1"]),.select2-selection):focus-visible {
outline:3px solid color-mix(in srgb,var(--mid-primary) 42%,transparent)!important;
outline-offset:2px!important;
box-shadow:0 0 0 1px var(--mid-panel),0 0 0 4px color-mix(in srgb,var(--mid-primary) 22%,transparent)!important;
}
:where(.btn,.shell-icon-action,.theme-toggle--icon,.admin-icon-action-v127,.admin-sidebar__link,.customer-sidebar a):focus-visible {
border-color:var(--mid-primary)!important;
}
[aria-current="page"] { text-decoration:none; }
:where(code,pre,.font-monospace,.text-break,[data-technical-value],.admin-readable-table td,.mid-tech-list code) {
overflow-wrap:anywhere;
word-break:break-word;
}
pre { max-width:100%;overflow:auto;white-space:pre-wrap; }
img,svg,canvas,video,iframe { max-width:100%; }
.dropdown-menu,.profile-dropdown,.shell-nav__dropdown {
max-width:min(420px,calc(100vw - 24px));
max-height:min(72vh,620px);
overflow:auto;
overscroll-behavior:contain;
}
.modal { padding-inline:10px!important; }
.modal-dialog { width:auto;max-width:min(720px,calc(100vw - 20px));margin-inline:auto; }
.modal-dialog.modal-lg { max-width:min(920px,calc(100vw - 20px)); }
.modal-dialog.modal-xl { max-width:min(1180px,calc(100vw - 20px)); }
.modal-content { max-height:calc(100dvh - 30px);overflow:hidden; }
.modal-body { overflow:auto;overscroll-behavior:contain; }
.offcanvas { max-width:min(92vw,420px); }
.client-mobile-dock-v127 { display:none; }
@media (max-width:767.98px) {
.client-mobile-dock-v127 {
position:fixed;
z-index:1045;
left:max(10px,env(safe-area-inset-left));
right:max(10px,env(safe-area-inset-right));
bottom:max(10px,env(safe-area-inset-bottom));
min-height:62px;
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:4px;
padding:7px;
border:1px solid var(--mid-line);
border-radius:16px;
background:color-mix(in srgb,var(--mid-panel) 94%,transparent);
box-shadow:0 14px 38px rgba(15,23,42,.16);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
}
.client-mobile-dock-v127 a {
min-width:0;
min-height:47px;
display:grid;
place-items:center;
align-content:center;
gap:3px;
padding:5px 2px;
border-radius:9px;
color:var(--mid-muted);
font-size:.58rem;
font-weight:700;
line-height:1.1;
text-align:center;
}
.client-mobile-dock-v127 a i { font-size:.95rem; }
.client-mobile-dock-v127 a:hover,.client-mobile-dock-v127 a.active,.client-mobile-dock-v127 a[aria-current="page"] {
color:var(--mid-primary-strong);
background:var(--mid-primary-soft);
}
.client-shell-body .mid-client-workspace,.client-shell-body .customer-main { padding-bottom:calc(94px + env(safe-area-inset-bottom)); }
}
@media (min-width:1200px) and (max-width:1439.98px) {
:root { --mid-sidebar-width:214px;--mid-admin-sidebar-width:214px; }
.client-app-topbar__inner { grid-template-columns:minmax(190px,220px) minmax(230px,430px) minmax(250px,1fr);gap:14px;padding-inline:16px; }
.client-app-topbar .shell-user__meta strong,.admin-topbar-fidelity .admin-account-v127 strong { max-width:116px; }
.mid-client-workspace,.customer-main { padding-inline:24px; }
.admin-content-v91 { padding-inline:24px; }
.admin-topbar-v91.admin-topbar-fidelity { grid-template-columns:auto minmax(230px,430px) minmax(240px,1fr);gap:10px;padding-inline:14px; }
.mid-admin-dashboard-grid { grid-template-columns:minmax(0,1.15fr) minmax(240px,.72fr) minmax(220px,.62fr); }
}
@media (max-width:991.98px) {
.client-app-topbar,.admin-topbar-v91.admin-topbar-fidelity { position:sticky;top:0;z-index:1048; }
.client-app-topbar__inner { min-width:0; }
.client-global-search,.admin-global-search { min-width:0; }
.client-app-menu-toggle,.admin-topbar-menu-toggle { min-width:44px;min-height:44px; }
.customer-sidebar,.admin-sidebar { overscroll-behavior:contain; }
.customer-sidebar { padding-bottom:calc(18px + env(safe-area-inset-bottom)); }
.admin-sidebar { padding-bottom:calc(14px + env(safe-area-inset-bottom)); }
.mid-page-heading,.mid-service-heading__main,.mid-domain-heading__main { gap:12px; }
.mid-service-row { grid-template-columns:34px minmax(150px,1fr) minmax(100px,.65fr) auto; }
.mid-service-row__fact:nth-of-type(n+3) { display:none; }
}
@media (max-width:767.98px) {
body { min-width:320px; }
.client-app-topbar,.admin-topbar-v91.admin-topbar-fidelity { min-height:58px; }
.client-app-topbar__inner { min-height:58px; }
.client-global-search span { font-size:.68rem; }
.client-app-topbar .shell-icon-action,.theme-toggle--icon,.admin-topbar-fidelity .admin-icon-action-v127 { width:42px;height:42px;min-height:42px;flex-basis:42px; }
.client-app-topbar .shell-user,.admin-topbar-fidelity .admin-account-v127 { min-height:42px; }
.mid-page-heading__actions,.mid-domain-heading__actions,.mid-service-heading__actions { width:100%;display:flex;flex-wrap:wrap;gap:7px; }
.mid-page-heading__actions .btn,.mid-domain-heading__actions .btn,.mid-service-heading__actions .btn { flex:1 1 auto;min-width:min(160px,100%); }
.mid-detail-tabs.md-context-nav,.md-context-nav { scrollbar-width:none;scroll-snap-type:x proximity; }
.mid-detail-tabs.md-context-nav::-webkit-scrollbar,.md-context-nav::-webkit-scrollbar { display:none; }
.mid-detail-tabs.md-context-nav a,.md-context-nav a { scroll-snap-align:start;min-height:40px;display:inline-flex;align-items:center; }
.table-responsive.keep-table-mobile,.table-shell.keep-table-mobile { max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch; }
.mid-responsive-table td,table[data-mobile-cards="true"] td { grid-template-columns:minmax(90px,34%) minmax(0,1fr); }
.mid-support-shell { min-height:0;display:block;overflow:visible; }
.mid-support-queue { border-right:0;border-bottom:1px solid var(--mid-line); }
.mid-ticket-feed { max-height:300px; }
.mid-support-messages { max-height:46vh; }
.mid-support-messages .chat-bubble { width:92%; }
.mid-reply-form,.mid-status-form,.mid-form-grid,.mid-form-grid--ticket { grid-template-columns:1fr; }
.mid-reply-form .btn,.mid-status-form .btn { width:100%; }
.modal-dialog { margin-top:max(8px,env(safe-area-inset-top));margin-bottom:max(8px,env(safe-area-inset-bottom)); }
.modal-content { max-height:calc(100dvh - max(16px,env(safe-area-inset-top) + env(safe-area-inset-bottom))); }
}
@media (max-width:479.98px) {
.client-global-search { padding-inline:8px; }
.client-global-search span { max-width:105px; }
.admin-global-search input::placeholder { font-size:0; }
.admin-global-search input::placeholder { color:transparent!important; }
.mid-dashboard-metrics { grid-template-columns:1fr 1fr; }
.mid-service-row { grid-template-columns:30px minmax(0,1fr) auto;gap:8px; }
.mid-service-row__fact { display:none!important; }
.mid-service-row__actions .btn { width:auto;min-width:0; }
.dropdown-menu,.profile-dropdown,.shell-nav__dropdown { max-width:calc(100vw - 16px); }
}
html[data-theme="dark"] .client-app-topbar,
html[data-theme="dark"] .admin-topbar-v91.admin-topbar-fidelity,
html[data-theme="dark"] .client-mobile-dock-v127 { background:color-mix(in srgb,var(--mid-panel) 95%,transparent)!important; }
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .offcanvas { background:var(--mid-panel);border-color:var(--mid-line);color:var(--mid-ink); }
html[data-theme="dark"] .dropdown-item { color:var(--mid-ink-soft); }
html[data-theme="dark"] .dropdown-item:hover,html[data-theme="dark"] .dropdown-item:focus { background:var(--mid-panel-2);color:var(--mid-ink); }
@media (prefers-reduced-motion: reduce) {
html:focus-within { scroll-behavior:auto!important; }
*,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important; }
}
@media (forced-colors: active) {
.btn,.status-pill,.badge,.customer-sidebar a,.admin-sidebar__link,.client-mobile-dock-v127 a { border:1px solid ButtonText; }
:where(a,button,input,select,textarea):focus-visible { outline:2px solid Highlight!important;box-shadow:none!important; }
}
@media print {
.client-mobile-dock-v127,.mid-skip-link { display:none!important; }
}
.customer-sidebar__group-label,.admin-sidebar__group-toggle,
.mid-page-kicker,.mid-detail-stat-grid span,.mid-detail-stat-grid small,
.mid-resource-card__label,.mid-resource-card__note,
.mid-service-row__identity small,.mid-service-row__fact > span,.mid-service-row__fact > strong,
.mid-ticket-feed p,.mid-ticket-feed small,.mid-ticket-feed .status-pill,
.mid-support-messages .chat-bubble__meta strong,.mid-support-messages .chat-bubble__meta span,
.mid-notification-row__body small,.mid-unread-dot + span,
.mid-admin-trend,.status-pill,.badge {
font-size:max(.625rem,10px)!important;
}
.mid-ticket-feed h3,.mid-notification-row__title strong,.mid-service-row__identity strong { font-size:max(.6875rem,11px)!important; }
/* Phase 140 — production visual polish Final spacing, readability, density and component alignment pass. Continues the single-file Makeitdomain design system. */
:root {
--mid-reading-xs: .6875rem;   
--mid-reading-sm: .75rem;     
--mid-reading-md: .8125rem;   
--mid-reading-lg: .875rem;    
--mid-section-gap: 16px;
}
.customer-sidebar__group-label,
.admin-sidebar__group-toggle,
.mid-page-kicker,
.section-kicker,
.panel-kicker-v67,
.mid-detail-stat-grid span,
.mid-detail-stat-grid small,
.mid-resource-card__label,
.mid-resource-card__note,
.mid-service-row__identity small,
.mid-service-row__fact > span,
.mid-service-row__fact > strong,
.mid-ticket-feed p,
.mid-ticket-feed small,
.mid-ticket-feed .status-pill,
.mid-support-messages .chat-bubble__meta strong,
.mid-support-messages .chat-bubble__meta span,
.mid-notification-row__body small,
.mid-unread-dot + span,
.mid-admin-trend,
.mid-status-link,
.mid-system-status-list > div,
.mid-system-status-list strong,
.mid-admin-signal-grid span,
.mid-admin-signal-grid small,
.status-pill,
.badge,
.form-label,
.mid-card-period,
.mid-record-facts small,
.mid-record-facts strong,
.mid-balance-chip small,
.mid-balance-chip strong{
font-size: var(--mid-reading-xs)!important;
line-height: 1.35!important;
}
.customer-sidebar a,
.customer-sidebar a strong,
.admin-sidebar__link,
.admin-sidebar__link strong,
.admin-sidebar__mini-link,
.client-help-card__body strong,
.client-help-card__body small,
.mid-metric-card span:first-child,
.mid-metric-card a,
.mid-page-heading p,
.table,
.admin-readable-table,
.form-control,
.form-select,
.select2-container--default .select2-selection--single,
.client-global-search,
.admin-global-search input,
.mid-row-main small,
.mid-row-date,
.mid-row-link{
font-size: var(--mid-reading-sm)!important;
line-height: 1.4!important;
}
.mid-row-main strong,
.mid-card-head h2,
.section-title,
.mid-ticket-feed h3,
.mid-notification-row__title strong,
.mid-service-row__identity strong{
font-size: var(--mid-reading-md)!important;
line-height: 1.35!important;
}
.client-app-topbar,
.admin-topbar-v91.admin-topbar-fidelity,
.public-app-topbar {
border-bottom: 1px solid var(--mid-line)!important;
box-shadow: 0 1px 0 rgba(15,23,42,.015)!important;
}
.client-app-topbar__inner {
max-width: 1680px;
margin-inline: auto;
}
.client-app-topbar__actions,
.admin-topbar-v127__actions {
min-width: 0;
gap: 8px;
}
.client-app-topbar .shell-user,
.admin-topbar-fidelity .admin-account-v127 {
max-width: 230px;
}
.client-global-search,
.admin-global-search {
border-color: var(--mid-line-strong);
background: var(--mid-panel);
}
.client-global-search:focus-within,
.admin-global-search:focus-within {
border-color: color-mix(in srgb,var(--mid-primary) 48%,var(--mid-line));
box-shadow: 0 0 0 3px color-mix(in srgb,var(--mid-primary) 10%,transparent);
}
.customer-sidebar,
.admin-sidebar {
scrollbar-width: thin;
scrollbar-color: var(--mid-line-strong) transparent;
}
.customer-sidebar__group + .customer-sidebar__group { margin-top: 20px; }
.customer-sidebar__group-label { margin-bottom: 8px; }
.customer-sidebar a { min-height: 40px;padding: 7px 9px; }
.customer-sidebar a > i { width: 27px;height: 27px;flex-basis: 27px; }
.admin-sidebar__group { margin-bottom: 11px; }
.admin-sidebar__group-toggle { min-height: 30px;padding: 5px 8px; }
.admin-sidebar__link { min-height: 39px;padding: 7px 8px; }
.admin-sidebar__link > i { width: 26px;height: 26px;flex-basis: 26px; }
.customer-sidebar a.active,
.admin-sidebar__link.is-active {
box-shadow: inset 3px 0 0 var(--mid-primary);
}
.mid-client-workspace,
.customer-main,
.admin-content-v91 { container-type: inline-size; }
.mid-page-heading,
.mid-record-heading,
.admin-module-hero{ margin-bottom: 22px; }
.mid-page-heading h1{ font-size: clamp(1.45rem,1.5vw,1.75rem)!important; }
.mid-page-heading p{ max-width: 760px; }
.mid-dashboard-metrics,
.mid-admin-primary-metrics { align-items: stretch; }
.mid-metric-card,
.mid-admin-metric-card {
height: 100%;
min-height: 122px;
padding: 17px;
border-color: var(--mid-line);
}
.mid-metric-card > div { display:flex;flex-direction:column;align-items:flex-start;height:100%; }
.mid-metric-card strong { margin: 7px 0 8px; }
.mid-metric-card a { margin-top:auto; }
.mid-metric-icon { width: 40px;height: 40px;flex-basis: 40px; }
.mid-dashboard-card,
.surface,
.ca-panel{
border-color: var(--mid-line)!important;
}
.mid-dashboard-card { padding: 17px; }
.mid-card-head { min-height: 34px;margin-bottom: 10px; }
.mid-card-head > * { min-width:0; }
.mid-card-head a { white-space:nowrap; }
.mid-list-row {
min-height: 52px;
padding-block: 9px;
align-items: center;
}
.mid-row-main { min-width:0; }
.mid-row-main strong,
.mid-row-main small { overflow:hidden;text-overflow:ellipsis; }
.mid-row-main strong { white-space:nowrap; }
.mid-row-main small { white-space:normal; }
.mid-row-amount { white-space:nowrap; }
.table-responsive{
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel);
}
.table,
.admin-readable-table{ margin-bottom:0!important; }
.table thead th,
.admin-readable-table thead th{
background:var(--mid-panel-2)!important;
color:var(--mid-muted)!important;
font-size:var(--mid-reading-xs)!important;
font-weight:750!important;
letter-spacing:.035em;
text-transform:uppercase;
white-space:nowrap;
}
.table tbody td,
.admin-readable-table tbody td{
vertical-align:middle;
color:var(--mid-ink-soft)!important;
}
.table tbody tr:hover td,
.admin-readable-table tbody tr:hover td{ background:color-mix(in srgb,var(--mid-primary-soft) 50%,transparent)!important; }
.form-control,
.form-select,
.select2-container--default .select2-selection--single {
min-height: 42px;
border-color: var(--mid-line-strong)!important;
background: var(--mid-panel)!important;
}
textarea.form-control { min-height: 112px; }
.form-control::placeholder { color:var(--mid-muted-2)!important;opacity:1; }
.form-control:focus,
.form-select:focus,
.select2-container--focus .select2-selection,
.select2-container--open .select2-selection {
border-color:var(--mid-primary)!important;
box-shadow:0 0 0 3px color-mix(in srgb,var(--mid-primary) 10%,transparent)!important;
}
.form-stack { gap:14px; }
.public-shell-body .page-content { padding-top: 32px; }
.public-shell-body .brand-lead,
.public-shell-body .public-page-copy,
.public-shell-body .section-copy { max-width: 720px; }
.public-shell-body .premium-plan,
.public-shell-body .surface,
.public-shell-body .ca-panel { height:100%; }
.public-shell-body .premium-plan { display:flex;flex-direction:column; }
.public-shell-body .premium-plan .btn,
.public-shell-body .premium-plan form { margin-top:auto; }
.public-app-topbar .shell-nav__inner { min-height:68px; }
.public-app-topbar .shell-link { min-height:40px;display:inline-flex;align-items:center; }
.dropdown-menu { padding:7px; }
.dropdown-item { min-height:38px;display:flex;align-items:center;border-radius:7px; }
.profile-dropdown__header { padding:10px; }
.modal-header,.modal-footer { padding:14px 16px; }
.modal-body { padding:16px; }
html[data-theme="dark"] .table-responsive,
html[data-theme="dark"] .client-global-search,
html[data-theme="dark"] .admin-global-search,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .select2-container--default .select2-selection--single{
background:var(--mid-panel)!important;
border-color:var(--mid-line)!important;
color:var(--mid-ink)!important;
}
html[data-theme="dark"] .table tbody tr:hover td,
html[data-theme="dark"] .admin-readable-table tbody tr:hover td{
background:rgba(14,165,164,.07)!important;
}
@media (min-width:1280px) and (max-width:1439.98px) {
.mid-dashboard-primary-grid { grid-template-columns:minmax(0,1.08fr) minmax(0,.95fr) minmax(245px,.78fr); }
.mid-admin-dashboard-grid { grid-template-columns:minmax(0,1.12fr) minmax(235px,.72fr) minmax(220px,.64fr); }
.mid-dashboard-card { padding:15px; }
.mid-metric-card { padding:15px; }
}
@media (max-width:991.98px) {
.mid-dashboard-primary-grid,
.mid-dashboard-secondary-grid,
.mid-admin-dashboard-grid,
.mid-admin-secondary-grid { grid-template-columns:1fr!important; }
.mid-account-overview-card { grid-column:auto; }
.mid-page-heading { align-items:flex-start; }
.mid-page-heading > :last-child { flex-shrink:0; }
.dropdown-menu { max-width:calc(100vw - 20px); }
}
@media (max-width:575.98px) {
.mid-dashboard-metrics { grid-template-columns:1fr 1fr; }
.mid-metric-card { min-height:118px;padding:13px; }
.mid-metric-card strong { font-size:1.22rem; }
.mid-metric-card strong.mid-metric-money { font-size:1rem; }
.mid-page-heading .btn { width:100%; }
.mid-card-head { align-items:flex-start; }
.mid-card-head a,.mid-card-period { flex:none; }
.table-responsive { border-radius:8px; }
.modal { padding-inline:5px!important; }
.modal-dialog { max-width:calc(100vw - 10px); }
}
@media (max-width:389.98px) {
.mid-dashboard-metrics { grid-template-columns:1fr; }
.client-mobile-dock-v127 { left:6px;right:6px;bottom:max(6px,env(safe-area-inset-bottom)); }
.client-mobile-dock-v127 a { font-size:.625rem; }
}
/* Phase 140 — public-site completion and CTA icon fidelity Continues the single-file Makeitdomain design system. */
.public-shell-body .btn {
display:inline-flex;
align-items:center;
justify-content:center;
gap:.42rem;
}
.public-shell-body .btn > i {
flex:0 0 auto;
font-size:1.02em;
line-height:1;
}
.public-shell-body .btn-lg > i { font-size:1.08em; }
.public-shell-body .btn-sm > i { font-size:.95em; }
.public-shell-body .public-hero-actions,
.public-shell-body .public-pricing-hero__actions,
.public-shell-body .public-cta-band__actions { align-items:center; }
.public-shell-body #publicResourcesDropdown + .shell-nav__dropdown {
min-width:min(430px,calc(100vw - 28px));
}
.public-shell-body .shell-nav__dropdown .menu-group-label {
padding:.55rem .75rem .35rem;
color:#94a3b8;
font-size:.65rem;
font-weight:850;
letter-spacing:.09em;
text-transform:uppercase;
}
.public-story-hero--about .public-story-hero__panel { background:linear-gradient(180deg,#f8fffe,#f5f9ff); }
.public-story-hero--affiliate .public-story-hero__panel { background:linear-gradient(180deg,#f7fffc,#f8fbff); }
.public-story-hero--reseller .public-story-hero__panel { background:linear-gradient(180deg,#f8fbff,#f8fffd); }
.public-story-hero--marketplace .public-story-hero__panel { background:linear-gradient(180deg,#f8fbff,#fbfdff); }
.public-story-hero--api .public-story-hero__panel { background:linear-gradient(180deg,#f7fbff,#f5fffe); }
.public-story-hero--maintenance { border-color:#f7d9a5; background:linear-gradient(180deg,#fff,#fffbf2); }
.public-story-hero--maintenance .public-story-hero__panel { border-color:#f7dfb7; background:#fffdf8; }
.public-simple-detail { scroll-margin-top:96px; }
.public-program-steps { margin-top:58px; }
.public-api-preview__grid {
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
gap:18px;
align-items:stretch;
}
.public-api-code-card {
min-width:0;
border:1px solid #d8e4ef;
border-radius:18px;
background:#0f172a;
box-shadow:0 18px 40px rgba(15,23,42,.12);
overflow:hidden;
}
.public-api-code-card__head {
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:13px 16px;
border-bottom:1px solid rgba(255,255,255,.09);
color:#dbeafe;
font-size:.75rem;
font-weight:750;
}
.public-api-code-card__head span { display:flex; align-items:center; gap:8px; }
.public-api-code-card__head em {
padding:4px 7px;
border-radius:999px;
background:rgba(45,212,191,.12);
color:#99f6e4;
font-size:.62rem;
font-style:normal;
letter-spacing:.07em;
}
.public-api-code-card pre {
margin:0;
padding:22px;
max-width:100%;
overflow:auto;
color:#dbeafe;
background:transparent;
font-size:.79rem;
line-height:1.7;
}
.public-api-code-card code { color:inherit; }
.public-support-hero {
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
gap:clamp(28px,5vw,64px);
align-items:center;
margin:18px 0 36px;
padding:clamp(34px,5vw,58px);
border:1px solid #dce8f2;
border-radius:28px;
background:linear-gradient(135deg,#fff 0%,#f4fbfb 60%,#f5f8ff 100%);
box-shadow:0 18px 48px rgba(15,23,42,.055);
}
.public-support-hero__copy h1 {
max-width:780px;
margin:15px 0 16px;
color:#0f172a!important;
font-size:clamp(2.45rem,5vw,4.8rem);
line-height:.98;
letter-spacing:-.055em;
font-weight:850;
text-wrap:balance;
}
.public-support-hero__copy > p {
max-width:700px;
margin:0;
color:#64748b;
font-size:1rem;
line-height:1.75;
}
.public-support-hero__copy .public-hero-actions { margin-top:24px; }
.public-support-hero__panel {
padding:24px;
border:1px solid #dce8f2;
border-radius:20px;
background:#fff;
box-shadow:0 14px 34px rgba(15,23,42,.055);
}
.public-support-hero__panel h2 {
margin:10px 0 18px;
color:#0f172a!important;
font-size:1.35rem;
line-height:1.25;
}
.public-support-stat-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
.public-support-stat-grid > div {
min-width:0;
padding:13px;
border:1px solid #edf2f7;
border-radius:12px;
background:#f8fafc;
}
.public-support-stat-grid strong,
.public-support-stat-grid small { display:block; }
.public-support-stat-grid strong { color:#0f172a; font-size:1rem; }
.public-support-stat-grid small { margin-top:3px; color:#94a3b8!important; font-size:.65rem; line-height:1.35; }
.public-legal-nav a {
display:flex;
align-items:center;
gap:9px;
}
.public-legal-nav a i { width:18px; color:#0f8f8e; text-align:center; }
.public-domain-search-cta,
.public-hosting-cta,
.public-contact-cta,
.public-policy-cta,
.public-status-cta { margin-top:64px; }
.public-contact-card .public-contact-form .btn {
min-height:50px;
margin-top:2px;
}
.public-contact-channels a {
transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.public-contact-channels a:hover {
transform:translateY(-2px);
border-color:#bfe8e4;
box-shadow:0 14px 28px rgba(15,23,42,.06);
}
.public-footer__links a { line-height:1.45; }
@media (max-width: 991.98px) {
.public-support-hero,
.public-api-preview__grid { grid-template-columns:1fr; }
.public-shell-body #publicResourcesDropdown + .shell-nav__dropdown { min-width:0; width:100%; }
.public-support-hero__panel { max-width:none; }
}
@media (max-width: 767.98px) {
.public-support-hero { margin-top:10px; padding:22px; border-radius:20px; }
.public-support-hero__copy h1 { font-size:clamp(2.15rem,10vw,3.4rem); }
.public-support-stat-grid { grid-template-columns:1fr; }
.public-api-code-card pre { padding:18px; font-size:.74rem; }
.public-shell-body .public-hero-actions .btn,
.public-shell-body .public-pricing-hero__actions .btn { width:100%; }
}
@media (max-width: 479.98px) {
.public-shell-body .btn { white-space:normal; text-align:center; }
.public-support-hero__panel { padding:19px; }
}
/* Phase 141 — public search, CTA, password toggle and back-to-top refinements */
.ui-back-to-top {
position: fixed;
right: max(18px, env(safe-area-inset-right));
bottom: calc(18px + env(safe-area-inset-bottom));
z-index: 1090;
width: 48px;
height: 48px;
min-height: 48px;
padding: 0;
border: 0;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--mid-primary), var(--mid-blue));
color: #fff;
box-shadow: 0 18px 34px rgba(14, 165, 164, .28);
opacity: 0;
visibility: hidden;
transform: translateY(12px);
transition: opacity .18s ease, visibility .18s ease, transform .18s ease, box-shadow .18s ease;
}
.ui-back-to-top:hover { transform: translateY(10px); box-shadow: 0 22px 38px rgba(14,165,164,.34); }
.ui-back-to-top:focus-visible { box-shadow: 0 0 0 4px rgba(14,165,164,.22), 0 18px 34px rgba(14,165,164,.28); }
.ui-back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.ui-back-to-top i { font-size: 1rem; line-height: 1; }
.input-group-password,
.secret-toggle-wrap {
position: relative;
display: flex;
align-items: stretch;
}
.input-group-password > .form-control,
.secret-toggle-wrap > .form-control,
.secret-toggle-wrap > input,
.input-group-password > input {
padding-right: 3.25rem !important;
}
.password-toggle-btn,
.secret-toggle-btn {
position: absolute;
top: 50%;
right: .6rem;
transform: translateY(-50%);
width: 2.15rem;
height: 2.15rem;
min-height: 2.15rem;
border: 0;
border-radius: .7rem;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
background: rgba(14, 165, 164, .10);
color: var(--mid-primary-strong);
box-shadow: none;
}
.password-toggle-btn:hover,
.secret-toggle-btn:hover { background: rgba(14, 165, 164, .16); color: var(--mid-primary-strong); transform: translateY(-50%); }
.password-toggle-btn:focus-visible,
.secret-toggle-btn:focus-visible { box-shadow: var(--mid-focus); }
.password-toggle-btn i,
.secret-toggle-btn i { font-size: .9rem; line-height: 1; }
.public-login-link {
display: inline-flex;
align-items: center;
gap: .45rem;
}
.public-login-link i { color: var(--mid-primary-strong); font-size: 1rem; }
.public-home-domain-results-section {
margin-top: 18px;
padding-top: 0;
}
.public-home-domain-results-section[hidden] { display: none !important; }
.public-home-domain-results-section .public-domain-results {
max-width: 1120px;
margin: 0 auto;
}
.public-search-hero--compact {
margin-bottom: 18px;
padding-block: clamp(24px, 4vw, 34px);
}
.public-search-hero--compact .public-search-hero__copy {
margin-bottom: 18px;
}
.public-search-hero--compact h1 {
font-size: clamp(2.1rem, 4vw, 3.25rem);
}
.public-domain-results-section--active {
margin-top: 18px;
}
.public-domain-results {
display: grid;
gap: 22px;
}
.public-domain-finder__results {
margin-top: 0;
}
.domain-result-card,
.public-domain-result {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(200px, 250px);
gap: 24px;
align-items: center;
padding: 24px;
border: 1px solid #dbe6ee;
border-radius: 22px;
background: linear-gradient(180deg, #fff, #f9fcfc);
box-shadow: 0 18px 42px rgba(15, 23, 42, .05);
}
.domain-result-card.available,
.public-domain-result.available { border-color: #bae6d5; background: linear-gradient(180deg, #ffffff, #f4fffb); }
.domain-result-card.taken,
.public-domain-result.taken { border-color: #fecaca; background: linear-gradient(180deg, #fff, #fff8f8); }
.domain-result-card h2,
.public-domain-result h2 {
margin: .5rem 0 .35rem;
color: #0f172a;
font-size: clamp(1.5rem, 3vw, 2.2rem);
line-height: 1.08;
overflow-wrap: anywhere;
}
.domain-result-card p,
.public-domain-result p { margin: 0; color: #64748b; font-size: 1rem; line-height: 1.65; }
.domain-result-card .result-status,
.public-domain-result .result-status {
display: inline-flex;
align-items: center;
gap: .35rem;
padding: .38rem .72rem;
border-radius: 999px;
background: #ecfdf5;
color: #15803d;
font-size: .72rem;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
.domain-result-card.taken .result-status,
.public-domain-result.taken .result-status { background: #fef2f2; color: #b91c1c; }
.result-action,
.public-domain-result__action {
display: grid;
gap: .45rem;
justify-items: end;
align-content: center;
padding: 1rem 1.1rem;
border-radius: 18px;
background: rgba(255, 255, 255, .92);
border: 1px solid #e2e8f0;
}
.result-action small,
.public-domain-result__action small {
color: #64748b !important;
font-size: .72rem;
font-weight: 800;
letter-spacing: .06em;
text-transform: uppercase;
}
.result-action strong,
.public-domain-result__action strong {
color: #0f172a;
font-size: 1.12rem;
line-height: 1.2;
}
.result-action .btn,
.public-domain-result__action .btn { min-width: 100%; }
.domain-suggestion-shell__head h3,
.public-suggestion-shell h3 { margin: .35rem 0 0; color: #0f172a; font-size: clamp(1.4rem, 2vw, 1.8rem); }
.domain-suggestion-shell__head p,
.public-suggestion-shell .public-section__head p { color: #64748b; }
.suggestion-grid,
.public-suggestion-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.suggestion-card,
.public-suggestion-card {
display: grid;
gap: 10px;
align-content: start;
padding: 20px;
border: 1px solid #dbe6ee;
border-radius: 18px;
background: #fff;
box-shadow: 0 12px 30px rgba(15, 23, 42, .04);
}
.suggestion-card strong,
.public-suggestion-card strong {
color: #0f172a;
font-size: 1.02rem;
line-height: 1.35;
overflow-wrap: anywhere;
}
.suggestion-card span,
.public-suggestion-card small,
.suggestion-card__meta span {
color: #64748b;
font-size: .92rem;
}
.suggestion-card__meta {
display: flex;
align-items: center;
gap: .5rem;
min-height: 1.4rem;
}
.suggestion-card button,
.public-suggestion-card .btn {
width: 100%;
margin-top: 4px;
}
.domain-lookup-loading {
display: grid;
gap: 12px;
padding: 22px;
border-radius: 18px;
border: 1px solid #dbe6ee;
background: #fff;
}
.domain-lookup-loading .skeleton-line {
display: block;
height: 14px;
border-radius: 999px;
background: linear-gradient(90deg, #edf2f7 0%, #f8fbfd 50%, #edf2f7 100%);
background-size: 200% 100%;
animation: mid-skeleton 1.35s ease infinite;
}
.domain-lookup-loading .skeleton-line--short { width: 54%; }
@keyframes mid-skeleton {
0% { background-position: 180% 0; }
100% { background-position: -20% 0; }
}
@media (max-width: 991.98px) {
.ui-back-to-top { bottom: calc(88px + env(safe-area-inset-bottom)); }
.domain-result-card,
.public-domain-result,
.public-search-hero--compact .public-domain-result { grid-template-columns: 1fr; }
.result-action,
.public-domain-result__action { justify-items: start; }
.suggestion-grid,
.public-suggestion-grid { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
.ui-back-to-top { right: 14px; width: 44px; height: 44px; }
.password-toggle-btn,
.secret-toggle-btn { right: .45rem; width: 2rem; height: 2rem; min-height: 2rem; }
.public-home-domain-results-section { margin-top: 14px; }
.public-search-hero--compact { padding: 20px; }
.domain-result-card,
.public-domain-result,
.suggestion-card,
.public-suggestion-card { padding: 18px; border-radius: 16px; }
}

/* Phase 246 — complete-registration onboarding workspace recovery. */
.onboarding-setup-page {
    width: min(1220px, calc(100% - 32px));
    margin: clamp(22px, 3vw, 42px) auto 72px;
    color: var(--mid-ink);
}

.onboarding-setup-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    padding: clamp(24px, 3.4vw, 44px);
    border: 1px solid color-mix(in srgb, var(--mid-primary) 20%, var(--mid-line));
    border-radius: 28px;
    background:
        radial-gradient(circle at 92% 8%, rgba(59,130,246,.14), transparent 32%),
        radial-gradient(circle at 8% 100%, rgba(14,165,164,.13), transparent 38%),
        linear-gradient(135deg, var(--mid-panel), color-mix(in srgb, var(--mid-primary-soft) 48%, var(--mid-panel)));
    box-shadow: 0 26px 70px rgba(15,23,42,.08);
}

.onboarding-setup-hero::after {
    content: "";
    position: absolute;
    right: -72px;
    bottom: -86px;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(14,165,164,.16);
    border-radius: 50%;
    pointer-events: none;
}

.onboarding-setup-hero__brand,
.onboarding-setup-hero__copy,
.onboarding-profile-card__header,
.onboarding-submit-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.onboarding-setup-hero__brand {
    position: relative;
    z-index: 1;
    margin-bottom: clamp(28px, 4vw, 48px);
}

.onboarding-setup-logo {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--mid-ink) !important;
}

.onboarding-setup-logo > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    overflow: hidden;
    border-radius: 13px;
    box-shadow: 0 12px 26px rgba(14,165,164,.22);
}

.onboarding-setup-logo strong { font-size: 1rem; letter-spacing: -.02em; }

.onboarding-setup-badge,
.onboarding-step-count,
.onboarding-service-chips span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--mid-line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--mid-panel) 88%, transparent);
    color: var(--mid-ink-soft);
    font-size: .78rem;
    font-weight: 750;
}

.onboarding-setup-badge { min-height: 36px; padding: 7px 13px; }
.onboarding-setup-badge i { color: var(--mid-primary-strong); font-size: 1rem; }

.onboarding-setup-hero__copy {
    position: relative;
    z-index: 1;
    align-items: flex-end;
}

.onboarding-setup-hero__copy > div:first-child { max-width: 720px; }
.onboarding-setup-hero .section-kicker,
.onboarding-profile-card .section-kicker,
.onboarding-summary-kicker {
    display: block;
    margin-bottom: 9px;
    color: var(--mid-primary-strong);
    font-size: .73rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.onboarding-setup-hero h1 {
    max-width: 680px;
    margin: 0 0 14px;
    font-size: clamp(2.2rem, 4vw, 4.15rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.onboarding-setup-hero__copy > div:first-child > p {
    max-width: 680px;
    margin: 0;
    color: var(--mid-muted);
    font-size: clamp(.98rem, 1.5vw, 1.08rem);
}

.onboarding-setup-progress {
    width: min(100%, 390px);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 7px;
    border: 1px solid var(--mid-line);
    border-radius: 18px;
    background: color-mix(in srgb, var(--mid-panel) 90%, transparent);
    box-shadow: var(--mid-shadow-sm);
}

.onboarding-setup-progress > div {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px;
    border-radius: 12px;
}

.onboarding-setup-progress > div > span {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    flex: 0 0 29px;
    border-radius: 50%;
    background: var(--mid-panel-2);
    color: var(--mid-muted);
    font-size: .76rem;
    font-weight: 800;
}

.onboarding-setup-progress > div > div { display: grid; min-width: 0; }
.onboarding-setup-progress strong { color: var(--mid-ink); font-size: .77rem; line-height: 1.2; }
.onboarding-setup-progress small { color: var(--mid-muted); font-size: .65rem; line-height: 1.25; }
.onboarding-setup-progress .is-done > span { background: var(--mid-green-soft); color: var(--mid-green); }
.onboarding-setup-progress .is-active { background: var(--mid-primary-soft); }
.onboarding-setup-progress .is-active > span { background: var(--mid-primary); color: #fff; }

.onboarding-setup-grid {
    display: grid;
    grid-template-columns: minmax(270px, 330px) minmax(0, 1fr);
    align-items: start;
    gap: 24px;
}

.onboarding-setup-aside { display: grid; gap: 16px; }
.onboarding-setup-summary-card,
.onboarding-privacy-card,
.onboarding-profile-card {
    border: 1px solid var(--mid-line);
    background: var(--mid-panel);
    box-shadow: var(--mid-shadow-sm);
}

.onboarding-setup-summary-card {
    position: sticky;
    top: calc(var(--mid-topbar-height) + 20px);
    padding: 26px;
    border-radius: 22px;
}

.onboarding-setup-summary-card h2 { margin: 0 0 10px; font-size: 1.45rem; line-height: 1.15; }
.onboarding-setup-summary-card > p { margin: 0; color: var(--mid-muted); font-size: .9rem; }
.onboarding-summary-list { display: grid; gap: 5px; margin: 24px 0; }
.onboarding-summary-list > div { display: flex; align-items: flex-start; gap: 11px; padding: 11px 0; border-bottom: 1px solid var(--mid-line); }
.onboarding-summary-list > div:last-child { border-bottom: 0; }
.onboarding-summary-list__icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    border-radius: 10px;
    background: var(--mid-primary-soft);
    color: var(--mid-primary-strong);
    font-size: 1.05rem;
}
.onboarding-summary-list > div > div { display: grid; min-width: 0; }
.onboarding-summary-list strong { color: var(--mid-ink); font-size: .86rem; }
.onboarding-summary-list small { color: var(--mid-muted); font-size: .75rem; line-height: 1.4; }
.onboarding-service-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.onboarding-service-chips span { padding: 6px 9px; font-size: .68rem; }
.onboarding-service-chips i { color: var(--mid-primary-strong); }

.onboarding-privacy-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 18px;
    border-radius: 18px;
    background: color-mix(in srgb, var(--mid-blue-soft) 48%, var(--mid-panel));
}
.onboarding-privacy-card > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    border-radius: 10px;
    background: var(--mid-panel);
    color: var(--mid-blue);
}
.onboarding-privacy-card strong { color: var(--mid-ink); font-size: .82rem; }
.onboarding-privacy-card p { margin: 3px 0 0; color: var(--mid-muted); font-size: .73rem; line-height: 1.45; }

.onboarding-profile-card { overflow: hidden; border-radius: 24px; box-shadow: 0 22px 56px rgba(15,23,42,.075); }
.onboarding-profile-card__header { padding: 26px 30px; border-bottom: 1px solid var(--mid-line); background: var(--mid-panel-2); }
.onboarding-profile-card__header h2 { margin: 0 0 5px; font-size: clamp(1.65rem, 2.5vw, 2.15rem); }
.onboarding-profile-card__header p { margin: 0; color: var(--mid-muted); font-size: .84rem; }
.onboarding-step-count { flex: 0 0 auto; min-height: 34px; padding: 7px 12px; color: var(--mid-primary-strong); }
.required-mark { color: var(--mid-red); }
.onboarding-form-alert { margin: 22px 30px 0; border-radius: 14px; }
.onboarding-form-alert__title { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; }

.onboarding-profile-form { gap: 0; }
.onboarding-form-section {
    min-width: 0;
    margin: 0;
    padding: 30px;
    border: 0;
    border-bottom: 1px solid var(--mid-line);
}
.onboarding-form-section__heading {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0;
    float: none;
}
.onboarding-form-section__icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    border-radius: 12px;
    background: var(--mid-primary-soft);
    color: var(--mid-primary-strong);
    font-size: 1.15rem;
}
.onboarding-form-section__title { display: grid; gap: 1px; }
.onboarding-form-section__title small { color: var(--mid-primary-strong); font-size: .68rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.onboarding-form-section__title strong { color: var(--mid-ink); font-size: 1.08rem; letter-spacing: -.015em; }
.onboarding-form-section__help { margin: 10px 0 22px 52px; color: var(--mid-muted); font-size: .83rem; }

.onboarding-field-grid { display: grid; align-items: start; gap: 18px; }
.onboarding-field-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.onboarding-field-grid--12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.onboarding-span-4 { grid-column: span 4; }
.onboarding-span-6 { grid-column: span 6; }
.onboarding-span-8 { grid-column: span 8; }
.onboarding-field { min-width: 0; }
.onboarding-field .form-label { display: block; margin-bottom: 7px; color: var(--mid-ink-soft); font-size: .78rem; font-weight: 750; }
.onboarding-field :is(.form-control,.form-select),
.onboarding-field .select2-selection--single {
    min-height: 46px;
    border-color: var(--mid-line-strong);
    border-radius: 11px;
    background: var(--mid-panel);
    color: var(--mid-ink);
    box-shadow: none;
}
.onboarding-field :is(.form-control,.form-select) { padding: 10px 13px; }
.onboarding-field :is(.form-control,.form-select):focus {
    border-color: var(--mid-primary);
    box-shadow: var(--mid-focus);
}
.onboarding-field .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px; padding-left: 13px; color: var(--mid-ink); }
.onboarding-field .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; right: 7px; }
.onboarding-field-hint { display: block; margin-top: 6px; color: var(--mid-muted); font-size: .71rem; }

.onboarding-phone-control { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.onboarding-phone-verify-btn { min-height: 46px; white-space: nowrap; }
.onboarding-phone-status { display: flex; align-items: flex-start; gap: 7px; margin-top: 7px; color: var(--mid-muted); font-size: .71rem; line-height: 1.4; }
.onboarding-phone-status.is-verified { color: var(--mid-green); }
.onboarding-phone-code-panel {
    margin-top: 12px;
    padding: 15px;
    border: 1px solid color-mix(in srgb, var(--mid-primary) 24%, var(--mid-line));
    border-radius: 14px;
    background: var(--mid-primary-soft);
}
.onboarding-phone-code-panel__head,
.onboarding-phone-code-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.onboarding-phone-code-panel__head > div { display: grid; }
.onboarding-phone-code-panel__head strong { font-size: .82rem; }
.onboarding-phone-code-panel__head small { color: var(--mid-muted); font-size: .69rem; }
.onboarding-phone-code-panel__head > span { color: var(--mid-primary-strong); font-size: .75rem; font-weight: 800; }
.onboarding-phone-code-inputs { display: grid; grid-template-columns: repeat(6, minmax(0, 42px)); gap: 7px; margin: 14px 0; }
.onboarding-phone-code-inputs input { width: 100%; height: 42px; border: 1px solid var(--mid-line-strong); border-radius: 9px; background: var(--mid-panel); color: var(--mid-ink); text-align: center; font-size: 1rem; font-weight: 800; }
.onboarding-phone-code-feedback { min-height: 1.2em; margin-top: 8px; color: var(--mid-muted); font-size: .72rem; }

.onboarding-submit-bar {
    position: sticky;
    z-index: 4;
    bottom: 0;
    padding: 20px 30px;
    background: color-mix(in srgb, var(--mid-panel) 94%, transparent);
    box-shadow: 0 -12px 32px rgba(15,23,42,.055);
    backdrop-filter: blur(14px);
}
.onboarding-submit-bar__copy { display: flex; align-items: center; gap: 10px; }
.onboarding-submit-bar__copy > i { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 38px; border-radius: 11px; background: var(--mid-green-soft); color: var(--mid-green); font-size: 1.1rem; }
.onboarding-submit-bar__copy span { display: grid; }
.onboarding-submit-bar__copy strong { color: var(--mid-ink); font-size: .82rem; }
.onboarding-submit-bar__copy small { color: var(--mid-muted); font-size: .72rem; }
.onboarding-submit-bar > .btn { min-height: 44px; padding-inline: 18px; white-space: nowrap; }

@media (max-width: 991.98px) {
    .onboarding-setup-page { width: min(100% - 24px, 860px); margin-top: 18px; }
    .onboarding-setup-hero__copy { display: grid; align-items: stretch; }
    .onboarding-setup-progress { width: 100%; max-width: none; }
    .onboarding-setup-grid { grid-template-columns: minmax(0, 1fr); }
    .onboarding-setup-aside { grid-template-columns: minmax(0, 1.4fr) minmax(240px, .8fr); }
    .onboarding-setup-summary-card { position: static; }
}

@media (max-width: 767.98px) {
    .onboarding-setup-page { width: min(100% - 20px, 680px); margin-bottom: 48px; }
    .onboarding-setup-hero { padding: 22px; border-radius: 22px; }
    .onboarding-setup-hero__brand { margin-bottom: 30px; }
    .onboarding-setup-hero h1 { font-size: clamp(2rem, 10vw, 3rem); }
    .onboarding-setup-aside { grid-template-columns: minmax(0, 1fr); }
    .onboarding-profile-card { border-radius: 20px; }
    .onboarding-profile-card__header { align-items: flex-start; padding: 22px; }
    .onboarding-form-section { padding: 24px 22px; }
    .onboarding-form-section__help { margin-left: 0; }
    .onboarding-field-grid--2,
    .onboarding-field-grid--12 { grid-template-columns: minmax(0, 1fr); }
    .onboarding-span-4,
    .onboarding-span-6,
    .onboarding-span-8 { grid-column: auto; }
    .onboarding-submit-bar { position: static; align-items: stretch; padding: 20px 22px; }
}

@media (max-width: 575.98px) {
    .onboarding-setup-hero__brand,
    .onboarding-profile-card__header,
    .onboarding-submit-bar { align-items: stretch; flex-direction: column; }
    .onboarding-setup-badge { align-self: flex-start; }
    .onboarding-setup-progress { grid-template-columns: minmax(0, 1fr); }
    .onboarding-setup-progress > div { padding: 8px 10px; }
    .onboarding-setup-summary-card { padding: 22px; }
    .onboarding-phone-control { grid-template-columns: minmax(0, 1fr); }
    .onboarding-phone-verify-btn { width: 100%; }
    .onboarding-phone-code-inputs { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .onboarding-phone-code-actions { align-items: stretch; flex-direction: column; }
    .onboarding-phone-code-actions .btn,
    .onboarding-submit-bar > .btn { width: 100%; }
}

html[data-theme="dark"] .onboarding-setup-hero {
    background:
        radial-gradient(circle at 92% 8%, rgba(59,130,246,.15), transparent 32%),
        radial-gradient(circle at 8% 100%, rgba(14,165,164,.13), transparent 38%),
        linear-gradient(135deg, var(--mid-panel), var(--mid-panel-2));
    box-shadow: 0 26px 70px rgba(0,0,0,.24);
}
/* Phase 142 — client workspace polish + domain suggestion product cards */
.client-shell-body {
--mid-sidebar-width: 236px;
--mid-topbar-height: 64px;
}
.client-app-topbar {
min-height: var(--mid-topbar-height);
background: color-mix(in srgb, var(--mid-panel) 98%, transparent)!important;
backdrop-filter: blur(18px);
}
.client-app-topbar__inner {
min-height: var(--mid-topbar-height);
grid-template-columns: minmax(210px, 250px) minmax(280px, 620px) minmax(320px, 1fr);
gap: 18px;
padding: 0 22px;
}
.client-app-brand .shell-brand__mark { width: 36px;height: 36px;flex-basis: 36px;border-radius: 10px; }
.client-app-brand strong { font-size: .92rem; }
.client-global-search {
min-height: 40px;
border-radius: 10px;
padding: 0 12px;
background: var(--mid-panel-2);
border: 1px solid var(--mid-line);
}
.client-global-search span { font-size: .74rem; }
.client-global-search kbd {
min-width: 24px;
padding: 2px 6px;
border-radius: 6px;
border: 1px solid var(--mid-line);
background: var(--mid-panel);
color: var(--mid-muted);
box-shadow: none;
}
.client-app-topbar .shell-icon-action,
.client-app-topbar .theme-toggle--icon {
width: 38px;
height: 38px;
min-height: 38px;
flex-basis: 38px;
border-radius: 10px;
border: 1px solid transparent!important;
background: transparent!important;
}
.client-app-topbar .shell-icon-action:hover,
.client-app-topbar .theme-toggle--icon:hover {
background: var(--mid-panel-2)!important;
border-color: var(--mid-line)!important;
}
.client-app-topbar .shell-icon-action--primary {
background: var(--mid-primary)!important;
color: #fff!important;
}
.client-app-topbar .shell-icon-action--primary:hover {
background: var(--mid-primary-strong)!important;
border-color: var(--mid-primary-strong)!important;
color: #fff!important;
}
.client-app-topbar .shell-user {
min-height: 42px;
padding: 4px 7px 4px 5px;
border-radius: 12px;
}
.customer-shell {
grid-template-columns: var(--mid-sidebar-width) minmax(0, 1fr);
background: var(--mid-bg);
}
.customer-sidebar {
top: var(--mid-topbar-height);
height: calc(100vh - var(--mid-topbar-height));
max-height: calc(100vh - var(--mid-topbar-height));
display: flex;
flex-direction: column;
padding: 16px 12px;
background: #fbfdff;
border-right: 1px solid var(--mid-line);
border-radius: 0;
box-shadow: none;
}
.customer-sidebar__nav {
flex: 1 1 auto;
overflow: auto;
padding-right: 2px;
}
.customer-sidebar__group + .customer-sidebar__group { margin-top: 18px; }
.customer-sidebar__group-label {
margin: 0 9px 7px;
font-size: .64rem!important;
letter-spacing: .08em;
color: #94a3b8!important;
}
.customer-sidebar a {
position: relative;
min-height: 39px;
gap: 9px;
padding: 6px 9px;
border-radius: 9px;
color: #475569;
}
.customer-sidebar a::before {
content: '';
position: absolute;
left: 0;
top: 8px;
bottom: 8px;
width: 3px;
border-radius: 999px;
background: transparent;
}
.customer-sidebar a > i {
width: 27px;
height: 27px;
flex-basis: 27px;
border-radius: 8px;
font-size: .74rem;
}
.customer-sidebar a strong { font-size: .75rem!important; font-weight: 650; }
.customer-sidebar a:hover { background: #f0fdfa; color: #0f766e; }
.customer-sidebar a.active,
.customer-sidebar a[aria-current="page"] {
background: #ecfdf8;
color: #0f766e;
box-shadow: none;
}
.customer-sidebar a.active::before,
.customer-sidebar a[aria-current="page"]::before { background: var(--mid-primary); }
.customer-sidebar a.active > i,
.customer-sidebar a[aria-current="page"] > i { color: #0f766e; background: #dff8f3; }
.customer-sidebar__quick.client-help-card {
flex: 0 0 auto;
margin-top: 14px;
padding: 12px;
border: 1px solid #ccefe8;
border-radius: 12px;
background: linear-gradient(180deg, #f7fffd, #effcf9);
}
.client-help-card__icon {
width: 34px;
height: 34px;
border-radius: 10px;
display: grid;
place-items: center;
background: #dff8f3;
color: #0f766e;
}
.client-help-card__body strong { font-size: .74rem; }
.client-help-card__body small { color: #64748b!important; font-size: .65rem; }
.customer-sidebar .client-help-card__action {
gap: 6px;
border-radius: 8px;
background: #fff;
border: 1px solid #ccefe8;
}
.customer-sidebar .client-help-card__action i { width: auto;height: auto;background: none;color: #0f766e; }
.mid-client-workspace,
.customer-main {
width: min(100%, 1500px);
margin-inline: auto;
padding: 24px clamp(20px, 2.4vw, 34px) 68px;
}
.mid-page-heading {
min-height: 54px;
align-items: flex-start;
gap: 16px;
}
.mid-page-heading h1 { margin-bottom: 4px; letter-spacing: -.04em; }
.mid-page-heading p { margin-bottom: 0; color: #64748b; }
.mid-dashboard-metrics { gap: 14px; margin-bottom: 18px; }
.mid-metric-card {
min-height: 126px;
padding: 17px;
border-radius: 12px;
transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.mid-metric-card:hover {
transform: translateY(-1px);
border-color: #cbdde5;
box-shadow: 0 10px 26px rgba(15,23,42,.04);
}
.mid-metric-icon {
width: 42px;
height: 42px;
flex-basis: 42px;
border-radius: 11px;
}
.mid-dashboard-primary-grid,
.mid-dashboard-secondary-grid { gap: 14px; }
.mid-dashboard-card {
border-radius: 12px;
padding: 18px;
box-shadow: 0 4px 16px rgba(15,23,42,.022)!important;
}
.mid-card-head {
padding-bottom: 11px;
margin-bottom: 2px;
border-bottom: 1px solid var(--mid-line);
}
.mid-card-head h2 { font-size: .82rem!important; }
.mid-list-row {
border-bottom: 1px solid #eef2f6;
border-radius: 0;
padding-inline: 2px;
}
.mid-list-row:last-child { border-bottom: 0; }
.mid-list-row:hover { background: #f8fbfd; }
.mid-row-icon { border-radius: 9px; }
.mid-row-link { color: var(--mid-primary-strong); font-weight: 700; }
.mid-empty-compact {
min-height: 92px;
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
color: #64748b;
text-align: center;
}
.public-suggestion-grid,
.suggestion-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.suggestion-card,
.public-suggestion-card {
min-width: 0;
display: flex;
flex-direction: column;
gap: 14px;
padding: 18px;
border: 1px solid #dbe6ee;
border-radius: 16px;
background: #fff;
box-shadow: 0 8px 24px rgba(15,23,42,.035);
transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.suggestion-card:hover,
.public-suggestion-card:hover {
transform: translateY(-2px);
border-color: #b9ddd8;
box-shadow: 0 16px 34px rgba(15,23,42,.065);
}
.suggestion-card__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.suggestion-card__icon {
width: 36px;
height: 36px;
flex: 0 0 36px;
display: grid;
place-items: center;
border-radius: 10px;
background: #eefcf9;
color: #0f8c87;
}
.suggestion-card__availability {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 5px 8px;
border-radius: 999px;
background: #ecfdf5;
color: #15803d!important;
font-size: .68rem!important;
font-weight: 800;
line-height: 1;
}
.suggestion-card__availability i { font-size: .66rem; }
.suggestion-card__body { min-width: 0; }
.suggestion-card__body strong {
display: block;
color: #0f172a;
font-size: 1rem!important;
line-height: 1.35;
overflow-wrap: anywhere;
}
.suggestion-card__body small {
display: block;
margin-top: 5px;
min-height: 0!important;
color: #64748b!important;
font-size: .78rem!important;
line-height: 1.45;
}
.suggestion-card__footer {
display: grid;
grid-template-columns: minmax(0,1fr) auto;
align-items: center;
gap: 10px;
margin-top: auto;
padding-top: 12px;
border-top: 1px solid #eef2f6;
}
.suggestion-card__price {
color: #0f172a!important;
font-size: .88rem!important;
font-weight: 800;
white-space: nowrap;
}
.suggestion-card__footer .btn {
width: auto!important;
min-height: 36px;
margin: 0!important;
padding: .5rem .72rem;
white-space: nowrap;
border-color: #cfe4e0!important;
background: #f4fbfa!important;
color: #0f766e!important;
}
.suggestion-card__footer .btn:hover {
background: #e7f8f5!important;
border-color: #a7d8d1!important;
}
@media (max-width: 1279.98px) {
.client-app-topbar__inner { grid-template-columns: minmax(180px,220px) minmax(220px,1fr) auto; }
.public-suggestion-grid,.suggestion-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 991.98px) {
.client-app-topbar__inner { grid-template-columns: auto minmax(0,1fr) auto; padding-inline: 12px; }
.customer-sidebar { top: var(--mid-topbar-height); height: calc(100vh - var(--mid-topbar-height)); max-height: none; border-right: 1px solid var(--mid-line); }
.mid-client-workspace,.customer-main { width: 100%; padding: 20px 16px 92px; }
}
@media (max-width: 767.98px) {
.public-suggestion-grid,.suggestion-grid { grid-template-columns: 1fr; }
.suggestion-card__footer { grid-template-columns: 1fr auto; }
.client-app-topbar .shell-icon-action--primary { display:none; }
}
@media (max-width: 479.98px) {
.suggestion-card__footer { grid-template-columns: 1fr; }
.suggestion-card__footer .btn { width:100%!important; }
.client-mobile-dock-v127 { border-radius: 14px; }
}
html[data-theme="dark"] .customer-sidebar { background: color-mix(in srgb, var(--mid-panel) 97%, #07111d); }
html[data-theme="dark"] .customer-sidebar a:hover,
html[data-theme="dark"] .customer-sidebar a.active,
html[data-theme="dark"] .customer-sidebar a[aria-current="page"] { background: rgba(14,165,164,.12); color: #7dd3cf; }
html[data-theme="dark"] .customer-sidebar__quick.client-help-card { background: rgba(14,165,164,.08); border-color: rgba(45,212,191,.20); }
html[data-theme="dark"] .suggestion-card,
html[data-theme="dark"] .public-suggestion-card { background: var(--mid-panel); border-color: var(--mid-line); }
html[data-theme="dark"] .suggestion-card__body strong,
html[data-theme="dark"] .suggestion-card__price { color: var(--mid-ink)!important; }
html[data-theme="dark"] .suggestion-card__footer { border-top-color: var(--mid-line); }
/* Phase 143 — VettiGuard integration UI */
.mid-vettiguard {
grid-column: 1 / -1;
width: 100%;
display: grid;
gap: 12px;
padding: 15px;
border: 1px solid rgba(14,165,164,.22);
border-radius: 14px;
background: linear-gradient(180deg, rgba(240,253,250,.96), rgba(248,250,252,.96));
}
.mid-vettiguard--compact { padding: 12px 14px; gap: 9px; }
.mid-vettiguard__head { display:flex;align-items:center;gap:10px;min-width:0; }
.mid-vettiguard__head > div { min-width:0; }
.mid-vettiguard__head strong { display:block;color:var(--mid-ink);font-size:.8rem; }
.mid-vettiguard__head small { display:block;margin-top:2px;color:var(--mid-muted);font-size:.68rem;line-height:1.4; }
.mid-vettiguard__icon,
.mid-security-icon {
width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;
background:rgba(14,165,164,.12);color:var(--mid-primary-strong);
}
.mid-vettiguard .vettiguard-captcha { width:100%;min-height:68px;overflow:hidden;border-radius:10px; }
.mid-vettiguard__note { margin:0;color:var(--mid-muted);font-size:.64rem;display:flex;align-items:center;gap:6px; }
.mid-vettiguard-unavailable { margin:0;grid-column:1/-1; }
.public-domain-finder .mid-vettiguard { margin-top:2px; }
.public-auth-form .mid-vettiguard { margin:2px 0; }
.checkout-grid + .mid-vettiguard,
.gateway-list + .mid-vettiguard { margin-top:12px; }
.mid-vettiguard-security-card { overflow:hidden; }
.mid-vettiguard-security-grid {
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;
}
.mid-vettiguard-security-grid > div {
min-width:0;padding:14px;border:1px solid var(--mid-line);border-radius:12px;background:var(--mid-panel-2);
}
.mid-vettiguard-security-grid strong { display:block;margin-top:10px;color:var(--mid-ink);font-size:.75rem; }
.mid-vettiguard-security-grid small { display:block;margin-top:4px;color:var(--mid-muted);font-size:.66rem;line-height:1.5; }
.mid-vettiguard-actions { display:flex;align-items:center;gap:7px;flex-wrap:wrap; }
.mid-vettiguard-actions > span { color:var(--mid-muted);font-size:.65rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em; }
.mid-vettiguard-actions em { font-style:normal;padding:5px 8px;border-radius:999px;background:rgba(14,165,164,.09);color:var(--mid-primary-strong);font-size:.64rem;font-weight:750; }
.md-vettiguard-admin-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px; }
.md-vettiguard-admin-grid > div { min-width:0;padding:13px;border:1px solid var(--mid-line);border-radius:11px;background:var(--mid-panel-2); }
.md-vettiguard-admin-grid span { display:block;color:var(--mid-muted);font-size:.62rem;font-weight:750;text-transform:uppercase;letter-spacing:.055em; }
.md-vettiguard-admin-grid strong,
.md-vettiguard-admin-grid code { display:block;margin-top:6px;color:var(--mid-ink);font-size:.72rem;overflow-wrap:anywhere; }
html[data-theme="dark"] .mid-vettiguard { background:linear-gradient(180deg,rgba(13,46,50,.94),rgba(15,23,42,.94));border-color:rgba(45,212,191,.2); }
html[data-theme="dark"] .mid-vettiguard-security-grid > div,
html[data-theme="dark"] .md-vettiguard-admin-grid > div { background:rgba(15,23,42,.55); }
@media (max-width:991.98px) {
.mid-vettiguard-security-grid { grid-template-columns:1fr; }
.md-vettiguard-admin-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:575.98px) {
.mid-vettiguard { padding:12px; }
.mid-vettiguard__head { align-items:flex-start; }
.md-vettiguard-admin-grid { grid-template-columns:1fr; }
}
/* Phase 144 — client workspace refinement and commerce-shell completion Continues the single first-party stylesheet architecture. */
.client-shell-body {
--mid-sidebar-width: 236px;
--mid-client-content: 1320px;
}
.client-add-service-action {
min-height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
padding: 0 12px;
border: 1px solid color-mix(in srgb,var(--mid-primary) 72%,#0f766e);
border-radius: 9px;
background: var(--mid-primary);
color: #fff!important;
font-size: .74rem;
font-weight: 750;
white-space: nowrap;
box-shadow: 0 5px 14px rgba(14,165,164,.12);
}
.client-add-service-action:hover {
color:#fff!important;
background:var(--mid-primary-strong);
border-color:var(--mid-primary-strong);
transform:translateY(-1px);
}
.client-add-service-action:focus-visible { box-shadow:var(--mid-focus); }
.client-add-service-action i { font-size:.72rem; }
.client-shell-body .client-app-topbar__inner {
grid-template-columns:minmax(190px,230px) minmax(260px,500px) minmax(430px,1fr);
gap:18px;
}
.client-shell-body .client-global-search {
height:40px;
border-radius:10px;
background:#f8fafc;
}
.client-shell-body .client-app-topbar__actions { gap:6px; }
.client-shell-body .shell-icon-action,
.client-shell-body .theme-toggle--icon { border-radius:10px!important; }
.client-shell-body .customer-sidebar {
width:var(--mid-sidebar-width);
padding:16px 12px 14px;
background:#fbfdff;
}
.client-shell-body .customer-sidebar__nav {
flex:1 1 auto;
min-height:0;
overflow:auto;
padding:0 3px 8px 0;
}
.client-shell-body .customer-sidebar__group + .customer-sidebar__group { margin-top:17px; }
.client-shell-body .customer-sidebar__group-label {
margin:0 10px 7px;
color:#94a3b8!important;
font-size:.64rem!important;
letter-spacing:.09em;
}
.client-shell-body .customer-sidebar a {
min-height:40px;
padding:6px 9px;
gap:9px;
border-radius:9px;
color:#475569;
}
.client-shell-body .customer-sidebar a > i {
width:28px;
height:28px;
flex-basis:28px;
border-radius:8px;
background:transparent;
color:#64748b;
}
.client-shell-body .customer-sidebar a strong {
font-size:.76rem!important;
font-weight:650;
}
.client-shell-body .customer-sidebar a:hover { background:#f2fbfa; color:#0f766e; }
.client-shell-body .customer-sidebar a.active,
.client-shell-body .customer-sidebar a[aria-current="page"] {
background:linear-gradient(90deg,#e8faf6,#f3fcfb);
color:#0f766e;
box-shadow:inset 3px 0 0 var(--mid-primary);
}
.client-shell-body .customer-sidebar a.active::before,
.client-shell-body .customer-sidebar a[aria-current="page"]::before { display:none; }
.client-shell-body .customer-sidebar a.active > i,
.client-shell-body .customer-sidebar a[aria-current="page"] > i {
color:#0f766e;
background:#dff8f3;
}
.client-shell-body .customer-sidebar__quick.client-help-card {
margin-top:10px;
padding:11px;
border-radius:12px;
box-shadow:none;
}
.client-shell-body .customer-sidebar .client-help-card__action,
.client-shell-body .customer-sidebar .client-admin-shortcut {
min-height:34px!important;
border-radius:8px;
}
.client-shell-body .mid-client-workspace,
.client-shell-body .customer-main {
width:min(100%,var(--mid-client-content));
margin-inline:auto;
padding:26px clamp(22px,2.4vw,34px) 76px;
}
.client-shell-body .mid-page-heading {
min-height:0;
margin-bottom:18px;
padding-bottom:16px;
border-bottom:1px solid var(--mid-line);
}
.client-shell-body .mid-page-heading h1 { font-size:clamp(1.5rem,1.6vw,1.8rem)!important; }
.client-shell-body .mid-page-heading p { max-width:760px;color:#64748b!important;font-size:.79rem!important; }
.client-shell-body .mid-page-heading__actions { gap:7px; }
.client-shell-body .mid-page-heading__actions .btn { min-height:38px;padding:.52rem .78rem; }
.client-shell-body .surface,
.client-shell-body .mid-dashboard-card,
.client-shell-body .surface-card {
border:1px solid var(--mid-line)!important;
border-radius:13px!important;
background:var(--mid-panel)!important;
box-shadow:0 4px 18px rgba(15,23,42,.025)!important;
}
.client-shell-body .surface { padding:18px!important; }
.client-shell-body .surface-muted { background:var(--mid-panel-2)!important; }
.client-shell-body .surface-head,
.client-shell-body .mid-card-head {
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:14px;
padding-bottom:12px;
border-bottom:1px solid var(--mid-line);
}
.client-shell-body .section-title,
.client-shell-body .mid-card-head h2 { color:var(--mid-ink)!important;font-size:.88rem!important; }
.client-shell-body .section-copy,
.client-shell-body .mid-card-head p { color:var(--mid-muted)!important;font-size:.74rem!important;line-height:1.55!important; }
.client-shell-body .mid-dashboard-metrics { gap:13px;margin-bottom:16px; }
.client-shell-body .mid-metric-card {
min-height:122px;
padding:16px;
border-radius:13px;
background:var(--mid-panel);
border:1px solid var(--mid-line);
box-shadow:0 3px 14px rgba(15,23,42,.022);
}
.client-shell-body .mid-metric-card strong { font-size:1.55rem!important;letter-spacing:-.04em; }
.client-shell-body .mid-metric-card .mid-metric-money { font-size:1.22rem!important; }
.client-shell-body .mid-metric-card a { font-size:.72rem!important; }
.client-shell-body .mid-metric-icon { width:40px;height:40px;flex-basis:40px;border-radius:11px; }
.client-shell-body .mid-dashboard-primary-grid,
.client-shell-body .mid-dashboard-secondary-grid { gap:13px; }
.client-shell-body .mid-dashboard-card { padding:17px; }
.client-shell-body .mid-list-row {
min-height:54px;
padding:10px 2px;
border-bottom:1px solid #eef2f6;
}
.client-shell-body .mid-list-row:last-child { border-bottom:0; }
.client-shell-body .mid-list-row:hover { background:color-mix(in srgb,var(--mid-primary) 3.5%,transparent); }
.client-shell-body .mid-row-main strong { color:var(--mid-ink)!important; }
.client-shell-body .mid-row-main small { color:var(--mid-muted)!important; }
.client-shell-body .notification-strip {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
margin-bottom:16px;
padding:0;
border:0;
background:transparent;
}
.client-shell-body .notice-card {
min-width:0;
padding:14px 15px;
border:1px solid #fde3a7;
border-radius:12px;
background:#fffbeb;
box-shadow:none;
}
.client-shell-body .notice-card strong { display:block;color:#78350f;font-size:.8rem; }
.client-shell-body .notice-card p { color:#92400e!important;font-size:.72rem!important; }
.client-shell-body .notice-card .btn { margin-top:4px; }
.client-shell-body .mid-service-list { display:grid; }
.client-shell-body .mid-service-row {
grid-template-columns:36px minmax(190px,1.35fr) minmax(90px,.65fr) minmax(110px,.8fr) minmax(90px,.7fr) auto;
gap:12px;
min-height:64px;
padding:11px 4px;
border-top:1px solid var(--mid-line);
}
.client-shell-body .mid-service-row:first-child { border-top:0; }
.client-shell-body .mid-service-row__identity strong { font-size:.8rem!important; }
.client-shell-body .mid-service-row__identity small,
.client-shell-body .mid-service-row__fact > span,
.client-shell-body .mid-service-row__fact > strong { font-size:.69rem!important; }
.client-shell-body .mid-service-row__actions { gap:5px; }
.client-shell-body .mid-service-row__actions .btn { min-height:34px;padding:.42rem .62rem;font-size:.68rem; }
.client-shell-body .mid-detail-tabs.md-context-nav {
top:calc(var(--mid-topbar-height) - 1px);
margin:0 0 16px;
padding:0 2px;
border-bottom:1px solid var(--mid-line);
background:color-mix(in srgb,var(--mid-canvas) 95%,transparent);
backdrop-filter:blur(14px);
}
.client-shell-body .mid-detail-tabs.md-context-nav a {
min-height:42px;
padding:11px 12px 10px;
font-size:.72rem!important;
}
.client-shell-body .form-stack { gap:13px; }
.client-shell-body .form-label { margin-bottom:6px;color:var(--mid-ink-soft);font-size:.72rem!important;font-weight:700; }
.client-shell-body .form-control,
.client-shell-body .form-select,
.client-shell-body .select2-container--default .select2-selection--single {
min-height:42px;
border-radius:9px;
border-color:var(--mid-line-strong)!important;
background:var(--mid-panel)!important;
color:var(--mid-ink)!important;
font-size:.76rem!important;
}
.client-shell-body .form-control:focus,
.client-shell-body .form-select:focus { border-color:color-mix(in srgb,var(--mid-primary) 55%,var(--mid-line));box-shadow:var(--mid-focus); }
.client-shell-body textarea.form-control { min-height:110px; }
.client-shell-body .table-responsive,
.client-shell-body .table-shell {
border:1px solid var(--mid-line);
border-radius:11px;
background:var(--mid-panel);
overflow:auto;
}
.client-shell-body .table { margin:0;min-width:680px;font-size:.75rem!important; }
.client-shell-body .table thead th {
padding:.68rem .78rem;
border-bottom:1px solid var(--mid-line)!important;
background:var(--mid-panel-2)!important;
color:var(--mid-muted)!important;
font-size:.68rem!important;
font-weight:800;
letter-spacing:.035em;
text-transform:uppercase;
white-space:nowrap;
}
.client-shell-body .table tbody td {
padding:.72rem .78rem;
vertical-align:middle;
border-color:var(--mid-line)!important;
color:var(--mid-ink-soft)!important;
}
.client-shell-body .table tbody td > strong { display:block;color:var(--mid-ink)!important; }
.client-shell-body .table tbody td > small { display:block;margin-top:3px;color:var(--mid-muted)!important;font-size:.68rem; }
.client-commerce-shell { min-height:calc(100vh - var(--mid-topbar-height)); }
.client-commerce-main { width:min(100%,var(--mid-client-content)); }
.client-commerce-main .workspace-hero {
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:18px;
margin:0 0 18px;
padding:0 0 16px;
border-bottom:1px solid var(--mid-line);
}
.client-commerce-main .workspace-hero__meta {
display:flex;
flex-wrap:wrap;
gap:8px 14px;
margin-top:10px;
}
.client-commerce-main .workspace-hero__meta span {
display:inline-flex;
align-items:center;
gap:6px;
color:var(--mid-muted);
font-size:.7rem;
}
.client-commerce-main .storefront-rail,
.client-commerce-main .storefront-search,
.client-commerce-main .storefront-section { margin-bottom:14px; }
.client-commerce-main .storefront-rail__lead,
.client-commerce-main .storefront-section__head {
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
margin-bottom:14px;
}
.client-commerce-main .storefront-pills {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:9px;
}
.client-commerce-main .storefront-pill {
min-width:0;
display:flex;
align-items:center;
gap:9px;
padding:10px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
color:var(--mid-ink-soft);
}
.client-commerce-main .storefront-pill:hover,
.client-commerce-main .storefront-pill.is-active { border-color:#b9ddd8;background:#effcf9;color:#0f766e; }
.client-commerce-main .storefront-pill__icon { width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e7f8f5;color:#0f766e; }
.client-commerce-main .storefront-pill__body strong,
.client-commerce-main .storefront-pill__body small { display:block; }
.client-commerce-main .storefront-pill__body strong { font-size:.73rem; }
.client-commerce-main .storefront-pill__body small { margin-top:2px;color:var(--mid-muted);font-size:.65rem; }
.client-commerce-main .storefront-search__grid {
display:grid;
grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);
gap:20px;
align-items:end;
}
.client-commerce-main .checkout-inline { display:flex;gap:8px;align-items:stretch; }
.client-commerce-main .checkout-inline .form-control { flex:1;min-width:0; }
.client-commerce-main .store-domain-feedback {
margin-top:8px;
padding:10px 12px;
border:1px solid var(--mid-line);
border-radius:9px;
background:var(--mid-panel-2);
color:var(--mid-muted);
font-size:.7rem;
}
.client-commerce-main .store-domain-feedback.is-available { border-color:#bbf7d0;background:#f0fdf4;color:#166534; }
.client-commerce-main .store-domain-feedback.is-unavailable { border-color:#fed7aa;background:#fff7ed;color:#9a3412; }
.client-commerce-main .store-domain-feedback__meta { display:flex;gap:12px;flex-wrap:wrap;margin-top:5px; }
.client-commerce-main .storefront-products {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.client-commerce-main .store-card,
.client-commerce-main .catalog-card {
min-width:0;
display:flex;
flex-direction:column;
padding:16px;
border:1px solid var(--mid-line);
border-radius:12px;
background:var(--mid-panel);
box-shadow:0 4px 16px rgba(15,23,42,.025);
}
.client-commerce-main .store-card--featured { border-color:color-mix(in srgb,var(--mid-primary) 35%,var(--mid-line));box-shadow:0 10px 28px rgba(14,165,164,.08); }
.client-commerce-main .store-card__header { display:flex;align-items:flex-start;justify-content:space-between;gap:10px; }
.client-commerce-main .store-card__title { color:var(--mid-ink);font-size:.9rem; }
.client-commerce-main .store-card__copy { color:var(--mid-muted);font-size:.7rem;line-height:1.5; }
.client-commerce-main .store-card__price,
.client-commerce-main .catalog-card__price { margin:12px 0;color:var(--mid-ink);font-size:1.25rem;font-weight:850;letter-spacing:-.03em; }
.client-commerce-main .store-card__features { display:grid;gap:7px;margin:0 0 14px;padding:0;list-style:none; }
.client-commerce-main .store-card__features li { color:var(--mid-ink-soft);font-size:.7rem; }
.client-commerce-main .store-card__footer { margin-top:auto;padding-top:12px;border-top:1px solid var(--mid-line); }
.client-commerce-main .store-card__form { display:grid;gap:10px; }
.client-commerce-main .store-pricing-list { display:grid;gap:7px; }
.client-commerce-main .store-pricing-option { display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--mid-line);border-radius:9px;cursor:pointer; }
.client-commerce-main .store-pricing-option:has(input:checked) { border-color:#9ddbd3;background:#effcf9; }
.client-commerce-main .store-pricing-option__body { min-width:0;display:flex;flex:1;justify-content:space-between;gap:8px; }
.client-commerce-main .store-duration { display:grid;gap:7px; }
.client-commerce-main .store-duration__grid { display:grid;grid-template-columns:1fr 1fr;gap:7px; }
.client-commerce-main .store-duration__chip { display:inline-flex;align-items:center;gap:5px;color:var(--mid-muted);font-size:.65rem; }
.client-commerce-main .section-grid { gap:14px; }
.client-commerce-main .ticket-feed { display:grid;gap:0; }
.client-commerce-main .ticket-item { padding:13px 0; }
.client-commerce-main .ticket-item__header { gap:12px; }
.client-commerce-main .ticket-item h3 { font-size:.8rem; }
.client-commerce-main .cart-domain-pill { display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:5px 8px;border-radius:999px;background:#eefcf9;color:#0f766e;font-size:.68rem; }
.client-commerce-main .summary-list { display:grid; }
.client-commerce-main .summary-list > div { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--mid-line); }
.client-commerce-main .summary-list > div:last-child { border-bottom:0; }
.client-commerce-main .checkout-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.client-commerce-main .gateway-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
.client-commerce-main .gateway-option {
display:flex;
gap:10px;
align-items:flex-start;
padding:12px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
cursor:pointer;
}
.client-commerce-main .gateway-option:has(input:checked) { border-color:#9ddbd3;background:#effcf9; }
.client-commerce-main .gateway-option strong,
.client-commerce-main .gateway-option small { display:block; }
.client-commerce-main .gateway-option strong { color:var(--mid-ink);font-size:.73rem; }
.client-commerce-main .gateway-option small { margin-top:2px;color:var(--mid-muted);font-size:.65rem;line-height:1.4; }
html[data-theme="dark"] .client-shell-body .customer-sidebar { background:var(--mid-panel); }
html[data-theme="dark"] .client-shell-body .customer-sidebar a { color:var(--mid-ink-soft); }
html[data-theme="dark"] .client-shell-body .customer-sidebar a:hover,
html[data-theme="dark"] .client-shell-body .customer-sidebar a.active,
html[data-theme="dark"] .client-shell-body .customer-sidebar a[aria-current="page"] { background:rgba(14,165,164,.12);color:#7dd3cf; }
html[data-theme="dark"] .client-shell-body .notice-card { background:rgba(120,53,15,.16);border-color:rgba(245,158,11,.28); }
html[data-theme="dark"] .client-shell-body .notice-card strong,
html[data-theme="dark"] .client-shell-body .notice-card p { color:#fcd34d!important; }
html[data-theme="dark"] .client-commerce-main .storefront-pill,
html[data-theme="dark"] .client-commerce-main .store-domain-feedback,
html[data-theme="dark"] .client-commerce-main .gateway-option { background:var(--mid-panel-2); }
html[data-theme="dark"] .client-commerce-main .storefront-pill.is-active,
html[data-theme="dark"] .client-commerce-main .store-pricing-option:has(input:checked),
html[data-theme="dark"] .client-commerce-main .gateway-option:has(input:checked) { background:rgba(14,165,164,.12);border-color:rgba(45,212,191,.28); }
@media (max-width:1279.98px) {
.client-shell-body .client-app-topbar__inner { grid-template-columns:minmax(180px,210px) minmax(220px,1fr) auto; }
.client-add-service-action span { display:none; }
.client-add-service-action { width:38px;padding:0; }
.client-commerce-main .storefront-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1099.98px) {
.client-shell-body .mid-service-row { grid-template-columns:36px minmax(170px,1fr) minmax(90px,.6fr) auto; }
.client-shell-body .mid-service-row__fact:nth-of-type(n+3) { display:none; }
.client-commerce-main .storefront-pills { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:991.98px) {
.client-shell-body .client-app-topbar__inner { grid-template-columns:auto minmax(0,1fr) auto; }
.client-shell-body .customer-sidebar { width:min(288px,88vw);padding:14px 11px; }
.client-shell-body .mid-client-workspace,
.client-shell-body .customer-main { width:100%;padding:20px 16px 96px; }
.client-commerce-main .storefront-search__grid { grid-template-columns:1fr; }
.client-commerce-main .storefront-products { grid-template-columns:1fr 1fr; }
.client-commerce-main .section-grid { grid-template-columns:1fr; }
.client-commerce-main .gateway-list { grid-template-columns:1fr; }
}
@media (max-width:767.98px) {
.client-shell-body .notification-strip { grid-template-columns:1fr; }
.client-shell-body .mid-service-row { grid-template-columns:34px minmax(0,1fr);gap:8px; }
.client-shell-body .mid-service-row__fact { display:none!important; }
.client-shell-body .mid-service-row__actions { grid-column:1/-1;justify-content:flex-start;padding-left:42px; }
.client-shell-body .mid-page-heading { display:block; }
.client-shell-body .mid-page-heading__actions { margin-top:12px; }
.client-commerce-main .workspace-hero { display:block; }
.client-commerce-main .workspace-hero__actions { margin-top:12px;display:grid;gap:8px; }
.client-commerce-main .storefront-rail__lead,
.client-commerce-main .storefront-section__head { display:block; }
.client-commerce-main .storefront-pills,
.client-commerce-main .storefront-products,
.client-commerce-main .checkout-grid { grid-template-columns:1fr; }
.client-commerce-main .checkout-inline { display:grid;grid-template-columns:1fr; }
}
@media (max-width:479.98px) {
.client-shell-body .mid-dashboard-metrics { grid-template-columns:1fr!important; }
.client-shell-body .mid-page-heading__actions .btn,
.client-shell-body .mid-page-heading__actions form { width:100%; }
.client-shell-body .mid-service-row__actions { padding-left:0; }
.client-shell-body .mid-service-row__actions .btn { flex:1 1 auto; }
.client-commerce-main .store-duration__grid { grid-template-columns:1fr; }
}
/* Phase 145 — client area final refinement Continues the single-file Makeitdomain design system. */
.client-shell-body .client-commerce-heading {
margin-bottom:14px;
}
.client-shell-body .client-commerce-meta {
display:flex;
flex-wrap:wrap;
gap:7px 14px;
margin-top:10px;
}
.client-shell-body .client-commerce-meta span {
display:inline-flex;
align-items:center;
gap:6px;
color:var(--mid-muted);
font-size:.69rem;
font-weight:650;
}
.client-shell-body .client-commerce-meta i { color:var(--mid-primary-strong); }
.client-shell-body .client-commerce-main > .workspace-hero { display:none!important; }
.client-checkout-steps {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;
margin:0 0 16px;
padding:0;
border:1px solid var(--mid-line);
border-radius:11px;
background:var(--mid-panel);
overflow:hidden;
}
.client-checkout-steps span {
position:relative;
min-width:0;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:42px;
padding:8px 10px;
color:var(--mid-muted);
font-size:.68rem;
font-weight:750;
border-right:1px solid var(--mid-line);
}
.client-checkout-steps span:last-child { border-right:0; }
.client-checkout-steps span i { width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--mid-panel-2);color:var(--mid-muted);font-size:.62rem; }
.client-checkout-steps .is-complete { color:#15803d;background:#f5fdf8; }
.client-checkout-steps .is-complete i { color:#15803d;background:#dcfce7; }
.client-checkout-steps .is-current { color:var(--mid-primary-strong);background:#f1fcfa; }
.client-checkout-steps .is-current i { color:#fff;background:var(--mid-primary); }
.client-shell-body .mid-action-centre {
margin:0 0 14px;
padding:14px;
border:1px solid var(--mid-line);
border-radius:12px;
background:var(--mid-panel);
box-shadow:0 4px 18px rgba(15,23,42,.025);
}
.client-shell-body .mid-action-centre .mid-card-head { margin-bottom:11px; }
.client-shell-body .mid-action-centre__grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:9px;
}
.client-shell-body .mid-action-item {
min-width:0;
display:grid;
grid-template-columns:34px minmax(0,1fr) auto;
align-items:center;
gap:9px;
padding:10px;
border:1px solid var(--mid-line);
border-radius:9px;
background:var(--mid-panel-2);
color:var(--mid-ink-soft);
}
.client-shell-body .mid-action-item:hover {
border-color:#b6dfda;
background:#f2fcfa;
color:var(--mid-ink);
}
.client-shell-body .mid-action-item > span:nth-child(2) { min-width:0; }
.client-shell-body .mid-action-item strong,
.client-shell-body .mid-action-item small { display:block; }
.client-shell-body .mid-action-item strong { color:var(--mid-ink);font-size:.72rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.client-shell-body .mid-action-item small { margin-top:2px;color:var(--mid-muted);font-size:.63rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.client-shell-body .mid-action-item em { display:inline-flex;align-items:center;gap:5px;color:var(--mid-primary-strong);font-size:.62rem;font-style:normal;font-weight:750;white-space:nowrap; }
.client-shell-body .mid-dashboard-card {
border-color:var(--mid-line)!important;
box-shadow:0 4px 18px rgba(15,23,42,.025)!important;
}
.client-shell-body .mid-card-head {
min-height:36px;
align-items:center;
}
.client-shell-body .mid-card-head > a {
display:inline-flex;
align-items:center;
gap:5px;
color:var(--mid-primary-strong);
font-size:.66rem;
font-weight:750;
}
.client-shell-body .mid-list-row {
min-height:54px;
border-radius:8px;
transition:background .15s ease,border-color .15s ease;
}
.client-shell-body a.mid-list-row:hover { background:var(--mid-panel-2); }
.client-shell-body .mid-row-main strong { font-size:.72rem;line-height:1.3; }
.client-shell-body .mid-row-main small { margin-top:2px;font-size:.63rem;line-height:1.35; }
.client-commerce-main .surface,
.client-commerce-main .surface-card {
border-color:var(--mid-line)!important;
box-shadow:0 4px 18px rgba(15,23,42,.022)!important;
}
.client-commerce-main .ticket-item {
border-bottom:1px solid var(--mid-line);
}
.client-commerce-main .ticket-item:last-child { border-bottom:0; }
.client-commerce-main .summary-list > div strong { color:var(--mid-ink); }
.client-commerce-main .surface-muted { background:var(--mid-panel-2)!important; }
.client-commerce-main .gateway-option:hover { border-color:#b6dfda; }
.client-shell-body .metric-grid {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin-bottom:14px;
}
.client-shell-body .metric-card {
min-width:0;
min-height:102px;
padding:13px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel);
box-shadow:0 4px 16px rgba(15,23,42,.02);
}
.client-shell-body .metric-card > span { display:block;color:var(--mid-muted);font-size:.64rem;font-weight:750;text-transform:uppercase;letter-spacing:.045em; }
.client-shell-body .metric-card > strong { display:block;margin-top:7px;color:var(--mid-ink);font-size:1.15rem;letter-spacing:-.03em; }
.client-shell-body .metric-card > small { display:block;margin-top:5px;color:var(--mid-muted);font-size:.63rem;line-height:1.35; }
.client-shell-body .section-grid,
.client-shell-body .transfer-layout,
.client-shell-body .mid-security-grid {
gap:14px;
}
.client-shell-body .surface-muted { background:var(--mid-panel-2)!important; }
.client-shell-body .aside-stack .surface,
.client-shell-body .transfer-form-panel {
position:sticky;
top:calc(var(--mid-topbar-height) + 18px);
}
.client-shell-body .aside-stack .btn-primary,
.client-shell-body .transfer-form-panel .btn-primary { min-height:40px; }
html[data-theme="dark"] .client-checkout-steps .is-complete { background:rgba(22,101,52,.15);color:#86efac; }
html[data-theme="dark"] .client-checkout-steps .is-current { background:rgba(14,165,164,.13);color:#7dd3cf; }
html[data-theme="dark"] .client-shell-body .mid-action-item:hover { background:rgba(14,165,164,.10);border-color:rgba(45,212,191,.28); }
@media (max-width:1199.98px) {
.client-shell-body .mid-action-centre__grid { grid-template-columns:1fr 1fr; }
.client-shell-body .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:991.98px) {
.client-shell-body .aside-stack .surface,
.client-shell-body .transfer-form-panel { position:static;top:auto; }
}
@media (max-width:767.98px) {
.client-checkout-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
.client-checkout-steps span:nth-child(2) { border-right:0; }
.client-checkout-steps span:nth-child(-n+2) { border-bottom:1px solid var(--mid-line); }
.client-shell-body .mid-action-centre__grid { grid-template-columns:1fr; }
.client-shell-body .mid-action-item { grid-template-columns:34px minmax(0,1fr); }
.client-shell-body .mid-action-item em { grid-column:2;justify-self:start; }
}
@media (max-width:479.98px) {
.client-shell-body .metric-grid { grid-template-columns:1fr; }
.client-checkout-steps { display:flex;overflow:auto;scroll-snap-type:x mandatory; }
.client-checkout-steps span { flex:0 0 150px;border-bottom:0!important;scroll-snap-align:start; }
.client-commerce-meta span { width:100%; }
}
/* Phase 146 — client account, billing and request-flow refinement Continues the single-file Makeitdomain design system. */
.client-context-nav {
display:flex;
align-items:center;
gap:6px;
margin:-3px 0 14px;
padding:5px;
border:1px solid var(--mid-line);
border-radius:11px;
background:var(--mid-panel);
box-shadow:0 4px 16px rgba(15,23,42,.018);
overflow:auto hidden;
scrollbar-width:none;
}
.client-context-nav::-webkit-scrollbar { display:none; }
.client-context-nav__item {
flex:0 0 auto;
display:inline-flex;
align-items:center;
gap:7px;
min-height:34px;
padding:7px 10px;
border-radius:8px;
color:var(--mid-muted);
font-size:.68rem;
font-weight:750;
white-space:nowrap;
}
.client-context-nav__item i { color:var(--mid-muted);font-size:.72rem; }
.client-context-nav__item:hover { background:var(--mid-panel-2);color:var(--mid-ink); }
.client-context-nav__item.is-active,
.client-context-nav__item[aria-current="page"] { background:#effcf9;color:#0f766e;box-shadow:inset 0 0 0 1px #c8ece6; }
.client-context-nav__item.is-active i,
.client-context-nav__item[aria-current="page"] i { color:var(--mid-primary-strong); }
.client-shell-body .profile-summary-panel {
overflow:hidden;
border-color:var(--mid-line)!important;
background:linear-gradient(180deg,var(--mid-panel),var(--mid-panel-2));
}
.client-shell-body .profile-avatar-large {
box-shadow:0 8px 20px rgba(14,165,164,.12);
}
.client-support-pin-value {
display:flex;
align-items:center;
gap:6px;
margin-top:4px;
}
.client-support-pin-value code {
display:inline-flex;
align-items:center;
min-height:28px;
padding:4px 8px;
border:1px solid var(--mid-line);
border-radius:7px;
background:var(--mid-panel);
color:var(--mid-ink);
font-size:.72rem;
letter-spacing:.08em;
}
.client-copy-icon {
width:28px;
height:28px;
min-height:28px;
display:grid;
place-items:center;
padding:0;
border:1px solid var(--mid-line);
border-radius:7px;
background:var(--mid-panel);
color:var(--mid-primary-strong);
}
.client-copy-icon:hover { background:var(--mid-primary-soft);border-color:#b6dfda; }
.client-copy-icon:focus-visible { box-shadow:var(--mid-focus); }
.client-affiliate-grid { align-items:start; }
.client-copy-field {
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px;
align-items:stretch;
}
.client-copy-field .form-control { min-width:0; }
.client-payout-card { align-self:start; }
.mid-join-card {
display:grid;
grid-template-columns:48px minmax(0,1fr) auto;
gap:14px;
align-items:center;
padding:18px;
}
.mid-join-card__icon {
width:48px;
height:48px;
display:grid;
place-items:center;
border-radius:13px;
background:#eafaf7;
color:#0f766e;
font-size:1.05rem;
}
.client-request-grid { align-items:start; }
.client-request-card {
position:sticky;
top:calc(var(--mid-topbar-height) + 18px);
align-self:start;
}
.client-request-note {
display:grid;
grid-template-columns:22px minmax(0,1fr);
gap:8px;
align-items:start;
margin:0 0 13px;
padding:10px;
border:1px solid #cfe8e5;
border-radius:9px;
background:#f2fcfa;
color:#315b58;
font-size:.66rem;
line-height:1.45;
}
.client-request-note i { color:#0f766e;margin-top:1px; }
.client-request-note--warning { border-color:#fde7b1;background:#fffbeb;color:#7c5b13; }
.client-request-note--warning i { color:#d97706; }
.client-wrap-copy { max-width:420px;white-space:normal!important;overflow-wrap:anywhere; }
.client-shell-body .mid-record-heading + .client-context-nav {
margin-top:-8px;
}
.client-shell-body .mid-detail-stat-grid + .client-context-nav { margin-top:0; }
.client-shell-body .table td .d-flex.gap-2 { gap:6px!important; }
.client-shell-body .table td .btn-sm { min-height:31px;padding:.35rem .55rem;font-size:.62rem; }
html[data-theme="dark"] .client-context-nav__item.is-active,
html[data-theme="dark"] .client-context-nav__item[aria-current="page"] { background:rgba(14,165,164,.13);border-color:rgba(45,212,191,.28);color:#7dd3cf; }
html[data-theme="dark"] .client-support-pin-value code,
html[data-theme="dark"] .client-copy-icon { background:var(--mid-panel-2); }
html[data-theme="dark"] .mid-join-card__icon { background:rgba(14,165,164,.12);color:#7dd3cf; }
html[data-theme="dark"] .client-request-note { background:rgba(14,165,164,.10);border-color:rgba(45,212,191,.25);color:#b8d8d4; }
html[data-theme="dark"] .client-request-note--warning { background:rgba(120,53,15,.16);border-color:rgba(245,158,11,.28);color:#fcd34d; }
@media (max-width:991.98px) {
.client-request-card { position:static;top:auto; }
.mid-join-card { grid-template-columns:44px minmax(0,1fr); }
.mid-join-card form { grid-column:2;justify-self:start; }
}
@media (max-width:767.98px) {
.client-context-nav {
margin-inline:-2px;
padding:4px;
scroll-snap-type:x proximity;
}
.client-context-nav__item { scroll-snap-align:start; }
.client-copy-field { grid-template-columns:1fr; }
.client-copy-field .btn { width:100%; }
.mid-join-card { grid-template-columns:1fr;text-align:left; }
.mid-join-card form { grid-column:auto; }
.client-wrap-copy { max-width:none; }
}
/* Phase 147 — VettiGuard compatibility + client service-workspace refinement Continues the single-file Makeitdomain design system. */
.mid-vettiguard[data-vettiguard-state="loading"] .vettiguard-captcha {
position:relative;
min-height:72px;
background:linear-gradient(90deg,var(--mid-panel-2),var(--mid-panel),var(--mid-panel-2));
background-size:200% 100%;
animation:mid-vg-loading 1.35s ease infinite;
}
.mid-vettiguard[data-vettiguard-state="blocked"] {
border-color:#f3c6c6;
background:linear-gradient(180deg,#fff,#fff8f8);
}
.mid-vettiguard__diagnostic {
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
gap:9px;
align-items:center;
padding:9px 10px;
border:1px solid #fecaca;
border-radius:9px;
background:#fef2f2;
color:#991b1b;
font-size:.66rem;
line-height:1.45;
}
.mid-vettiguard__diagnostic[hidden] { display:none!important; }
.mid-vettiguard__diagnostic > i { color:#dc2626; }
.mid-vettiguard__diagnostic .btn { min-height:30px;padding:.35rem .55rem;white-space:nowrap; }
@keyframes mid-vg-loading { from{background-position:180% 0} to{background-position:-20% 0} }
html[data-theme="dark"] .mid-vettiguard[data-vettiguard-state="blocked"] { background:rgba(127,29,29,.12);border-color:rgba(248,113,113,.28); }
html[data-theme="dark"] .mid-vettiguard__diagnostic { background:rgba(127,29,29,.18);border-color:rgba(248,113,113,.28);color:#fecaca; }
.client-shell-body .client-context-nav[aria-label="Services navigation"] {
margin-bottom:15px;
background:linear-gradient(180deg,var(--mid-panel),color-mix(in srgb,var(--mid-panel) 92%,var(--mid-primary-soft)));
}
.client-shell-body .client-context-nav[aria-label="Services navigation"] .client-context-nav__item {
min-height:35px;
}
.client-bulk-action-select { width:min(280px,100%);max-width:280px; }
.client-shell-body .phase118-filterbar {
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
padding:10px 0 13px;
border-bottom:1px solid var(--mid-line);
}
.client-shell-body .phase118-filterbar > .text-muted { flex:1 1 260px;line-height:1.4; }
.client-shell-body .phase118-filterbar .btn { min-height:38px; }
.client-session-agent {
display:block;
max-width:360px;
white-space:normal!important;
overflow-wrap:anywhere;
line-height:1.4;
}
.client-shell-body .customer-main {
min-width:0;
width:100%;
}
.client-shell-body .mid-page-heading--top {
margin-bottom:12px;
}
.client-shell-body .mid-page-heading--top + .client-context-nav {
margin-top:-2px;
}
.client-shell-body .mid-dashboard-metrics,
.client-shell-body .mid-service-metrics {
align-items:stretch;
}
.client-shell-body .mid-metric-card {
height:100%;
}
.client-shell-body .mid-service-panel,
.client-shell-body .mid-session-panel,
.client-shell-body .mid-notification-panel {
overflow:hidden;
}
.client-shell-body .table-shell,
.client-shell-body .table-responsive {
border-radius:10px;
}
.client-shell-body .table > :not(caption) > * > * {
vertical-align:middle;
}
.client-shell-body .service-row__actions {
align-self:center;
}
.client-shell-body .service-row__actions .btn {
min-height:32px;
}
.client-shell-body .surface-muted,
.client-shell-body .transfer-form-panel,
.client-shell-body .client-request-card {
border-color:var(--mid-line)!important;
}
@media (max-width:1199.98px) {
.client-add-service-action span { display:none; }
.client-add-service-action { width:38px;min-width:38px;padding:0;justify-content:center; }
.client-shell-body .phase118-filterbar > .text-muted { flex-basis:100%; }
}
@media (max-width:767.98px) {
.mid-vettiguard__diagnostic { grid-template-columns:auto minmax(0,1fr); }
.mid-vettiguard__diagnostic .btn { grid-column:2;justify-self:start; }
.client-bulk-action-select { max-width:none;width:100%; }
.client-shell-body .phase118-filterbar { align-items:stretch; }
.client-shell-body .phase118-filterbar > * { max-width:100%; }
.client-shell-body .phase118-filterbar .btn { width:100%; }
.client-session-agent { max-width:none; }
}
/* Phase 148 — client mobile tables + detail-workspace continuity Continues the single-file Makeitdomain design system. */
.client-shell-body .mid-domain-heading + .client-context-nav,
.client-shell-body .mid-service-heading + .client-context-nav {
margin-top:0;
}
.client-shell-body .client-context-nav + .mid-detail-tabs.md-context-nav {
margin-top:-4px;
}
.client-shell-body .client-table-primary {
color:var(--mid-ink)!important;
font-weight:750;
}
.client-shell-body .client-table-meta {
display:block;
margin-top:2px;
color:var(--mid-muted)!important;
font-size:.66rem;
line-height:1.35;
}
.client-shell-body .client-table-actions {
display:flex;
align-items:center;
justify-content:flex-end;
gap:6px;
}
.client-shell-body .client-table-actions .btn {
min-width:32px;
min-height:32px;
display:inline-grid;
place-items:center;
padding:.36rem .5rem;
}
/* Phase 128 introduced labelled cards, but table-shell tables were not being enrolled and the 680px desktop minimum width remained active on phones. Phase 148 makes every enhanced client table genuinely viewport-safe. */
@media (max-width:767.98px) {
.client-shell-body table.mid-responsive-table,
.client-shell-body table[data-mobile-cards="true"] {
min-width:0!important;
width:100%!important;
max-width:100%!important;
}
.client-shell-body .mid-responsive-table tbody,
.client-shell-body table[data-mobile-cards="true"] tbody {
display:grid;
gap:10px;
}
.client-shell-body .mid-responsive-table tr,
.client-shell-body table[data-mobile-cards="true"] tr {
margin:0;
padding:11px 12px;
border-radius:11px;
}
.client-shell-body .mid-responsive-table td,
.client-shell-body table[data-mobile-cards="true"] td {
grid-template-columns:minmax(92px,34%) minmax(0,1fr);
gap:9px;
min-width:0;
overflow-wrap:anywhere;
}
.client-shell-body .mid-responsive-table td::before,
.client-shell-body table[data-mobile-cards="true"] td::before {
align-self:start;
padding-top:1px;
font-size:.63rem;
line-height:1.35;
}
.client-shell-body .mid-responsive-table .mid-table-empty-cell,
.client-shell-body table[data-mobile-cards="true"] .mid-table-empty-cell {
display:block;
padding:12px 2px!important;
border:0!important;
color:var(--mid-muted)!important;
}
.client-shell-body .mid-responsive-table .mid-table-empty-cell::before,
.client-shell-body table[data-mobile-cards="true"] .mid-table-empty-cell::before {
content:none;
}
.client-shell-body .mid-responsive-table td .client-table-actions,
.client-shell-body table[data-mobile-cards="true"] td .client-table-actions {
justify-content:flex-start;
flex-wrap:wrap;
}
.client-shell-body .mid-responsive-table td .btn,
.client-shell-body table[data-mobile-cards="true"] td .btn {
max-width:100%;
}
.client-shell-body .client-context-nav + .mid-detail-tabs.md-context-nav {
margin-top:-2px;
}
}
@media (max-width:479.98px) {
.client-shell-body .mid-responsive-table td,
.client-shell-body table[data-mobile-cards="true"] td {
grid-template-columns:1fr;
gap:3px;
}
.client-shell-body .mid-responsive-table td::before,
.client-shell-body table[data-mobile-cards="true"] td::before {
margin-bottom:1px;
}
}
/* Phase 149 — client module workspace unification Keeps every client module on the single Makeitdomain stylesheet. */
.client-shell-body .client-module-metrics {
margin-bottom:16px;
}
.client-shell-body .client-module-panel,
.client-shell-body .client-module-form-card {
min-width:0;
}
.client-shell-body .client-module-form-card {
align-self:start;
}
.client-shell-body .client-module-form-card .surface-head,
.client-shell-body .client-module-panel .surface-head {
gap:12px;
}
.client-shell-body .client-module-form {
gap:14px;
}
.client-shell-body .client-form-field {
min-width:0;
}
.client-shell-body .client-form-field > .form-label {
display:block;
margin-bottom:6px;
color:var(--mid-ink);
font-weight:700;
font-size:.72rem;
}
.client-shell-body .client-form-field > small {
display:block;
margin-top:5px;
color:var(--mid-muted);
font-size:.64rem;
line-height:1.45;
}
.client-shell-body .client-module-form .form-control,
.client-shell-body .client-module-form .form-select {
width:100%;
}
.client-shell-body .client-module-form textarea.form-control {
min-height:112px;
resize:vertical;
}
.client-shell-body .client-record-type {
display:inline-flex;
align-items:center;
justify-content:center;
min-width:42px;
min-height:25px;
padding:3px 8px;
border:1px solid var(--mid-line);
border-radius:7px;
background:var(--mid-panel-2);
color:var(--mid-ink);
font-size:.65rem;
font-weight:800;
letter-spacing:.03em;
}
.client-shell-body .client-audit-list {
display:grid;
gap:8px;
}
.client-shell-body .client-audit-list .phase118-history-item {
display:grid;
grid-template-columns:34px minmax(0,1fr);
align-items:center;
gap:10px;
padding:10px 12px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel);
}
.client-shell-body .client-audit-list .phase118-history-item strong,
.client-shell-body .client-audit-list .phase118-history-item small {
display:block;
}
.client-shell-body .client-audit-list .phase118-history-item small {
margin-top:2px;
color:var(--mid-muted);
font-size:.64rem;
}
.client-shell-body .client-audit-icon,
.client-shell-body .client-activity-icon {
display:grid;
place-items:center;
width:32px;
height:32px;
border-radius:9px;
background:var(--mid-primary-soft);
color:var(--mid-primary);
flex:0 0 auto;
}
.client-shell-body .client-funding-list .activity-card--action {
display:grid;
grid-template-columns:32px minmax(0,1fr) auto;
align-items:center;
gap:10px;
text-decoration:none;
}
.client-shell-body .client-funding-list .activity-card--action > span:nth-child(2) {
min-width:0;
}
.client-shell-body .client-funding-list .activity-card--action > span:nth-child(2) strong,
.client-shell-body .client-funding-list .activity-card--action > span:nth-child(2) small {
display:block;
}
.client-shell-body .client-funding-list .activity-card--action > span:nth-child(2) small {
margin-top:2px;
}
.client-shell-body .client-funding-list .activity-card--action > .fa-chevron-right {
color:var(--mid-muted);
font-size:.7rem;
}
.client-shell-body .client-module-stat-grid {
margin-bottom:16px;
}
.client-shell-body .client-module-stat-grid > article {
height:100%;
}
.client-shell-body .client-context-nav[aria-label="Services navigation"] {
overflow-x:auto;
scrollbar-width:thin;
}
.client-shell-body .client-context-nav[aria-label="Services navigation"] .client-context-nav__item {
flex:0 0 auto;
}
.client-shell-body .client-context-nav[aria-label="Account navigation"] {
overflow-x:auto;
scrollbar-width:thin;
}
.client-shell-body .client-context-nav[aria-label="Account navigation"] .client-context-nav__item {
flex:0 0 auto;
}
.client-shell-body .mid-card-head > .btn,
.client-shell-body .surface-head > .btn {
flex:0 0 auto;
}
@media (max-width:991.98px) {
.client-shell-body .client-module-form-card {
position:static;
}
.client-shell-body .client-credit-grid {
grid-template-columns:1fr;
}
}
@media (max-width:767.98px) {
.client-shell-body .client-module-metrics {
margin-bottom:12px;
}
.client-shell-body .client-module-stat-grid {
margin-bottom:12px;
}
.client-shell-body .client-module-form-card .surface-head,
.client-shell-body .client-module-panel .surface-head,
.client-shell-body .mid-card-head {
align-items:flex-start;
}
.client-shell-body .mid-card-head > .btn,
.client-shell-body .surface-head > .btn {
width:100%;
justify-content:center;
}
.client-shell-body .client-audit-list .phase118-history-item {
grid-template-columns:30px minmax(0,1fr);
padding:9px 10px;
}
.client-shell-body .client-audit-icon,
.client-shell-body .client-activity-icon {
width:30px;
height:30px;
}
}
/* Phase 150 — storefront product-card hierarchy + SSL navigation icon Keep all Makeitdomain first-party styling in this single stylesheet. */
.client-commerce-main .storefront-products {
grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
gap:16px;
align-items:stretch;
}
.client-commerce-main .store-card,
.client-commerce-main .catalog-card {
padding:0;
overflow:hidden;
border-radius:16px;
box-shadow:0 10px 30px rgba(15,23,42,.045);
}
.client-commerce-main .store-card--featured {
border-color:color-mix(in srgb,var(--mid-primary) 42%,var(--mid-line));
box-shadow:0 14px 36px rgba(14,165,164,.10);
}
.client-commerce-main .store-card__topline {
min-height:74px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:16px 18px;
border-bottom:1px solid var(--mid-line);
background:linear-gradient(180deg,color-mix(in srgb,var(--mid-panel-2) 88%,transparent),var(--mid-panel));
}
.client-commerce-main .store-card__identity {
min-width:0;
display:flex;
align-items:center;
gap:11px;
}
.client-commerce-main .store-card__identity-icon {
flex:0 0 40px;
width:40px;
height:40px;
display:grid;
place-items:center;
border:1px solid color-mix(in srgb,var(--mid-primary) 18%,var(--mid-line));
border-radius:11px;
background:color-mix(in srgb,var(--mid-primary) 8%,var(--mid-panel));
color:var(--mid-primary);
font-size:.95rem;
}
.client-commerce-main .store-card__identity-copy { min-width:0;display:grid;gap:2px; }
.client-commerce-main .store-card__identity-copy span {
color:var(--mid-muted);
font-size:.62rem;
font-weight:750;
line-height:1.2;
letter-spacing:.08em;
text-transform:uppercase;
}
.client-commerce-main .store-card__identity-copy strong {
min-width:0;
overflow:hidden;
color:var(--mid-ink);
font-size:.92rem;
font-weight:850;
line-height:1.25;
text-overflow:ellipsis;
white-space:nowrap;
}
.client-commerce-main .store-card__featured {
flex:0 0 auto;
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 9px;
border:1px solid #fde68a;
border-radius:999px;
background:#fffbeb;
color:#92400e;
font-size:.62rem;
font-weight:800;
line-height:1;
}
.client-commerce-main .store-card__intro { padding:18px 18px 0; }
.client-commerce-main .store-card__title {
margin:0;
color:var(--mid-ink);
font-size:1rem;
font-weight:850;
line-height:1.3;
letter-spacing:-.02em;
}
.client-commerce-main .store-card__copy {
min-height:3em;
margin:7px 0 0;
color:var(--mid-muted);
font-size:.73rem;
line-height:1.55;
}
.client-commerce-main .store-card__price-panel {
margin:16px 18px 0;
padding:13px 14px;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:14px;
border:1px solid var(--mid-line);
border-radius:12px;
background:var(--mid-panel-2);
}
.client-commerce-main .store-card__price-caption {
display:block;
margin-bottom:3px;
color:var(--mid-muted);
font-size:.61rem;
font-weight:750;
letter-spacing:.04em;
text-transform:uppercase;
}
.client-commerce-main .store-card__price,
.client-commerce-main .catalog-card__price {
margin:0;
color:var(--mid-ink);
font-size:1.32rem;
font-weight:900;
line-height:1.15;
letter-spacing:-.035em;
}
.client-commerce-main .store-card__price-note {
display:inline-flex;
align-items:center;
gap:5px;
color:var(--mid-muted);
font-size:.6rem;
font-weight:700;
white-space:nowrap;
}
.client-commerce-main .store-card__meta {
display:flex;
flex-wrap:wrap;
gap:7px;
padding:13px 18px 0;
}
.client-commerce-main .store-card__meta span {
display:inline-flex;
align-items:center;
gap:5px;
padding:6px 8px;
border:1px solid var(--mid-line);
border-radius:8px;
background:var(--mid-panel);
color:var(--mid-muted);
font-size:.62rem;
line-height:1;
}
.client-commerce-main .store-card__meta i { color:var(--mid-primary); }
.client-commerce-main .store-card__meta strong { color:var(--mid-ink);font-weight:850; }
.client-commerce-main .store-card__feature-block { padding:16px 18px 2px; }
.client-commerce-main .store-card__section-label {
display:block;
margin:0 0 9px;
color:var(--mid-ink);
font-size:.67rem;
font-weight:850;
letter-spacing:.02em;
}
.client-commerce-main .store-card__features {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px 12px;
margin:0;
}
.client-commerce-main .store-card__features li {
min-width:0;
display:flex;
align-items:flex-start;
gap:7px;
color:var(--mid-ink-soft);
font-size:.67rem;
line-height:1.42;
}
.client-commerce-main .store-card__feature-icon {
flex:0 0 18px;
width:18px;
height:18px;
display:grid;
place-items:center;
margin-top:1px;
border-radius:50%;
background:color-mix(in srgb,var(--mid-primary) 10%,var(--mid-panel));
color:var(--mid-primary);
font-size:.52rem;
}
.client-commerce-main .store-card__form {
margin-top:auto;
padding:16px 18px 18px;
gap:12px;
border-top:1px solid var(--mid-line);
background:color-mix(in srgb,var(--mid-panel-2) 42%,var(--mid-panel));
}
.client-commerce-main .store-card__form-section {
display:grid;
gap:8px;
padding:12px;
border:1px solid var(--mid-line);
border-radius:11px;
background:var(--mid-panel);
}
.client-commerce-main .store-card__form-section-head {
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
}
.client-commerce-main .store-card__form-section-head .store-card__section-label { margin:0; }
.client-commerce-main .store-card__form-section-head small { color:var(--mid-muted);font-size:.59rem; }
.client-commerce-main .store-pricing-list { gap:7px; }
.client-commerce-main .store-pricing-option {
min-width:0;
padding:9px 10px;
border-radius:9px;
background:var(--mid-panel-2);
}
.client-commerce-main .store-pricing-option__body { align-items:center; }
.client-commerce-main .store-pricing-option__body strong { color:var(--mid-ink);font-size:.68rem; }
.client-commerce-main .store-pricing-option__body small { color:var(--mid-muted);font-size:.61rem;text-align:right; }
.client-commerce-main .store-duration { gap:8px; }
.client-commerce-main .store-duration > .form-label,
.client-commerce-main .store-card__form-section > .form-label { margin:0;color:var(--mid-ink);font-size:.67rem;font-weight:850; }
.client-commerce-main .store-duration__grid { gap:8px; }
.client-commerce-main .store-duration__chip {
min-height:40px;
display:flex;
align-items:center;
padding:0 11px;
border:1px solid var(--mid-line);
border-radius:9px;
background:var(--mid-panel-2);
color:var(--mid-ink-soft);
font-size:.66rem;
font-weight:700;
}
.client-commerce-main .store-card__quote {
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px 13px;
border:1px solid color-mix(in srgb,var(--mid-primary) 22%,var(--mid-line));
border-radius:11px;
background:color-mix(in srgb,var(--mid-primary) 6%,var(--mid-panel));
}
.client-commerce-main .store-card__quote-label { color:var(--mid-muted);font-size:.61rem;font-weight:750; }
.client-commerce-main .store-card__quote strong { margin-left:auto;color:var(--mid-ink);font-size:.85rem;font-weight:900;white-space:nowrap; }
.client-commerce-main .store-card__quote small { display:none; }
.client-commerce-main .store-card__footer {
display:grid;
gap:8px;
margin-top:0;
padding-top:0;
border-top:0;
}
.client-commerce-main .store-card__footer > small {
color:var(--mid-muted);
font-size:.59rem;
text-align:center;
}
.client-commerce-main .store-card__footer .btn { min-height:42px;font-weight:800; }
html[data-theme="dark"] .client-commerce-main .store-card__featured {
border-color:rgba(245,158,11,.30);
background:rgba(146,64,14,.18);
color:#fcd34d;
}
html[data-theme="dark"] .client-commerce-main .store-card__topline,
html[data-theme="dark"] .client-commerce-main .store-card__form,
html[data-theme="dark"] .client-commerce-main .store-card__price-panel,
html[data-theme="dark"] .client-commerce-main .store-card__form-section,
html[data-theme="dark"] .client-commerce-main .store-duration__chip,
html[data-theme="dark"] .client-commerce-main .store-pricing-option {
background:var(--mid-panel-2);
}
@media (max-width:1279.98px) {
.client-commerce-main .storefront-products { grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); }
}
@media (max-width:767.98px) {
.client-commerce-main .store-card__features { grid-template-columns:1fr; }
.client-commerce-main .store-card__price-panel { align-items:flex-start; }
.client-commerce-main .store-card__price-note { margin-top:4px; }
}
@media (max-width:479.98px) {
.client-commerce-main .store-card__topline,
.client-commerce-main .store-card__price-panel,
.client-commerce-main .store-card__quote { align-items:flex-start;flex-direction:column; }
.client-commerce-main .store-card__quote strong { margin-left:0; }
.client-commerce-main .store-card__price-note { white-space:normal; }
.client-commerce-main .store-duration__grid { grid-template-columns:1fr; }
}
/* Phase 151 — client billing, invoice and order record hierarchy Continue the Makeitdomain client UI in the single first-party stylesheet. */
.client-shell-body .client-billing-attention {
margin:0 0 14px;
overflow:hidden;
border:1px solid color-mix(in srgb,#d97706 20%,var(--mid-line));
border-radius:12px;
background:var(--mid-panel);
box-shadow:0 6px 20px rgba(15,23,42,.025);
}
.client-shell-body .client-billing-attention__head {
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:12px 14px;
border-bottom:1px solid var(--mid-line);
background:color-mix(in srgb,#f59e0b 5%,var(--mid-panel));
}
.client-shell-body .client-billing-attention__head > div {
min-width:0;
display:flex;
align-items:center;
gap:10px;
}
.client-shell-body .client-billing-attention__icon {
flex:0 0 34px;
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:9px;
background:#fff7ed;
color:#c2410c;
font-size:.72rem;
}
.client-shell-body .client-billing-attention__head h2 {
margin:0;
color:var(--mid-ink);
font-size:.76rem;
font-weight:850;
}
.client-shell-body .client-billing-attention__head p {
margin:2px 0 0;
color:var(--mid-muted)!important;
font-size:.61rem;
line-height:1.4;
}
.client-shell-body .client-billing-attention__count {
flex:0 0 auto;
display:inline-flex;
align-items:center;
min-height:25px;
padding:4px 8px;
border:1px solid #fed7aa;
border-radius:999px;
background:#fff7ed;
color:#9a3412;
font-size:.58rem;
font-weight:800;
}
.client-shell-body .client-billing-attention__list { display:grid; }
.client-shell-body .client-billing-alert {
min-width:0;
display:grid;
grid-template-columns:34px minmax(0,1fr) auto;
align-items:center;
gap:10px;
padding:11px 14px;
border-top:1px solid var(--mid-line);
}
.client-shell-body .client-billing-alert:first-child { border-top:0; }
.client-shell-body .client-billing-alert__mark {
width:34px;
height:34px;
display:grid;
place-items:center;
border:1px solid var(--mid-line);
border-radius:9px;
background:var(--mid-panel-2);
color:#d97706;
font-size:.68rem;
}
.client-shell-body .client-billing-alert--renewal .client-billing-alert__mark { color:var(--mid-primary-strong); }
.client-shell-body .client-billing-alert__body { min-width:0; }
.client-shell-body .client-billing-alert__title {
display:flex;
align-items:center;
gap:7px;
flex-wrap:wrap;
}
.client-shell-body .client-billing-alert__title strong {
min-width:0;
color:var(--mid-ink);
font-size:.7rem;
line-height:1.3;
overflow-wrap:anywhere;
}
.client-shell-body .client-billing-alert__body p {
margin:3px 0 0;
color:var(--mid-muted)!important;
font-size:.61rem;
line-height:1.45;
}
.client-shell-body .client-billing-alert > .btn {
min-width:78px;
justify-content:center;
}
.client-shell-body .client-billing-panel .mid-card-head { margin-bottom:4px; }
.client-shell-body .client-billing-table .client-money-value {
color:var(--mid-ink);
font-size:.68rem;
font-weight:850;
white-space:nowrap;
}
.client-shell-body .client-billing-table th:last-child,
.client-shell-body .client-billing-table td:last-child { min-width:142px; }
.client-shell-body .client-financial-record {
grid-template-columns:minmax(0,1.55fr) minmax(270px,.68fr);
}
.client-shell-body .client-record-primary {
overflow:hidden;
padding:0;
}
.client-shell-body .client-record-primary > .surface-head {
margin:0;
padding:15px 16px 13px;
border-bottom:1px solid var(--mid-line);
}
.client-shell-body .client-record-summary-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
border-bottom:1px solid var(--mid-line);
background:var(--mid-panel-2);
}
.client-shell-body .client-record-summary-grid > div {
min-width:0;
padding:11px 14px;
border-left:1px solid var(--mid-line);
}
.client-shell-body .client-record-summary-grid > div:first-child { border-left:0; }
.client-shell-body .client-record-summary-grid span,
.client-shell-body .client-record-summary-grid strong { display:block;overflow-wrap:anywhere; }
.client-shell-body .client-record-summary-grid span {
margin-bottom:3px;
color:var(--mid-muted);
font-size:.56rem;
font-weight:750;
text-transform:uppercase;
letter-spacing:.035em;
}
.client-shell-body .client-record-summary-grid strong {
color:var(--mid-ink);
font-size:.65rem;
font-weight:800;
line-height:1.4;
}
.client-shell-body .client-record-items { padding:14px 16px 16px; }
.client-shell-body .client-record-items__head {
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:12px;
padding:0 0 7px 44px;
color:var(--mid-muted);
font-size:.55rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.045em;
}
.client-shell-body .client-record-item {
min-width:0;
display:grid;
grid-template-columns:34px minmax(0,1fr) auto;
align-items:center;
gap:10px;
min-height:58px;
padding:9px 0;
border-top:1px solid var(--mid-line);
}
.client-shell-body .client-record-item__icon {
width:34px;
height:34px;
display:grid;
place-items:center;
border:1px solid color-mix(in srgb,var(--mid-primary) 18%,var(--mid-line));
border-radius:9px;
background:color-mix(in srgb,var(--mid-primary) 7%,var(--mid-panel));
color:var(--mid-primary-strong);
font-size:.65rem;
}
.client-shell-body .client-record-item__body { min-width:0; }
.client-shell-body .client-record-item__body strong,
.client-shell-body .client-record-item__body small { display:block;overflow-wrap:anywhere; }
.client-shell-body .client-record-item__body strong { color:var(--mid-ink);font-size:.69rem;line-height:1.35; }
.client-shell-body .client-record-item__body small { margin-top:2px;color:var(--mid-muted);font-size:.59rem;line-height:1.35; }
.client-shell-body .client-record-item__meta {
max-width:190px;
color:var(--mid-ink-soft);
font-size:.61rem;
font-weight:750;
line-height:1.35;
text-align:right;
}
.client-shell-body .client-record-empty {
display:flex;
align-items:flex-start;
gap:10px;
padding:14px;
border:1px dashed var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
color:var(--mid-muted);
}
.client-shell-body .client-record-empty > i {
margin-top:2px;
color:var(--mid-primary);
}
.client-shell-body .client-record-empty strong,
.client-shell-body .client-record-empty span { display:block; }
.client-shell-body .client-record-empty strong { color:var(--mid-ink);font-size:.66rem; }
.client-shell-body .client-record-empty span { margin-top:2px;font-size:.59rem;line-height:1.4; }
.client-shell-body .client-record-empty--compact { padding:10px; }
.client-shell-body .client-record-total {
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin-top:12px;
padding:12px 13px;
border:1px solid color-mix(in srgb,var(--mid-primary) 20%,var(--mid-line));
border-radius:10px;
background:color-mix(in srgb,var(--mid-primary) 5%,var(--mid-panel));
}
.client-shell-body .client-record-total > span:first-child small,
.client-shell-body .client-record-total > span:first-child strong { display:block; }
.client-shell-body .client-record-total > span:first-child small { color:var(--mid-muted);font-size:.56rem;font-weight:750;text-transform:uppercase; }
.client-shell-body .client-record-total > span:first-child strong { margin-top:2px;color:var(--mid-ink);font-size:.88rem;font-weight:900;letter-spacing:-.02em; }
.client-shell-body .client-record-paid {
display:inline-flex;
align-items:center;
gap:6px;
color:#15803d;
font-size:.67rem;
font-weight:850;
}
.client-shell-body .client-linked-record {
min-width:0;
display:grid;
grid-template-columns:36px minmax(0,1fr) auto;
align-items:center;
gap:10px;
margin-top:10px;
padding:10px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel);
color:var(--mid-ink);
}
.client-shell-body .client-linked-record:hover {
border-color:#b6dfda;
background:#f2fcfa;
}
.client-shell-body .client-linked-record__icon,
.client-shell-body .client-provisioned-record__icon {
width:36px;
height:36px;
display:grid;
place-items:center;
border-radius:9px;
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
font-size:.65rem;
}
.client-shell-body .client-linked-record__body { min-width:0; }
.client-shell-body .client-linked-record__body strong,
.client-shell-body .client-linked-record__body small { display:block;overflow-wrap:anywhere; }
.client-shell-body .client-linked-record__body strong { font-size:.68rem; }
.client-shell-body .client-linked-record__body small { margin-top:2px;color:var(--mid-muted);font-size:.58rem;line-height:1.35; }
.client-shell-body .client-linked-record > i { color:var(--mid-muted);font-size:.58rem; }
.client-shell-body .client-mini-record-list { display:grid;margin-top:8px; }
.client-shell-body .client-mini-record-list > a {
min-width:0;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:10px;
padding:9px 0;
border-top:1px solid var(--mid-line);
color:var(--mid-ink);
}
.client-shell-body .client-mini-record-list > a:first-child { border-top:0; }
.client-shell-body .client-mini-record-list strong,
.client-shell-body .client-mini-record-list small { display:block; }
.client-shell-body .client-mini-record-list strong { font-size:.65rem; }
.client-shell-body .client-mini-record-list small { margin-top:2px;color:var(--mid-muted);font-size:.56rem; }
.client-shell-body .client-mini-record-list > a > i { color:var(--mid-muted);font-size:.55rem; }
.client-shell-body .client-provisioned-list { display:grid;margin-top:8px; }
.client-shell-body .client-provisioned-record {
min-width:0;
display:grid;
grid-template-columns:36px minmax(0,1fr) auto;
align-items:center;
gap:9px;
padding:9px 0;
border-top:1px solid var(--mid-line);
}
.client-shell-body .client-provisioned-record:first-child { border-top:0; }
.client-shell-body .client-provisioned-record > span:nth-child(2) { min-width:0; }
.client-shell-body .client-provisioned-record strong,
.client-shell-body .client-provisioned-record small { display:block;overflow-wrap:anywhere; }
.client-shell-body .client-provisioned-record strong { color:var(--mid-ink);font-size:.65rem; }
.client-shell-body .client-provisioned-record small { margin-top:2px;color:var(--mid-muted);font-size:.56rem;line-height:1.35; }
.client-shell-body .client-record-help { display:grid;gap:9px; }
.client-shell-body .client-record-help__icon {
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:10px;
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
}
.client-shell-body .client-record-aside > .surface { overflow:hidden; }
html[data-theme="dark"] .client-shell-body .client-billing-attention__head {
background:rgba(120,53,15,.10);
}
html[data-theme="dark"] .client-shell-body .client-billing-attention__icon,
html[data-theme="dark"] .client-shell-body .client-billing-attention__count {
background:rgba(120,53,15,.18);
border-color:rgba(245,158,11,.24);
color:#fbbf24;
}
html[data-theme="dark"] .client-shell-body .client-linked-record:hover {
background:rgba(14,165,164,.08);
border-color:rgba(45,212,191,.24);
}
html[data-theme="dark"] .client-shell-body .client-record-paid { color:#86efac; }
@media (max-width:1199.98px) {
.client-shell-body .client-financial-record { grid-template-columns:minmax(0,1.35fr) minmax(250px,.72fr); }
}
@media (max-width:991.98px) {
.client-shell-body .client-financial-record { grid-template-columns:1fr; }
.client-shell-body .client-record-aside { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.client-shell-body .client-record-aside > .surface { position:static;top:auto; }
}
@media (max-width:767.98px) {
.client-shell-body .client-billing-attention__head { align-items:flex-start; }
.client-shell-body .client-billing-alert {
grid-template-columns:34px minmax(0,1fr);
align-items:start;
}
.client-shell-body .client-billing-alert > .btn { grid-column:2;justify-self:start; }
.client-shell-body .client-record-summary-grid { grid-template-columns:1fr; }
.client-shell-body .client-record-summary-grid > div { border-left:0;border-top:1px solid var(--mid-line); }
.client-shell-body .client-record-summary-grid > div:first-child { border-top:0; }
.client-shell-body .client-record-items__head { display:none; }
.client-shell-body .client-record-item { grid-template-columns:34px minmax(0,1fr); }
.client-shell-body .client-record-item__meta { grid-column:2;max-width:none;text-align:left; }
.client-shell-body .client-record-total { align-items:flex-start;flex-direction:column; }
.client-shell-body .client-record-total .btn { width:100%;justify-content:center; }
.client-shell-body .client-record-aside { grid-template-columns:1fr; }
}
@media (max-width:479.98px) {
.client-shell-body .client-billing-attention__head { flex-direction:column; }
.client-shell-body .client-billing-alert { padding:10px 11px; }
.client-shell-body .client-record-primary > .surface-head,
.client-shell-body .client-record-items { padding-left:12px;padding-right:12px; }
}
/* Phase 152 — client support, profile, notification and security UI refinement Keeps all first-party client styling inside the single Makeitdomain CSS file. */
.client-shell-body .client-section-eyebrow {
display:block;
margin-bottom:3px;
color:var(--mid-primary-strong);
font-size:.625rem;
font-weight:850;
letter-spacing:.06em;
text-transform:uppercase;
}
.client-shell-body .client-module-heading {
min-width:0;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
}
.client-shell-body .client-module-heading h2 {
margin:0;
color:var(--mid-ink);
font-size:.9rem;
font-weight:850;
letter-spacing:-.02em;
}
.client-shell-body .client-module-heading p {
max-width:680px;
margin:4px 0 0;
color:var(--mid-muted)!important;
font-size:.72rem;
line-height:1.5;
}
.client-shell-body .client-module-heading__icon {
width:36px;
height:36px;
flex:none;
display:grid;
place-items:center;
border:1px solid color-mix(in srgb,var(--mid-primary) 18%,var(--mid-line));
border-radius:10px;
background:color-mix(in srgb,var(--mid-primary) 7%,var(--mid-panel));
color:var(--mid-primary-strong);
font-size:.72rem;
}
.client-shell-body .client-icon-button {
width:32px;
height:32px;
flex:none;
display:grid;
place-items:center;
border:1px solid var(--mid-line);
border-radius:8px;
background:var(--mid-panel);
color:var(--mid-primary-strong);
box-shadow:0 2px 8px rgba(15,23,42,.025);
}
.client-shell-body .client-icon-button:hover {
border-color:#b6dfda;
background:var(--mid-primary-soft);
}
.client-shell-body .client-search-field {
min-width:0;
display:grid;
grid-template-columns:18px minmax(0,1fr);
align-items:center;
gap:6px;
min-height:38px;
padding:0 10px;
border:1px solid var(--mid-line);
border-radius:9px;
background:var(--mid-panel);
color:var(--mid-muted);
cursor:text;
}
.client-shell-body .client-search-field:focus-within {
border-color:color-mix(in srgb,var(--mid-primary) 52%,var(--mid-line));
box-shadow:var(--mid-focus);
}
.client-shell-body .client-search-field > i { font-size:.66rem; }
.client-shell-body .client-search-field .form-control {
min-width:0;
min-height:36px!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.client-shell-body .client-support-overview .client-support-pin-stat strong {
font-size:.96rem;
letter-spacing:.09em;
}
.client-shell-body .client-support-workspace {
grid-template-columns:minmax(250px,320px) minmax(0,1fr);
min-height:590px;
border-radius:12px;
box-shadow:0 7px 28px rgba(15,23,42,.035);
}
.client-shell-body .client-support-queue {
padding:0;
background:var(--mid-panel-2);
}
.client-shell-body .client-support-queue__head {
min-width:0;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
padding:15px 15px 10px;
}
.client-shell-body .client-support-queue__head h2 {
margin:0;
color:var(--mid-ink);
font-size:.82rem;
font-weight:850;
}
.client-shell-body .client-support-queue__head p {
margin:3px 0 0;
color:var(--mid-muted)!important;
font-size:.66rem;
}
.client-shell-body .client-support-queue > .client-search-field {
margin:0 15px 10px;
}
.client-shell-body .client-ticket-feed {
max-height:500px;
padding:0 8px 10px;
}
.client-shell-body .client-ticket-item {
margin:0 0 6px!important;
padding:11px!important;
border:1px solid transparent!important;
border-radius:9px!important;
}
.client-shell-body .client-ticket-item:hover {
border-color:var(--mid-line)!important;
background:var(--mid-panel)!important;
}
.client-shell-body .client-ticket-item.is-active {
border-color:color-mix(in srgb,var(--mid-primary) 32%,var(--mid-line))!important;
background:var(--mid-panel)!important;
box-shadow:0 5px 18px rgba(15,23,42,.035)!important;
}
.client-shell-body .client-ticket-item h3 {
max-width:170px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.client-shell-body .client-ticket-item__meta {
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-top:8px;
}
.client-shell-body .client-ticket-item__meta > span {
color:var(--mid-primary-strong);
font-size:.62rem;
font-weight:800;
letter-spacing:.025em;
}
.client-shell-body .client-ticket-item__meta small {
margin:0!important;
color:var(--mid-muted);
font-size:.6rem!important;
text-align:right;
}
.client-shell-body .client-support-queue-empty {
display:grid;
justify-items:center;
gap:5px;
padding:34px 16px;
text-align:center;
}
.client-shell-body .client-support-queue-empty > span {
width:40px;
height:40px;
display:grid;
place-items:center;
margin-bottom:3px;
border-radius:11px;
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
}
.client-shell-body .client-support-queue-empty strong { color:var(--mid-ink);font-size:.72rem; }
.client-shell-body .client-support-queue-empty small { color:var(--mid-muted);font-size:.63rem;line-height:1.4; }
.client-shell-body .client-support-thread__head {
align-items:flex-start;
padding:16px 18px 13px;
}
.client-shell-body .client-support-thread__identity { min-width:0; }
.client-shell-body .client-support-thread__identity h2 {
max-width:720px;
overflow-wrap:anywhere;
}
.client-shell-body .client-support-thread__meta {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:7px 12px;
margin-top:7px;
}
.client-shell-body .client-support-thread__meta > span {
display:inline-flex;
align-items:center;
gap:5px;
color:var(--mid-muted);
font-size:.63rem;
font-weight:650;
}
.client-shell-body .client-support-thread__meta i { color:var(--mid-primary-strong);font-size:.58rem; }
.client-shell-body .client-support-verification-bar {
display:flex;
align-items:center;
gap:9px;
min-height:42px;
padding:7px 18px;
border-bottom:1px solid var(--mid-line);
background:color-mix(in srgb,var(--mid-primary) 4%,var(--mid-panel));
}
.client-shell-body .client-support-verification-bar > span {
display:inline-flex;
align-items:center;
gap:6px;
color:var(--mid-muted);
font-size:.64rem;
font-weight:700;
}
.client-shell-body .client-support-verification-bar > span i { color:var(--mid-primary-strong); }
.client-shell-body .client-support-verification-bar > strong {
color:var(--mid-ink);
font-size:.72rem;
letter-spacing:.08em;
}
.client-shell-body .client-support-verification-bar .client-copy-icon {
width:26px;
height:26px;
min-height:26px;
}
.client-shell-body .client-support-messages {
min-height:330px;
max-height:430px;
padding:20px;
}
.client-shell-body .client-support-messages .chat-bubble {
padding:11px 13px;
border-radius:11px;
}
.client-shell-body .client-support-composer {
padding:13px 16px 14px;
}
.client-shell-body .client-support-reply {
grid-template-columns:minmax(0,1fr) auto;
align-items:end;
}
.client-shell-body .client-support-reply__field { min-width:0; }
.client-shell-body .client-support-reply__field label {
display:block;
margin-bottom:5px;
color:var(--mid-ink-soft);
font-size:.64rem;
font-weight:800;
}
.client-shell-body .client-support-reply textarea { min-height:76px; }
.client-shell-body .client-support-reply > .btn {
min-width:112px;
min-height:42px;
justify-content:center;
}
.client-shell-body .client-support-reply > .btn span { display:inline; }
.client-shell-body .client-support-status {
grid-template-columns:auto minmax(140px,190px) auto;
justify-content:end;
padding-top:10px;
border-top:1px solid var(--mid-line);
}
.client-shell-body .client-support-status label { color:var(--mid-muted);font-weight:750; }
.client-shell-body .client-ticket-intake {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(240px,320px);
padding:0;
overflow:hidden;
}
.client-shell-body .client-ticket-intake__form { min-width:0;padding:17px 18px 18px; }
.client-shell-body .client-ticket-intake__form .client-module-heading { margin-bottom:14px; }
.client-shell-body .client-ticket-intake__aside {
padding:18px;
border-left:1px solid var(--mid-line);
background:var(--mid-panel-2);
}
.client-shell-body .client-ticket-intake__icon {
width:38px;
height:38px;
display:grid;
place-items:center;
margin-bottom:10px;
border-radius:10px;
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
}
.client-shell-body .client-ticket-intake__aside h3 { margin:0;color:var(--mid-ink);font-size:.76rem; }
.client-shell-body .client-ticket-intake__aside ul { display:grid;gap:8px;margin:10px 0 0;padding-left:18px;color:var(--mid-muted);font-size:.66rem;line-height:1.45; }
.client-shell-body .client-ticket-intake__actions { padding-top:4px; }
.client-shell-body .client-ticket-intake__actions > span strong { color:var(--mid-ink);letter-spacing:.07em; }
.client-shell-body .client-profile-workspace {
grid-template-columns:minmax(245px,300px) minmax(0,1fr);
align-items:start;
}
.client-shell-body .client-profile-summary {
position:sticky;
top:calc(var(--mid-topbar-height) + 18px);
padding:18px;
}
.client-shell-body .client-profile-summary__identity {
min-width:0;
display:grid;
grid-template-columns:58px minmax(0,1fr);
align-items:center;
gap:12px;
padding-bottom:15px;
border-bottom:1px solid var(--mid-line);
}
.client-shell-body .client-profile-summary__identity .profile-avatar-large { margin:0; }
.client-shell-body .client-profile-summary__identity h2 {
margin:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.client-shell-body .client-profile-summary__identity p {
margin:3px 0 0;
overflow:hidden;
color:var(--mid-muted)!important;
font-size:.66rem;
text-overflow:ellipsis;
white-space:nowrap;
}
.client-shell-body .client-profile-fact-list { display:grid;padding:7px 0; }
.client-shell-body .client-profile-fact-list > div {
min-width:0;
display:grid;
grid-template-columns:30px minmax(0,1fr);
align-items:center;
gap:9px;
padding:9px 0;
border-bottom:1px solid var(--mid-line);
}
.client-shell-body .client-profile-fact-list > div:last-child { border-bottom:0; }
.client-shell-body .client-profile-fact-list__icon {
width:30px;
height:30px;
display:grid;
place-items:center;
border-radius:8px;
background:var(--mid-panel-2);
color:var(--mid-primary-strong);
font-size:.63rem;
}
.client-shell-body .client-profile-fact-list small,
.client-shell-body .client-profile-fact-list strong { display:block;overflow-wrap:anywhere; }
.client-shell-body .client-profile-fact-list small { color:var(--mid-muted);font-size:.6rem;font-weight:700; }
.client-shell-body .client-profile-fact-list strong { margin-top:2px;color:var(--mid-ink);font-size:.68rem; }
.client-shell-body .client-support-pin-card {
margin-top:10px;
padding:12px;
border:1px solid color-mix(in srgb,var(--mid-primary) 20%,var(--mid-line));
border-radius:10px;
background:color-mix(in srgb,var(--mid-primary) 5%,var(--mid-panel));
}
.client-shell-body .client-support-pin-card__head {
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
}
.client-shell-body .client-support-pin-card__head > span { display:inline-flex;align-items:center;gap:6px;color:var(--mid-ink);font-size:.65rem;font-weight:850; }
.client-shell-body .client-support-pin-card__head > span i { color:var(--mid-primary-strong); }
.client-shell-body .client-support-pin-card__head small { color:var(--mid-muted);font-size:.58rem; }
.client-shell-body .client-support-pin-card__value { display:flex;align-items:center;gap:7px;margin:9px 0 7px; }
.client-shell-body .client-support-pin-card__value code {
flex:1;
min-width:0;
display:flex;
align-items:center;
min-height:32px;
padding:5px 9px;
border:1px solid var(--mid-line);
border-radius:8px;
background:var(--mid-panel);
color:var(--mid-ink);
font-size:.72rem;
font-weight:850;
letter-spacing:.08em;
overflow-wrap:anywhere;
}
.client-shell-body .client-support-pin-card > p { margin:0 0 10px;color:var(--mid-muted)!important;font-size:.61rem;line-height:1.45; }
.client-shell-body .client-settings-stack { display:grid;gap:12px; }
.client-shell-body .client-settings-snapshot {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
.client-shell-body .client-settings-snapshot__card {
min-width:0;
display:grid;
grid-template-columns:34px minmax(0,1fr);
align-items:center;
gap:9px;
padding:11px 12px!important;
}
.client-shell-body .client-settings-snapshot__icon {
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:9px;
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
font-size:.66rem;
}
.client-shell-body .client-settings-snapshot__card small,
.client-shell-body .client-settings-snapshot__card strong { display:block; }
.client-shell-body .client-settings-snapshot__card small { color:var(--mid-muted);font-size:.59rem;font-weight:700; }
.client-shell-body .client-settings-snapshot__card strong { margin-top:2px;color:var(--mid-ink);font-size:.69rem;overflow-wrap:anywhere; }
.client-shell-body .client-settings-card { overflow:hidden;padding:0!important; }
.client-shell-body .client-settings-card__head { padding:15px 16px 13px;border-bottom:1px solid var(--mid-line); }
.client-shell-body .client-settings-form { padding:15px 16px 16px; }
.client-shell-body .client-settings-form-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:13px;
}
.client-shell-body .client-field-group { min-width:0; }
.client-shell-body .client-field-group > small {
display:block;
margin-top:5px;
color:var(--mid-muted);
font-size:.59rem;
line-height:1.4;
}
.client-shell-body .client-settings-form__footer {
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:2px;
padding-top:13px;
border-top:1px solid var(--mid-line);
}
.client-shell-body .client-settings-form__footer > span {
display:inline-flex;
align-items:center;
gap:6px;
color:var(--mid-muted);
font-size:.61rem;
line-height:1.4;
}
.client-shell-body .client-settings-form__footer > span i { color:var(--mid-primary-strong); }
.client-shell-body .client-preference-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
.client-shell-body .client-preference-field {
min-width:0;
display:grid;
grid-template-columns:32px minmax(0,1fr);
align-items:start;
gap:9px;
padding:11px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
}
.client-shell-body .client-preference-field__icon {
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:8px;
background:var(--mid-panel);
color:var(--mid-primary-strong);
font-size:.64rem;
}
.client-shell-body .client-preference-field__copy { min-width:0; }
.client-shell-body .client-preference-field__copy strong,
.client-shell-body .client-preference-field__copy small { display:block; }
.client-shell-body .client-preference-field__copy strong { color:var(--mid-ink);font-size:.66rem; }
.client-shell-body .client-preference-field__copy small { margin-top:2px;color:var(--mid-muted);font-size:.58rem;line-height:1.35; }
.client-shell-body .client-preference-field > .form-select,
.client-shell-body .client-preference-field > .select2-container {
grid-column:1 / -1;
width:100%!important;
margin-top:2px;
}
.client-shell-body .client-notification-panel { padding:0;overflow:hidden; }
.client-shell-body .client-notification-toolbar {
min-width:0;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:16px;
padding:15px 16px 13px;
border-bottom:1px solid var(--mid-line);
}
.client-shell-body .client-notification-toolbar h2 {
margin:0;
color:var(--mid-ink);
font-size:.86rem;
font-weight:850;
}
.client-shell-body .client-notification-toolbar p {
margin:4px 0 0;
color:var(--mid-muted)!important;
font-size:.66rem;
line-height:1.45;
}
.client-shell-body .client-notification-search { width:min(320px,42%);flex:none; }
.client-shell-body .client-notification-list { padding:0 16px 6px; }
.client-shell-body .client-notification-item {
grid-template-columns:38px minmax(0,1fr) auto;
gap:12px;
padding:14px 2px;
background:transparent!important;
}
.client-shell-body .client-notification-item.is-unread::before {
content:"";
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
width:3px;
height:32px;
border-radius:999px;
background:var(--mid-primary);
}
.client-shell-body .client-notification-item { position:relative; }
.client-shell-body .client-notification-item.is-unread { padding-left:9px; }
.client-shell-body .client-notification-item__icon {
width:38px;
height:38px;
border-radius:10px;
}
.client-shell-body .client-notification-item__meta {
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
margin-bottom:3px;
}
.client-shell-body .client-notification-item__meta > span:last-child {
color:var(--mid-muted);
font-size:.59rem;
}
.client-shell-body .client-notification-category {
display:inline-flex;
align-items:center;
min-height:21px;
padding:2px 7px;
border:1px solid var(--mid-line);
border-radius:999px;
background:var(--mid-panel-2);
color:var(--mid-ink-soft)!important;
font-size:.57rem!important;
font-weight:800;
}
.client-shell-body .client-notification-item .mid-notification-row__title { gap:8px; }
.client-shell-body .client-notification-item .mid-notification-row__title strong { font-size:.72rem!important; }
.client-shell-body .client-notification-item__body p { margin-top:4px!important;font-size:.65rem!important;line-height:1.5!important; }
.client-shell-body .client-unread-label {
display:inline-flex;
align-items:center;
gap:4px;
color:var(--mid-primary-strong);
font-size:.57rem;
font-weight:850;
}
.client-shell-body .client-unread-label i { font-size:.34rem; }
.client-shell-body .client-notification-item__action { align-self:center; }
.client-shell-body .client-read-state {
display:inline-flex;
align-items:center;
gap:5px;
color:var(--mid-muted);
font-size:.6rem;
font-weight:750;
white-space:nowrap;
}
.client-shell-body .client-notification-empty { margin:0; }
.client-shell-body .client-security-overview .client-stat-date { font-size:.9rem; }
.client-shell-body .client-security-layout {
display:grid;
grid-template-columns:minmax(0,1.5fr) minmax(260px,.62fr);
gap:13px;
align-items:start;
margin-bottom:13px;
}
.client-shell-body .client-security-primary,
.client-shell-body .client-security-checklist,
.client-shell-body .client-vettiguard-card {
overflow:hidden;
border-radius:11px;
box-shadow:0 4px 18px rgba(15,23,42,.025);
}
.client-shell-body .client-security-primary { padding:0!important; }
.client-shell-body .client-security-primary__head { padding:15px 16px 13px;border-bottom:1px solid var(--mid-line); }
.client-shell-body .client-security-action-state {
display:grid;
grid-template-columns:42px minmax(0,1fr);
gap:12px;
align-items:start;
margin:15px 16px 0;
padding:13px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
}
.client-shell-body .client-security-action-state__icon {
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:10px;
background:var(--mid-panel);
color:var(--mid-primary-strong);
font-size:.8rem;
}
.client-shell-body .client-security-action-state strong { display:block;color:var(--mid-ink);font-size:.7rem; }
.client-shell-body .client-security-action-state p { margin:3px 0 0;color:var(--mid-muted)!important;font-size:.62rem;line-height:1.5; }
.client-shell-body .client-security-action-state--success {
border-color:color-mix(in srgb,#16a34a 24%,var(--mid-line));
background:color-mix(in srgb,#16a34a 5%,var(--mid-panel));
}
.client-shell-body .client-security-action-state--success .client-security-action-state__icon { color:#15803d; }
.client-shell-body .client-security-primary__action { display:flex;justify-content:flex-end;padding:13px 16px 16px; }
.client-shell-body .client-mfa-setup { display:grid;gap:11px;padding:15px 16px 16px; }
.client-shell-body .client-mfa-step {
display:grid;
grid-template-columns:28px minmax(0,1fr);
gap:9px;
align-items:start;
}
.client-shell-body .client-mfa-step > span {
width:28px;
height:28px;
display:grid;
place-items:center;
border:1px solid var(--mid-line);
border-radius:50%;
background:var(--mid-panel-2);
color:var(--mid-muted);
font-size:.61rem;
font-weight:900;
}
.client-shell-body .client-mfa-step.is-complete > span,
.client-shell-body .client-mfa-step.is-current > span {
border-color:color-mix(in srgb,var(--mid-primary) 30%,var(--mid-line));
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
}
.client-shell-body .client-mfa-step strong,
.client-shell-body .client-mfa-step small { display:block; }
.client-shell-body .client-mfa-step strong { color:var(--mid-ink);font-size:.67rem; }
.client-shell-body .client-mfa-step small { margin-top:2px;color:var(--mid-muted);font-size:.59rem;line-height:1.4; }
.client-shell-body .client-mfa-secret {
margin-left:37px;
padding:11px;
border:1px solid var(--mid-line);
border-radius:9px;
background:var(--mid-panel-2);
}
.client-shell-body .client-mfa-secret > span { display:block;color:var(--mid-muted);font-size:.58rem;font-weight:750; }
.client-shell-body .client-mfa-secret > div { display:flex;align-items:center;gap:7px;margin:6px 0 4px; }
.client-shell-body .client-mfa-secret code {
flex:1;
min-width:0;
padding:7px 9px;
border:1px solid var(--mid-line);
border-radius:7px;
background:var(--mid-panel);
color:var(--mid-ink);
font-size:.7rem;
font-weight:800;
letter-spacing:.06em;
overflow-wrap:anywhere;
}
.client-shell-body .client-mfa-secret > small { color:var(--mid-muted);font-size:.57rem; }
.client-shell-body .client-mfa-uri { margin-left:37px;padding:0 2px; }
.client-shell-body .client-mfa-uri summary { color:var(--mid-primary-strong);font-size:.6rem;font-weight:750;cursor:pointer; }
.client-shell-body .client-mfa-uri > div { margin-top:7px;padding:8px;border:1px solid var(--mid-line);border-radius:7px;background:var(--mid-panel-2);color:var(--mid-muted);font-size:.57rem;overflow-wrap:anywhere; }
.client-shell-body .client-mfa-confirm-form {
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:end;
gap:10px;
margin-left:37px;
}
.client-shell-body .client-mfa-confirm-form .btn { min-height:40px; }
.client-shell-body .client-security-danger-zone {
margin:13px 16px 16px;
border:1px solid color-mix(in srgb,#dc2626 18%,var(--mid-line));
border-radius:9px;
overflow:hidden;
}
.client-shell-body .client-security-danger-zone summary {
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:11px 12px;
color:#b91c1c;
background:color-mix(in srgb,#dc2626 4%,var(--mid-panel));
font-size:.64rem;
font-weight:800;
cursor:pointer;
list-style:none;
}
.client-shell-body .client-security-danger-zone summary::-webkit-details-marker { display:none; }
.client-shell-body .client-security-danger-zone summary > span { display:inline-flex;align-items:center;gap:7px; }
.client-shell-body .client-security-danger-zone > form { padding:12px; }
.client-shell-body .client-recovery-codes {
margin:0 16px 16px;
padding:13px;
border:1px solid #f4d58d;
border-radius:10px;
background:#fffbeb;
}
.client-shell-body .client-recovery-codes header { display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start; }
.client-shell-body .client-recovery-codes header > span { width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fef3c7;color:#b45309; }
.client-shell-body .client-recovery-codes strong { display:block;color:#713f12;font-size:.68rem; }
.client-shell-body .client-recovery-codes p { margin:2px 0 0;color:#8a5a16!important;font-size:.59rem;line-height:1.4; }
.client-shell-body .client-recovery-code-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px; }
.client-shell-body .client-recovery-code-grid code { padding:7px 8px;border:1px solid #f1d18b;border-radius:7px;background:#fff;color:#713f12;font-size:.65rem;font-weight:800;letter-spacing:.04em; }
.client-shell-body .client-security-checklist { padding:15px!important; }
.client-shell-body .client-security-checklist__items { display:grid;margin-top:11px; }
.client-shell-body .client-security-checklist__items > div {
display:grid;
grid-template-columns:30px minmax(0,1fr);
gap:9px;
align-items:start;
padding:10px 0;
border-top:1px solid var(--mid-line);
}
.client-shell-body .client-security-checklist__items > div:first-child { border-top:0; }
.client-shell-body .client-security-checklist__items > div > span {
width:30px;
height:30px;
display:grid;
place-items:center;
border-radius:8px;
background:var(--mid-panel-2);
color:var(--mid-muted);
font-size:.61rem;
}
.client-shell-body .client-security-checklist__items > div.is-complete > span { background:color-mix(in srgb,#16a34a 10%,var(--mid-panel));color:#15803d; }
.client-shell-body .client-security-checklist__items strong,
.client-shell-body .client-security-checklist__items small { display:block; }
.client-shell-body .client-security-checklist__items strong { color:var(--mid-ink);font-size:.66rem; }
.client-shell-body .client-security-checklist__items small { margin-top:2px;color:var(--mid-muted);font-size:.58rem;line-height:1.4; }
.client-shell-body .client-security-note {
display:grid;
grid-template-columns:18px minmax(0,1fr);
gap:7px;
margin-top:10px;
padding:10px;
border:1px solid var(--mid-line);
border-radius:8px;
background:var(--mid-panel-2);
color:var(--mid-muted);
}
.client-shell-body .client-security-note i { color:var(--mid-primary-strong);margin-top:2px; }
.client-shell-body .client-security-note p { margin:0;color:var(--mid-muted)!important;font-size:.59rem;line-height:1.45; }
.client-shell-body .client-vettiguard-card { margin-bottom:13px;padding:0!important; }
.client-shell-body .client-vettiguard-card__head { padding:15px 16px 13px;border-bottom:1px solid var(--mid-line); }
.client-shell-body .client-vettiguard-features {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:0;
}
.client-shell-body .client-vettiguard-features > div {
min-width:0;
display:grid;
grid-template-columns:36px minmax(0,1fr);
gap:9px;
align-items:start;
padding:14px 16px;
border-left:1px solid var(--mid-line);
}
.client-shell-body .client-vettiguard-features > div:first-child { border-left:0; }
.client-shell-body .client-vettiguard-features > div > span { width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:var(--mid-primary-soft);color:var(--mid-primary-strong);font-size:.66rem; }
.client-shell-body .client-vettiguard-features strong,
.client-shell-body .client-vettiguard-features small { display:block; }
.client-shell-body .client-vettiguard-features strong { color:var(--mid-ink);font-size:.66rem; }
.client-shell-body .client-vettiguard-features small { margin-top:3px;color:var(--mid-muted);font-size:.58rem;line-height:1.45; }
.client-shell-body .client-vettiguard-actions {
display:flex;
align-items:flex-start;
gap:10px;
padding:11px 16px;
border-top:1px solid var(--mid-line);
background:var(--mid-panel-2);
}
.client-shell-body .client-vettiguard-actions > span { flex:none;padding-top:4px;color:var(--mid-muted);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em; }
.client-shell-body .client-vettiguard-actions > div { display:flex;flex-wrap:wrap;gap:6px; }
.client-shell-body .client-vettiguard-actions em { display:inline-flex;padding:4px 7px;border:1px solid var(--mid-line);border-radius:999px;background:var(--mid-panel);color:var(--mid-ink-soft);font-size:.57rem;font-style:normal;font-weight:750; }
.client-shell-body .client-session-panel { padding:0;overflow:hidden; }
.client-shell-body .client-session-toolbar { align-items:flex-start; }
.client-shell-body .client-session-table-wrap { margin:0; }
.client-shell-body .client-session-table { margin:0; }
.client-shell-body .client-session-table th:first-child,
.client-shell-body .client-session-table td:first-child { padding-left:16px; }
.client-shell-body .client-session-table th:last-child,
.client-shell-body .client-session-table td:last-child { padding-right:16px; }
.client-shell-body .client-session-network { display:inline-flex;align-items:center;gap:7px;color:var(--mid-ink); }
.client-shell-body .client-session-network i { color:var(--mid-primary-strong);font-size:.58rem; }
.client-shell-body .client-session-network strong { font-size:.64rem; }
.client-shell-body .client-session-agent {
display:block;
max-width:360px;
overflow:hidden;
color:var(--mid-ink-soft);
font-size:.61rem;
text-overflow:ellipsis;
white-space:nowrap;
}
html[data-theme="dark"] .client-shell-body .client-search-field,
html[data-theme="dark"] .client-shell-body .client-support-pin-card__value code,
html[data-theme="dark"] .client-shell-body .client-mfa-secret code { background:var(--mid-panel); }
html[data-theme="dark"] .client-shell-body .client-support-verification-bar,
html[data-theme="dark"] .client-shell-body .client-support-pin-card { background:rgba(14,165,164,.075); }
html[data-theme="dark"] .client-shell-body .client-security-action-state--success { background:rgba(22,163,74,.08);border-color:rgba(74,222,128,.2); }
html[data-theme="dark"] .client-shell-body .client-security-action-state--success .client-security-action-state__icon,
html[data-theme="dark"] .client-shell-body .client-security-checklist__items > div.is-complete > span { color:#86efac; }
html[data-theme="dark"] .client-shell-body .client-recovery-codes { background:rgba(120,53,15,.14);border-color:rgba(245,158,11,.24); }
html[data-theme="dark"] .client-shell-body .client-recovery-codes header > span,
html[data-theme="dark"] .client-shell-body .client-recovery-code-grid code { background:rgba(120,53,15,.18);border-color:rgba(245,158,11,.22);color:#fbbf24; }
html[data-theme="dark"] .client-shell-body .client-recovery-codes strong { color:#fde68a; }
html[data-theme="dark"] .client-shell-body .client-recovery-codes p { color:#fcd34d!important; }
html[data-theme="dark"] .client-shell-body .client-security-danger-zone summary { background:rgba(127,29,29,.12);color:#fca5a5; }
@media (max-width:1199.98px) {
.client-shell-body .client-support-workspace { grid-template-columns:minmax(235px,290px) minmax(0,1fr); }
.client-shell-body .client-preference-grid { grid-template-columns:1fr; }
.client-shell-body .client-security-layout { grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr); }
}
@media (max-width:991.98px) {
.client-shell-body .client-support-workspace { display:block;min-height:0;overflow:visible; }
.client-shell-body .client-support-queue { border-right:0;border-bottom:1px solid var(--mid-line); }
.client-shell-body .client-ticket-feed { max-height:285px; }
.client-shell-body .client-ticket-intake { grid-template-columns:1fr; }
.client-shell-body .client-ticket-intake__aside { border-left:0;border-top:1px solid var(--mid-line); }
.client-shell-body .client-profile-workspace { grid-template-columns:1fr; }
.client-shell-body .client-profile-summary { position:static;top:auto; }
.client-shell-body .client-profile-summary { display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:14px; }
.client-shell-body .client-profile-summary__identity,
.client-shell-body .client-profile-fact-list { grid-column:1; }
.client-shell-body .client-support-pin-card { grid-column:2;grid-row:1 / span 2;margin-top:0; }
.client-shell-body .client-security-layout { grid-template-columns:1fr; }
.client-shell-body .client-security-checklist { position:static; }
.client-shell-body .client-vettiguard-features { grid-template-columns:1fr; }
.client-shell-body .client-vettiguard-features > div { border-left:0;border-top:1px solid var(--mid-line); }
.client-shell-body .client-vettiguard-features > div:first-child { border-top:0; }
}
@media (max-width:767.98px) {
.client-shell-body .client-support-reply,
.client-shell-body .client-support-status { grid-template-columns:1fr; }
.client-shell-body .client-support-status { justify-content:stretch; }
.client-shell-body .client-support-reply > .btn,
.client-shell-body .client-support-status > .btn { width:100%; }
.client-shell-body .client-support-verification-bar { flex-wrap:wrap; }
.client-shell-body .client-ticket-intake__form,
.client-shell-body .client-ticket-intake__aside { padding:14px; }
.client-shell-body .client-settings-snapshot { grid-template-columns:1fr; }
.client-shell-body .client-settings-form-grid { grid-template-columns:1fr; }
.client-shell-body .client-settings-form__footer { align-items:flex-start;flex-direction:column; }
.client-shell-body .client-settings-form__footer .btn { width:100%;justify-content:center; }
.client-shell-body .client-profile-summary { display:block; }
.client-shell-body .client-support-pin-card { margin-top:10px; }
.client-shell-body .client-notification-toolbar { align-items:stretch;flex-direction:column; }
.client-shell-body .client-notification-search { width:100%; }
.client-shell-body .client-notification-item { grid-template-columns:38px minmax(0,1fr); }
.client-shell-body .client-notification-item__action { grid-column:2;justify-self:start; }
.client-shell-body .client-mfa-secret,
.client-shell-body .client-mfa-uri,
.client-shell-body .client-mfa-confirm-form { margin-left:0; }
.client-shell-body .client-mfa-confirm-form { grid-template-columns:1fr; }
.client-shell-body .client-mfa-confirm-form .btn { width:100%;justify-content:center; }
.client-shell-body .client-recovery-code-grid { grid-template-columns:1fr; }
.client-shell-body .client-vettiguard-actions { flex-direction:column; }
}
@media (max-width:479.98px) {
.client-shell-body .client-support-queue__head,
.client-shell-body .client-support-thread__head,
.client-shell-body .client-support-composer,
.client-shell-body .client-settings-card__head,
.client-shell-body .client-settings-form,
.client-shell-body .client-notification-toolbar,
.client-shell-body .client-security-primary__head,
.client-shell-body .client-vettiguard-card__head { padding-left:12px;padding-right:12px; }
.client-shell-body .client-support-queue > .client-search-field { margin-left:12px;margin-right:12px; }
.client-shell-body .client-support-messages { padding:12px; }
.client-shell-body .client-support-thread__meta { gap:6px 9px; }
.client-shell-body .client-support-verification-bar { padding-left:12px;padding-right:12px; }
.client-shell-body .client-profile-summary { padding:14px; }
.client-shell-body .client-profile-summary__identity { grid-template-columns:50px minmax(0,1fr); }
.client-shell-body .client-profile-summary__identity .profile-avatar-large { width:50px;height:50px; }
.client-shell-body .client-notification-list { padding-left:12px;padding-right:12px; }
.client-shell-body .client-security-action-state,
.client-shell-body .client-security-danger-zone,
.client-shell-body .client-recovery-codes { margin-left:12px;margin-right:12px; }
.client-shell-body .client-security-primary__action,
.client-shell-body .client-mfa-setup { padding-left:12px;padding-right:12px; }
.client-shell-body .client-session-table th:first-child,
.client-shell-body .client-session-table td:first-child { padding-left:12px; }
.client-shell-body .client-session-table th:last-child,
.client-shell-body .client-session-table td:last-child { padding-right:12px; }
}
/* Phase 153 — tabbed store, AJAX form feedback, customer-name continuity Keep all first-party styling in this single stylesheet. */
.client-shell-body .storefront-tabs {
display:flex;
grid-template-columns:none;
gap:6px;
width:100%;
padding:6px;
overflow-x:auto;
overflow-y:hidden;
border:1px solid var(--mid-line);
border-radius:14px;
background:var(--mid-panel-2);
scrollbar-width:thin;
scroll-snap-type:x proximity;
}
.client-shell-body .storefront-tab {
position:relative;
flex:1 1 0;
min-width:170px;
min-height:58px;
padding:9px 11px;
gap:9px;
border:1px solid transparent;
border-radius:10px;
background:transparent;
box-shadow:none;
color:var(--mid-ink-soft);
scroll-snap-align:start;
}
.client-shell-body .storefront-tab:hover {
border-color:var(--mid-line-strong);
background:var(--mid-panel);
color:var(--mid-ink);
}
.client-shell-body .storefront-tab.is-active {
border-color:rgba(var(--brand-primary-rgb),.24);
background:var(--mid-panel);
box-shadow:0 7px 20px rgba(15,23,42,.07);
color:var(--mid-primary-strong);
}
.client-shell-body .storefront-tab.is-active::after {
content:"";
position:absolute;
left:14px;
right:14px;
bottom:-7px;
height:2px;
border-radius:999px;
background:var(--mid-primary);
}
.client-shell-body .storefront-tab .storefront-pill__icon {
width:34px;
height:34px;
flex:none;
border-radius:9px;
}
.client-shell-body .storefront-tab .storefront-pill__body {
min-width:0;
flex:1;
}
.client-shell-body .storefront-tab .storefront-pill__body strong {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.client-shell-body .storefront-tab__chevron {
display:grid;
place-items:center;
width:20px;
height:20px;
flex:none;
color:var(--mid-muted);
font-size:.56rem;
transition:transform .18s ease,color .18s ease;
}
.client-shell-body .storefront-tab.is-active .storefront-tab__chevron {
color:var(--mid-primary-strong);
transform:rotate(90deg);
}
.client-shell-body .storefront-tab-panel[hidden] { display:none!important; }
.client-shell-body .storefront-tab-panel.is-active {
animation:midStoreTabIn .2s ease both;
}
@keyframes midStoreTabIn {
from { opacity:.35; transform:translateY(5px); }
to { opacity:1; transform:none; }
}
.client-shell-body .client-ajax-feedback {
display:flex;
align-items:flex-start;
gap:8px;
width:100%;
margin:0 0 10px;
padding:9px 11px;
border:1px solid var(--mid-line);
border-radius:9px;
font-size:.64rem;
font-weight:650;
line-height:1.45;
}
.client-shell-body .client-ajax-feedback i { margin-top:2px;flex:none; }
.client-shell-body .client-ajax-feedback.is-success {
border-color:rgba(22,163,74,.22);
background:rgba(22,163,74,.07);
color:#15803d;
}
.client-shell-body .client-ajax-feedback.is-danger {
border-color:rgba(220,38,38,.22);
background:rgba(220,38,38,.07);
color:#b91c1c;
}
html[data-theme="dark"] .client-shell-body .storefront-tab.is-active {
box-shadow:0 8px 24px rgba(0,0,0,.2);
}
html[data-theme="dark"] .client-shell-body .client-ajax-feedback.is-success { color:#86efac; }
html[data-theme="dark"] .client-shell-body .client-ajax-feedback.is-danger { color:#fca5a5; }
@media (max-width:767.98px) {
.client-shell-body .storefront-rail__lead { gap:8px; }
.client-shell-body .storefront-tabs {
margin-inline:-2px;
width:calc(100% + 4px);
padding:5px;
}
.client-shell-body .storefront-tab {
flex:0 0 min(76vw,230px);
min-width:0;
}
}
@media (max-width:479.98px) {
.client-shell-body .storefront-tab {
flex-basis:min(82vw,215px);
min-height:54px;
padding:8px 9px;
}
.client-shell-body .storefront-tab .storefront-pill__icon { width:31px;height:31px; }
.client-shell-body .client-ajax-feedback { padding:8px 9px;font-size:.61rem; }
}
/* Phase 154 — commerce, transfers and affiliate last-mile client UI One first-party stylesheet remains the project rule. */
.client-shell-body .client-section-icon {
display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid rgba(var(--brand-primary-rgb),.16);border-radius:11px;background:rgba(var(--brand-primary-rgb),.07);color:var(--mid-primary-strong);font-size:.82rem;
}
.client-shell-body .client-icon-action {
display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel);color:var(--mid-ink-soft);transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
.client-shell-body .client-icon-action:hover { border-color:var(--mid-line-strong);color:var(--mid-ink);transform:translateY(-1px); }
.client-shell-body .client-icon-action--danger:hover { border-color:rgba(220,38,38,.24);background:rgba(220,38,38,.07);color:#dc2626; }
.client-shell-body .client-cart-layout { display:grid;grid-template-columns:minmax(0,1.58fr) minmax(290px,.62fr);gap:18px;align-items:start;margin-top:16px; }
.client-shell-body .client-cart-products { padding:0;overflow:hidden; }
.client-shell-body .client-cart-head { padding:18px 18px 14px; }
.client-shell-body .client-cart-count { display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--mid-line);border-radius:999px;background:var(--mid-panel-2);color:var(--mid-ink-soft);font-size:.63rem;font-weight:800; }
.client-shell-body .client-cart-lines { border-top:1px solid var(--mid-line); }
.client-shell-body .client-cart-line { display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:start;padding:17px 18px;border-bottom:1px solid var(--mid-line);background:var(--mid-panel); }
.client-shell-body .client-cart-line:last-child { border-bottom:0; }
.client-shell-body .client-cart-line:hover { background:var(--mid-panel-2); }
.client-shell-body .client-cart-line__icon { display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(var(--brand-primary-rgb),.16);border-radius:12px;background:rgba(var(--brand-primary-rgb),.065);color:var(--mid-primary-strong);font-size:.8rem; }
.client-shell-body .client-cart-line__body { min-width:0; }
.client-shell-body .client-cart-line__eyebrow { display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px;color:var(--mid-muted);font-size:.56rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase; }
.client-shell-body .client-cart-line__eyebrow span + span::before { content:"•";margin-right:6px;color:var(--mid-line-strong); }
.client-shell-body .client-cart-line h3 { margin:0;color:var(--mid-ink);font-size:.79rem;font-weight:850;line-height:1.3; }
.client-shell-body .client-cart-line__body > p { margin:4px 0 0;color:var(--mid-ink-soft);font-size:.63rem;line-height:1.5; }
.client-shell-body .client-cart-line__meta { display:flex;flex-wrap:wrap;gap:6px;margin-top:10px; }
.client-shell-body .client-cart-line__meta > span { display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--mid-line);border-radius:999px;background:var(--mid-panel-2);color:var(--mid-ink-soft);font-size:.56rem;font-weight:700; }
.client-shell-body .client-cart-line__meta > span i { color:var(--mid-primary-strong);font-size:.53rem; }
.client-shell-body .client-cart-line__meta > span.is-saving { border-color:rgba(22,163,74,.18);background:rgba(22,163,74,.06);color:#15803d; }
.client-shell-body .client-cart-line__side { display:grid;grid-template-columns:auto 32px;gap:3px 10px;align-items:start;text-align:right; }
.client-shell-body .client-cart-line__side > strong { color:var(--mid-ink);font-size:.75rem;font-weight:900;white-space:nowrap; }
.client-shell-body .client-cart-line__side > small { grid-column:1;color:var(--mid-muted);font-size:.55rem;white-space:nowrap; }
.client-shell-body .client-cart-line__side form { grid-column:2;grid-row:1 / span 2; }
.client-shell-body .client-cart-summary-wrap,.client-shell-body .client-checkout-summary-wrap { position:sticky;top:88px; }
.client-shell-body .client-cart-summary,.client-shell-body .client-checkout-summary { padding:17px; }
.client-shell-body .client-cart-summary__head,.client-shell-body .client-checkout-summary__head { display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--mid-line); }
.client-shell-body .client-cart-summary__head h2,.client-shell-body .client-checkout-summary__head h2 { margin:2px 0 0;color:var(--mid-ink);font-size:.74rem;font-weight:800; }
.client-shell-body .client-cart-summary__head > strong,.client-shell-body .client-checkout-summary__head > strong { color:var(--mid-ink);font-size:1.03rem;font-weight:900;white-space:nowrap; }
.client-shell-body .client-cart-breakdown { margin:8px 0 0; }
.client-shell-body .client-cart-breakdown > div { padding:8px 0; }
.client-shell-body .client-cart-breakdown .is-saving { color:#15803d; }
.client-shell-body .client-promo-panel { margin-top:12px;padding:12px;border:1px solid var(--mid-line);border-radius:11px;background:var(--mid-panel); }
.client-shell-body .client-promo-panel__label { display:flex;align-items:center;gap:8px;margin-bottom:9px; }
.client-shell-body .client-promo-panel__label > i { color:var(--mid-primary-strong);font-size:.7rem; }
.client-shell-body .client-promo-panel__label span { display:flex;min-width:0;flex-direction:column; }
.client-shell-body .client-promo-panel__label strong { color:var(--mid-ink);font-size:.62rem; }
.client-shell-body .client-promo-panel__label small { color:var(--mid-muted);font-size:.55rem; }
.client-shell-body .client-promo-form { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px; }
.client-shell-body .client-promo-form .form-control { min-width:0; }
.client-shell-body .client-promo-applied { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.client-shell-body .client-promo-applied > span { display:inline-flex;align-items:center;gap:6px;color:#15803d;font-size:.61rem;font-weight:800; }
.client-shell-body .client-checkout-assurance { display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center;margin:12px 0;padding:10px;border:1px solid rgba(22,163,74,.16);border-radius:10px;background:rgba(22,163,74,.055); }
.client-shell-body .client-checkout-assurance > span { display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(22,163,74,.1);color:#15803d; }
.client-shell-body .client-checkout-assurance div { display:flex;min-width:0;flex-direction:column; }
.client-shell-body .client-checkout-assurance strong { color:var(--mid-ink);font-size:.61rem; }
.client-shell-body .client-checkout-assurance small { color:var(--mid-ink-soft);font-size:.55rem;line-height:1.4; }
.client-shell-body .client-cart-checkout { width:100%;justify-content:center;margin-bottom:6px; }
.client-shell-body .client-cart-upsells { margin-top:18px; }
.client-shell-body .client-upsell-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.client-shell-body .client-upsell-card { display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:13px;border:1px solid var(--mid-line);border-radius:11px;background:var(--mid-panel-2); }
.client-shell-body .client-upsell-card__icon { display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(var(--brand-primary-rgb),.07);color:var(--mid-primary-strong); }
.client-shell-body .client-upsell-card__body { min-width:0; }
.client-shell-body .client-upsell-card__body > span { color:var(--mid-primary-strong);font-size:.53rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em; }
.client-shell-body .client-upsell-card h3 { margin:2px 0 3px;color:var(--mid-ink);font-size:.68rem;font-weight:850; }
.client-shell-body .client-upsell-card p { margin:0;color:var(--mid-ink-soft);font-size:.58rem;line-height:1.45; }
.client-shell-body .client-upsell-card__footer { grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid var(--mid-line); }
.client-shell-body .client-upsell-card__footer > strong { color:var(--mid-ink);font-size:.63rem; }
.client-shell-body .client-upsell-card__footer form { margin:0; }
.client-shell-body .client-checkout-layout { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(295px,.64fr);gap:18px;align-items:start;margin-top:16px; }
.client-shell-body .client-checkout-primary,.client-shell-body .client-checkout-form { display:grid;gap:14px; }
.client-shell-body .client-checkout-card { padding:0;overflow:visible; }
.client-shell-body .client-checkout-card > .surface-head { padding:17px 17px 13px; }
.client-shell-body .client-checkout-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 13px;padding:0 17px 17px; }
.client-shell-body .client-form-field { min-width:0; }
.client-shell-body .client-form-field--wide { grid-column:1 / -1; }
.client-shell-body .client-form-field .form-label { display:flex;justify-content:space-between;gap:8px; }
.client-shell-body .client-form-field .form-label > span { color:var(--mid-muted);font-size:.53rem;font-weight:650; }
.client-shell-body .client-gateway-grid { display:grid;gap:8px;padding:0 17px 17px; }
.client-shell-body .client-gateway-option { position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;gap:10px;align-items:center;margin:0;padding:10px 11px;border:1px solid var(--mid-line);border-radius:11px;background:var(--mid-panel-2);cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease; }
.client-shell-body .client-gateway-option:hover { border-color:var(--mid-line-strong);background:var(--mid-panel); }
.client-shell-body .client-gateway-option:has(input:checked) { border-color:rgba(var(--brand-primary-rgb),.28);background:rgba(var(--brand-primary-rgb),.055);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb),.045); }
.client-shell-body .client-gateway-option > input { position:absolute;opacity:0;pointer-events:none; }
.client-shell-body .client-gateway-option__icon { display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel);color:var(--mid-primary-strong); }
.client-shell-body .client-gateway-option__body { display:flex;min-width:0;flex-direction:column; }
.client-shell-body .client-gateway-option__body strong { color:var(--mid-ink);font-size:.64rem; }
.client-shell-body .client-gateway-option__body small { margin-top:1px;color:var(--mid-ink-soft);font-size:.56rem;line-height:1.4; }
.client-shell-body .client-gateway-option__check { color:var(--mid-line-strong);font-size:.76rem; }
.client-shell-body .client-gateway-option:has(input:checked) .client-gateway-option__check { color:var(--mid-primary-strong); }
.client-shell-body .client-checkout-submit-bar { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid var(--mid-line);border-radius:12px;background:var(--mid-panel);box-shadow:0 8px 24px rgba(15,23,42,.045); }
.client-shell-body .client-checkout-submit-bar > div { display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;min-width:0; }
.client-shell-body .client-checkout-submit-bar > div > i { display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(22,163,74,.08);color:#15803d;font-size:.64rem; }
.client-shell-body .client-checkout-submit-bar span { display:flex;min-width:0;flex-direction:column; }
.client-shell-body .client-checkout-submit-bar strong { color:var(--mid-ink);font-size:.61rem; }
.client-shell-body .client-checkout-submit-bar small { color:var(--mid-muted);font-size:.54rem;line-height:1.4; }
.client-shell-body .client-checkout-items { display:grid;margin:10px 0;padding:7px 0;border-top:1px solid var(--mid-line);border-bottom:1px solid var(--mid-line); }
.client-shell-body .client-checkout-items > div { display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:7px 0; }
.client-shell-body .client-checkout-items span { display:flex;min-width:0;flex-direction:column; }
.client-shell-body .client-checkout-items strong { color:var(--mid-ink);font-size:.59rem; }
.client-shell-body .client-checkout-items small { overflow:hidden;max-width:190px;color:var(--mid-muted);font-size:.53rem;text-overflow:ellipsis;white-space:nowrap; }
.client-shell-body .client-checkout-items b { color:var(--mid-ink);font-size:.58rem;white-space:nowrap; }
.client-shell-body .client-checkout-fact { display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;margin-top:8px;padding:9px;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel); }
.client-shell-body .client-checkout-fact > span { display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:rgba(var(--brand-primary-rgb),.065);color:var(--mid-primary-strong); }
.client-shell-body .client-checkout-fact div { display:flex;min-width:0;flex-direction:column; }
.client-shell-body .client-checkout-fact strong { color:var(--mid-ink);font-size:.58rem; }
.client-shell-body .client-checkout-fact small { color:var(--mid-muted);font-size:.53rem;line-height:1.4; }
.client-shell-body .client-bulk-search-layout { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:16px;align-items:start;margin-top:16px; }
.client-shell-body .client-bulk-search-card { padding:0;overflow:visible; }
.client-shell-body .client-bulk-search-card > .surface-head { padding:17px 17px 12px; }
.client-shell-body .client-bulk-search-form { padding:0 17px 17px; }
.client-shell-body .client-bulk-search-form textarea { min-height:180px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.66rem;line-height:1.55; }
.client-shell-body .client-bulk-search-help { display:flex;flex-wrap:wrap;gap:6px; }
.client-shell-body .client-bulk-search-help > span { display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid var(--mid-line);border-radius:999px;background:var(--mid-panel-2);color:var(--mid-ink-soft);font-size:.55rem;font-weight:700; }
.client-shell-body .client-bulk-search-help i { color:var(--mid-primary-strong); }
.client-shell-body .client-bulk-guide { padding:16px; }
.client-shell-body .client-guide-list { display:grid;gap:10px;margin-top:12px; }
.client-shell-body .client-guide-list > div { display:grid;grid-template-columns:27px minmax(0,1fr);gap:9px;align-items:start; }
.client-shell-body .client-guide-list > div > span { display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(var(--brand-primary-rgb),.08);color:var(--mid-primary-strong);font-size:.58rem;font-weight:900; }
.client-shell-body .client-guide-list p { display:flex;flex-direction:column;margin:0; }
.client-shell-body .client-guide-list strong { color:var(--mid-ink);font-size:.59rem; }
.client-shell-body .client-guide-list small { margin-top:2px;color:var(--mid-muted);font-size:.54rem;line-height:1.45; }
.client-shell-body .client-bulk-metrics { margin-top:16px; }
.client-shell-body .client-bulk-results { margin-top:16px;padding:0;overflow:hidden; }
.client-shell-body .client-bulk-results > .surface-head { padding:16px 17px 12px; }
.client-shell-body .client-bulk-selection-count { display:flex;align-items:baseline;gap:5px;padding:6px 9px;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel-2); }
.client-shell-body .client-bulk-selection-count strong { color:var(--mid-primary-strong);font-size:.8rem; }
.client-shell-body .client-bulk-selection-count span { color:var(--mid-muted);font-size:.53rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em; }
.client-shell-body .client-bulk-table-toolbar { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 17px;border-top:1px solid var(--mid-line);border-bottom:1px solid var(--mid-line);background:var(--mid-panel-2);color:var(--mid-muted);font-size:.56rem; }
.client-shell-body .client-check-all { display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--mid-ink-soft);font-weight:750;cursor:pointer; }
.client-shell-body .client-bulk-results .table-shell { margin:0;border:0;border-radius:0; }
.client-shell-body .client-unavailable-select { color:var(--mid-line-strong); }
.client-shell-body .client-bulk-results__footer { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 17px;border-top:1px solid var(--mid-line);background:var(--mid-panel-2); }
.client-shell-body .client-bulk-results__footer > span { display:inline-flex;align-items:center;gap:6px;color:var(--mid-muted);font-size:.55rem; }
.client-shell-body .client-bulk-results__footer > span i { color:var(--mid-primary-strong); }
.client-shell-body .client-transfer-metrics { margin-top:16px; }
.client-shell-body .client-transfer-layout { display:grid;grid-template-columns:minmax(0,1.43fr) minmax(320px,.57fr);gap:16px;align-items:start;margin-top:16px; }
.client-shell-body .client-transfer-queue { padding:0;overflow:hidden; }
.client-shell-body .client-transfer-queue > .surface-head { padding:16px 17px 12px; }
.client-shell-body .client-transfer-queue .table-shell { margin:0;border-width:1px 0 0;border-radius:0; }
.client-shell-body .client-transfer-queue .md-empty-state { border-top:1px solid var(--mid-line);border-radius:0; }
.client-shell-body .client-transfer-form-card { padding:15px; }
.client-shell-body .client-transfer-form-card__head,.client-shell-body .client-affiliate-payout__head { display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:13px; }
.client-shell-body .client-transfer-form-card__head > span,.client-shell-body .client-affiliate-payout__head > span { display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(var(--brand-primary-rgb),.15);border-radius:10px;background:rgba(var(--brand-primary-rgb),.065);color:var(--mid-primary-strong); }
.client-shell-body .client-transfer-form-card__head h2,.client-shell-body .client-affiliate-payout__head h2 { margin-top:1px; }
.client-shell-body .client-transfer-form-card__head p:last-child,.client-shell-body .client-affiliate-payout__head p:last-child { margin:3px 0 0;color:var(--mid-muted);font-size:.56rem;line-height:1.45; }
.client-shell-body .client-transfer-choice-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.client-shell-body .client-choice-card { position:relative;margin:0;cursor:pointer; }
.client-shell-body .client-choice-card > input { position:absolute;opacity:0;pointer-events:none; }
.client-shell-body .client-choice-card > span { display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 8px;min-height:70px;padding:9px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease; }
.client-shell-body .client-choice-card > span > i { grid-row:1 / span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--mid-panel-2);color:var(--mid-primary-strong);font-size:.62rem; }
.client-shell-body .client-choice-card strong { align-self:end;color:var(--mid-ink);font-size:.59rem; }
.client-shell-body .client-choice-card small { color:var(--mid-muted);font-size:.51rem;line-height:1.35; }
.client-shell-body .client-choice-card:has(input:checked) > span { border-color:rgba(var(--brand-primary-rgb),.28);background:rgba(var(--brand-primary-rgb),.055);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb),.04); }
.client-shell-body .client-transfer-conditional { display:grid;gap:10px; }
.client-shell-body .client-transfer-conditional[hidden] { display:none!important; }
.client-shell-body .client-transfer-field-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.client-shell-body .client-transfer-note { display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:start;padding:9px 10px;border:1px solid rgba(var(--brand-primary-rgb),.14);border-radius:9px;background:rgba(var(--brand-primary-rgb),.045);color:var(--mid-ink-soft);font-size:.54rem;line-height:1.45; }
.client-shell-body .client-transfer-note > i { display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(var(--brand-primary-rgb),.075);color:var(--mid-primary-strong);font-size:.57rem; }
.client-shell-body .client-affiliate-join { display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:16px;padding:18px; }
.client-shell-body .client-affiliate-join__icon { display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(var(--brand-primary-rgb),.08);color:var(--mid-primary-strong);font-size:1rem; }
.client-shell-body .client-affiliate-benefits { display:flex;flex-wrap:wrap;gap:6px;margin-top:10px; }
.client-shell-body .client-affiliate-benefits > span { display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid var(--mid-line);border-radius:999px;background:var(--mid-panel-2);color:var(--mid-ink-soft);font-size:.54rem;font-weight:700; }
.client-shell-body .client-affiliate-benefits i { color:var(--mid-primary-strong); }
.client-shell-body .client-affiliate-layout { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(285px,.65fr);gap:16px;margin-top:16px; }
.client-shell-body .client-affiliate-link-card { padding:0;overflow:visible; }
.client-shell-body .client-affiliate-link-card > .surface-head { padding:16px 17px 12px; }
.client-shell-body .client-copy-field--large { padding:0 17px 13px; }
.client-shell-body .client-affiliate-facts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 17px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel-2);overflow:hidden; }
.client-shell-body .client-affiliate-facts > div { display:flex;min-width:0;flex-direction:column;padding:10px;border-left:1px solid var(--mid-line); }
.client-shell-body .client-affiliate-facts > div:first-child { border-left:0; }
.client-shell-body .client-affiliate-facts span { color:var(--mid-muted);font-size:.52rem;font-weight:750; }
.client-shell-body .client-affiliate-facts strong { margin-top:2px;color:var(--mid-ink);font-size:.68rem;font-weight:900; }
.client-shell-body .client-affiliate-guidance { display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:start;margin:12px 17px 17px;padding:9px;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel-2); }
.client-shell-body .client-affiliate-guidance > i { display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(var(--brand-primary-rgb),.07);color:var(--mid-primary-strong); }
.client-shell-body .client-affiliate-guidance p { display:flex;flex-direction:column;margin:0; }
.client-shell-body .client-affiliate-guidance strong { color:var(--mid-ink);font-size:.56rem; }
.client-shell-body .client-affiliate-guidance span { margin-top:1px;color:var(--mid-muted);font-size:.52rem;line-height:1.4; }
.client-shell-body .client-affiliate-payout { padding:15px; }
.client-shell-body .client-payout-balance { display:flex;flex-direction:column;margin-bottom:11px;padding:11px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel); }
.client-shell-body .client-payout-balance span { color:var(--mid-muted);font-size:.53rem;font-weight:750;text-transform:uppercase;letter-spacing:.035em; }
.client-shell-body .client-payout-balance strong { margin-top:2px;color:var(--mid-ink);font-size:1.02rem;font-weight:900; }
.client-shell-body .client-payout-balance small { margin-top:2px;color:var(--mid-muted);font-size:.53rem; }
.client-shell-body .client-money-input { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch; }
.client-shell-body .client-money-input > span { display:flex;align-items:center;padding:0 9px;border:1px solid var(--mid-line);border-right:0;border-radius:9px 0 0 9px;background:var(--mid-panel-2);color:var(--mid-muted);font-size:.56rem;font-weight:800; }
.client-shell-body .client-money-input .form-control { border-radius:0 9px 9px 0; }
.client-shell-body .client-affiliate-history { margin-top:16px;padding:0;overflow:hidden; }
.client-shell-body .client-affiliate-history > .surface-head { padding:16px 17px 12px; }
.client-shell-body .client-affiliate-history .table-shell { margin:0;border-width:1px 0 0;border-radius:0; }
html[data-theme="dark"] .client-shell-body .client-cart-line__meta > span.is-saving,
html[data-theme="dark"] .client-shell-body .client-cart-breakdown .is-saving,
html[data-theme="dark"] .client-shell-body .client-promo-applied > span { color:#86efac; }
html[data-theme="dark"] .client-shell-body .client-checkout-assurance > span,
html[data-theme="dark"] .client-shell-body .client-checkout-submit-bar > div > i { color:#86efac; }
html[data-theme="dark"] .client-shell-body .client-cart-line:hover { background:rgba(255,255,255,.025); }
@media (max-width:1199.98px) {
.client-shell-body .client-cart-layout,.client-shell-body .client-checkout-layout { grid-template-columns:minmax(0,1.35fr) minmax(275px,.65fr); }
.client-shell-body .client-transfer-layout { grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr); }
.client-shell-body .client-upsell-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:991.98px) {
.client-shell-body .client-cart-layout,.client-shell-body .client-checkout-layout,.client-shell-body .client-bulk-search-layout,.client-shell-body .client-transfer-layout,.client-shell-body .client-affiliate-layout { grid-template-columns:1fr; }
.client-shell-body .client-cart-summary-wrap,.client-shell-body .client-checkout-summary-wrap { position:static;top:auto; }
.client-shell-body .client-bulk-guide { display:grid;grid-template-columns:minmax(170px,.35fr) minmax(0,.65fr);gap:14px; }
.client-shell-body .client-bulk-guide .client-guide-list { margin-top:0; }
}
@media (max-width:767.98px) {
.client-shell-body .client-cart-line { grid-template-columns:38px minmax(0,1fr);padding:14px; }
.client-shell-body .client-cart-line__icon { width:38px;height:38px; }
.client-shell-body .client-cart-line__side { grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:3px;text-align:left; }
.client-shell-body .client-cart-line__side > small { display:none; }
.client-shell-body .client-cart-line__side form { margin-left:auto; }
.client-shell-body .client-upsell-grid { grid-template-columns:1fr; }
.client-shell-body .client-checkout-fields,.client-shell-body .client-transfer-field-grid { grid-template-columns:1fr; }
.client-shell-body .client-form-field--wide { grid-column:auto; }
.client-shell-body .client-checkout-submit-bar { align-items:stretch;flex-direction:column; }
.client-shell-body .client-checkout-submit-bar .btn { width:100%;justify-content:center; }
.client-shell-body .client-bulk-guide { display:block; }
.client-shell-body .client-bulk-guide .client-guide-list { margin-top:12px; }
.client-shell-body .client-bulk-results__footer { align-items:stretch;flex-direction:column; }
.client-shell-body .client-bulk-results__footer .btn { width:100%;justify-content:center; }
.client-shell-body .client-transfer-choice-grid { grid-template-columns:1fr; }
.client-shell-body .client-affiliate-join { grid-template-columns:44px minmax(0,1fr); }
.client-shell-body .client-affiliate-join form { grid-column:1 / -1; }
.client-shell-body .client-affiliate-join .btn { width:100%;justify-content:center; }
.client-shell-body .client-affiliate-facts { grid-template-columns:1fr; }
.client-shell-body .client-affiliate-facts > div { border-left:0;border-top:1px solid var(--mid-line); }
.client-shell-body .client-affiliate-facts > div:first-child { border-top:0; }
}
@media (max-width:479.98px) {
.client-shell-body .client-cart-head,.client-shell-body .client-checkout-card > .surface-head,.client-shell-body .client-bulk-search-card > .surface-head,.client-shell-body .client-transfer-queue > .surface-head,.client-shell-body .client-affiliate-link-card > .surface-head,.client-shell-body .client-affiliate-history > .surface-head { padding-left:12px;padding-right:12px; }
.client-shell-body .client-cart-line { padding-left:12px;padding-right:12px;gap:9px; }
.client-shell-body .client-cart-summary,.client-shell-body .client-checkout-summary,.client-shell-body .client-transfer-form-card,.client-shell-body .client-affiliate-payout { padding:12px; }
.client-shell-body .client-checkout-fields,.client-shell-body .client-gateway-grid,.client-shell-body .client-bulk-search-form,.client-shell-body .client-copy-field--large { padding-left:12px;padding-right:12px; }
.client-shell-body .client-bulk-table-toolbar,.client-shell-body .client-bulk-results__footer { padding-left:12px;padding-right:12px; }
.client-shell-body .client-affiliate-facts,.client-shell-body .client-affiliate-guidance { margin-left:12px;margin-right:12px; }
.client-shell-body .client-promo-form { grid-template-columns:1fr; }
.client-shell-body .client-promo-form .btn { width:100%;justify-content:center; }
.client-shell-body .client-cart-summary__head,.client-shell-body .client-checkout-summary__head { align-items:flex-start;flex-direction:column; }
}
/* Phase 155: service-detail and AJAX interaction polish */
.client-shell-body .client-bulk-selection-summary{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid var(--mid-line);border-radius:999px;background:var(--mid-panel-2);color:var(--mid-muted);font-size:.54rem;font-weight:750;white-space:nowrap}.client-shell-body .client-bulk-selection-summary strong{color:var(--mid-primary-strong);font-size:.64rem}.client-shell-body #domainBulkForm .phase118-filterbar{gap:8px}.client-shell-body #domainBulkForm [data-domain-bulk-submit]:disabled{opacity:.5;cursor:not-allowed}.client-shell-body .mid-detail-tabs a{position:relative;transition:color .18s ease,background .18s ease,border-color .18s ease}.client-shell-body .mid-detail-tabs a.is-active{color:var(--mid-primary-strong);background:rgba(var(--brand-primary-rgb),.065);border-color:rgba(var(--brand-primary-rgb),.16)}.client-shell-body .mid-detail-tabs a.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:var(--mid-primary-strong)}
.client-shell-body .client-setting-toggle{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;margin:0;padding:10px 11px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel);cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.client-shell-body .client-setting-toggle:hover{border-color:rgba(var(--brand-primary-rgb),.2);background:var(--mid-panel-2)}.client-shell-body .client-setting-toggle:has(input:checked){border-color:rgba(var(--brand-primary-rgb),.24);background:rgba(var(--brand-primary-rgb),.045);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb),.03)}.client-shell-body .client-setting-toggle .form-check-input{margin:.15rem 0 0;width:1.9rem;height:1.05rem;cursor:pointer}.client-shell-body .client-setting-toggle>span{display:flex;min-width:0;flex-direction:column}.client-shell-body .client-setting-toggle strong{color:var(--mid-ink);font-size:.59rem}.client-shell-body .client-setting-toggle small{margin-top:2px;color:var(--mid-muted);font-size:.52rem;line-height:1.4}
.client-shell-body .client-service-state-list{display:grid;gap:0;margin-top:10px;border:1px solid var(--mid-line);border-radius:10px;overflow:hidden;background:var(--mid-panel)}.client-shell-body .client-service-state-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 11px;border-top:1px solid var(--mid-line)}.client-shell-body .client-service-state-list>div:first-child{border-top:0}.client-shell-body .client-service-state-list span{display:inline-flex;align-items:center;gap:7px;color:var(--mid-muted);font-size:.54rem;font-weight:700}.client-shell-body .client-service-state-list span i{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(var(--brand-primary-rgb),.07);color:var(--mid-primary-strong);font-size:.54rem}.client-shell-body .client-service-state-list strong{max-width:55%;color:var(--mid-ink);font-size:.57rem;text-align:right;word-break:break-word}.client-shell-body .client-service-state-list__note{display:grid!important;grid-template-columns:1fr}.client-shell-body .client-service-state-list__note p{margin:3px 0 0;color:var(--mid-ink-soft);font-size:.53rem;line-height:1.45}
.client-shell-body .client-operational-actions{display:grid;gap:8px}.client-shell-body .client-operational-actions>a{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel);text-decoration:none;transition:border-color .18s ease,transform .18s ease,background .18s ease}.client-shell-body .client-operational-actions>a:hover{transform:translateY(-1px);border-color:rgba(var(--brand-primary-rgb),.22);background:var(--mid-panel-2)}.client-shell-body .client-operational-actions>a>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:rgba(var(--brand-primary-rgb),.07);color:var(--mid-primary-strong);font-size:.6rem}.client-shell-body .client-operational-actions>a>div{display:flex;min-width:0;flex-direction:column}.client-shell-body .client-operational-actions strong{color:var(--mid-ink);font-size:.58rem}.client-shell-body .client-operational-actions small{margin-top:2px;color:var(--mid-muted);font-size:.52rem;line-height:1.4}.client-shell-body .client-operational-actions>a>i{color:var(--mid-muted);font-size:.56rem}
.client-shell-body .client-plan-change-form{margin-top:10px}.client-shell-body .client-ajax-feedback{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:start;margin:0 0 10px;padding:9px 10px;border:1px solid var(--mid-line);border-radius:9px;font-size:.54rem;line-height:1.45}.client-shell-body .client-ajax-feedback.is-success{border-color:rgba(22,163,74,.22);background:rgba(22,163,74,.06);color:#15803d}.client-shell-body .client-ajax-feedback.is-danger{border-color:rgba(220,38,38,.2);background:rgba(220,38,38,.055);color:#b91c1c}
html[data-theme="dark"] .client-shell-body .client-ajax-feedback.is-success{color:#86efac}html[data-theme="dark"] .client-shell-body .client-ajax-feedback.is-danger{color:#fca5a5}
@media(max-width:767.98px){.client-shell-body #domainBulkForm .phase118-filterbar{align-items:stretch}.client-shell-body #domainBulkForm .phase118-filterbar .form-select,.client-shell-body #domainBulkForm .phase118-filterbar .btn{width:100%}.client-shell-body .client-bulk-selection-summary{justify-content:center}.client-shell-body .client-service-state-list>div{flex-direction:column}.client-shell-body .client-service-state-list strong{max-width:none;text-align:left}.client-shell-body .mid-detail-tabs{overflow-x:auto;scrollbar-width:none}.client-shell-body .mid-detail-tabs::-webkit-scrollbar{display:none}.client-shell-body .mid-detail-tabs a{flex:0 0 auto;white-space:nowrap}}
/* Phase 156 — rich-editor resilience and final client feedback polish Keep all first-party styling in this single stylesheet. */
.client-shell-body .client-feedback-stack { margin:0 0 12px; }
.client-shell-body .client-feedback-stack + .client-feedback-stack { margin-top:-5px; }
.client-shell-body .client-server-feedback { margin:0;box-shadow:0 7px 22px rgba(15,23,42,.035); }
.client-shell-body .client-server-feedback > i { margin-top:1px; }
.client-shell-body .client-server-feedback > div { display:grid;gap:2px;min-width:0; }
.client-shell-body .client-ajax-feedback.is-info { border-color:rgba(14,165,164,.2);background:rgba(14,165,164,.055);color:var(--mid-primary-strong); }
html[data-theme="dark"] .client-shell-body .client-ajax-feedback.is-info { color:#7dd3fc;border-color:rgba(56,189,248,.22);background:rgba(14,116,144,.12); }
.admin-shell-body .rich-editor-fallback-note,
.public-shell-body .rich-editor-fallback-note,
.client-shell-body .rich-editor-fallback-note {
display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;margin:0 0 8px;padding:9px 10px;border:1px solid rgba(245,158,11,.25);border-radius:10px;background:rgba(245,158,11,.07);color:#92400e;font-size:.58rem;line-height:1.45;
}
.admin-shell-body .rich-editor-fallback-note > i,
.public-shell-body .rich-editor-fallback-note > i,
.client-shell-body .rich-editor-fallback-note > i { display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(245,158,11,.12);color:#b45309; }
textarea.rich-editor.rich-editor-fallback { min-height:260px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;line-height:1.55; }
.tinymce-ready[data-rich-editor-state="loading"] textarea.rich-editor { opacity:.82; }
.tinymce-ready[data-rich-editor-state="ready"] .rich-editor-fallback-note { display:none; }
html[data-theme="dark"] .rich-editor-fallback-note { border-color:rgba(251,191,36,.24);background:rgba(120,53,15,.15);color:#fde68a; }
html[data-theme="dark"] .rich-editor-fallback-note > i { background:rgba(245,158,11,.16);color:#fcd34d; }
@media (max-width:575.98px) {
.client-shell-body .client-feedback-stack { margin-bottom:9px; }
.admin-shell-body .rich-editor-fallback-note,
.public-shell-body .rich-editor-fallback-note,
.client-shell-body .rich-editor-fallback-note { grid-template-columns:24px minmax(0,1fr);padding:8px;font-size:.56rem; }
.admin-shell-body .rich-editor-fallback-note > i,
.public-shell-body .rich-editor-fallback-note > i,
.client-shell-body .rich-editor-fallback-note > i { width:24px;height:24px; }
}
/* Phase 157 — client module completion, currency tools, account menu & tables */
.client-shell-body .client-module-hero {
display:flex; align-items:center; justify-content:space-between; gap:18px;
margin:0 0 14px; padding:17px 18px; border:1px solid var(--mid-line);
border-radius:14px; background:linear-gradient(135deg,var(--mid-panel),var(--mid-panel-2));
box-shadow:0 10px 28px rgba(15,23,42,.035);
}
.client-shell-body .client-module-hero__identity { display:flex; align-items:flex-start; gap:12px; min-width:0; }
.client-shell-body .client-module-hero__icon {
flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center;
border-radius:12px; border:1px solid rgba(var(--brand-primary-rgb),.16);
background:rgba(var(--brand-primary-rgb),.07); color:var(--mid-primary-strong); font-size:.95rem;
}
.client-shell-body .client-module-hero__eyebrow {
margin:0 0 3px; color:var(--mid-primary-strong); font-size:.58rem; font-weight:800;
letter-spacing:.12em; text-transform:uppercase;
}
.client-shell-body .client-module-hero h1 { margin:0; color:var(--mid-ink); font-size:clamp(1.45rem,1.8vw,1.85rem); letter-spacing:-.045em; line-height:1.1; }
.client-shell-body .client-module-hero p:last-child { max-width:780px; margin:5px 0 0; color:var(--mid-muted); font-size:.72rem; line-height:1.55; }
.client-shell-body .client-module-hero__actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; flex-shrink:0; }
.client-shell-body .client-module-hero__actions .btn { min-height:38px; white-space:nowrap; }
.client-shell-body .client-module-hero--dns .client-module-hero__icon,
.client-shell-body .client-module-hero--transfer .client-module-hero__icon,
.client-shell-body .client-module-hero--currency .client-module-hero__icon { background:rgba(14,165,164,.08); color:#0f8f8e; }
.client-shell-body .client-module-hero--cancellation .client-module-hero__icon { background:rgba(245,158,11,.08); color:#b45309; border-color:rgba(245,158,11,.18); }
.client-shell-body .client-module-hero--support .client-module-hero__icon { background:rgba(59,130,246,.08); color:#2563eb; border-color:rgba(59,130,246,.18); }
.client-shell-body .client-module-hero--affiliate .client-module-hero__icon { background:rgba(139,92,246,.08); color:#7c3aed; border-color:rgba(139,92,246,.18); }
.client-shell-body .client-settings-snapshot--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.client-shell-body .client-preference-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.client-shell-body .client-field-group--locked .form-control[readonly] {
background:var(--mid-panel-2)!important; color:var(--mid-ink-soft)!important; cursor:not-allowed;
border-style:dashed;
}
.client-shell-body .client-field-lock {
display:inline-flex; align-items:center; gap:4px; margin-left:7px; padding:2px 6px;
border-radius:999px; background:var(--mid-panel-2); color:var(--mid-muted); font-size:.5rem; font-weight:800;
}
.client-shell-body .client-settings-form__footer-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.client-profile-dropdown {
width:min(340px,calc(100vw - 24px)); padding:8px!important; border:1px solid var(--mid-line)!important;
border-radius:14px!important; background:var(--mid-panel)!important; box-shadow:0 18px 48px rgba(15,23,42,.15)!important;
}
.client-profile-dropdown .profile-dropdown__header {
display:grid; grid-template-columns:44px minmax(0,1fr); gap:10px; align-items:center;
padding:10px 10px 12px; margin-bottom:4px; border-bottom:1px solid var(--mid-line);
}
.client-profile-dropdown .profile-dropdown__avatar { width:44px; height:44px; font-size:.9rem; }
.client-profile-dropdown .profile-dropdown__identity { display:flex; min-width:0; flex-direction:column; align-items:flex-start; gap:1px; }
.client-profile-dropdown .profile-dropdown__eyebrow {
color:var(--mid-primary-strong); font-size:.49rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
}
.client-profile-dropdown .profile-dropdown__identity strong { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--mid-ink); font-size:.75rem; line-height:1.25; }
.client-profile-dropdown .profile-dropdown__identity small { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--mid-muted); font-size:.56rem; }
.client-profile-dropdown .profile-dropdown__section-label { padding:8px 10px 4px; color:var(--mid-muted); font-size:.49rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.client-profile-dropdown .profile-dropdown__item {
display:grid!important; grid-template-columns:32px minmax(0,1fr); align-items:center; gap:9px;
min-height:46px; padding:6px 8px!important; border-radius:9px!important; color:var(--mid-ink)!important;
}
.client-profile-dropdown .profile-dropdown__item > span {
display:grid; place-items:center; width:32px; height:32px; border-radius:8px;
background:var(--mid-panel-2); color:var(--mid-ink-soft);
}
.client-profile-dropdown .profile-dropdown__item > div { display:flex; flex-direction:column; min-width:0; }
.client-profile-dropdown .profile-dropdown__item strong { font-size:.64rem; font-weight:750; }
.client-profile-dropdown .profile-dropdown__item small { color:var(--mid-muted); font-size:.51rem; }
.client-profile-dropdown .profile-dropdown__item:hover { background:rgba(var(--brand-primary-rgb),.055)!important; }
.client-profile-dropdown .profile-dropdown__item:hover > span { color:var(--mid-primary-strong); background:rgba(var(--brand-primary-rgb),.08); }
.client-profile-dropdown .profile-dropdown__logout {
display:flex!important; align-items:center; gap:9px; min-height:40px; padding:7px 9px!important;
border-radius:9px!important; color:#b42318!important;
}
.client-profile-dropdown .profile-dropdown__logout > span { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:#fff1f0; }
.client-profile-dropdown .profile-dropdown__logout strong { font-size:.64rem; }
.ca-table-pagination {
display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px;
border-top:1px solid var(--mid-line); background:var(--mid-panel);
}
.ca-table-pagination__info { color:var(--mid-muted); font-size:.61rem; font-weight:650; }
.ca-table-pagination__buttons { display:flex; align-items:center; gap:4px; }
.ca-page-btn {
display:inline-grid; place-items:center; min-width:30px; height:30px; padding:0 8px;
border:1px solid var(--mid-line)!important; border-radius:8px!important; background:var(--mid-panel)!important;
color:var(--mid-ink-soft)!important; font:inherit; font-size:.58rem; font-weight:750; cursor:pointer;
}
.ca-page-btn:hover:not(:disabled), .ca-page-btn.is-active {
border-color:rgba(var(--brand-primary-rgb),.28)!important; background:rgba(var(--brand-primary-rgb),.075)!important; color:var(--mid-primary-strong)!important;
}
.ca-page-btn:disabled { opacity:.4; cursor:not-allowed; }
.client-shell-body .client-session-toolbar { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:15px 17px!important; }
.client-shell-body .client-session-count { display:inline-flex; align-items:center; min-height:26px; padding:0 9px; border-radius:999px; background:var(--mid-panel-2); color:var(--mid-muted); font-size:.54rem; font-weight:750; white-space:nowrap; }
.client-shell-body .client-session-table-wrap { margin:0!important; border:0!important; border-top:1px solid var(--mid-line)!important; border-radius:0!important; }
.client-shell-body .client-session-table { margin:0!important; min-width:840px; }
.client-shell-body .client-session-table thead th {
padding:9px 13px!important; background:var(--mid-panel-2)!important; color:var(--mid-muted)!important;
font-size:.54rem!important; font-weight:800!important; letter-spacing:.055em; text-transform:uppercase;
border-bottom:1px solid var(--mid-line-strong)!important;
}
.client-shell-body .client-session-table tbody td { padding:10px 13px!important; vertical-align:middle!important; border-color:var(--mid-line)!important; font-size:.61rem!important; }
.client-session-network,.client-session-device { display:flex; align-items:center; gap:9px; min-width:0; }
.client-session-cell-icon { flex:0 0 28px; width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:rgba(var(--brand-primary-rgb),.06); color:var(--mid-primary-strong); }
.client-session-network > span:last-child,.client-session-device > span:last-child,.client-session-time { display:flex; flex-direction:column; gap:1px; min-width:0; }
.client-session-network strong,.client-session-device strong,.client-session-time strong { color:var(--mid-ink); font-size:.61rem; font-weight:750; line-height:1.25; }
.client-session-network small,.client-session-device small,.client-session-time small { color:var(--mid-muted); font-size:.52rem; line-height:1.3; }
.client-session-device { max-width:360px; }
.client-session-device > span:last-child { overflow:hidden; }
.client-session-device strong,.client-session-device small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.client-shell-body .client-currency-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:16px; align-items:start; margin-top:16px; }
.client-shell-body .client-currency-converter-card,.client-shell-body .client-currency-rate-card { padding:16px; }
.client-shell-body .client-currency-form { display:grid; gap:14px; margin-top:16px; }
.client-shell-body .client-currency-amount .form-control { min-height:54px; font-size:1.1rem; font-weight:750; }
.client-shell-body .client-currency-pair { display:grid; grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr); gap:10px; align-items:end; }
.client-shell-body .client-currency-swap { display:grid; place-items:center; width:38px; height:38px; margin-bottom:1px; border:1px solid var(--mid-line); border-radius:10px; background:var(--mid-panel-2); color:var(--mid-primary-strong); }
.client-shell-body .client-currency-submit { justify-self:start; min-width:180px; }
.client-shell-body .client-currency-result {
margin-top:16px; padding:16px; border:1px solid rgba(var(--brand-primary-rgb),.16); border-radius:12px;
background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.055),rgba(59,130,246,.035));
}
.client-shell-body .client-currency-result__eyebrow { display:block; margin-bottom:5px; color:var(--mid-muted); font-size:.52rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.client-shell-body .client-currency-result > strong { display:block; color:var(--mid-ink); font-size:clamp(1.55rem,3vw,2.25rem); letter-spacing:-.04em; }
.client-shell-body .client-currency-result > p { margin:5px 0 0; color:var(--mid-muted); font-size:.59rem; }
.client-shell-body .client-currency-rate-list { display:grid; gap:7px; margin-top:12px; }
.client-shell-body .client-currency-rate-list > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 10px; border:1px solid var(--mid-line); border-radius:9px; background:var(--mid-panel); }
.client-currency-rate-list__identity,.client-currency-rate-list__value { display:flex; flex-direction:column; gap:1px; }
.client-currency-rate-list__identity strong,.client-currency-rate-list__value strong { color:var(--mid-ink); font-size:.62rem; }
.client-currency-rate-list__identity small,.client-currency-rate-list__value small { color:var(--mid-muted); font-size:.5rem; }
.client-currency-rate-list__value { align-items:flex-end; }
.client-shell-body .client-currency-rate-note { display:grid; grid-template-columns:22px minmax(0,1fr); gap:8px; margin-top:12px; padding:10px; border-radius:9px; background:rgba(var(--brand-primary-rgb),.05); color:var(--mid-ink-soft); font-size:.54rem; line-height:1.5; }
.client-shell-body .client-currency-rate-note i { color:var(--mid-primary-strong); margin-top:2px; }
.public-status-hero--makeitdomain { position:relative; overflow:hidden; }
.public-status-hero--makeitdomain::after { content:""; position:absolute; width:220px; height:220px; right:-70px; top:-90px; border-radius:50%; background:rgba(var(--brand-primary-rgb),.055); pointer-events:none; }
.public-status-brand { display:flex; align-items:center; gap:9px; margin-bottom:14px; }
.public-status-brand > span:last-child { display:flex; flex-direction:column; }
.public-status-brand small { color:#64748b; font-size:.7rem; font-weight:700; }
.public-status-brand strong { color:#0f172a; font-size:.92rem; }
.public-support-hero--makeitdomain { position:relative; overflow:hidden; }
.admin-currency-rate-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.admin-currency-rate-grid label { display:grid; gap:4px; }
.admin-currency-rate-grid label > span { color:var(--mid-muted); font-size:.56rem; font-weight:750; }
html[data-theme="dark"] .client-profile-dropdown .profile-dropdown__logout > span { background:rgba(239,68,68,.11); }
@media (max-width: 900px) {
.client-shell-body .client-module-hero { align-items:flex-start; }
.client-shell-body .client-module-hero__actions { width:100%; justify-content:flex-start; }
.client-shell-body .client-module-hero { flex-direction:column; }
.client-shell-body .client-currency-layout { grid-template-columns:1fr; }
}
@media (max-width: 680px) {
.client-shell-body .client-module-hero { padding:13px; border-radius:12px; }
.client-shell-body .client-module-hero__identity { gap:9px; }
.client-shell-body .client-module-hero__icon { flex-basis:36px; width:36px; height:36px; border-radius:10px; }
.client-shell-body .client-module-hero h1 { font-size:1.35rem; }
.client-shell-body .client-module-hero__actions { display:grid; grid-template-columns:1fr; }
.client-shell-body .client-module-hero__actions .btn { width:100%; }
.client-shell-body .client-settings-snapshot--two,.client-shell-body .client-preference-grid--two { grid-template-columns:1fr; }
.client-shell-body .client-settings-form__footer-actions { width:100%; display:grid; grid-template-columns:1fr; }
.client-shell-body .client-settings-form__footer-actions .btn { width:100%; }
.ca-table-pagination { align-items:flex-start; flex-direction:column; }
.ca-table-pagination__buttons { max-width:100%; overflow-x:auto; padding-bottom:2px; }
.client-shell-body .client-currency-pair { grid-template-columns:1fr; }
.client-shell-body .client-currency-swap { transform:rotate(90deg); margin:0 auto; }
.client-shell-body .client-currency-submit { width:100%; }
.admin-currency-rate-grid { grid-template-columns:1fr; }
}
/* Phase 158 - reference currency, public status hardening, admin module base */
.client-shell-body .client-reference-summary {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
margin:14px 0 18px;
}
.client-shell-body .client-reference-summary > article {
min-width:0;
padding:14px 15px;
border:1px solid var(--mid-line);
border-radius:var(--mid-radius-md);
background:var(--mid-panel);
box-shadow:var(--mid-shadow-sm);
}
.client-shell-body .client-reference-summary span,
.client-shell-body .client-reference-summary strong,
.client-shell-body .client-reference-summary small { display:block; }
.client-shell-body .client-reference-summary span { color:var(--mid-muted); font-size:.72rem; font-weight:750; }
.client-shell-body .client-reference-summary strong { margin-top:5px; color:var(--mid-ink); font-size:1rem; overflow-wrap:anywhere; }
.client-shell-body .client-reference-summary small { margin-top:3px; color:var(--mid-muted); font-size:.7rem; line-height:1.45; }
.client-shell-body .client-currency-guidance { min-width:0; }
.client-shell-body .client-guidance-list { display:grid; gap:10px; margin-top:14px; }
.client-shell-body .client-guidance-list > div { display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; align-items:start; padding:11px; border:1px solid var(--mid-line); border-radius:11px; background:var(--mid-panel); }
.client-shell-body .client-guidance-list > div > i { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); }
.client-shell-body .client-guidance-list strong,
.client-shell-body .client-guidance-list small { display:block; }
.client-shell-body .client-guidance-list strong { color:var(--mid-ink); font-size:.8rem; }
.client-shell-body .client-guidance-list small { margin-top:2px; color:var(--mid-muted); font-size:.72rem; line-height:1.5; }
.client-shell-body .client-reference-rates { margin-top:18px; overflow:hidden; }
.client-shell-body .client-reference-rates__head { gap:18px; }
.client-shell-body .client-reference-rates__search { position:relative; width:min(320px,100%); flex:0 1 320px; }
.client-shell-body .client-reference-rates__search > i { position:absolute; left:13px; top:50%; transform:translateY(-50%); color:var(--mid-muted); pointer-events:none; }
.client-shell-body .client-reference-rates__search .form-control { padding-left:38px; }
.client-shell-body .client-reference-table-shell { margin:0; border:0; border-top:1px solid var(--mid-line); border-radius:0; }
.client-shell-body .client-reference-table { margin:0; min-width:760px; }
.client-shell-body .client-reference-table th { white-space:nowrap; }
.client-shell-body .client-reference-table td { vertical-align:middle; }
.client-reference-currency { display:flex; align-items:center; gap:10px; min-width:0; }
.client-reference-currency > span { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border-radius:10px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); font-size:.72rem; font-weight:850; }
.client-reference-currency > strong { min-width:0; overflow-wrap:anywhere; }
.client-reference-source { display:block; margin-top:4px; color:var(--mid-muted); font-size:.68rem; }
.client-shell-body .client-currency-result > p { font-size:.72rem; line-height:1.5; }
.client-shell-body .client-currency-rate-list__identity strong,
.client-shell-body .client-currency-rate-list__value strong { font-size:.76rem; }
.client-shell-body .client-currency-rate-list__identity small,
.client-shell-body .client-currency-rate-list__value small { font-size:.68rem; }
.public-status-layout,
.public-status-main,
.public-status-side,
.public-status-components,
.public-status-component,
.public-status-component__name,
.public-status-component__name > div,
.public-status-feed { min-width:0; }
.public-status-component strong,
.public-status-component small,
.public-status-feed article strong,
.public-status-feed article small,
.public-status-feed article p { overflow-wrap:anywhere; word-break:normal; }
.public-status-component__state { min-width:145px; }
.public-status-component__state small { max-width:190px; text-align:right; }
.admin-ui-active .workspace-hero.admin-module-hero {
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
padding:22px 24px;
border:1px solid var(--mid-line);
border-radius:var(--mid-radius-lg);
background:linear-gradient(135deg,var(--mid-panel),var(--mid-panel-2));
box-shadow:var(--mid-shadow-sm);
}
.admin-ui-active .admin-module-hero > div:first-child { min-width:0; max-width:860px; }
.admin-ui-active .admin-module-hero .workspace-hero__eyebrow { margin:0 0 5px; color:var(--mid-primary-strong); font-size:.7rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.admin-ui-active .admin-module-hero .workspace-hero__title { margin:0; color:var(--mid-ink); font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.08; }
.admin-ui-active .admin-module-hero .workspace-hero__copy { max-width:760px; margin:8px 0 0; color:var(--mid-muted); font-size:.86rem; line-height:1.6; }
.admin-ui-active .admin-module-hero .workspace-hero__actions { display:flex; flex-wrap:wrap; gap:9px; justify-content:flex-end; }
.admin-ui-active .metric-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; }
.admin-ui-active .metric-grid > * { min-width:0; height:100%; }
.admin-ui-active .metric-tile { padding:16px; border:1px solid var(--mid-line); border-radius:var(--mid-radius-md); background:var(--mid-panel); box-shadow:var(--mid-shadow-sm); }
.admin-ui-active .metric-kicker { margin:0; color:var(--mid-muted); font-size:.7rem; font-weight:750; }
.admin-ui-active .metric-value { margin:5px 0 0; color:var(--mid-ink); font-size:1.35rem; overflow-wrap:anywhere; }
.admin-ui-active .section-grid { min-width:0; }
.admin-ui-active .section-grid > * { min-width:0; }
.admin-ui-active .surface-head { gap:14px; }
.admin-ui-active .surface-head > * { min-width:0; }
.admin-ui-active .table-shell { max-width:100%; }
.admin-ui-active .table-shell table { margin-bottom:0; }
.admin-ui-active .table-shell th { white-space:nowrap; color:var(--mid-muted); font-size:.72rem; letter-spacing:.02em; }
.admin-ui-active .table-shell td { vertical-align:middle; }
.admin-ui-active .form-grid { align-items:end; }
.admin-ui-active .form-grid > * { min-width:0; }
.admin-ui-active .admin-currency-reference-meta { display:grid; gap:7px; margin:14px 0; }
.admin-ui-active .admin-currency-reference-meta > div { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:9px 10px; border:1px solid var(--mid-line); border-radius:9px; background:var(--mid-panel); }
.admin-ui-active .admin-currency-reference-meta span { color:var(--mid-muted); font-size:.7rem; }
.admin-ui-active .admin-currency-reference-meta strong { max-width:58%; color:var(--mid-ink); font-size:.72rem; text-align:right; overflow-wrap:anywhere; }
.admin-ui-active .admin-currency-fallback-note { display:grid; grid-template-columns:20px minmax(0,1fr); gap:8px; margin-top:12px; padding:10px; border-radius:10px; background:var(--mid-amber-soft); color:var(--mid-ink-soft); font-size:.7rem; line-height:1.5; }
.admin-ui-active .admin-currency-fallback-note > i { color:var(--mid-amber); margin-top:2px; }
.admin-ui-active .admin-status-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:16px; align-items:start; }
.admin-ui-active .admin-status-stack { display:grid; gap:16px; min-width:0; }
.admin-ui-active .admin-status-form-grid { display:grid; grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr) minmax(160px,.65fr); gap:10px; align-items:end; }
.admin-ui-active .admin-status-form-grid .admin-status-form-action { grid-column:1/-1; display:flex; justify-content:flex-end; }
.admin-ui-active .admin-status-state { display:inline-flex; align-items:center; gap:7px; font-weight:750; text-transform:capitalize; }
.admin-ui-active .admin-status-state::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--mid-muted-2); }
.admin-ui-active .admin-status-state.is-operational::before { background:var(--mid-green); }
.admin-ui-active .admin-status-state.is-degraded::before,
.admin-ui-active .admin-status-state.is-maintenance::before { background:var(--mid-amber); }
.admin-ui-active .admin-status-state.is-outage::before { background:var(--mid-red); }
.admin-ui-active .admin-status-incidents { display:grid; gap:8px; }
.admin-ui-active .admin-status-incident { padding:11px 12px; border:1px solid var(--mid-line); border-radius:10px; background:var(--mid-panel); }
.admin-ui-active .admin-status-incident strong,
.admin-ui-active .admin-status-incident small { display:block; }
.admin-ui-active .admin-status-incident strong { color:var(--mid-ink); font-size:.8rem; }
.admin-ui-active .admin-status-incident small { margin-top:3px; color:var(--mid-muted); font-size:.68rem; }
@media (max-width: 1100px) {
.client-shell-body .client-reference-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-ui-active .admin-status-grid { grid-template-columns:1fr; }
}
@media (max-width: 900px) {
.public-status-hero { align-items:stretch; }
.public-status-component { align-items:flex-start; flex-wrap:wrap; }
.public-status-component__state { min-width:0; width:100%; display:flex; align-items:center; justify-content:space-between; justify-items:initial; gap:12px; padding-left:20px; }
.public-status-component__state small { max-width:none; text-align:right; }
.admin-ui-active .workspace-hero.admin-module-hero { align-items:flex-start; flex-direction:column; }
.admin-ui-active .admin-module-hero .workspace-hero__actions { width:100%; justify-content:flex-start; }
.admin-ui-active .admin-status-form-grid { grid-template-columns:1fr 1fr; }
.admin-ui-active .admin-status-form-grid > :nth-child(2) { grid-column:1/-1; }
}
@media (max-width: 680px) {
.client-shell-body .client-reference-summary { grid-template-columns:1fr; }
.client-shell-body .client-reference-rates__head { align-items:stretch; flex-direction:column; }
.client-shell-body .client-reference-rates__search { width:100%; flex-basis:auto; }
.client-shell-body .client-reference-table { min-width:0; }
.client-shell-body .client-reference-table thead { display:none; }
.client-shell-body .client-reference-table,
.client-shell-body .client-reference-table tbody,
.client-shell-body .client-reference-table tr,
.client-shell-body .client-reference-table td { display:block; width:100%; }
.client-shell-body .client-reference-table tr { padding:12px 14px; border-bottom:1px solid var(--mid-line); }
.client-shell-body .client-reference-table td { display:grid; grid-template-columns:minmax(95px,.7fr) minmax(0,1.3fr); gap:12px; align-items:center; padding:6px 0; border:0; }
.client-shell-body .client-reference-table td::before { content:attr(data-label); color:var(--mid-muted); font-size:.68rem; font-weight:750; }
.client-shell-body .client-reference-table td:first-child { grid-template-columns:1fr; padding-top:0; }
.client-shell-body .client-reference-table td:first-child::before { display:none; }
.public-status-hero { padding:20px; }
.public-status-brand .shell-brand__mark { width:38px; height:38px; flex-basis:38px; }
.public-status-overall { align-items:flex-start; }
.public-status-layout { gap:16px; }
.public-status-component { padding:14px; }
.public-status-component__name { align-items:flex-start; }
.public-status-component__state { display:grid; grid-template-columns:auto minmax(0,1fr); padding-left:20px; }
.public-status-component__state small { text-align:left; }
.public-status-feed { padding:16px; }
.public-status-feed__head { align-items:flex-start; }
.public-status-cta { margin-top:40px; }
.admin-ui-active .admin-module-hero .workspace-hero__actions { display:grid; grid-template-columns:1fr; }
.admin-ui-active .admin-module-hero .workspace-hero__actions .btn { width:100%; }
.admin-ui-active .admin-status-form-grid { grid-template-columns:1fr; }
.admin-ui-active .admin-status-form-grid > :nth-child(2) { grid-column:auto; }
.admin-ui-active .admin-status-form-grid .admin-status-form-action { grid-column:auto; }
.admin-ui-active .admin-status-form-grid .admin-status-form-action .btn { width:100%; }
.admin-ui-active .admin-currency-reference-meta > div { display:grid; }
.admin-ui-active .admin-currency-reference-meta strong { max-width:none; text-align:left; }
}
/* Phase 158 admin affiliate module */
.admin-ui-active .admin-inline-action { display:flex; align-items:center; gap:8px; min-width:230px; }
.admin-ui-active .admin-inline-action .form-select { min-width:130px; }
.admin-ui-active .admin-inline-action .btn { flex:0 0 auto; }
.admin-ui-active .admin-affiliate-performance { display:grid; gap:1px; }
.admin-ui-active .admin-affiliate-performance > strong { color:var(--mid-ink); font-size:.82rem; }
.admin-ui-active .admin-affiliate-performance > small { color:var(--mid-muted); font-size:.68rem; }
@media (max-width: 680px) {
.admin-ui-active .admin-inline-action { min-width:0; width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; }
.admin-ui-active .admin-inline-action .form-select { min-width:0; }
}
/* Phase 159 - app operations queues, row editors, migration/provisioning UI */
.admin-ui-active .admin-ops-layout {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(280px,320px);
gap:16px;
align-items:start;
min-width:0;
}
.admin-ui-active .admin-queue-head {
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
}
.admin-ui-active .admin-queue-search {
position:relative;
display:block;
width:min(320px,100%);
flex:0 1 320px;
}
.admin-ui-active .admin-queue-search > i {
position:absolute;
left:13px;
top:50%;
z-index:2;
transform:translateY(-50%);
color:var(--mid-muted);
pointer-events:none;
}
.admin-ui-active .admin-queue-search .form-control { padding-left:38px; }
.admin-ui-active .admin-table-primary,
.admin-ui-active .admin-table-meta,
.admin-ui-active .admin-table-error { display:block; }
.admin-ui-active .admin-table-primary { color:var(--mid-ink); font-weight:750; }
.admin-ui-active .admin-table-meta { margin-top:3px; color:var(--mid-muted); font-size:.68rem; line-height:1.45; overflow-wrap:anywhere; }
.admin-ui-active .admin-table-error { margin-top:3px; max-width:280px; color:var(--mid-red); font-size:.68rem; line-height:1.4; overflow-wrap:anywhere; }
.admin-ui-active .admin-wrap-copy { display:block; max-width:300px; line-height:1.5; overflow-wrap:anywhere; }
.admin-ui-active .admin-provider-ref {
display:inline-block;
max-width:230px;
padding:4px 7px;
border:1px solid var(--mid-line);
border-radius:7px;
background:var(--mid-panel-2);
color:var(--mid-ink-soft);
font-size:.68rem;
overflow-wrap:anywhere;
white-space:normal;
}
.admin-ui-active .admin-attempt-count {
min-width:30px;
height:30px;
display:inline-grid;
place-items:center;
padding:0 8px;
border:1px solid var(--mid-line);
border-radius:999px;
background:var(--mid-panel-2);
color:var(--mid-ink);
font-size:.72rem;
font-weight:800;
}
.admin-ui-active .admin-table-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:7px; }
.admin-ui-active .admin-table-actions form { margin:0; }
.admin-ui-active .admin-row-editor { position:relative; display:inline-block; text-align:left; }
.admin-ui-active .admin-row-editor > summary { list-style:none; cursor:pointer; user-select:none; }
.admin-ui-active .admin-row-editor > summary::-webkit-details-marker { display:none; }
.admin-ui-active .admin-row-editor[open] > summary { border-color:var(--mid-primary); color:var(--mid-primary-strong); background:var(--mid-primary-soft); }
.admin-ui-active .admin-row-editor__panel {
position:absolute;
z-index:50;
top:calc(100% + 8px);
right:0;
width:min(340px,calc(100vw - 44px));
display:grid;
gap:12px;
padding:14px;
border:1px solid var(--mid-line-strong);
border-radius:14px;
background:var(--mid-panel);
box-shadow:var(--mid-shadow-lg);
}
.admin-ui-active .admin-action-note {
display:grid;
grid-template-columns:18px minmax(0,1fr);
gap:8px;
padding:10px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
color:var(--mid-muted);
font-size:.69rem;
line-height:1.5;
}
.admin-ui-active .admin-action-note > i { margin-top:2px; color:var(--mid-amber); }
.admin-ui-active .admin-action-note--success { background:var(--mid-green-soft); color:var(--mid-ink-soft); }
.admin-ui-active .admin-action-note--success > i { color:var(--mid-green); }
.admin-ui-active .admin-module-empty {
min-height:180px;
display:grid;
place-items:center;
align-content:center;
gap:7px;
padding:28px 18px;
text-align:center;
}
.admin-ui-active .admin-module-empty > i {
width:46px;
height:46px;
display:grid;
place-items:center;
border-radius:14px;
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
font-size:1rem;
}
.admin-ui-active .admin-module-empty > strong { color:var(--mid-ink); font-size:.9rem; }
.admin-ui-active .admin-module-empty > span { max-width:420px; color:var(--mid-muted); font-size:.72rem; line-height:1.5; }
.admin-ui-active .admin-transfer-type { display:flex; align-items:center; gap:9px; }
.admin-ui-active .admin-transfer-type > i { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border-radius:10px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); }
.admin-ui-active .admin-transfer-type strong,
.admin-ui-active .admin-transfer-type small { display:block; }
.admin-ui-active .admin-transfer-type strong { color:var(--mid-ink); font-size:.76rem; }
.admin-ui-active .admin-transfer-type small { margin-top:2px; color:var(--mid-muted); font-size:.66rem; }
.admin-ui-active .admin-route { display:grid; grid-template-columns:minmax(110px,1fr) 22px minmax(110px,1fr); gap:8px; align-items:center; max-width:410px; }
.admin-ui-active .admin-route > span { min-width:0; }
.admin-ui-active .admin-route small,
.admin-ui-active .admin-route strong { display:block; }
.admin-ui-active .admin-route small { color:var(--mid-muted); font-size:.62rem; text-transform:uppercase; letter-spacing:.04em; }
.admin-ui-active .admin-route strong { margin-top:2px; color:var(--mid-ink); font-size:.72rem; overflow-wrap:anywhere; }
.admin-ui-active .admin-route > i { color:var(--mid-primary-strong); font-size:.7rem; text-align:center; }
.admin-ui-active .admin-provisioning-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,320px); gap:16px; align-items:start; min-width:0; }
.admin-ui-active .admin-provisioning-form { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; align-items:end; }
.admin-ui-active .admin-provisioning-form > * { min-width:0; }
.admin-ui-active .admin-provisioning-form__wide { grid-column:1/-1; }
.admin-ui-active .admin-provisioning-form__action { grid-column:1/-1; display:flex; justify-content:flex-end; }
@media (max-width: 1180px) {
.admin-ui-active .admin-ops-layout,
.admin-ui-active .admin-provisioning-layout { grid-template-columns:1fr; }
.admin-ui-active .admin-ops-layout > .aside-stack,
.admin-ui-active .admin-provisioning-layout > aside { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
}
@media (max-width: 900px) {
.admin-ui-active .admin-provisioning-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-ui-active .admin-row-editor__panel { position:fixed; left:50%; right:auto; top:50%; transform:translate(-50%,-50%); max-height:min(78vh,620px); overflow:auto; }
}
@media (max-width: 680px) {
.admin-ui-active .admin-queue-head { align-items:stretch; flex-direction:column; }
.admin-ui-active .admin-queue-search { width:100%; flex-basis:auto; }
.admin-ui-active .admin-ops-layout > .aside-stack,
.admin-ui-active .admin-provisioning-layout > aside { grid-template-columns:1fr; }
.admin-ui-active .admin-provisioning-form { grid-template-columns:1fr; }
.admin-ui-active .admin-provisioning-form__wide,
.admin-ui-active .admin-provisioning-form__action { grid-column:auto; }
.admin-ui-active .admin-provisioning-form__action .btn { width:100%; }
.admin-ui-active .admin-table-actions { justify-content:flex-start; }
.admin-ui-active .admin-route { grid-template-columns:1fr; gap:5px; }
.admin-ui-active .admin-route > i { transform:rotate(90deg); text-align:left; padding-left:4px; }
.admin-ui-active .admin-row-editor { width:100%; }
.admin-ui-active .admin-row-editor > summary { width:100%; justify-content:center; }
.admin-ui-active .admin-row-editor__panel { width:calc(100vw - 28px); }
}
.admin-ui-active .admin-identity-note { display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; align-items:start; padding:11px 12px; border:1px solid var(--mid-line); border-radius:11px; background:var(--mid-primary-soft); color:var(--mid-ink-soft); }
.admin-ui-active .admin-identity-note > i { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:var(--mid-panel); color:var(--mid-primary-strong); }
.admin-ui-active .admin-identity-note span { font-size:.7rem; line-height:1.5; }
.admin-ui-active .admin-identity-note strong { color:var(--mid-ink); }
/* Phase 160 - app communications, content, trust, developer and analytics UI */
.admin-ui-active .status-pill--success { background:var(--mid-green-soft)!important; color:#15803d!important; border-color:rgba(34,197,94,.24)!important; }
.admin-ui-active .status-pill--warning { background:var(--mid-amber-soft)!important; color:#a16207!important; border-color:rgba(245,158,11,.24)!important; }
.admin-ui-active .status-pill--danger,
.admin-ui-active .status-pill--red { background:var(--mid-red-soft)!important; color:#b91c1c!important; border-color:rgba(239,68,68,.24)!important; }
.admin-ui-active .status-pill--blue { background:var(--mid-blue-soft)!important; color:#2563eb!important; border-color:rgba(59,130,246,.24)!important; }
html[data-theme="dark"] .admin-ui-active .status-pill--success { color:#86efac!important; }
html[data-theme="dark"] .admin-ui-active .status-pill--warning { color:#fcd34d!important; }
html[data-theme="dark"] .admin-ui-active .status-pill--danger,
html[data-theme="dark"] .admin-ui-active .status-pill--red { color:#fca5a5!important; }
html[data-theme="dark"] .admin-ui-active .status-pill--blue { color:#93c5fd!important; }
.admin-ui-active .admin-communications-layout,
.admin-ui-active .admin-content-layout,
.admin-ui-active .admin-developer-layout,
.admin-ui-active .admin-analytics-detail-grid {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(280px,330px);
gap:16px;
align-items:start;
min-width:0;
}
.admin-ui-active .admin-content-layout { grid-template-columns:minmax(0,1fr) minmax(300px,360px); }
.admin-ui-active .admin-developer-layout { grid-template-columns:minmax(0,1fr) minmax(280px,340px); }
.admin-ui-active .admin-analytics-detail-grid { grid-template-columns:minmax(0,1fr) minmax(300px,380px); }
.admin-ui-active .admin-communications-layout > *,
.admin-ui-active .admin-content-layout > *,
.admin-ui-active .admin-developer-layout > *,
.admin-ui-active .admin-analytics-detail-grid > * { min-width:0; }
.admin-ui-active .admin-inline-disclosure { position:relative; display:inline-block; }
.admin-ui-active .admin-inline-disclosure > summary {
display:inline-flex; align-items:center; gap:7px; padding:7px 10px; list-style:none; cursor:pointer;
border:1px solid var(--mid-line); border-radius:9px; background:var(--mid-panel-2); color:var(--mid-ink-soft); font-size:.7rem; font-weight:750;
}
.admin-ui-active .admin-inline-disclosure > summary::-webkit-details-marker { display:none; }
.admin-ui-active .admin-inline-disclosure[open] > summary { border-color:var(--mid-primary); background:var(--mid-primary-soft); color:var(--mid-primary-strong); }
.admin-ui-active .admin-inline-disclosure__panel {
position:absolute; z-index:55; top:calc(100% + 8px); left:0; width:min(430px,calc(100vw - 48px));
padding:14px; border:1px solid var(--mid-line-strong); border-radius:12px; background:var(--mid-panel); box-shadow:var(--mid-shadow-lg);
}
.admin-ui-active .admin-inline-disclosure__panel strong { display:block; color:var(--mid-ink); font-size:.7rem; }
.admin-ui-active .admin-inline-disclosure__panel p { margin:5px 0 12px; color:var(--mid-muted); font-size:.72rem; line-height:1.55; white-space:normal; overflow-wrap:anywhere; }
.admin-ui-active .admin-inline-disclosure__panel p:last-child { margin-bottom:0; }
.admin-ui-active .admin-guidance-list { display:grid; gap:9px; margin-top:13px; }
.admin-ui-active .admin-guidance-list > div { display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; align-items:start; padding:10px; border:1px solid var(--mid-line); border-radius:11px; background:var(--mid-panel-2); }
.admin-ui-active .admin-guidance-list > div > i { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); }
.admin-ui-active .admin-guidance-list span,
.admin-ui-active .admin-guidance-list strong,
.admin-ui-active .admin-guidance-list small { display:block; min-width:0; }
.admin-ui-active .admin-guidance-list strong { color:var(--mid-ink); font-size:.74rem; }
.admin-ui-active .admin-guidance-list small { margin-top:2px; color:var(--mid-muted); font-size:.67rem; line-height:1.45; }
.admin-ui-active .admin-channel-chip { display:inline-flex; align-items:center; gap:7px; min-width:0; color:var(--mid-ink-soft); font-size:.72rem; font-weight:750; }
.admin-ui-active .admin-channel-chip > i { width:28px; height:28px; flex:0 0 28px; display:grid; place-items:center; border-radius:8px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); font-size:.67rem; }
.admin-ui-active .admin-provider-list { display:grid; gap:8px; margin-top:12px; }
.admin-ui-active .admin-provider-list > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 11px; border:1px solid var(--mid-line); border-radius:10px; background:var(--mid-panel-2); }
.admin-ui-active .admin-provider-list span { display:flex; align-items:center; gap:8px; min-width:0; color:var(--mid-ink-soft); font-size:.7rem; font-weight:700; }
.admin-ui-active .admin-provider-list strong { font-size:.68rem; }
.admin-ui-active .admin-provider-list .is-ready { color:var(--mid-green); }
.admin-ui-active .admin-provider-list .is-warning { color:var(--mid-amber); }
.admin-ui-active .admin-form-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.admin-ui-active .admin-form-pair > label { min-width:0; color:var(--mid-ink-soft); font-size:.72rem; font-weight:700; }
.admin-ui-active .admin-form-pair .form-control,
.admin-ui-active .admin-form-pair .form-select { margin-top:5px; }
.admin-ui-active .admin-editor-accordion { display:grid; gap:9px; }
.admin-ui-active .admin-editor-accordion .accordion-item { overflow:visible; border:1px solid var(--mid-line); border-radius:12px!important; background:var(--mid-panel); }
.admin-ui-active .admin-editor-accordion .accordion-button { min-width:0; padding:13px 14px; border-radius:12px!important; background:var(--mid-panel); color:var(--mid-ink); box-shadow:none; }
.admin-ui-active .admin-editor-accordion .accordion-button:not(.collapsed) { border-bottom-left-radius:0!important; border-bottom-right-radius:0!important; background:var(--mid-primary-soft); color:var(--mid-ink); }
.admin-ui-active .admin-editor-accordion .accordion-body { padding:16px; border-top:1px solid var(--mid-line); }
.admin-ui-active .admin-editor-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-top:4px; }
.admin-ui-active .admin-editor-footer .md-switch-row { flex:1 1 280px; margin:0; }
.admin-ui-active .admin-token-grid { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.admin-ui-active .admin-token-grid code { padding:6px 8px; border:1px solid var(--mid-line); border-radius:8px; background:var(--mid-panel); color:var(--mid-primary-strong); font-size:.66rem; overflow-wrap:anywhere; }
.admin-ui-active .admin-setup-steps { display:grid; gap:10px; margin-top:14px; }
.admin-ui-active .admin-setup-steps > div { display:grid; grid-template-columns:30px minmax(0,1fr); gap:10px; align-items:start; }
.admin-ui-active .admin-setup-steps > div > span { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:var(--mid-primary-soft); color:var(--mid-primary-strong); font-size:.68rem; font-weight:850; }
.admin-ui-active .admin-setup-steps p { margin:0; min-width:0; }
.admin-ui-active .admin-setup-steps strong,
.admin-ui-active .admin-setup-steps small { display:block; }
.admin-ui-active .admin-setup-steps strong { color:var(--mid-ink); font-size:.72rem; }
.admin-ui-active .admin-setup-steps small { margin-top:2px; color:var(--mid-muted); font-size:.66rem; line-height:1.45; overflow-wrap:anywhere; }
.admin-ui-active .admin-setup-steps code { white-space:normal; overflow-wrap:anywhere; }
.admin-ui-active .admin-endpoint-list { display:grid; gap:8px; }
.admin-ui-active .admin-endpoint-list > div { display:grid; grid-template-columns:54px minmax(170px,.8fr) minmax(0,1fr); gap:10px; align-items:center; padding:10px 11px; border:1px solid var(--mid-line); border-radius:10px; background:var(--mid-panel-2); }
.admin-ui-active .admin-endpoint-list code { min-width:0; color:var(--mid-ink); overflow-wrap:anywhere; }
.admin-ui-active .admin-endpoint-list p { margin:0; color:var(--mid-muted); font-size:.68rem; line-height:1.45; }
.admin-ui-active .admin-http-method { display:inline-grid; place-items:center; min-height:27px; border-radius:7px; background:var(--mid-green-soft); color:#15803d; font-size:.63rem; font-weight:850; }
.admin-ui-active .md-event-chip { display:inline-flex; align-items:center; gap:8px; cursor:pointer; }
.admin-ui-active .md-event-chip > i { opacity:.5; font-size:.62rem; }
.admin-ui-active .md-event-chip:hover > i { opacity:1; }
.admin-ui-active .admin-analytics-chart-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr); gap:16px; min-width:0; }
.admin-ui-active .admin-analytics-chart-grid > * { min-width:0; }
.admin-ui-active .admin-analytics-chart-grid .admin-chart-panel { padding:20px; }
.admin-ui-active .admin-signal-list { display:grid; gap:7px; }
.admin-ui-active .admin-signal-list > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 10px; border:1px solid var(--mid-line); border-radius:9px; background:var(--mid-panel-2); }
.admin-ui-active .admin-signal-list span { color:var(--mid-muted); font-size:.68rem; }
.admin-ui-active .admin-signal-list strong { color:var(--mid-ink); font-size:.74rem; }
.admin-ui-active .admin-filter-surface { padding:13px 14px; margin-bottom:16px; }
.admin-ui-active .admin-filter-row { display:grid; grid-template-columns:minmax(220px,1fr) minmax(180px,260px) auto auto; gap:10px; align-items:center; }
.admin-ui-active .admin-filter-row > * { min-width:0; margin:0; }
.admin-ui-active .admin-filter-row .admin-queue-search { width:100%; max-width:none; }
@media (max-width: 1180px) {
.admin-ui-active .admin-communications-layout,
.admin-ui-active .admin-content-layout,
.admin-ui-active .admin-developer-layout,
.admin-ui-active .admin-analytics-detail-grid { grid-template-columns:1fr; }
.admin-ui-active .admin-communications-layout > .aside-stack,
.admin-ui-active .admin-content-layout > .aside-stack,
.admin-ui-active .admin-developer-layout > .aside-stack { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.admin-ui-active .admin-analytics-chart-grid { grid-template-columns:1fr; }
}
@media (max-width: 900px) {
.admin-ui-active .admin-inline-disclosure__panel { position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:min(560px,calc(100vw - 28px)); max-height:78vh; overflow:auto; }
.admin-ui-active .admin-endpoint-list > div { grid-template-columns:54px minmax(0,1fr); }
.admin-ui-active .admin-endpoint-list p { grid-column:1/-1; }
.admin-ui-active .admin-filter-row { grid-template-columns:minmax(0,1fr) minmax(180px,.6fr) auto; }
.admin-ui-active .admin-filter-row > .btn-surface:last-child { grid-column:1/-1; justify-self:start; }
}
@media (max-width: 680px) {
.admin-ui-active .admin-communications-layout > .aside-stack,
.admin-ui-active .admin-content-layout > .aside-stack,
.admin-ui-active .admin-developer-layout > .aside-stack { grid-template-columns:1fr; }
.admin-ui-active .admin-form-pair { grid-template-columns:1fr; }
.admin-ui-active .admin-editor-footer { align-items:stretch; }
.admin-ui-active .admin-editor-footer .btn,
.admin-ui-active .admin-editor-footer .admin-table-actions { width:100%; }
.admin-ui-active .admin-editor-footer .admin-table-actions { display:grid; grid-template-columns:1fr; }
.admin-ui-active .admin-editor-footer .admin-table-actions .btn { width:100%; }
.admin-ui-active .admin-endpoint-list > div { grid-template-columns:1fr; align-items:start; }
.admin-ui-active .admin-endpoint-list p { grid-column:auto; }
.admin-ui-active .admin-http-method { width:54px; }
.admin-ui-active .admin-filter-row { grid-template-columns:1fr; }
.admin-ui-active .admin-filter-row > .btn,
.admin-ui-active .admin-filter-row > .btn-surface:last-child { width:100%; grid-column:auto; justify-self:stretch; }
.admin-ui-active .admin-queue-head .admin-queue-search { width:100%; }
}
.admin-ui-active .md-switch-row {
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:10px;
align-items:start;
padding:10px 11px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
}
.admin-ui-active .md-switch-row .form-check-input { margin:.12rem 0 0; }
.admin-ui-active .md-switch-row span,
.admin-ui-active .md-switch-row strong,
.admin-ui-active .md-switch-row small { display:block; min-width:0; }
.admin-ui-active .md-switch-row strong { color:var(--mid-ink); font-size:.72rem; }
.admin-ui-active .md-switch-row small { margin-top:2px; color:var(--mid-muted); font-size:.66rem; line-height:1.45; }
.admin-ui-active .md-metric--green .md-metric__icon { background:var(--mid-green-soft); color:#15803d; }
.admin-ui-active .md-metric--amber .md-metric__icon { background:var(--mid-amber-soft); color:#a16207; }
.admin-ui-active .md-metric--red .md-metric__icon { background:var(--mid-red-soft); color:#b91c1c; }
/* Phase 161 - app catalogue, partner commerce and billing-document polish */
.admin-ui-active .admin-catalog-layout {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(290px,350px);
gap:16px;
align-items:start;
min-width:0;
}
.admin-ui-active .admin-catalog-layout > * { min-width:0; }
.admin-ui-active .admin-primary-line,
.admin-ui-active .admin-readable-table td > strong,
.admin-ui-active .admin-readable-table td > small { display:block; min-width:0; }
.admin-ui-active .admin-primary-line { color:var(--mid-ink); font-weight:780; font-size:.74rem; }
.admin-ui-active .admin-readable-table td > small { margin-top:2px; color:var(--mid-muted); font-size:.65rem; line-height:1.4; overflow-wrap:anywhere; }
.admin-ui-active .admin-reference {
display:inline-flex;
align-items:center;
min-width:0;
max-width:100%;
padding:4px 7px;
border:1px solid var(--mid-line);
border-radius:7px;
background:var(--mid-panel-2);
color:var(--mid-ink-soft);
font-family:var(--bs-font-monospace, ui-monospace, SFMono-Regular, Menlo, monospace);
font-size:.64rem;
overflow-wrap:anywhere;
word-break:break-word;
}
.admin-ui-active .admin-inline-tags { display:flex; flex-wrap:wrap; gap:5px; max-width:260px; }
.admin-ui-active .admin-inline-tags > span {
display:inline-flex;
align-items:center;
min-height:23px;
padding:3px 7px;
border:1px solid var(--mid-line);
border-radius:999px;
background:var(--mid-panel-2);
color:var(--mid-muted);
font-size:.61rem;
font-weight:720;
line-height:1.25;
}
.admin-ui-active .admin-setting-toggle {
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:10px;
align-items:start;
margin:0;
padding:10px 11px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
cursor:pointer;
}
.admin-ui-active .admin-setting-toggle > input { margin:.14rem 0 0; accent-color:var(--mid-primary); }
.admin-ui-active .admin-setting-toggle span,
.admin-ui-active .admin-setting-toggle strong,
.admin-ui-active .admin-setting-toggle small { display:block; min-width:0; }
.admin-ui-active .admin-setting-toggle strong { color:var(--mid-ink); font-size:.72rem; }
.admin-ui-active .admin-setting-toggle small { margin-top:2px; color:var(--mid-muted); font-size:.65rem; line-height:1.45; }
.admin-ui-active .admin-setting-toggle--compact { align-self:end; min-height:38px; padding:8px 10px; }
.admin-ui-active .admin-inline-create {
display:grid;
grid-template-columns:repeat(4,minmax(120px,1fr));
gap:10px;
align-items:end;
padding-top:14px;
border-top:1px solid var(--mid-line);
}
.admin-ui-active .admin-inline-create > * { min-width:0; margin:0; }
.admin-ui-active .admin-inline-create > .btn { min-height:40px; }
.admin-ui-active .form-help { margin-top:5px; color:var(--mid-muted); font-size:.62rem; line-height:1.4; }
.admin-ui-active .admin-catalog-layout .input-group-text { border-color:var(--mid-line); background:var(--mid-panel-2); color:var(--mid-muted); }
.admin-ui-active .admin-catalog-layout .status-pill,
.admin-ui-active .admin-inline-create .status-pill { white-space:nowrap; }
@media (max-width: 1180px) {
.admin-ui-active .admin-catalog-layout { grid-template-columns:1fr; }
.admin-ui-active .admin-catalog-layout > .aside-stack { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.admin-ui-active .admin-inline-create { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 820px) {
.admin-ui-active .admin-inline-create { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
.admin-ui-active .admin-catalog-layout > .aside-stack { grid-template-columns:1fr; }
.admin-ui-active .admin-inline-create { grid-template-columns:1fr; }
.admin-ui-active .admin-inline-create .btn { width:100%; }
.admin-ui-active .admin-reference { white-space:normal; }
}
/* Phase 162 — admin dashboard fidelity to the approved Makeitdomain concept Keeps the one first-party stylesheet contract while replacing the dashboard shell/overview composition with the approved compact admin workspace. */
:root { --mid-admin-sidebar-width: 218px; --mid-topbar-height: 58px; }
.admin-ui-active .admin-app-v91 {
min-height:100vh;
grid-template-columns:var(--mid-admin-sidebar-width) minmax(0,1fr);
background:var(--mid-canvas);
}
.admin-ui-active .admin-app-v91__workspace { background:var(--mid-canvas); }
.admin-ui-active .admin-sidebar.admin-sidebar--reference {
width:var(--mid-admin-sidebar-width);
padding:15px 14px 13px;
background:var(--mid-panel);
border-right:1px solid var(--mid-line);
box-shadow:none;
}
.admin-ui-active .admin-sidebar--reference .admin-sidebar__header { padding:0 4px 18px; }
.admin-ui-active .admin-sidebar--reference .admin-sidebar__brand { gap:9px;color:var(--mid-ink)!important; }
.admin-ui-active .admin-sidebar--reference .admin-sidebar__brand-mark {
width:31px;height:31px;flex:0 0 31px;border-radius:0;background:transparent;box-shadow:none;
}
.admin-ui-active .admin-sidebar--reference .admin-sidebar__brand-copy {
min-width:0;display:flex;align-items:center;gap:7px;
}
.admin-ui-active .admin-sidebar--reference .admin-sidebar__brand-copy strong {
color:var(--mid-ink);font-size:.8rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap;
}
.admin-ui-active .admin-sidebar--reference .admin-sidebar__brand-copy em {
display:inline-flex;align-items:center;min-height:21px;padding:2px 7px;border-radius:5px;
background:rgba(14,165,164,.12);color:#087f7e;font-size:.55rem;font-style:normal;font-weight:750;
}
.admin-ui-active .admin-sidebar__area-label {
margin:0 6px 7px;color:var(--mid-muted);font-size:.52rem;font-weight:800;letter-spacing:.09em;
}
.admin-ui-active .admin-sidebar--reference .admin-sidebar__nav { display:grid;align-content:start;gap:2px;overflow:auto;padding:0 2px 6px; }
.admin-ui-active .admin-sidebar__root-link {
width:100%;min-height:34px;display:grid;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:6px;
margin:0;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:var(--mid-ink-soft)!important;
text-align:left;font-size:.63rem;font-weight:680;line-height:1.2;box-shadow:none;cursor:pointer;
}
.admin-ui-active .admin-sidebar__root-link > i:first-child { width:20px;text-align:center;color:var(--mid-muted);font-size:.68rem; }
.admin-ui-active .admin-sidebar__root-link:hover,
.admin-ui-active .admin-sidebar__root-link.is-active,
.admin-ui-active .admin-sidebar__root-link.is-active-parent {
background:rgba(14,165,164,.075);color:var(--mid-ink)!important;
}
.admin-ui-active .admin-sidebar__root-link.is-active { color:#087f7e!important;font-weight:780; }
.admin-ui-active .admin-sidebar__root-link.is-active > i:first-child,
.admin-ui-active .admin-sidebar__root-link.is-active-parent > i:first-child { color:var(--mid-primary-strong); }
.admin-ui-active .admin-sidebar__group--reference { margin:0; }
.admin-ui-active .admin-sidebar__root-toggle { grid-template-columns:23px minmax(0,1fr) 12px; }
.admin-ui-active .admin-sidebar__root-toggle .admin-sidebar__chevron {
width:auto!important;color:var(--mid-muted)!important;font-size:.48rem!important;transition:transform .16s ease;
}
.admin-ui-active .admin-sidebar__root-toggle[aria-expanded="true"] .admin-sidebar__chevron { transform:rotate(180deg); }
.admin-ui-active .admin-sidebar__links--reference { display:grid;gap:0;margin:1px 0 4px;padding:1px 0 2px 31px; }
.admin-ui-active .admin-sidebar__links--reference[hidden] { display:none!important; }
.admin-ui-active .admin-sidebar__sub-link {
min-height:26px;display:flex;align-items:center;padding:4px 8px;border-radius:5px;color:var(--mid-ink-soft)!important;
font-size:.57rem;font-weight:610;line-height:1.25;
}
.admin-ui-active .admin-sidebar__sub-link:hover,
.admin-ui-active .admin-sidebar__sub-link.is-active { color:var(--mid-primary-strong)!important;background:var(--mid-primary-soft); }
.admin-ui-active .admin-sidebar__sub-link.is-active { font-weight:760; }
.admin-ui-active .admin-sidebar--reference .admin-sidebar__footer { margin-top:auto;padding:9px 4px 0;border-top:1px solid var(--mid-line); }
.admin-ui-active .admin-sidebar--reference .admin-sidebar__mini-link { min-height:31px;padding:5px 7px;border-radius:6px;font-size:.59rem; }
.admin-ui-active .admin-search-index { display:none!important; }
.admin-ui-active .admin-topbar-v91.admin-topbar-fidelity {
position:sticky;top:0;z-index:1038;min-height:58px;height:58px;
grid-template-columns:auto minmax(260px,390px) minmax(240px,1fr);gap:14px;
padding:7px 19px;border-bottom:1px solid var(--mid-line)!important;background:var(--mid-panel)!important;
box-shadow:none!important;
}
.admin-ui-active .admin-global-search-wrap { position:relative;width:100%;justify-self:center; }
.admin-ui-active .admin-global-search {
width:100%;height:34px;display:flex;align-items:center;gap:8px;margin:0;padding:0 9px;
border:1px solid var(--mid-line-strong);border-radius:7px;background:var(--mid-panel-2);box-shadow:none;
}
.admin-ui-active .admin-global-search i { font-size:.68rem; }
.admin-ui-active .admin-global-search input { font-size:.61rem!important; }
.admin-ui-active .admin-global-search kbd {
min-width:30px;padding:2px 5px;border:1px solid var(--mid-line);border-radius:5px;background:var(--mid-panel);color:var(--mid-muted);
box-shadow:none;font:650 .5rem/1.2 Inter,sans-serif;text-align:center;
}
.admin-ui-active .admin-global-search-results {
position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:1100;max-height:330px;overflow:auto;padding:6px;
border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel);box-shadow:var(--mid-shadow);
}
.admin-ui-active .admin-global-search-results[hidden] { display:none!important; }
.admin-ui-active .admin-global-search-results a {
min-height:36px;display:grid;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:6px;padding:6px 8px;
border-radius:6px;color:var(--mid-ink-soft)!important;font-size:.62rem;font-weight:650;
}
.admin-ui-active .admin-global-search-results a > i { color:var(--mid-muted);font-size:.61rem;text-align:center; }
.admin-ui-active .admin-global-search-results a > i:last-child { font-size:.48rem; }
.admin-ui-active .admin-global-search-results a:hover,
.admin-ui-active .admin-global-search-results a.is-active { background:var(--mid-primary-soft);color:var(--mid-ink)!important; }
.admin-ui-active .admin-global-search-empty { display:flex;align-items:center;gap:8px;padding:9px;color:var(--mid-muted);font-size:.61rem; }
.admin-ui-active .admin-topbar-v127__actions { justify-self:end;gap:4px; }
.admin-ui-active .admin-topbar-fidelity .admin-icon-action-v127,
.admin-ui-active .admin-topbar-fidelity .theme-toggle--icon {
width:33px;height:33px;min-height:33px;flex-basis:33px;border:0!important;border-radius:7px;background:transparent!important;color:var(--mid-ink-soft)!important;
}
.admin-ui-active .admin-topbar-fidelity .admin-icon-action-v127:hover,
.admin-ui-active .admin-topbar-fidelity .theme-toggle--icon:hover { background:var(--mid-panel-2)!important;color:var(--mid-primary-strong)!important; }
.admin-ui-active .admin-notification-action { position:relative; }
.admin-ui-active .admin-notification-badge {
position:absolute;top:2px;right:1px;min-width:14px;height:14px;padding:0 3px;display:grid;place-items:center;border:2px solid var(--mid-panel);border-radius:999px;
background:var(--mid-blue);color:#fff;font-size:.42rem;font-weight:800;line-height:1;
}
.admin-ui-active .admin-topbar-fidelity .admin-account-v127 {
min-height:39px;gap:8px;padding:3px 6px;border:0!important;border-radius:7px;background:transparent!important;
}
.admin-ui-active .admin-topbar-fidelity .admin-account-v127:hover { background:var(--mid-panel-2)!important; }
.admin-ui-active .admin-topbar-fidelity .shell-user__avatar { width:27px;height:27px;flex-basis:27px;border-radius:50%;font-size:.6rem; }
.admin-ui-active .admin-topbar-fidelity .admin-account-v127 strong { max-width:125px;font-size:.61rem; }
.admin-ui-active .admin-topbar-fidelity .admin-account-v127 small { font-size:.49rem; }
.admin-ui-active .admin-profile-menu { min-width:245px;padding:7px;border-radius:10px; }
.admin-ui-active .admin-profile-menu__identity { display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:8px 8px 10px;margin-bottom:4px;border-bottom:1px solid var(--mid-line); }
.admin-ui-active .admin-profile-menu__identity .shell-user__avatar { width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--mid-primary),var(--mid-blue));color:#fff;font-size:.68rem;font-weight:800; }
.admin-ui-active .admin-profile-menu__identity strong,.admin-ui-active .admin-profile-menu__identity small { display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.admin-ui-active .admin-profile-menu__identity strong { color:var(--mid-ink);font-size:.68rem; }
.admin-ui-active .admin-profile-menu__identity small { margin-top:2px;color:var(--mid-muted);font-size:.55rem; }
.admin-ui-active .admin-content-v91 { width:100%;max-width:1500px;margin:0 auto;padding:25px 18px 40px; }
.admin-ui-active .mid-admin-dashboard--reference { width:100%;min-width:0; }
.admin-ui-active .mid-admin-overview-head { margin:0 0 15px; }
.admin-ui-active .mid-admin-overview-head h1 { margin:0;color:var(--mid-ink);font-size:1.05rem;font-weight:800;letter-spacing:-.025em; }
.admin-ui-active .mid-admin-overview-head p { margin:2px 0 0;color:var(--mid-muted);font-size:.59rem; }
.admin-ui-active .mid-admin-reference-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px; }
.admin-ui-active .mid-admin-reference-kpi {
min-width:0;min-height:96px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 14px 12px;
border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel);box-shadow:0 1px 3px rgba(15,23,42,.025);
}
.admin-ui-active .mid-admin-reference-kpi__copy { min-width:0;display:flex;flex-direction:column;align-items:flex-start; }
.admin-ui-active .mid-admin-reference-kpi__copy > span:first-child { color:var(--mid-muted);font-size:.54rem;font-weight:590; }
.admin-ui-active .mid-admin-reference-kpi__copy > strong { margin:4px 0 3px;color:var(--mid-ink);font-size:1.02rem;font-weight:790;line-height:1.05;letter-spacing:-.025em; }
.admin-ui-active .mid-admin-reference-kpi__trend,
.admin-ui-active .mid-admin-reference-kpi__health { display:flex;align-items:center;gap:3px;margin:0;font-size:.49rem;font-weight:700;line-height:1.2; }
.admin-ui-active .mid-admin-reference-kpi__trend span { color:var(--mid-muted);font-weight:520; }
.admin-ui-active .is-positive { color:#16a34a!important; }
.admin-ui-active .is-negative { color:#dc2626!important; }
.admin-ui-active .mid-admin-reference-kpi__health { color:#16a34a!important; }
.admin-ui-active .mid-admin-reference-kpi__health i,
.admin-ui-active .mid-admin-reference-kpi__trend i { font-size:.44rem; }
.admin-ui-active .mid-admin-reference-kpi__icon {
width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:10px;font-size:.88rem;
}
.admin-ui-active .mid-admin-reference-kpi--blue .mid-admin-reference-kpi__icon { background:var(--mid-blue-soft);color:var(--mid-blue); }
.admin-ui-active .mid-admin-reference-kpi--green .mid-admin-reference-kpi__icon { background:var(--mid-green-soft);color:#16a34a; }
.admin-ui-active .mid-admin-reference-kpi--amber .mid-admin-reference-kpi__icon { background:var(--mid-amber-soft);color:#d97706; }
.admin-ui-active .mid-admin-kpi-spark { width:60px;height:17px;display:flex!important;align-items:flex-end;gap:3px;margin-top:5px; }
.admin-ui-active .mid-admin-kpi-spark i { width:8px;border-radius:5px 5px 2px 2px;background:rgba(14,165,164,.55); }
.admin-ui-active .mid-admin-kpi-spark i:nth-child(1){height:5px}.admin-ui-active .mid-admin-kpi-spark i:nth-child(2){height:9px}.admin-ui-active .mid-admin-kpi-spark i:nth-child(3){height:7px}.admin-ui-active .mid-admin-kpi-spark i:nth-child(4){height:13px}.admin-ui-active .mid-admin-kpi-spark i:nth-child(5){height:10px}
.admin-ui-active .mid-admin-reference-grid {
display:grid;grid-template-columns:minmax(0,1.48fr) minmax(245px,.8fr) minmax(230px,.68fr);gap:12px;align-items:stretch;
}
.admin-ui-active .mid-admin-reference-card {
min-width:0;min-height:310px;overflow:hidden;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel);box-shadow:0 1px 3px rgba(15,23,42,.025);
}
.admin-ui-active .mid-admin-reference-card__head { padding:14px 15px 5px; }
.admin-ui-active .mid-admin-reference-card__head--row { display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px; }
.admin-ui-active .mid-admin-reference-card__head h2 { margin:0;color:var(--mid-ink);font-size:.68rem!important;font-weight:780; }
.admin-ui-active .mid-admin-reference-card__head > div > strong { display:block;margin-top:8px;color:var(--mid-ink);font-size:1.02rem;font-weight:790;line-height:1; }
.admin-ui-active .mid-admin-reference-card__head > div > small { display:flex;align-items:center;gap:3px;margin-top:5px;font-size:.49rem;font-weight:700; }
.admin-ui-active .mid-admin-reference-card__head > div > small span { color:var(--mid-muted);font-weight:520; }
.admin-ui-active .mid-admin-reference-card__head a { color:var(--mid-primary-strong);font-size:.52rem;font-weight:700; }
.admin-ui-active .mid-admin-period { float:right;position:absolute;right:15px;top:14px;color:var(--mid-muted);font-size:.49rem;font-weight:600; }
.admin-ui-active .mid-admin-reference-revenue { position:relative;padding-bottom:4px; }
.admin-ui-active .mid-admin-reference-chart { min-height:210px!important;height:210px; }
.admin-ui-active .mid-admin-order-list { display:grid;padding:0 13px 10px; }
.admin-ui-active .mid-admin-order-row {
min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--mid-line);color:var(--mid-ink-soft)!important;
}
.admin-ui-active .mid-admin-order-row:first-child { border-top:0; }
.admin-ui-active .mid-admin-order-row__main { min-width:0; }
.admin-ui-active .mid-admin-order-row__main strong,
.admin-ui-active .mid-admin-order-row__main small { display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.admin-ui-active .mid-admin-order-row__main strong { color:var(--mid-ink);font-size:.56rem;line-height:1.3; }
.admin-ui-active .mid-admin-order-row__main small { margin-top:2px;color:var(--mid-muted);font-size:.48rem; }
.admin-ui-active .mid-admin-order-row__amount { color:var(--mid-ink);font-size:.52rem;font-weight:720;white-space:nowrap; }
.admin-ui-active .mid-admin-order-row .status-pill { min-height:20px;padding:3px 6px;border-radius:4px;font-size:.46rem;white-space:nowrap; }
.admin-ui-active .mid-admin-system-list { display:grid;padding:0 13px 8px; }
.admin-ui-active .mid-admin-system-row {
min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--mid-line);font-size:.52rem;
}
.admin-ui-active .mid-admin-system-row:first-child { border-top:0; }
.admin-ui-active .mid-admin-system-row__name { min-width:0;display:flex;align-items:center;gap:8px;color:var(--mid-ink-soft);font-weight:580; }
.admin-ui-active .mid-admin-system-row__name > i { width:14px;color:var(--mid-muted);text-align:center;font-size:.55rem; }
.admin-ui-active .mid-admin-system-row > strong { display:flex;align-items:center;gap:5px;font-size:.49rem;font-weight:650;white-space:nowrap; }
.admin-ui-active .mid-admin-system-row > strong > i { font-size:.34rem; }
.admin-ui-active .mid-admin-system-row > strong.is-online { color:#16a34a; }
.admin-ui-active .mid-admin-system-row > strong.is-warning { color:#d97706; }
.admin-ui-active .mid-admin-status-footer { display:flex;align-items:center;gap:6px;margin:3px 13px 10px;padding-top:10px;border-top:1px solid var(--mid-line);color:var(--mid-primary-strong)!important;font-size:.5rem;font-weight:680; }
.admin-ui-active .mid-admin-status-footer i { color:#22c55e;font-size:.5rem; }
.admin-ui-active .mid-admin-reference-empty { min-height:180px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--mid-muted);text-align:left; }
.admin-ui-active .mid-admin-reference-empty > i { width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--mid-panel-2);color:var(--mid-primary); }
.admin-ui-active .mid-admin-reference-empty strong,.admin-ui-active .mid-admin-reference-empty small { display:block; }
.admin-ui-active .mid-admin-reference-empty strong { color:var(--mid-ink);font-size:.6rem; }
.admin-ui-active .mid-admin-reference-empty small { margin-top:2px;font-size:.5rem; }
html[data-theme="dark"] .admin-ui-active .admin-sidebar__brand-copy em { color:#5eead4;background:rgba(14,165,164,.13); }
html[data-theme="dark"] .admin-ui-active .admin-sidebar__root-link.is-active { color:#5eead4!important; }
@media (max-width: 1250px) {
:root { --mid-admin-sidebar-width: 205px; }
.admin-ui-active .mid-admin-reference-grid { grid-template-columns:minmax(0,1.2fr) minmax(235px,.78fr); }
.admin-ui-active .mid-admin-reference-status { grid-column:1/-1;min-height:auto; }
.admin-ui-active .mid-admin-system-list { grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px; }
.admin-ui-active .mid-admin-system-row { border-top:1px solid var(--mid-line); }
}
@media (max-width: 991.98px) {
.admin-ui-active .admin-app-v91 { display:block; }
.admin-ui-active .admin-sidebar.admin-sidebar--reference { width:min(248px,88vw); }
.admin-ui-active .admin-topbar-v91.admin-topbar-fidelity { grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding-inline:12px; }
.admin-ui-active .admin-topbar-menu-toggle { display:inline-flex;align-items:center;gap:0;width:34px;height:34px;min-height:34px;padding:0;justify-content:center;border:0;background:transparent; }
.admin-ui-active .admin-topbar-menu-toggle span { display:none; }
.admin-ui-active .mid-admin-reference-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-ui-active .mid-admin-reference-grid { grid-template-columns:1fr; }
.admin-ui-active .mid-admin-reference-status { grid-column:auto; }
.admin-ui-active .mid-admin-reference-card { min-height:auto; }
.admin-ui-active .mid-admin-system-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
.admin-ui-active .admin-content-v91 { padding:18px 12px 32px; }
.admin-ui-active .admin-global-search { height:34px; }
.admin-ui-active .admin-global-search kbd { display:none; }
.admin-ui-active .admin-topbar-v127__actions { gap:1px; }
.admin-ui-active .admin-topbar-fidelity .admin-account-v127 > span:not(.shell-user__avatar) { display:none; }
.admin-ui-active .mid-admin-reference-metrics { gap:8px; }
.admin-ui-active .mid-admin-reference-kpi { min-height:100px;padding:12px; }
.admin-ui-active .mid-admin-reference-kpi__icon { width:33px;height:33px;flex-basis:33px;font-size:.72rem; }
.admin-ui-active .mid-admin-reference-kpi__copy > strong { font-size:.92rem; }
.admin-ui-active .mid-admin-order-row { grid-template-columns:minmax(0,1fr) auto; }
.admin-ui-active .mid-admin-order-row__amount { display:none; }
.admin-ui-active .mid-admin-system-list { grid-template-columns:1fr; }
}
@media (max-width: 430px) {
.admin-ui-active .admin-topbar-v91.admin-topbar-fidelity { grid-template-columns:34px minmax(0,1fr) auto;padding-inline:8px; }
.admin-ui-active .admin-topbar-fidelity .theme-toggle--icon { display:none; }
.admin-ui-active .mid-admin-reference-kpi { min-height:92px; }
.admin-ui-active .mid-admin-reference-kpi__copy > span:first-child { font-size:.5rem; }
.admin-ui-active .mid-admin-reference-kpi__copy > strong { font-size:.84rem; }
.admin-ui-active .mid-admin-kpi-spark { display:none!important; }
}
.admin-ui-active .admin-sidebar--reference .admin-sidebar__brand-copy {
width:auto!important;height:auto!important;flex:1 1 auto!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.admin-ui-active .status-pill--green { background:var(--mid-green-soft)!important;color:#15803d!important;border-color:rgba(34,197,94,.24)!important; }
.admin-ui-active .status-pill--amber { background:var(--mid-amber-soft)!important;color:#a16207!important;border-color:rgba(245,158,11,.24)!important; }
html[data-theme="dark"] .admin-ui-active .status-pill--green { color:#86efac!important; }
html[data-theme="dark"] .admin-ui-active .status-pill--amber { color:#fcd34d!important; }
/* Phase 163 — service inventory discoverability + authoritative admin sidebar Keeps the one first-party stylesheet contract. */
.admin-ui-active .metric-value--compact {
font-size:clamp(.82rem,1.25vw,1.05rem);
line-height:1.25;
overflow-wrap:anywhere;
}
.admin-ui-active .admin-detail-summary > div {
align-items:flex-start;
}
.admin-ui-active .admin-detail-summary strong {
max-width:62%;
text-align:right;
overflow-wrap:anywhere;
}
.admin-ui-active .admin-table-meta--danger { color:var(--mid-danger,#dc2626)!important; }
.admin-ui-active .admin-access-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.admin-ui-active .admin-access-tile {
min-width:0;
min-height:78px;
display:flex;
align-items:center;
gap:11px;
padding:12px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
color:var(--mid-ink)!important;
transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.admin-ui-active a.admin-access-tile:hover {
transform:translateY(-1px);
border-color:color-mix(in srgb,var(--mid-primary) 45%,var(--mid-line));
box-shadow:var(--mid-shadow-sm);
}
.admin-ui-active .admin-access-tile > i {
width:34px;
height:34px;
flex:0 0 34px;
display:grid;
place-items:center;
border-radius:9px;
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
}
.admin-ui-active .admin-access-tile span { min-width:0;display:block; }
.admin-ui-active .admin-access-tile strong,
.admin-ui-active .admin-access-tile small { display:block;overflow-wrap:anywhere; }
.admin-ui-active .admin-access-tile strong { font-size:.68rem;line-height:1.25; }
.admin-ui-active .admin-access-tile small { margin-top:3px;color:var(--mid-muted);font-size:.56rem;line-height:1.35; }
.admin-ui-active .admin-access-tile.is-disabled { opacity:.72; }
/* The Phase 162 sidebar uses root-link/brand-copy classes. Older collapsed selectors targeted the pre-reference sidebar and therefore had no visible effect. These rules make the desktop hamburger collapse/expand real. */
@media (min-width: 992px) {
html.admin-sidebar-collapsed { --mid-admin-sidebar-width:64px; }
html.admin-sidebar-collapsed .admin-ui-active .admin-app-v91 {
grid-template-columns:64px minmax(0,1fr)!important;
}
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar.admin-sidebar--reference {
width:64px!important;
padding:15px 9px 13px!important;
}
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar--reference .admin-sidebar__header {
justify-content:center!important;
padding-inline:0!important;
}
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar__brand {
justify-content:center!important;
}
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar__brand-copy,
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar__area-label,
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar__root-link > span,
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar__root-toggle .admin-sidebar__chevron,
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar__links--reference,
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar__mini-link > span {
display:none!important;
}
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar__nav {
padding-inline:0!important;
gap:4px!important;
}
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar__root-link {
min-height:39px!important;
grid-template-columns:1fr!important;
justify-items:center!important;
padding:6px!important;
}
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar__root-link > i:first-child {
width:28px!important;
margin:0!important;
font-size:.76rem!important;
}
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar__group--reference {
display:block!important;
}
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar__mini-link {
justify-content:center!important;
padding-inline:0!important;
}
html.admin-sidebar-collapsed .admin-ui-active .admin-sidebar__mini-link > i {
margin:0!important;
}
}
@media (max-width: 760px) {
.admin-ui-active .admin-access-grid { grid-template-columns:1fr; }
.admin-ui-active .admin-detail-summary strong { max-width:58%; }
}
.admin-ui-active .admin-filter-context {
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin:0 0 14px;
padding:10px 12px;
border:1px solid color-mix(in srgb,var(--mid-primary) 24%,var(--mid-line));
border-radius:10px;
background:var(--mid-primary-soft);
color:var(--mid-ink-soft);
font-size:.64rem;
}
.admin-ui-active .admin-filter-context > span { min-width:0;display:flex;align-items:center;gap:7px;overflow-wrap:anywhere; }
.admin-ui-active .admin-filter-context > span > i { color:var(--mid-primary-strong); }
@media (max-width: 620px) {
.admin-ui-active .admin-filter-context { align-items:stretch;flex-direction:column; }
.admin-ui-active .admin-filter-context .btn { width:100%; }
}
.client-profile-dropdown {
max-height:min(680px,calc(100vh - 84px));
overflow-y:auto;
overscroll-behavior:contain;
}
/* Phase 164 - app infrastructure, security, cutover and certificate UI */
.admin-ui-active .admin-dns-proof {
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:6px 9px;
min-width:260px;
max-width:520px;
align-items:start;
}
.admin-ui-active .admin-dns-proof > span {
color:var(--mid-muted);
font-size:.63rem;
font-weight:750;
text-transform:uppercase;
letter-spacing:.04em;
}
.admin-ui-active .admin-dns-proof > code {
min-width:0;
display:block;
padding:4px 7px;
border:1px solid var(--mid-line);
border-radius:7px;
background:var(--mid-panel-2);
color:var(--mid-ink-soft);
font-size:.66rem;
white-space:normal;
overflow-wrap:anywhere;
}
.admin-ui-active .admin-cutover-grid,
.admin-ui-active .admin-security-grid {
display:grid;
grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
gap:16px;
align-items:start;
min-width:0;
}
.admin-ui-active .admin-cutover-grid > *,
.admin-ui-active .admin-security-grid > * { min-width:0; }
.admin-ui-active .admin-maintenance-stack { display:grid; gap:10px; margin-top:14px; }
.admin-ui-active .admin-maintenance-card {
display:grid;
gap:9px;
padding:12px;
border:1px solid var(--mid-line);
border-radius:12px;
background:var(--mid-panel);
}
.admin-ui-active .admin-maintenance-card__head {
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.admin-ui-active .admin-maintenance-card__head strong { color:var(--mid-ink); font-size:.76rem; }
.admin-ui-active .admin-maintenance-card__dates { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.admin-ui-active .admin-feedback {
display:grid;
grid-template-columns:20px minmax(0,1fr);
gap:9px;
align-items:start;
margin:12px 0 0;
padding:11px 13px;
border:1px solid var(--mid-line);
border-radius:11px;
background:var(--mid-panel);
color:var(--mid-ink-soft);
font-size:.72rem;
line-height:1.5;
}
.admin-ui-active .admin-feedback > i { margin-top:2px; }
.admin-ui-active .admin-feedback--success { border-color:rgba(34,197,94,.25); background:var(--mid-green-soft); }
.admin-ui-active .admin-feedback--success > i { color:var(--mid-green); }
.admin-ui-active .admin-feedback--danger { border-color:rgba(239,68,68,.25); background:var(--mid-red-soft); }
.admin-ui-active .admin-feedback--danger > i { color:var(--mid-red); }
.admin-ui-active .admin-security-action {
display:grid;
grid-template-columns:42px minmax(0,1fr);
gap:11px;
align-items:center;
margin:4px 0 14px;
padding:12px;
border:1px solid var(--mid-line);
border-radius:12px;
background:var(--mid-panel-2);
}
.admin-ui-active .admin-security-action > i {
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:12px;
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
}
.admin-ui-active .admin-security-action strong,
.admin-ui-active .admin-security-action span { display:block; }
.admin-ui-active .admin-security-action strong { color:var(--mid-ink); font-size:.8rem; }
.admin-ui-active .admin-security-action span { margin-top:3px; color:var(--mid-muted); font-size:.68rem; line-height:1.45; }
.admin-ui-active .admin-secret-box {
display:grid;
gap:7px;
margin-bottom:12px;
padding:13px;
border:1px solid rgba(59,130,246,.22);
border-radius:12px;
background:var(--mid-blue-soft);
}
.admin-ui-active .admin-secret-box > span { color:var(--mid-muted); font-size:.66rem; font-weight:750; }
.admin-ui-active .admin-secret-box > code { color:var(--mid-ink); font-size:.94rem; font-weight:800; overflow-wrap:anywhere; }
.admin-ui-active .admin-secret-box > small { color:var(--mid-muted); font-size:.66rem; line-height:1.45; }
.admin-ui-active .admin-security-details {
padding:10px 12px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
}
.admin-ui-active .admin-security-details > summary { cursor:pointer; color:var(--mid-ink); font-size:.72rem; font-weight:750; }
.admin-ui-active .admin-security-details > code { display:block; margin-top:9px; color:var(--mid-muted); font-size:.64rem; line-height:1.5; overflow-wrap:anywhere; white-space:normal; }
.admin-ui-active .admin-recovery-codes {
display:grid;
gap:11px;
margin-top:16px;
padding:13px;
border:1px solid rgba(245,158,11,.3);
border-radius:12px;
background:var(--mid-amber-soft);
}
.admin-ui-active .admin-recovery-codes strong,
.admin-ui-active .admin-recovery-codes span { display:block; }
.admin-ui-active .admin-recovery-codes strong { color:var(--mid-ink); font-size:.76rem; }
.admin-ui-active .admin-recovery-codes span { margin-top:3px; color:var(--mid-muted); font-size:.66rem; }
.admin-ui-active .admin-recovery-codes__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.admin-ui-active .admin-recovery-codes__grid code { padding:7px 9px; border:1px solid var(--mid-line); border-radius:8px; background:var(--mid-panel); color:var(--mid-ink); font-size:.7rem; text-align:center; overflow-wrap:anywhere; }
.admin-ui-active .admin-security-facts {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin-top:2px;
}
.admin-ui-active .admin-security-facts > div {
min-width:0;
padding:11px;
border:1px solid var(--mid-line);
border-radius:11px;
background:var(--mid-panel-2);
}
.admin-ui-active .admin-security-facts span,
.admin-ui-active .admin-security-facts strong,
.admin-ui-active .admin-security-facts code { display:block; }
.admin-ui-active .admin-security-facts span { color:var(--mid-muted); font-size:.64rem; }
.admin-ui-active .admin-security-facts strong,
.admin-ui-active .admin-security-facts code { margin-top:5px; color:var(--mid-ink); font-size:.72rem; font-weight:780; overflow-wrap:anywhere; white-space:normal; }
.admin-ui-active .admin-protected-actions { display:flex; align-items:flex-start; gap:12px; margin-top:12px; }
.admin-ui-active .admin-protected-actions > span { flex:0 0 auto; padding-top:4px; color:var(--mid-muted); font-size:.65rem; font-weight:750; }
.admin-ui-active .admin-protected-actions > div { display:flex; flex-wrap:wrap; gap:6px; }
.admin-ui-active .admin-protected-actions em { padding:5px 8px; border:1px solid var(--mid-line); border-radius:999px; background:var(--mid-panel-2); color:var(--mid-ink-soft); font-size:.64rem; font-style:normal; }
.admin-ui-active #ssl-inventory .admin-table-error { max-width:360px; }
.admin-ui-active #domain-ops-wallet .detail-grid,
.admin-ui-active #domain-ops-ledger .detail-grid { grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
.admin-ui-active #domain-ops-wallet .form-grid label { display:grid; gap:6px; color:var(--mid-ink); font-size:.7rem; font-weight:700; }
.admin-ui-active #domain-ops-wallet .form-check { display:flex; align-items:flex-start; gap:9px; }
.admin-ui-active #domain-ops-wallet .form-check .form-check-input { margin-top:3px; }
.admin-ui-active #domain-ops-wallet .form-check .form-check-label { font-size:.7rem; line-height:1.45; }
@media (max-width:1100px) {
.admin-ui-active .admin-cutover-grid,
.admin-ui-active .admin-security-grid { grid-template-columns:1fr; }
.admin-ui-active .admin-security-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px) {
.admin-ui-active .admin-dns-proof { grid-template-columns:1fr; min-width:0; }
.admin-ui-active .admin-dns-proof > span { margin-top:3px; }
.admin-ui-active .admin-maintenance-card__dates { grid-template-columns:1fr; }
.admin-ui-active .admin-recovery-codes__grid,
.admin-ui-active .admin-security-facts { grid-template-columns:1fr; }
.admin-ui-active .admin-protected-actions { flex-direction:column; gap:6px; }
}
/* Phase 165 — root-mounted app routes + core admin record/workflow UI All administrator modules remain in the single Makeitdomain stylesheet. */
.admin-ui-active .admin-record-metrics {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:9px;
margin:0 0 16px;
}
.admin-ui-active .admin-record-metrics > div,
.admin-ui-active .admin-risk-summary > div,
.admin-ui-active .admin-aging-grid > div {
min-width:0;
padding:11px 12px;
border:1px solid var(--mid-line);
border-radius:11px;
background:var(--mid-panel-2);
}
.admin-ui-active .admin-record-metrics span,
.admin-ui-active .admin-record-metrics strong,
.admin-ui-active .admin-risk-summary span,
.admin-ui-active .admin-risk-summary strong,
.admin-ui-active .admin-aging-grid span,
.admin-ui-active .admin-aging-grid strong { display:block;min-width:0; }
.admin-ui-active .admin-record-metrics span,
.admin-ui-active .admin-risk-summary span,
.admin-ui-active .admin-aging-grid span {
color:var(--mid-muted);
font-size:.57rem;
font-weight:650;
text-transform:uppercase;
letter-spacing:.045em;
}
.admin-ui-active .admin-record-metrics strong,
.admin-ui-active .admin-risk-summary strong,
.admin-ui-active .admin-aging-grid strong {
margin-top:4px;
color:var(--mid-ink);
font-size:.74rem;
line-height:1.3;
overflow-wrap:anywhere;
}
.admin-ui-active .admin-record-section {
margin-top:16px;
padding-top:15px;
border-top:1px solid var(--mid-line);
}
.admin-ui-active .admin-record-section .surface-head { margin-bottom:10px; }
.admin-ui-active .admin-record-list { display:grid;gap:8px; }
.admin-ui-active .admin-record-list--compact { gap:7px; }
.admin-ui-active .admin-record-row {
min-width:0;
display:grid;
grid-template-columns:34px minmax(0,1fr);
gap:10px;
align-items:center;
padding:10px 11px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
}
.admin-ui-active .admin-record-row--split { grid-template-columns:34px minmax(0,1fr) auto; }
.admin-ui-active .admin-record-row__icon {
width:34px;height:34px;display:grid;place-items:center;border-radius:9px;
background:var(--mid-primary-soft);color:var(--mid-primary-strong);
}
.admin-ui-active .admin-record-row__icon.is-success { background:var(--mid-green-soft);color:#15803d; }
.admin-ui-active .admin-record-row > div { min-width:0; }
.admin-ui-active .admin-record-row strong,
.admin-ui-active .admin-record-row small { display:block;min-width:0;overflow-wrap:anywhere; }
.admin-ui-active .admin-record-row strong { color:var(--mid-ink);font-size:.69rem;line-height:1.3; }
.admin-ui-active .admin-record-row small { margin-top:2px;color:var(--mid-muted);font-size:.59rem;line-height:1.4; }
.admin-ui-active .admin-record-row__value {
max-width:130px;padding:5px 8px;border-radius:999px;background:var(--mid-panel);
color:var(--mid-ink-soft);font-size:.57rem;font-weight:700;white-space:nowrap;
}
.admin-ui-active .admin-risk-summary { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.admin-ui-active .admin-aging-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px; }
.admin-ui-active .admin-aging-grid > div { min-height:72px; }
.admin-ui-active .admin-aging-grid strong { font-size:.82rem; }
.admin-ui-active details.admin-inline-review { position:relative;min-width:92px; }
.admin-ui-active details.admin-inline-review > summary { list-style:none;cursor:pointer; }
.admin-ui-active details.admin-inline-review > summary::-webkit-details-marker { display:none; }
.admin-ui-active details.admin-inline-review[open] > summary { border-color:color-mix(in srgb,var(--mid-primary) 42%,var(--mid-line));color:var(--mid-primary-strong); }
.admin-ui-active details.admin-inline-review > form {
width:min(310px,calc(100vw - 48px));
margin-top:8px;
padding:11px;
border:1px solid var(--mid-line);
border-radius:11px;
background:var(--mid-panel);
box-shadow:var(--mid-shadow-md);
}
.admin-ui-active .admin-export-form {
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:10px;
align-items:end;
max-width:620px;
}
.admin-ui-active .admin-secret-callout,
.admin-ui-active .admin-inline-notice {
display:grid;
grid-template-columns:38px minmax(0,1fr);
gap:11px;
align-items:start;
margin:0 0 14px;
padding:12px;
border:1px solid color-mix(in srgb,var(--mid-amber,#f59e0b) 34%,var(--mid-line));
border-radius:11px;
background:color-mix(in srgb,var(--mid-amber-soft,#fff7ed) 70%,var(--mid-panel));
}
.admin-ui-active .admin-secret-callout > span,
.admin-ui-active .admin-inline-notice > i {
width:38px;height:38px;display:grid;place-items:center;border-radius:10px;
background:rgba(245,158,11,.14);color:#b45309;
}
.admin-ui-active .admin-secret-callout strong,
.admin-ui-active .admin-secret-callout p,
.admin-ui-active .admin-inline-notice strong,
.admin-ui-active .admin-inline-notice small { display:block;min-width:0; }
.admin-ui-active .admin-secret-callout strong,
.admin-ui-active .admin-inline-notice strong { color:var(--mid-ink);font-size:.7rem; }
.admin-ui-active .admin-secret-callout p,
.admin-ui-active .admin-inline-notice small { margin:2px 0 0;color:var(--mid-muted);font-size:.61rem;line-height:1.45; }
.admin-ui-active .admin-secret-callout__value {
display:flex;align-items:center;gap:8px;margin-top:9px;padding:8px;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel);
}
.admin-ui-active .admin-secret-callout__value code { min-width:0;flex:1 1 auto;color:var(--mid-ink);overflow-wrap:anywhere;word-break:break-all; }
.admin-ui-active .admin-inline-notice { grid-template-columns:34px minmax(0,1fr);margin:0;background:var(--mid-primary-soft);border-color:color-mix(in srgb,var(--mid-primary) 24%,var(--mid-line)); }
.admin-ui-active .admin-inline-notice > i { width:34px;height:34px;background:color-mix(in srgb,var(--mid-primary) 12%,transparent);color:var(--mid-primary-strong); }
.admin-ui-active .admin-provider-ref { max-width:420px;display:inline-block;white-space:normal;overflow-wrap:anywhere;word-break:break-word; }
html[data-theme="dark"] .admin-ui-active .admin-record-row__icon.is-success { color:#86efac; }
@media (max-width:1100px) {
.admin-ui-active .admin-record-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-ui-active .admin-aging-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
.admin-ui-active .admin-aging-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-ui-active .admin-export-form { grid-template-columns:1fr; }
.admin-ui-active .admin-export-form .btn { width:100%; }
.admin-ui-active .admin-secret-callout__value { align-items:stretch;flex-direction:column; }
.admin-ui-active .admin-secret-callout__value .btn { width:100%; }
}
@media (max-width:520px) {
.admin-ui-active .admin-record-metrics { grid-template-columns:1fr 1fr;gap:7px; }
.admin-ui-active .admin-record-row--split { grid-template-columns:30px minmax(0,1fr); }
.admin-ui-active .admin-record-row__value { grid-column:2;justify-self:start; }
.admin-ui-active .admin-record-row__icon { width:30px;height:30px; }
.admin-ui-active .admin-aging-grid { grid-template-columns:1fr; }
}
/* Phase 166 — dashboard fidelity + client domain/hosting service workspace Keeps the one first-party stylesheet contract. */
.admin-ui-active .mid-admin-dashboard--fidelity {
width:min(100%,1220px);
margin:0 auto;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-overview-head {
margin-bottom:14px;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-metrics {
gap:11px;
margin-bottom:12px;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-kpi {
min-height:88px;
padding:12px 13px 10px;
border-radius:8px;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-kpi__copy > strong {
margin-top:5px;
font-size:1rem;
}
.admin-ui-active .mid-admin-kpi-trace {
width:64px;
height:18px;
margin-top:5px;
color:var(--mid-primary);
opacity:.92;
}
.admin-ui-active .mid-admin-reference-kpi--green .mid-admin-kpi-trace { color:#16a34a; }
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-grid {
grid-template-columns:minmax(0,1.42fr) minmax(240px,.73fr) minmax(220px,.62fr);
gap:11px;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-card {
min-height:258px;
border-radius:8px;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-card__head {
padding:13px 14px 4px;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-card__head--row {
padding-bottom:8px;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-card__head > div > strong {
margin-top:7px;
font-size:.98rem;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-chart {
min-height:176px!important;
height:176px!important;
margin:0 4px 2px;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-order-list,
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-system-list {
padding-inline:12px;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-order-row {
padding:8px 0;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-system-row {
min-height:33px;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-status-footer {
margin:2px 12px 9px;
padding-top:8px;
}
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-empty {
min-height:165px;
}
.client-domain-portfolio {
--domain-row-columns:minmax(260px,1.55fr) minmax(150px,.72fr) minmax(155px,.78fr) minmax(112px,.5fr) auto;
}
.client-domain-portfolio__metrics .mid-metric-card {
min-height:96px;
}
.client-domain-portfolio__panel {
padding:0!important;
overflow:hidden;
}
.client-domain-portfolio__head {
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
margin:0!important;
padding:17px 18px 15px;
border-bottom:1px solid var(--mid-line);
}
.client-domain-portfolio__head h2 { margin:2px 0 0; }
.client-domain-portfolio__head p:last-child { margin:4px 0 0; }
.client-domain-portfolio__count {
min-width:82px;
display:flex;
align-items:baseline;
justify-content:center;
gap:4px;
padding:7px 9px;
border:1px solid var(--mid-line);
border-radius:999px;
background:var(--mid-panel-2);
color:var(--mid-muted);
font-size:.58rem;
white-space:nowrap;
}
.client-domain-portfolio__count strong { color:var(--mid-ink);font-size:.7rem; }
.client-domain-portfolio__toolbar {
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
padding:11px 18px;
border-bottom:1px solid var(--mid-line);
background:color-mix(in srgb,var(--mid-panel) 93%,var(--mid-panel-2));
}
.client-domain-select-all {
min-height:36px;
display:inline-flex;
align-items:center;
gap:7px;
margin:0;
color:var(--mid-ink-soft);
font-size:.62rem;
font-weight:700;
white-space:nowrap;
}
.client-domain-portfolio__toolbar .client-bulk-action-select {
width:220px;
max-width:220px;
min-height:36px;
font-size:.61rem;
}
.client-domain-portfolio__toolbar .btn { min-height:36px; }
.client-domain-portfolio__provider-note {
min-width:230px;
flex:1 1 260px;
display:flex;
align-items:center;
justify-content:flex-end;
gap:6px;
color:var(--mid-muted);
font-size:.56rem;
line-height:1.35;
text-align:right;
}
.client-domain-portfolio__provider-note i { color:var(--mid-primary-strong); }
.client-domain-table { min-width:0; }
.client-domain-table__head,
.client-domain-row {
display:grid;
grid-template-columns:var(--domain-row-columns);
align-items:center;
gap:14px;
}
.client-domain-table__head {
min-height:38px;
padding:0 18px;
border-bottom:1px solid var(--mid-line);
background:var(--mid-panel-2);
color:var(--mid-muted);
font-size:.52rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.055em;
}
.client-domain-table__body { display:grid; }
.client-domain-row {
min-width:0;
min-height:86px;
padding:12px 18px;
border-bottom:1px solid var(--mid-line);
background:var(--mid-panel);
transition:background .16s ease,border-color .16s ease;
}
.client-domain-row:last-child { border-bottom:0; }
.client-domain-row:hover { background:color-mix(in srgb,var(--mid-panel) 96%,var(--mid-primary-soft)); }
.client-domain-row__identity {
min-width:0;
display:grid;
grid-template-columns:18px 36px minmax(0,1fr);
align-items:center;
gap:10px;
}
.client-domain-row__icon {
width:36px;
height:36px;
display:grid;
place-items:center;
border-radius:10px;
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
}
.client-domain-row__name { min-width:0;display:block; }
.client-domain-row__name strong,
.client-domain-row__name small,
.client-domain-row__name em { display:block;min-width:0; }
.client-domain-row__name strong {
overflow:hidden;
color:var(--mid-ink);
font-size:.74rem;
font-weight:800;
line-height:1.25;
text-overflow:ellipsis;
white-space:nowrap;
}
.client-domain-row__name small { margin-top:2px;color:var(--mid-muted);font-size:.55rem; }
.client-domain-row__name em {
width:max-content;
max-width:100%;
margin-top:4px;
color:#a16207;
font-size:.5rem;
font-style:normal;
font-weight:700;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.client-domain-row__name em i { margin-right:4px; }
.client-domain-row__renewal,
.client-domain-row__status { min-width:0; }
.client-domain-row__renewal strong,
.client-domain-row__renewal small,
.client-domain-row__renewal span,
.client-domain-row__status small { display:block;min-width:0; }
.client-domain-row__renewal strong { color:var(--mid-ink);font-size:.62rem; }
.client-domain-row__renewal small { margin-top:2px;color:var(--mid-muted);font-size:.53rem; }
.client-domain-row__renewal small.is-warning { color:#b45309; }
.client-domain-row__renewal span { margin-top:6px;color:var(--mid-ink-soft);font-size:.52rem;font-weight:650; }
.client-domain-row__renewal span i { margin-right:5px;color:var(--mid-primary-strong); }
.client-domain-row__protection { min-width:0;display:flex;flex-wrap:wrap;gap:5px; }
.client-domain-protection {
display:inline-flex;
align-items:center;
gap:5px;
min-height:25px;
padding:4px 7px;
border:1px solid var(--mid-line);
border-radius:999px;
background:var(--mid-panel-2);
color:var(--mid-muted);
font-size:.51rem;
font-weight:700;
white-space:nowrap;
}
.client-domain-protection.is-on { border-color:rgba(34,197,94,.2);background:var(--mid-green-soft);color:#15803d; }
.client-domain-row__status .status-pill { min-height:24px;padding:4px 7px;font-size:.5rem; }
.client-domain-row__status small { margin-top:5px;color:var(--mid-muted);font-size:.49rem;line-height:1.3; }
.client-domain-row__status small i { margin-right:4px; }
.client-domain-row__actions { display:flex;justify-content:flex-end;gap:6px; }
.client-domain-row__actions .btn { min-height:32px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap; }
.client-hosting-manage {
display:grid;
gap:16px;
min-width:0;
}
.client-hosting-manage > * { min-width:0; }
.client-hosting-manage__heading,
.client-hosting-manage .client-context-nav,
.client-hosting-manage__tabs,
.client-hosting-manage .mid-resource-grid,
.client-hosting-manage .mid-detail-section { margin:0!important; }
.client-hosting-manage__heading { padding-bottom:14px; }
.client-hosting-manage__title { min-width:0;display:flex;align-items:center;gap:12px; }
.client-hosting-manage__brand-icon {
width:42px;
height:42px;
flex:0 0 42px;
display:grid;
place-items:center;
border-radius:12px;
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
font-size:.86rem;
}
.client-hosting-manage__tabs {
margin-top:-2px!important;
padding:4px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel);
}
.client-hosting-manage__tabs a { min-height:34px;display:inline-flex;align-items:center;padding:6px 11px;border-radius:7px; }
.client-hosting-manage__tabs a.is-active { background:var(--mid-primary-soft);color:var(--mid-primary-strong)!important;font-weight:800; }
.client-hosting-summary {
min-width:0;
display:grid;
grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);
gap:16px;
align-items:center;
padding:17px 18px;
border:1px solid var(--mid-line);
border-radius:11px;
background:linear-gradient(135deg,var(--mid-panel),color-mix(in srgb,var(--mid-primary-soft) 28%,var(--mid-panel)));
box-shadow:0 2px 8px rgba(15,23,42,.018);
}
.client-hosting-summary__identity { min-width:0;display:flex;align-items:center;gap:12px; }
.client-hosting-summary__icon {
width:44px;
height:44px;
flex:0 0 44px;
display:grid;
place-items:center;
border-radius:12px;
background:linear-gradient(135deg,var(--mid-primary),var(--mid-blue));
color:#fff;
font-size:.9rem;
}
.client-hosting-summary__identity h2 { margin:2px 0 2px;color:var(--mid-ink);font-size:.9rem;letter-spacing:-.02em; }
.client-hosting-summary__identity > div > span { color:var(--mid-muted);font-size:.57rem; }
.client-hosting-summary__facts {
min-width:0;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
}
.client-hosting-summary__facts > div {
min-width:0;
padding:9px 10px;
border:1px solid var(--mid-line);
border-radius:9px;
background:color-mix(in srgb,var(--mid-panel) 92%,transparent);
}
.client-hosting-summary__facts span,
.client-hosting-summary__facts strong { display:block;min-width:0;overflow-wrap:anywhere; }
.client-hosting-summary__facts span { color:var(--mid-muted);font-size:.49rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em; }
.client-hosting-summary__facts strong { margin-top:4px;color:var(--mid-ink);font-size:.59rem;line-height:1.3; }
.client-hosting-summary__facts strong.is-success { color:#15803d; }
.client-hosting-resource-grid { gap:10px!important; }
.client-hosting-resource-card {
min-width:0;
min-height:90px;
display:flex;
align-items:flex-start;
gap:10px;
padding:12px!important;
}
.client-hosting-resource-card__icon {
width:30px;
height:30px;
flex:0 0 30px;
display:grid;
place-items:center;
border-radius:8px;
background:var(--mid-blue-soft);
color:var(--mid-blue);
font-size:.62rem;
}
.client-hosting-resource-card > div { min-width:0; }
.client-hosting-resource-card .mid-resource-card__value { margin:2px 0;font-size:.88rem; }
.client-hosting-manage__grid {
min-width:0;
display:grid;
grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
gap:16px;
align-items:start;
}
.client-hosting-panel { min-width:0;padding:17px 18px!important; }
.client-hosting-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.client-hosting-shortcuts .shortcut-card {
min-width:0;
min-height:58px;
display:grid;
grid-template-columns:30px minmax(0,1fr) 14px;
gap:9px;
padding:10px;
border:1px solid var(--mid-line);
border-radius:9px;
background:var(--mid-panel-2);
}
.client-hosting-shortcuts .shortcut-card > i:first-child {
width:30px;
height:30px;
display:grid;
place-items:center;
border-radius:8px;
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
}
.client-hosting-shortcuts .shortcut-card span { min-width:0; }
.client-hosting-shortcuts .shortcut-card strong,
.client-hosting-shortcuts .shortcut-card small { display:block;min-width:0;overflow-wrap:anywhere; }
.client-hosting-shortcuts .shortcut-card strong { color:var(--mid-ink);font-size:.61rem; }
.client-hosting-shortcuts .shortcut-card small { margin-top:2px;color:var(--mid-muted);font-size:.5rem; }
.client-hosting-shortcuts .shortcut-card__arrow { color:var(--mid-muted);font-size:.52rem; }
.client-hosting-state { min-width:0;padding:17px 18px!important; }
.client-hosting-tool-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:9px; }
.client-hosting-tool-grid .service-tool-card { min-height:74px;padding:11px; }
.client-hosting-capacity { position:relative;overflow:hidden; }
.client-hosting-capacity__icon {
position:absolute;
right:14px;
top:14px;
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
}
.client-hosting-manage .md-anchor-section { scroll-margin-top:82px; }
@media (max-width:1250px) {
.admin-ui-active .mid-admin-dashboard--fidelity { width:100%; }
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-grid { grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr); }
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-status { grid-column:1/-1;min-height:auto; }
.client-domain-portfolio { --domain-row-columns:minmax(240px,1.4fr) minmax(145px,.72fr) minmax(140px,.7fr) minmax(105px,.5fr) auto; }
.client-hosting-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1050px) {
.client-domain-table__head { display:none; }
.client-domain-row {
grid-template-columns:minmax(0,1.4fr) minmax(145px,.7fr) minmax(150px,.8fr) auto;
gap:12px;
}
.client-domain-row__status { grid-column:2; }
.client-domain-row__protection { grid-column:3;grid-row:1 / span 2; }
.client-domain-row__actions { grid-column:4;grid-row:1 / span 2; }
.client-domain-row__renewal { grid-column:2;grid-row:1; }
.client-hosting-summary { grid-template-columns:1fr; }
.client-hosting-summary__facts { grid-template-columns:repeat(4,minmax(0,1fr)); }
.client-hosting-manage__grid { grid-template-columns:1fr; }
}
@media (max-width:820px) {
.client-domain-portfolio__provider-note { flex-basis:100%;justify-content:flex-start;text-align:left; }
.client-domain-row {
grid-template-columns:minmax(0,1fr) minmax(155px,.7fr) auto;
align-items:start;
}
.client-domain-row__identity { grid-column:1 / span 2; }
.client-domain-row__actions { grid-column:3;grid-row:1;align-self:center; }
.client-domain-row__renewal { grid-column:1;grid-row:2; }
.client-domain-row__protection { grid-column:2;grid-row:2; }
.client-domain-row__status { grid-column:3;grid-row:2; }
.client-hosting-summary__facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
.client-hosting-shortcuts { grid-template-columns:1fr; }
}
@media (max-width:680px) {
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-card { min-height:auto; }
.admin-ui-active .mid-admin-dashboard--fidelity .mid-admin-reference-chart { min-height:168px!important;height:168px!important; }
.client-domain-portfolio__head { align-items:stretch;flex-direction:column;padding:14px; }
.client-domain-portfolio__count { align-self:flex-start; }
.client-domain-portfolio__toolbar { align-items:stretch;padding:10px 14px; }
.client-domain-select-all { width:100%; }
.client-domain-portfolio__toolbar .client-bulk-action-select { width:100%;max-width:none; }
.client-domain-portfolio__toolbar .btn { width:100%; }
.client-domain-row {
display:grid;
grid-template-columns:1fr;
gap:10px;
min-height:0;
padding:14px;
}
.client-domain-row__identity,
.client-domain-row__renewal,
.client-domain-row__protection,
.client-domain-row__status,
.client-domain-row__actions {
grid-column:1;
grid-row:auto;
}
.client-domain-row__identity { grid-template-columns:18px 36px minmax(0,1fr); }
.client-domain-row__renewal,
.client-domain-row__protection,
.client-domain-row__status {
padding-left:64px;
}
.client-domain-row__renewal::before,
.client-domain-row__protection::before,
.client-domain-row__status::before {
display:block;
margin-bottom:4px;
color:var(--mid-muted);
content:attr(data-label);
font-size:.48rem;
font-weight:800;
text-transform:uppercase;
letter-spacing:.05em;
}
.client-domain-row__actions { justify-content:stretch;padding-left:64px; }
.client-domain-row__actions .btn { flex:1 1 auto;justify-content:center; }
.client-hosting-manage { gap:13px; }
.client-hosting-manage__title { align-items:flex-start; }
.client-hosting-summary { padding:14px; }
.client-hosting-summary__facts { grid-template-columns:1fr 1fr; }
.client-hosting-tool-grid { grid-template-columns:1fr; }
.client-hosting-panel,
.client-hosting-state { padding:14px!important; }
}
@media (max-width:430px) {
.client-domain-row__renewal,
.client-domain-row__protection,
.client-domain-row__status,
.client-domain-row__actions { padding-left:0; }
.client-hosting-summary__facts { grid-template-columns:1fr; }
.client-hosting-manage__brand-icon { width:38px;height:38px;flex-basis:38px; }
}
@media (min-width:992px) {
.admin-ui-active .admin-topbar-v91.admin-topbar-fidelity {
grid-template-columns:minmax(0,1fr) minmax(320px,430px) minmax(0,1fr);
}
.admin-ui-active .admin-topbar-fidelity .admin-global-search-wrap {
grid-column:2;
width:100%;
justify-self:center;
}
.admin-ui-active .admin-topbar-fidelity .admin-topbar-v127__actions {
grid-column:3;
justify-self:end;
}
}
@media (max-width:991.98px) {
.admin-ui-active .admin-topbar-fidelity .admin-topbar-menu-toggle { grid-column:1; }
.admin-ui-active .admin-topbar-fidelity .admin-global-search-wrap { grid-column:2; }
.admin-ui-active .admin-topbar-fidelity .admin-topbar-v127__actions { grid-column:3; }
}
/* Phase 167 — compact hosting inventory + service detail continuity */
.client-hosting-portfolio {
min-width:0;
overflow:hidden;
border:1px solid var(--mid-line);
border-radius:12px;
background:var(--mid-panel);
box-shadow:0 2px 10px rgba(15,23,42,.025);
}
.client-hosting-portfolio__head {
min-width:0;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
padding:15px 17px;
border-bottom:1px solid var(--mid-line);
}
.client-hosting-portfolio__head h2 { margin:1px 0 3px;color:var(--mid-ink);font-size:.82rem;letter-spacing:-.02em; }
.client-hosting-portfolio__head p:last-child { margin:0;color:var(--mid-muted);font-size:.58rem;line-height:1.45; }
.client-hosting-portfolio__count {
flex:0 0 auto;
display:inline-flex;
align-items:baseline;
gap:5px;
min-height:31px;
padding:6px 9px;
border:1px solid var(--mid-line);
border-radius:9px;
background:var(--mid-panel-2);
color:var(--mid-muted);
font-size:.52rem;
white-space:nowrap;
}
.client-hosting-portfolio__count strong { color:var(--mid-ink);font-size:.68rem; }
.client-hosting-portfolio__toolbar {
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:10px 17px;
border-bottom:1px solid var(--mid-line);
background:color-mix(in srgb,var(--mid-panel-2) 72%,var(--mid-panel));
}
.client-hosting-filter-search {
min-width:220px;
max-width:430px;
flex:1 1 430px;
display:flex;
align-items:center;
gap:8px;
min-height:35px;
padding:0 10px;
border:1px solid var(--mid-line);
border-radius:9px;
background:var(--mid-panel);
color:var(--mid-muted);
}
.client-hosting-filter-search:focus-within { border-color:color-mix(in srgb,var(--mid-primary) 44%,var(--mid-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--mid-primary-soft) 58%,transparent); }
.client-hosting-filter-search input { width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--mid-ink);font-size:.61rem; }
.client-hosting-filter-select { display:flex;align-items:center;gap:7px;color:var(--mid-muted);font-size:.52rem;font-weight:700;white-space:nowrap; }
.client-hosting-filter-select .form-select { min-width:132px;min-height:35px;padding-top:.32rem;padding-bottom:.32rem;font-size:.58rem; }
.client-hosting-table { min-width:0; }
.client-hosting-table__head,
.client-hosting-row {
display:grid;
grid-template-columns:minmax(240px,1.35fr) minmax(155px,.72fr) minmax(150px,.72fr) minmax(105px,.5fr) auto;
gap:14px;
align-items:center;
}
.client-hosting-table__head {
min-height:35px;
padding:7px 17px;
border-bottom:1px solid var(--mid-line);
background:var(--mid-panel-2);
color:var(--mid-muted);
font-size:.49rem;
font-weight:800;
letter-spacing:.045em;
text-transform:uppercase;
}
.client-hosting-row {
min-width:0;
min-height:78px;
padding:12px 17px;
border-bottom:1px solid var(--mid-line);
transition:background .15s ease;
}
.client-hosting-row:last-child { border-bottom:0; }
.client-hosting-row:hover { background:color-mix(in srgb,var(--mid-panel) 96%,var(--mid-primary-soft)); }
.client-hosting-row[hidden] { display:none!important; }
.client-hosting-row__service { min-width:0;display:flex;align-items:center;gap:10px; }
.client-hosting-row__icon { width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:var(--mid-primary-soft);color:var(--mid-primary-strong); }
.client-hosting-row__service > div { min-width:0; }
.client-hosting-row__service strong,
.client-hosting-row__service small { display:block;min-width:0;overflow:hidden;text-overflow:ellipsis; }
.client-hosting-row__service strong { color:var(--mid-ink);font-size:.72rem;font-weight:800;white-space:nowrap; }
.client-hosting-row__service small { margin-top:3px;color:var(--mid-muted);font-size:.5rem; }
.client-hosting-row__fact { min-width:0; }
.client-hosting-row__fact > span { display:block;color:var(--mid-muted);font-size:.48rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em; }
.client-hosting-row__fact > strong { display:block;margin-top:3px;color:var(--mid-ink);font-size:.6rem;overflow-wrap:anywhere; }
.client-hosting-row__fact > small { display:block;margin-top:3px;color:var(--mid-muted);font-size:.49rem;line-height:1.3; }
.client-hosting-row__fact > small.is-success { color:#15803d; }
.client-hosting-row__fact > small.is-warning { color:#b45309; }
.client-hosting-row__status { min-width:0; }
.client-hosting-row__status .status-pill { min-height:24px;padding:4px 7px;font-size:.49rem; }
.client-hosting-row__status small { display:block;margin-top:5px;color:var(--mid-muted);font-size:.47rem; }
.client-hosting-row__actions { display:flex;align-items:center;justify-content:flex-end;gap:6px; }
.client-hosting-row__actions .btn { min-height:32px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap; }
.client-hosting-filter-empty { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:150px;padding:24px;color:var(--mid-muted);text-align:center; }
.client-hosting-filter-empty[hidden] { display:none!important; }
.client-hosting-filter-empty i { width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--mid-panel-2);color:var(--mid-primary-strong); }
.client-hosting-filter-empty strong { margin-top:4px;color:var(--mid-ink);font-size:.68rem; }
.client-hosting-filter-empty span { font-size:.55rem; }
.client-hosting-portfolio__empty { padding:6px 0; }
.client-dns-domain-switcher {
min-width:0;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:11px 13px;
border:1px solid var(--mid-line);
border-radius:11px;
background:var(--mid-panel);
}
.client-dns-domain-switcher > div { min-width:0;display:flex;align-items:center;gap:10px; }
.client-dns-domain-switcher__icon { width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;background:var(--mid-primary-soft);color:var(--mid-primary-strong); }
.client-dns-domain-switcher strong,
.client-dns-domain-switcher small { display:block;min-width:0; }
.client-dns-domain-switcher strong { color:var(--mid-ink);font-size:.65rem; }
.client-dns-domain-switcher small { margin-top:2px;color:var(--mid-muted);font-size:.52rem; }
.client-dns-domain-switcher > label { flex:0 0 min(320px,42%);display:flex;align-items:center;gap:8px;color:var(--mid-muted);font-size:.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em; }
.client-dns-domain-switcher .form-select { min-width:0;min-height:36px;font-size:.59rem;text-transform:none;letter-spacing:0; }
.client-domain-manage { display:grid;gap:15px;min-width:0; }
.client-domain-manage > * { min-width:0; }
.client-domain-manage .mid-domain-heading,
.client-domain-manage .client-context-nav,
.client-domain-manage > .mid-detail-tabs,
.client-domain-manage > .mid-domain-overview-layout,
.client-domain-manage > .phase118-record-grid { margin:0!important; }
.client-domain-manage .mid-domain-heading { padding-bottom:13px; }
.client-domain-manage .mid-domain-overview-layout { gap:14px; }
.client-domain-manage .mid-domain-overview-card,
.client-domain-manage .mid-domain-mini-card { box-shadow:0 2px 8px rgba(15,23,42,.018); }
.client-domain-manage .mid-domain-health-grid > div { min-height:62px;padding:10px 11px; }
.client-domain-manage .phase118-record-grid { gap:14px;align-items:start; }
.client-domain-manage .surface { border-radius:11px; }
.client-domain-manage .table-shell { margin-top:8px; }
.client-domain-manage .modal-content { border:1px solid var(--mid-line);border-radius:12px;background:var(--mid-panel);box-shadow:0 22px 60px rgba(15,23,42,.16); }
.client-ssl-head-actions { display:flex;align-items:center;gap:7px;flex-wrap:wrap; }
.client-ssl-table .client-table-subtext { display:block;margin-top:3px;color:var(--mid-muted);font-size:.49rem;line-height:1.35; }
.client-ssl-table .client-table-value { display:block;color:var(--mid-ink);font-size:.59rem; }
.client-ssl-reference { display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mid-muted);font-size:.49rem; }
@media (max-width:1080px) {
.client-hosting-table__head { display:none; }
.client-hosting-row { grid-template-columns:minmax(0,1.25fr) minmax(145px,.75fr) minmax(120px,.6fr) auto;align-items:start; }
.client-hosting-row__service { grid-column:1;grid-row:1 / span 2;align-self:center; }
.client-hosting-row__fact:nth-of-type(2) { grid-column:2;grid-row:1; }
.client-hosting-row__fact:nth-of-type(3) { grid-column:3;grid-row:1; }
.client-hosting-row__status { grid-column:2 / span 2;grid-row:2; }
.client-hosting-row__actions { grid-column:4;grid-row:1 / span 2;align-self:center; }
}
@media (max-width:760px) {
.client-hosting-portfolio__head { flex-direction:column; }
.client-hosting-portfolio__toolbar { align-items:stretch;flex-direction:column; }
.client-hosting-filter-search { width:100%;max-width:none;flex-basis:auto; }
.client-hosting-filter-select { width:100%;justify-content:space-between; }
.client-hosting-filter-select .form-select { flex:1 1 auto; }
.client-hosting-row { grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;padding:13px 14px; }
.client-hosting-row__service { grid-column:1;grid-row:1;align-self:start; }
.client-hosting-row__actions { grid-column:2;grid-row:1;align-self:center; }
.client-hosting-row__fact:nth-of-type(2),
.client-hosting-row__fact:nth-of-type(3),
.client-hosting-row__status { grid-column:1 / -1;grid-row:auto;padding-left:46px; }
.client-hosting-row__fact::before,
.client-hosting-row__status::before { display:block;margin-bottom:3px;color:var(--mid-muted);content:attr(data-label);font-size:.46rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase; }
.client-hosting-row__actions .btn span { display:none; }
.client-dns-domain-switcher { align-items:stretch;flex-direction:column; }
.client-dns-domain-switcher > label { width:100%;flex-basis:auto; }
.client-ssl-head-actions { width:100%; }
.client-ssl-head-actions .btn { flex:1 1 auto; }
}
@media (max-width:520px) {
.client-hosting-row { grid-template-columns:1fr; }
.client-hosting-row__service,
.client-hosting-row__actions,
.client-hosting-row__fact:nth-of-type(2),
.client-hosting-row__fact:nth-of-type(3),
.client-hosting-row__status { grid-column:1;grid-row:auto;padding-left:0; }
.client-hosting-row__actions { justify-content:stretch; }
.client-hosting-row__actions .btn { flex:1 1 auto;justify-content:center; }
.client-hosting-row__actions .btn span { display:inline; }
.client-dns-domain-switcher > label { display:block; }
.client-dns-domain-switcher > label > span { display:block;margin-bottom:5px; }
}
/* Phase 168: admin-only UI consolidation — growth, continuity, identity and governance. */
.admin-growth-grid,
.admin-report-grid,
.admin-release-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 1rem;
align-items: start;
margin-top: 1rem;
}
.admin-report-grid {
grid-template-columns: minmax(0, 1.55fr) minmax(260px, .65fr);
}
.admin-release-grid {
grid-template-columns: minmax(0, 1.5fr) minmax(270px, .6fr);
}
.admin-inline-action {
display: inline-flex;
align-items: center;
gap: .5rem;
min-width: 220px;
}
.admin-inline-action .form-select { min-width: 120px; }
.admin-inline-action .btn { white-space: nowrap; }
.md-plan-change {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: .4rem;
color: var(--text-muted, #64748b);
}
.md-plan-change strong { color: var(--text, #0f172a); }
.md-plan-change i { font-size: .72rem; color: var(--brand, #0ea5a5); }
.admin-cell-subline {
display: block;
margin-top: .2rem;
color: var(--text-muted, #64748b);
font-size: .78rem;
font-weight: 500;
}
.admin-device-label {
display: inline-flex;
align-items: center;
gap: .5rem;
min-width: 0;
color: var(--text-secondary, #334155);
}
.admin-device-label i { color: var(--brand, #0ea5a5); }
.md-code-inline--wrap {
display: inline-block;
max-width: min(100%, 420px);
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}
.admin-brand-preview {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem;
border: 1px solid var(--border, #e2e8f0);
border-radius: 16px;
background: linear-gradient(135deg, rgba(13, 148, 136, .06), rgba(59, 130, 246, .035));
}
.admin-brand-preview img { flex: 0 0 auto; }
.admin-brand-preview strong { display: block; font-size: 1rem; margin-bottom: .25rem; }
.admin-brand-preview p { color: var(--text-muted, #64748b); font-size: .9rem; }
.admin-color-input {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
gap: .55rem;
align-items: center;
}
.admin-color-input input[type="color"] {
width: 48px;
height: 42px;
padding: .2rem;
border: 1px solid var(--border, #dbe4ee);
border-radius: 10px;
background: var(--surface, #fff);
cursor: pointer;
}
.admin-settings-form { margin-top: 1rem; }
.admin-settings-form .admin-form-actions {
display: flex;
justify-content: flex-start;
padding-top: .35rem;
}
.admin-switch-row {
display: flex;
align-items: flex-start;
gap: .75rem;
padding: .85rem 0;
margin: 0;
}
.admin-switch-row > span { display: grid; gap: .15rem; }
.admin-switch-row strong { font-size: .92rem; color: var(--text, #0f172a); }
.admin-switch-row small { color: var(--text-muted, #64748b); line-height: 1.45; }
.admin-release-timeline {
display: grid;
gap: .25rem;
padding: .15rem 0;
}
.admin-release-entry {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: .85rem;
position: relative;
padding: .85rem 0;
}
.admin-release-entry:not(:last-child)::before {
content: "";
position: absolute;
left: 16px;
top: 43px;
bottom: -8px;
width: 1px;
background: var(--border, #e2e8f0);
}
.admin-release-entry__marker {
width: 34px;
height: 34px;
border-radius: 10px;
display: grid;
place-items: center;
background: rgba(13, 148, 136, .1);
color: var(--brand, #0f9f9f);
z-index: 1;
}
.admin-release-entry__head {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .55rem;
margin-bottom: .25rem;
}
.admin-release-entry p {
margin: 0 0 .35rem;
color: var(--text-secondary, #475569);
line-height: 1.55;
}
.admin-release-entry small { color: var(--text-muted, #64748b); }
.admin-ui-active .admin-sidebar__group--reference > .admin-sidebar__links[hidden] { display: none !important; }
.admin-ui-active .admin-sidebar__group--reference > .admin-sidebar__links:not([hidden]) { display: grid; }
@media (max-width: 1180px) {
.admin-growth-grid,
.admin-report-grid,
.admin-release-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
.admin-inline-action {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
width: 100%;
min-width: 0;
}
.admin-inline-action .form-select { min-width: 0; width: 100%; }
.admin-inline-action .btn span { display: none; }
.admin-color-input { grid-template-columns: 42px minmax(0, 1fr); }
.admin-color-input input[type="color"] { width: 42px; height: 40px; }
.admin-release-entry { grid-template-columns: 30px minmax(0, 1fr); gap: .65rem; }
.admin-release-entry__marker { width: 30px; height: 30px; border-radius: 9px; }
.admin-release-entry:not(:last-child)::before { left: 14px; top: 38px; }
}
/* Phase 169: admin finance, risk, provider-observability and service-assurance UI */
.admin-operations-grid {
display: grid;
grid-template-columns: minmax(0, 1.8fr) minmax(290px, .72fr);
gap: 1rem;
align-items: start;
}
.admin-record-type {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 46px;
padding: .28rem .48rem;
border-radius: 8px;
background: rgba(13, 148, 136, .09);
color: var(--brand, #0f9f9f);
font-size: .76rem;
font-weight: 800;
letter-spacing: .04em;
}
.admin-code-value {
display: block;
max-width: 420px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
font-size: .82rem;
color: var(--text-secondary, #475569);
}
.admin-health-score {
display: block;
margin-bottom: .3rem;
font-size: 1.12rem;
font-weight: 800;
color: var(--text, #0f172a);
}
.admin-money {
white-space: nowrap;
font-size: .94rem;
}
.admin-money--credit { color: #079455; }
.admin-money--debit { color: #b54708; }
.admin-description-cell {
display: -webkit-box;
max-width: 360px;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 1.45;
color: var(--text-secondary, #475569);
}
.admin-reconcile-command {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1rem;
}
.admin-reconcile-command .section-copy { margin-bottom: 0; max-width: 760px; }
.admin-compare-pair {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
gap: .45rem;
min-width: 190px;
}
.admin-compare-pair > span { min-width: 0; }
.admin-compare-pair small {
display: block;
margin-bottom: .05rem;
color: var(--text-muted, #64748b);
font-size: .67rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
}
.admin-compare-pair strong {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: .82rem;
}
.admin-compare-pair > i { color: var(--text-muted, #94a3b8); font-size: .72rem; }
.admin-pagination-compact {
display: inline-flex;
align-items: center;
gap: .45rem;
white-space: nowrap;
}
.admin-pagination-compact > span {
color: var(--text-secondary, #475569);
font-size: .8rem;
font-weight: 700;
}
.admin-payload-preview summary {
cursor: pointer;
color: var(--brand, #0f9f9f);
font-weight: 700;
font-size: .8rem;
list-style: none;
}
.admin-payload-preview summary::-webkit-details-marker { display: none; }
.admin-payload-preview[open] summary { margin-bottom: .45rem; }
.admin-payload-preview code {
display: block;
max-width: 360px;
max-height: 130px;
overflow: auto;
padding: .55rem .65rem;
border: 1px solid var(--border, #e2e8f0);
border-radius: 9px;
background: var(--surface-muted, #f8fafc);
color: var(--text-secondary, #334155);
white-space: pre-wrap;
word-break: break-word;
font-size: .72rem;
line-height: 1.45;
}
.admin-event-list { display: grid; gap: .15rem; }
.admin-event-list article {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: .65rem;
align-items: start;
padding: .7rem 0;
border-bottom: 1px solid var(--border, #e2e8f0);
}
.admin-event-list article:last-child { border-bottom: 0; }
.admin-event-list__icon {
width: 32px;
height: 32px;
border-radius: 9px;
display: grid;
place-items: center;
background: rgba(13, 148, 136, .09);
color: var(--brand, #0f9f9f);
}
.admin-event-list article > div { min-width: 0; display: grid; gap: .08rem; }
.admin-event-list strong { font-size: .82rem; color: var(--text, #0f172a); }
.admin-event-list small,
.admin-event-list time { color: var(--text-muted, #64748b); font-size: .72rem; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1180px) {
.admin-operations-grid { grid-template-columns: 1fr; }
.admin-operations-grid > .aside-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid; }
}
@media (max-width: 760px) {
.admin-reconcile-command { align-items: stretch; flex-direction: column; }
.admin-reconcile-command form,
.admin-reconcile-command .btn { width: 100%; }
.admin-operations-grid > .aside-stack { grid-template-columns: 1fr; }
.admin-compare-pair { min-width: 0; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.admin-code-value,
.admin-description-cell { max-width: 100%; }
.admin-pagination-compact { width: 100%; justify-content: space-between; }
.admin-payload-preview code { max-width: min(100%, 78vw); }
}
/* Phase 170 — visible admin UI reset + dashboard v2 Intentionally last in the single stylesheet so the current admin design cannot be diluted by earlier compatibility layers. */
.admin-ui-active .admin-app-v91__workspace {
background:
radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--mid-primary) 5%,transparent),transparent 31rem),
var(--mid-canvas)!important;
}
.admin-ui-active .admin-sidebar.admin-sidebar--reference {
padding:15px 12px 13px;
border-right:1px solid color-mix(in srgb,var(--mid-line) 82%,var(--mid-primary) 18%);
background:color-mix(in srgb,var(--mid-panel) 97%,var(--mid-primary-soft) 3%);
}
.admin-ui-active .admin-sidebar--reference .admin-sidebar__header {
min-height:48px;
padding:0 5px 14px;
border-bottom:1px solid var(--mid-line);
margin-bottom:12px;
}
.admin-ui-active .admin-sidebar__area-label {
margin:0 6px 8px;
color:var(--mid-muted);
font-size:.54rem;
font-weight:800;
letter-spacing:.11em;
}
.admin-ui-active .admin-sidebar__root-link {
min-height:36px;
padding:6px 8px;
border-radius:9px;
font-size:.64rem;
}
.admin-ui-active .admin-sidebar__root-link > i:first-child {
width:22px;
height:22px;
display:grid;
place-items:center;
border-radius:7px;
font-size:.65rem;
}
.admin-ui-active .admin-sidebar__root-link:hover > i:first-child,
.admin-ui-active .admin-sidebar__root-link.is-active > i:first-child,
.admin-ui-active .admin-sidebar__root-link.is-active-parent > i:first-child {
background:color-mix(in srgb,var(--mid-primary-soft) 72%,var(--mid-panel));
}
.admin-ui-active .admin-sidebar__root-link.is-active {
background:linear-gradient(90deg,color-mix(in srgb,var(--mid-primary-soft) 88%,var(--mid-panel)),color-mix(in srgb,var(--mid-primary-soft) 46%,var(--mid-panel)));
box-shadow:inset 3px 0 0 var(--mid-primary);
}
.admin-ui-active .admin-sidebar__sub-link {
min-height:29px;
padding:5px 8px;
border-radius:7px;
font-size:.58rem;
}
.admin-ui-active .admin-sidebar__sub-link.is-active {
background:var(--mid-primary-soft);
box-shadow:inset 2px 0 0 var(--mid-primary);
}
.admin-ui-active .admin-topbar-v91.admin-topbar-fidelity {
min-height:60px;
height:60px;
padding:8px 20px;
border-bottom-color:color-mix(in srgb,var(--mid-line) 82%,var(--mid-primary) 18%)!important;
background:color-mix(in srgb,var(--mid-panel) 98%,var(--mid-primary-soft) 2%)!important;
backdrop-filter:saturate(1.15) blur(10px);
}
.admin-ui-active .admin-global-search {
height:36px;
border-radius:9px;
background:var(--mid-panel)!important;
box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.admin-ui-active .admin-topbar-fidelity .admin-account-v127 {
padding:4px 8px 4px 5px;
border:1px solid transparent!important;
border-radius:10px;
}
.admin-ui-active .admin-topbar-fidelity .admin-account-v127:hover {
border-color:var(--mid-line)!important;
background:var(--mid-panel)!important;
box-shadow:0 5px 18px rgba(15,23,42,.05);
}
.admin-ui-active .md-page-header {
position:relative;
overflow:hidden;
align-items:center;
margin-bottom:16px;
padding:17px 18px;
border:1px solid color-mix(in srgb,var(--mid-line) 76%,var(--mid-primary) 24%);
border-radius:var(--admin-v2-card-radius);
background:
linear-gradient(100deg,color-mix(in srgb,var(--mid-primary-soft) 60%,var(--mid-panel)) 0%,var(--mid-panel) 35%,color-mix(in srgb,var(--mid-blue-soft) 35%,var(--mid-panel)) 100%);
box-shadow:var(--admin-v2-shadow);
}
.admin-ui-active .md-page-header::after {
content:"";
position:absolute;
right:-42px;
top:-74px;
width:190px;
height:190px;
border-radius:50%;
border:28px solid color-mix(in srgb,var(--mid-primary) 5%,transparent);
pointer-events:none;
}
.admin-ui-active .md-page-header__main { align-items:center;gap:12px; }
.admin-ui-active .md-page-header__icon {
width:42px;
height:42px;
flex-basis:42px;
border:1px solid color-mix(in srgb,var(--mid-primary) 18%,transparent);
border-radius:11px;
background:color-mix(in srgb,var(--mid-primary-soft) 72%,var(--mid-panel));
box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
.admin-ui-active .md-page-header__kicker { margin-bottom:3px;font-size:.58rem;letter-spacing:.105em; }
.admin-ui-active .md-page-header__title { font-size:clamp(1.18rem,1.8vw,1.55rem);letter-spacing:-.025em; }
.admin-ui-active .md-page-header__copy { max-width:800px;margin-top:5px;font-size:.71rem;line-height:1.5; }
.admin-ui-active .md-page-header__actions { position:relative;z-index:1; }
.admin-ui-active .md-page-header__actions .btn { min-height:36px;border-radius:9px; }
.admin-ui-active .metric-grid,
.admin-ui-active .md-metric-grid { gap:11px;margin-bottom:15px; }
.admin-ui-active .metric-tile,
.admin-ui-active .md-metric {
position:relative;
overflow:hidden;
min-height:104px;
padding:14px 15px;
border-radius:11px;
border-color:color-mix(in srgb,var(--mid-line) 88%,var(--mid-primary) 12%);
box-shadow:0 5px 18px rgba(15,23,42,.035);
}
.admin-ui-active .metric-tile::before,
.admin-ui-active .md-metric::before {
content:"";
position:absolute;
left:0;
top:0;
right:0;
height:3px;
background:linear-gradient(90deg,var(--mid-primary),var(--mid-blue));
opacity:.72;
}
.admin-ui-active .metric-kicker,
.admin-ui-active .md-metric__label { font-size:.61rem;letter-spacing:.04em; }
.admin-ui-active .metric-value { margin-top:7px;font-size:1.25rem;letter-spacing:-.03em; }
.admin-ui-active .md-metric__value { margin-top:10px;font-size:1.42rem; }
.admin-ui-active .surface.admin-module-surface,
.admin-ui-active .md-data-surface,
.admin-ui-active .admin-module-surface,
.admin-ui-active .aside-stack > .surface {
border-radius:var(--admin-v2-card-radius);
border-color:color-mix(in srgb,var(--mid-line) 90%,var(--mid-primary) 10%);
box-shadow:0 7px 24px rgba(15,23,42,.035);
}
.admin-ui-active .surface-head {
padding-bottom:13px;
border-bottom:1px solid var(--mid-line);
}
.admin-ui-active .section-kicker { font-size:.57rem;letter-spacing:.085em; }
.admin-ui-active .section-title { font-size:.88rem;letter-spacing:-.015em; }
.admin-ui-active .section-copy { font-size:.69rem;line-height:1.5; }
.admin-ui-active .admin-readable-table-shell,
.admin-ui-active .table-shell {
border-color:color-mix(in srgb,var(--mid-line) 88%,var(--mid-primary) 12%);
border-radius:10px;
background:var(--mid-panel);
}
.admin-ui-active .admin-readable-table thead th,
.admin-ui-active .data-table thead th,
.admin-ui-active .table thead th {
padding-top:10px!important;
padding-bottom:10px!important;
background:color-mix(in srgb,var(--mid-primary-soft) 40%,var(--mid-panel-2))!important;
border-bottom-color:color-mix(in srgb,var(--mid-line) 76%,var(--mid-primary) 24%)!important;
color:var(--mid-ink-soft)!important;
font-size:.58rem!important;
font-weight:790!important;
letter-spacing:.055em!important;
}
.admin-ui-active .admin-readable-table tbody td,
.admin-ui-active .data-table tbody td,
.admin-ui-active .table tbody td { padding-top:11px!important;padding-bottom:11px!important;font-size:.68rem; }
.admin-ui-active .admin-readable-table tbody tr:hover td,
.admin-ui-active .data-table tbody tr:hover td,
.admin-ui-active .table tbody tr:hover td { background:color-mix(in srgb,var(--mid-primary-soft) 62%,var(--mid-panel))!important; }
.admin-ui-active .admin-table-primary { font-size:.7rem; }
.admin-ui-active .admin-table-meta { margin-top:3px;font-size:.6rem; }
.admin-ui-active .mid-admin-dashboard--v2 { width:min(100%,1180px); }
.admin-ui-active .mid-admin-overview-head--v2 {
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:18px;
margin:0 0 15px;
padding:2px 1px 0;
}
.admin-ui-active .mid-admin-overview-head__eyebrow {
display:flex;
align-items:center;
gap:6px;
margin-bottom:5px;
color:var(--mid-primary-strong);
font-size:.55rem;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.admin-ui-active .mid-admin-live-dot {
width:7px;
height:7px;
border-radius:50%;
background:#22c55e;
box-shadow:0 0 0 4px rgba(34,197,94,.10);
}
.admin-ui-active .mid-admin-overview-head--v2 h1 { font-size:1.18rem; }
.admin-ui-active .mid-admin-overview-head--v2 p { margin-top:3px;font-size:.63rem; }
.admin-ui-active .mid-admin-overview-actions { display:flex;align-items:center;gap:7px;flex-wrap:wrap; }
.admin-ui-active .mid-admin-overview-actions .btn { min-height:34px;padding:6px 10px;border-radius:8px;font-size:.58rem; }
.admin-ui-active .mid-admin-reference-metrics--v2 { gap:10px;margin-bottom:11px; }
.admin-ui-active .mid-admin-reference-kpi--v2 {
min-height:106px!important;
padding:13px 13px 11px!important;
border-radius:11px!important;
border-color:color-mix(in srgb,var(--mid-line) 84%,var(--mid-primary) 16%)!important;
background:linear-gradient(145deg,var(--mid-panel),color-mix(in srgb,var(--mid-panel) 94%,var(--mid-primary-soft) 6%));
box-shadow:0 7px 22px rgba(15,23,42,.04)!important;
}
.admin-ui-active .mid-admin-reference-kpi--v2::after {
content:"";
position:absolute;
inset:auto -20px -42px auto;
width:92px;
height:92px;
border-radius:50%;
background:currentColor;
opacity:.025;
}
.admin-ui-active .mid-admin-reference-kpi--v2 .mid-admin-reference-kpi__copy > span:first-child { font-size:.57rem; }
.admin-ui-active .mid-admin-reference-kpi--v2 .mid-admin-reference-kpi__copy > strong { margin-top:6px;font-size:1.12rem; }
.admin-ui-active .mid-admin-reference-kpi--v2 .mid-admin-reference-kpi__icon {
width:42px;
height:42px;
flex-basis:42px;
border-radius:12px;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}
.admin-ui-active .mid-admin-reference-kpi--v2 .mid-admin-kpi-trace { width:58px;height:15px;margin-top:8px;opacity:.72; }
.admin-ui-active .mid-admin-reference-grid--v2 {
grid-template-columns:minmax(0,1.42fr) minmax(250px,.72fr) minmax(225px,.62fr)!important;
gap:10px!important;
}
.admin-ui-active .mid-admin-reference-card--v2 {
min-height:286px!important;
border-radius:12px!important;
border-color:color-mix(in srgb,var(--mid-line) 86%,var(--mid-primary) 14%)!important;
box-shadow:0 8px 28px rgba(15,23,42,.04)!important;
overflow:hidden;
}
.admin-ui-active .mid-admin-reference-card--v2 .mid-admin-reference-card__head { padding:14px 15px 7px; }
.admin-ui-active .mid-admin-reference-card--v2 .mid-admin-reference-card__head--row { padding-bottom:10px; }
.admin-ui-active .mid-admin-card-kicker {
display:block;
margin-bottom:3px;
color:var(--mid-muted);
font-size:.49rem;
font-weight:780;
letter-spacing:.07em;
text-transform:uppercase;
}
.admin-ui-active .mid-admin-reference-card--v2 .mid-admin-reference-card__head h2 { font-size:.72rem!important; }
.admin-ui-active .mid-admin-reference-card--v2 .mid-admin-reference-card__head a { display:inline-flex;align-items:center;gap:5px; }
.admin-ui-active .mid-admin-period {
display:inline-flex;
align-items:center;
gap:5px;
padding:5px 7px;
border:1px solid var(--mid-line);
border-radius:7px;
background:var(--mid-panel-2);
color:var(--mid-muted);
font-size:.5rem;
font-weight:650;
}
.admin-ui-active .mid-admin-dashboard--v2 .mid-admin-reference-chart { height:182px!important;min-height:182px!important; }
.admin-ui-active .mid-admin-chart-empty {
min-height:205px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
position:relative;
overflow:hidden;
padding:26px 18px 20px;
text-align:center;
}
.admin-ui-active .mid-admin-chart-empty__visual {
position:absolute;
inset:auto 18px 12px;
height:82px;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:6px;
opacity:.13;
}
.admin-ui-active .mid-admin-chart-empty__visual i { flex:1;max-width:28px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--mid-blue),var(--mid-primary)); }
.admin-ui-active .mid-admin-chart-empty__visual i:nth-child(1){height:18%}.admin-ui-active .mid-admin-chart-empty__visual i:nth-child(2){height:34%}.admin-ui-active .mid-admin-chart-empty__visual i:nth-child(3){height:27%}.admin-ui-active .mid-admin-chart-empty__visual i:nth-child(4){height:48%}.admin-ui-active .mid-admin-chart-empty__visual i:nth-child(5){height:43%}.admin-ui-active .mid-admin-chart-empty__visual i:nth-child(6){height:65%}.admin-ui-active .mid-admin-chart-empty__visual i:nth-child(7){height:58%}.admin-ui-active .mid-admin-chart-empty__visual i:nth-child(8){height:76%}.admin-ui-active .mid-admin-chart-empty__visual i:nth-child(9){height:70%}
.admin-ui-active .mid-admin-chart-empty__icon { width:38px;height:38px;display:grid;place-items:center;margin-bottom:8px;border-radius:11px;background:var(--mid-blue-soft);color:var(--mid-blue);font-size:.8rem; }
.admin-ui-active .mid-admin-chart-empty strong { position:relative;color:var(--mid-ink);font-size:.65rem; }
.admin-ui-active .mid-admin-chart-empty small { position:relative;max-width:290px;margin-top:4px;color:var(--mid-muted);font-size:.53rem;line-height:1.4; }
.admin-ui-active .mid-admin-chart-empty a { position:relative;display:inline-flex;align-items:center;gap:5px;margin-top:9px;color:var(--mid-primary-strong);font-size:.52rem;font-weight:760; }
.admin-ui-active .mid-admin-order-list--v2 { padding:0 13px; }
.admin-ui-active .mid-admin-order-row--v2 {
grid-template-columns:30px minmax(0,1fr) auto auto;
gap:8px;
padding:8px 0;
}
.admin-ui-active .mid-admin-order-row__icon { width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--mid-blue-soft);color:var(--mid-blue);font-size:.58rem; }
.admin-ui-active .mid-admin-order-row--v2 .mid-admin-order-row__main strong { font-size:.58rem; }
.admin-ui-active .mid-admin-order-row--v2 .mid-admin-order-row__main small { margin-top:1px;font-size:.48rem; }
.admin-ui-active .mid-admin-order-row--v2 .mid-admin-order-row__amount { font-size:.55rem; }
.admin-ui-active .mid-admin-order-pipeline {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:4px;
margin-top:auto;
padding:9px 13px 11px;
border-top:1px solid var(--mid-line);
background:color-mix(in srgb,var(--mid-panel-2) 65%,var(--mid-panel));
}
.admin-ui-active .mid-admin-order-pipeline span { display:flex;align-items:center;gap:4px;color:var(--mid-muted);font-size:.45rem;white-space:nowrap; }
.admin-ui-active .mid-admin-order-pipeline strong { color:var(--mid-ink);font-size:.52rem; }
.admin-ui-active .mid-admin-order-pipeline i { font-size:.38rem; }
.admin-ui-active .mid-admin-order-pipeline .is-complete { color:#22c55e; }.admin-ui-active .mid-admin-order-pipeline .is-processing { color:#3b82f6; }.admin-ui-active .mid-admin-order-pipeline .is-pending { color:#f59e0b; }
.admin-ui-active .mid-admin-status-summary { display:inline-flex;align-items:center;gap:5px;color:#15803d;font-size:.52rem;font-weight:760; }
.admin-ui-active .mid-admin-status-summary i { font-size:.38rem; }
.admin-ui-active .mid-admin-system-list--v2 { padding:0 13px!important; }
.admin-ui-active .mid-admin-system-row--v2 { min-height:37px!important; }
.admin-ui-active .mid-admin-system-row__name { gap:7px!important; }
.admin-ui-active .mid-admin-system-row__icon { width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:var(--mid-panel-2);color:var(--mid-muted);font-size:.54rem; }
.admin-ui-active .mid-admin-status-footer { display:flex!important;align-items:center;justify-content:space-between; }
.admin-ui-active .mid-admin-status-footer > span { display:inline-flex;align-items:center;gap:5px; }
html[data-theme="dark"] .admin-ui-active .md-page-header {
background:linear-gradient(100deg,color-mix(in srgb,var(--mid-primary-soft) 40%,var(--mid-panel)) 0%,var(--mid-panel) 45%,color-mix(in srgb,var(--mid-blue-soft) 22%,var(--mid-panel)) 100%);
}
@media (max-width:1180px) {
.admin-ui-active .mid-admin-reference-grid--v2 { grid-template-columns:minmax(0,1.25fr) minmax(245px,.75fr)!important; }
.admin-ui-active .mid-admin-reference-status { grid-column:1/-1; }
.admin-ui-active .mid-admin-system-list--v2 { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:991.98px) {
.admin-ui-active .admin-content-v91 { padding:20px 16px 40px; }
.admin-ui-active .mid-admin-overview-head--v2 { align-items:flex-start; }
.admin-ui-active .mid-admin-reference-grid--v2 { grid-template-columns:1fr!important; }
.admin-ui-active .mid-admin-reference-status { grid-column:auto; }
.admin-ui-active .mid-admin-system-list--v2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
.admin-ui-active .md-page-header { padding:15px; }
.admin-ui-active .md-page-header__icon { width:38px;height:38px;flex-basis:38px; }
.admin-ui-active .mid-admin-overview-head--v2 { display:block; }
.admin-ui-active .mid-admin-overview-actions { margin-top:12px; }
.admin-ui-active .mid-admin-overview-actions .btn { flex:1 1 auto;justify-content:center; }
.admin-ui-active .mid-admin-reference-metrics--v2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-ui-active .mid-admin-system-list--v2 { grid-template-columns:1fr; }
}
@media (max-width:520px) {
.admin-ui-active .admin-content-v91 { padding:16px 10px 30px; }
.admin-ui-active .mid-admin-overview-actions { display:grid;grid-template-columns:1fr 1fr; }
.admin-ui-active .mid-admin-overview-actions .btn:last-child { grid-column:1/-1; }
.admin-ui-active .mid-admin-reference-kpi--v2 { min-height:102px!important;padding:11px!important; }
.admin-ui-active .mid-admin-reference-kpi--v2 .mid-admin-reference-kpi__icon { width:34px;height:34px;flex-basis:34px; }
.admin-ui-active .mid-admin-order-row--v2 { grid-template-columns:28px minmax(0,1fr) auto; }
.admin-ui-active .mid-admin-order-row--v2 .mid-admin-order-row__amount { display:none; }
.admin-ui-active .mid-admin-order-pipeline { grid-template-columns:1fr; }
}
.admin-ui-active .mid-admin-reference-kpi--v2 { position:relative;overflow:hidden; }
.admin-ui-active .md-context-nav--admin {
position:relative;
top:auto;
z-index:1;
margin:-5px 0 15px;
padding:5px;
border:1px solid color-mix(in srgb,var(--mid-line) 86%,var(--mid-primary) 14%);
border-radius:10px;
background:var(--mid-panel);
box-shadow:0 4px 16px rgba(15,23,42,.025);
}
.admin-ui-active .md-context-nav--admin a {
min-height:32px;
padding:5px 9px;
border-radius:7px;
color:var(--mid-muted);
font-size:.59rem;
font-weight:680;
}
.admin-ui-active .md-context-nav--admin a:hover,
.admin-ui-active .md-context-nav--admin a:focus-visible {
background:var(--mid-primary-soft);
color:var(--mid-primary-strong);
}
.admin-ui-active .mid-admin-dashboard--v2 .mid-admin-period { position:static;float:none;right:auto;top:auto; }
.admin-ui-active .mid-admin-reference-orders.mid-admin-reference-card--v2,
.admin-ui-active .mid-admin-reference-status.mid-admin-reference-card--v2 { display:flex;flex-direction:column; }
.admin-ui-active .mid-admin-reference-orders.mid-admin-reference-card--v2 .mid-admin-order-list--v2 { flex:1 1 auto;align-content:start; }
.admin-ui-active .mid-admin-reference-status.mid-admin-reference-card--v2 .mid-admin-system-list--v2 { flex:1 1 auto;align-content:start; }
.admin-ui-active .mid-admin-dashboard--v2 .mid-admin-reference-card__head--revenue { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
/* Phase 171 — Admin workspace modernization High-visibility tables, pagination, modal forms, dialogs and spacing. */
.admin-ui-active .admin-v3-section {
margin-top:18px;
margin-bottom:18px;
}
.admin-ui-active .admin-v3-section:first-child { margin-top:0; }
.admin-ui-active .admin-v3-section + .admin-v3-section { margin-top:20px; }
.admin-ui-active .admin-module-surface {
border-radius:14px;
border:1px solid color-mix(in srgb,var(--mid-line) 84%,var(--mid-primary) 16%);
box-shadow:0 9px 26px rgba(15,23,42,.045);
}
.admin-ui-active .admin-module-surface > .surface-head {
padding-bottom:14px;
margin-bottom:4px;
border-bottom:1px solid color-mix(in srgb,var(--mid-line) 88%,transparent);
}
.admin-ui-active .admin-growth-grid,
.admin-ui-active .admin-analytics-chart-grid,
.admin-ui-active .admin-analytics-detail-grid { gap:18px!important; }
.admin-ui-active .admin-table-v3,
.admin-ui-active .table-shell {
overflow:visible;
border-radius:12px;
border:1px solid color-mix(in srgb,var(--mid-line) 82%,var(--mid-primary) 18%);
background:var(--mid-panel);
box-shadow:0 5px 18px rgba(15,23,42,.025);
}
.admin-ui-active .admin-table-v3 table,
.admin-ui-active .table-shell table { margin:0!important;border-collapse:separate!important;border-spacing:0!important; }
.admin-ui-active .admin-table-v3 thead th,
.admin-ui-active .table-shell thead th {
height:42px;
padding:10px 13px!important;
background:linear-gradient(180deg,color-mix(in srgb,var(--mid-primary-soft) 46%,var(--mid-panel)),color-mix(in srgb,var(--mid-primary-soft) 26%,var(--mid-panel)))!important;
border-top:0!important;
border-bottom:1px solid color-mix(in srgb,var(--mid-line) 66%,var(--mid-primary) 34%)!important;
color:var(--mid-ink-soft)!important;
font-size:.59rem!important;
font-weight:800!important;
letter-spacing:.045em!important;
text-transform:uppercase;
white-space:nowrap;
}
.admin-ui-active .admin-table-v3 thead th:first-child,
.admin-ui-active .table-shell thead th:first-child { border-top-left-radius:11px; }
.admin-ui-active .admin-table-v3 thead th:last-child,
.admin-ui-active .table-shell thead th:last-child { border-top-right-radius:11px; }
.admin-ui-active .admin-table-v3 tbody td,
.admin-ui-active .table-shell tbody td {
padding:13px!important;
border-bottom:1px solid color-mix(in srgb,var(--mid-line) 82%,transparent)!important;
vertical-align:middle!important;
font-size:.69rem!important;
line-height:1.45;
}
.admin-ui-active .admin-table-v3 tbody tr:last-child td,
.admin-ui-active .table-shell tbody tr:last-child td { border-bottom:0!important; }
.admin-ui-active .admin-table-v3 tbody tr,
.admin-ui-active .table-shell tbody tr { transition:background .16s ease,box-shadow .16s ease; }
.admin-ui-active .admin-table-v3 tbody tr:hover td,
.admin-ui-active .table-shell tbody tr:hover td { background:color-mix(in srgb,var(--mid-primary-soft) 54%,var(--mid-panel))!important; }
.admin-ui-active .admin-table-primary { display:block;color:var(--mid-ink);font-size:.71rem;font-weight:760;line-height:1.35; }
.admin-ui-active .admin-table-meta { display:block;margin-top:3px;color:var(--mid-muted);font-size:.59rem;line-height:1.35; }
.admin-ui-active .admin-table-copy { max-width:420px;color:var(--mid-ink-soft); }
.admin-ui-active .admin-table-actions--nowrap { white-space:nowrap; }
.admin-ui-active .admin-table-actions--nowrap .btn + .btn,
.admin-ui-active .admin-table-actions--nowrap form + .btn,
.admin-ui-active .admin-table-actions--nowrap .btn + form { margin-left:5px; }
.admin-ui-active .ca-table-pagination {
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
min-height:52px;
margin:0;
padding:10px 12px;
border:1px solid color-mix(in srgb,var(--mid-line) 82%,var(--mid-primary) 18%);
border-top:0;
border-radius:0 0 12px 12px;
background:linear-gradient(180deg,var(--mid-panel),color-mix(in srgb,var(--mid-panel-2) 58%,var(--mid-panel)));
box-shadow:0 5px 18px rgba(15,23,42,.025);
}
.admin-ui-active .table-shell:has(+ .ca-table-pagination),
.admin-ui-active .admin-table-v3:has(+ .ca-table-pagination) { border-radius:12px 12px 0 0; }
.admin-ui-active .ca-table-pagination__summary,
.admin-ui-active .ca-table-pagination__nav { display:flex;align-items:center;gap:10px;min-width:0; }
.admin-ui-active .ca-table-pagination__info,
.admin-ui-active .ca-table-pagination__page { color:var(--mid-muted);font-size:.58rem;font-weight:650;white-space:nowrap; }
.admin-ui-active .ca-table-pagination__info strong,
.admin-ui-active .ca-table-pagination__page strong { color:var(--mid-ink); }
.admin-ui-active .ca-table-pagination__size { display:inline-flex;align-items:center;gap:6px;color:var(--mid-muted);font-size:.55rem;font-weight:700; }
.admin-ui-active .ca-table-pagination__size select {
width:auto;
min-width:58px;
height:30px;
padding:3px 24px 3px 8px;
border:1px solid var(--mid-line);
border-radius:7px;
background-color:var(--mid-panel);
color:var(--mid-ink);
font-size:.57rem;
font-weight:700;
}
.admin-ui-active .ca-table-pagination__buttons { display:flex;align-items:center;gap:4px; }
.admin-ui-active .ca-page-btn {
width:31px;
height:31px;
display:grid;
place-items:center;
padding:0;
border:1px solid var(--mid-line);
border-radius:7px;
background:var(--mid-panel);
color:var(--mid-muted);
font-size:.56rem;
font-weight:760;
transition:.16s ease;
}
.admin-ui-active .ca-page-btn:hover:not(:disabled) { border-color:var(--mid-primary);background:var(--mid-primary-soft);color:var(--mid-primary-strong);transform:translateY(-1px); }
.admin-ui-active .ca-page-btn.is-active { border-color:var(--mid-primary);background:var(--mid-primary);color:#fff;box-shadow:0 4px 10px color-mix(in srgb,var(--mid-primary) 22%,transparent); }
.admin-ui-active .ca-page-btn:disabled { opacity:.35;cursor:not-allowed; }
.admin-ui-active .ca-page-btn.is-icon { font-size:.52rem; }
.admin-ui-active .admin-queue-search { min-width:220px;max-width:330px;display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel-2); }
.admin-ui-active .admin-queue-search > i { color:var(--mid-muted);font-size:.62rem; }
.admin-ui-active .admin-queue-search .form-control { height:34px;padding:5px 0;border:0!important;background:transparent!important;box-shadow:none!important;font-size:.61rem; }
.mid-toast-stack { position:fixed;top:18px;right:18px;z-index:20050;display:grid;gap:9px;width:min(390px,calc(100vw - 28px));pointer-events:none; }
.mid-toast { display:grid;grid-template-columns:36px minmax(0,1fr) 28px;gap:10px;align-items:start;padding:12px;border:1px solid var(--mid-line);border-radius:12px;background:var(--mid-panel);box-shadow:0 18px 46px rgba(15,23,42,.17);opacity:0;transform:translateY(-10px) scale(.98);transition:.2s ease;pointer-events:auto; }
.mid-toast.is-visible { opacity:1;transform:none; }
.mid-toast__icon { width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--mid-blue-soft);color:var(--mid-blue); }
.mid-toast__copy { display:grid;gap:2px;min-width:0; }
.mid-toast__copy strong { color:var(--mid-ink);font-size:.66rem; }
.mid-toast__copy span { color:var(--mid-muted);font-size:.59rem;line-height:1.45;overflow-wrap:anywhere; }
.mid-toast__close { width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--mid-muted); }
.mid-toast__close:hover { background:var(--mid-panel-2);color:var(--mid-ink); }
.mid-toast--success .mid-toast__icon { background:#dcfce7;color:#15803d; }.mid-toast--danger .mid-toast__icon { background:#fee2e2;color:#b91c1c; }.mid-toast--warning .mid-toast__icon { background:#fef3c7;color:#b45309; }
.mid-dialog-backdrop { position:fixed;inset:0;z-index:20060;display:grid;place-items:center;padding:18px;background:rgba(2,6,23,.56);backdrop-filter:blur(6px);opacity:0;transition:.18s ease; }
.mid-dialog-backdrop.is-visible { opacity:1; }
.mid-dialog { width:min(480px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--mid-line) 74%,var(--mid-primary) 26%);border-radius:16px;background:var(--mid-panel);box-shadow:0 30px 80px rgba(2,6,23,.35);transform:translateY(8px) scale(.985);transition:.18s ease; }
.mid-dialog-backdrop.is-visible .mid-dialog { transform:none; }
.mid-dialog__head { display:grid;grid-template-columns:42px minmax(0,1fr) 32px;gap:11px;align-items:center;padding:16px 17px 12px;border-bottom:1px solid var(--mid-line); }
.mid-dialog__icon { width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--mid-primary-soft);color:var(--mid-primary-strong);font-size:.82rem; }
.mid-dialog--danger .mid-dialog__icon { background:#fee2e2;color:#b91c1c; }
.mid-dialog__eyebrow { display:block;margin-bottom:2px;color:var(--mid-primary-strong);font-size:.49rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.mid-dialog h2 { margin:0;color:var(--mid-ink);font-size:.86rem;font-weight:800; }
.mid-dialog__x { width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--mid-muted); }
.mid-dialog__x:hover { background:var(--mid-panel-2);color:var(--mid-ink); }
.mid-dialog__body { padding:15px 17px;color:var(--mid-muted); }
.mid-dialog__body > p { margin:0;font-size:.64rem;line-height:1.58; }
.mid-dialog__field { display:grid;gap:6px;margin-top:14px;color:var(--mid-ink-soft);font-size:.58rem;font-weight:720; }
.mid-dialog__actions { display:flex;justify-content:flex-end;gap:8px;padding:11px 17px 15px;border-top:1px solid var(--mid-line);background:color-mix(in srgb,var(--mid-panel-2) 55%,var(--mid-panel)); }
.mid-secret-dialog { width:min(600px,100%); }
.mid-secret-dialog__value { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px; }
.mid-secret-dialog__value input { font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem; }
.admin-ui-active .mid-admin-modal .modal-dialog { margin-top:28px;margin-bottom:28px; }
.admin-ui-active .mid-admin-modal .modal-content { overflow:hidden;border:1px solid color-mix(in srgb,var(--mid-line) 72%,var(--mid-primary) 28%);border-radius:16px;background:var(--mid-panel);box-shadow:0 28px 75px rgba(15,23,42,.22); }
.admin-ui-active .mid-admin-modal .modal-header { align-items:flex-start;padding:17px 19px 14px;border-bottom:1px solid var(--mid-line);background:linear-gradient(105deg,color-mix(in srgb,var(--mid-primary-soft) 54%,var(--mid-panel)),var(--mid-panel)); }
.admin-ui-active .modal-kicker { display:block;margin-bottom:3px;color:var(--mid-primary-strong);font-size:.5rem;font-weight:820;letter-spacing:.08em;text-transform:uppercase; }
.admin-ui-active .mid-admin-modal .modal-title { color:var(--mid-ink);font-size:.92rem;font-weight:820; }
.admin-ui-active .modal-subtitle { margin:4px 0 0;color:var(--mid-muted);font-size:.6rem;line-height:1.45; }
.admin-ui-active .admin-v3-modal-body { display:grid;gap:14px;padding:18px 19px; }
.admin-ui-active .admin-v3-form-section { display:grid;gap:12px;padding:14px;border:1px solid var(--mid-line);border-radius:11px;background:color-mix(in srgb,var(--mid-panel-2) 56%,var(--mid-panel)); }
.admin-ui-active .admin-v3-form-heading { display:flex;align-items:flex-start;gap:9px; }
.admin-ui-active .admin-v3-form-heading > span { width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:8px;background:var(--mid-primary-soft);color:var(--mid-primary-strong);font-size:.53rem;font-weight:820; }
.admin-ui-active .admin-v3-form-heading strong { display:block;color:var(--mid-ink);font-size:.67rem; }
.admin-ui-active .admin-v3-form-heading small { display:block;margin-top:2px;color:var(--mid-muted);font-size:.56rem;line-height:1.4; }
.admin-ui-active .admin-v3-form-section label { color:var(--mid-ink-soft);font-size:.58rem;font-weight:700; }
.admin-ui-active .admin-v3-form-section label > .form-control,
.admin-ui-active .admin-v3-form-section label > .form-select { margin-top:5px; }
.admin-ui-active .admin-v3-toggle-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.admin-ui-active .admin-setting-toggle { display:flex!important;align-items:flex-start;gap:9px;padding:10px!important;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel);cursor:pointer; }
.admin-ui-active .admin-setting-toggle input { margin-top:2px; }
.admin-ui-active .admin-setting-toggle span { display:grid;gap:2px; }
.admin-ui-active .admin-setting-toggle strong { color:var(--mid-ink);font-size:.6rem; }.admin-ui-active .admin-setting-toggle small { color:var(--mid-muted);font-size:.53rem;font-weight:500;line-height:1.35; }
.admin-ui-active .admin-security-v3-grid { display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px; }
.admin-ui-active .admin-security-control-card { min-width:0; }
.admin-ui-active .admin-security-action { display:flex;align-items:center;gap:11px;margin:15px 0;padding:12px;border:1px dashed color-mix(in srgb,var(--mid-line) 65%,var(--mid-primary) 35%);border-radius:10px;background:var(--mid-primary-soft); }
.admin-ui-active .admin-security-action > div { display:grid;gap:2px; }.admin-ui-active .admin-security-action strong { color:var(--mid-ink);font-size:.64rem; }.admin-ui-active .admin-security-action span { color:var(--mid-muted);font-size:.56rem; }
.admin-ui-active .admin-secret-box--copy { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.admin-ui-active .admin-secret-box--copy > div { min-width:0;display:grid;gap:4px; }.admin-ui-active .admin-secret-box--copy code { overflow-wrap:anywhere; }
.admin-ui-active .admin-copy-line { display:flex;align-items:flex-start;gap:6px;padding-top:8px; }.admin-ui-active .admin-copy-line code { flex:1;min-width:0;overflow-wrap:anywhere; }
.admin-ui-active .admin-v3-form-inline { margin-top:15px;padding-top:15px;border-top:1px solid var(--mid-line); }
.admin-ui-active .admin-security-fact-list { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 2px; }
.admin-ui-active .admin-security-fact-list > div { padding:10px;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel-2); }.admin-ui-active .admin-security-fact-list span { display:block;color:var(--mid-muted);font-size:.52rem; }.admin-ui-active .admin-security-fact-list strong { display:block;margin-top:3px;color:var(--mid-ink);font-size:.62rem; }
.admin-ui-active .admin-v3-fact-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px; }.admin-ui-active .admin-v3-fact-grid > div { min-width:0;padding:11px;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel-2); }.admin-ui-active .admin-v3-fact-grid span { display:block;color:var(--mid-muted);font-size:.52rem; }.admin-ui-active .admin-v3-fact-grid strong,.admin-ui-active .admin-v3-fact-grid code { display:block;margin-top:4px;color:var(--mid-ink);font-size:.59rem;overflow-wrap:anywhere; }
.admin-ui-active .admin-recovery-codes__head { display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px; }.admin-ui-active .admin-recovery-codes__head span { display:block;margin-top:2px;color:var(--mid-muted);font-size:.54rem; }
.admin-ui-active .mid-pin-copy,.admin-ui-active .mid-pin-copy--inline,.mid-pin-copy { display:inline-flex;align-items:center;gap:5px; }.mid-inline-copy { width:26px;height:26px;display:inline-grid;place-items:center;border:1px solid var(--mid-line);border-radius:7px;background:var(--mid-panel);color:var(--mid-muted);font-size:.54rem;vertical-align:middle; }.mid-inline-copy:hover { border-color:var(--mid-primary);background:var(--mid-primary-soft);color:var(--mid-primary-strong); }
.admin-ui-active .admin-readiness-layout { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start; }
.admin-ui-active .admin-readiness-checks { display:grid;gap:8px; }
.admin-ui-active .admin-readiness-check { display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel-2); }
.admin-ui-active .admin-readiness-check__icon { width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--mid-panel);color:var(--mid-muted); }
.admin-ui-active .admin-readiness-check strong { display:block;color:var(--mid-ink);font-size:.62rem; }.admin-ui-active .admin-readiness-check span { display:block;margin-top:2px;color:var(--mid-muted);font-size:.54rem; }.admin-ui-active .admin-readiness-check em { max-width:180px;color:var(--mid-ink-soft);font-size:.56rem;font-style:normal;font-weight:760;text-align:right; }
.admin-ui-active .admin-readiness-check--success { border-color:color-mix(in srgb,#22c55e 28%,var(--mid-line)); }.admin-ui-active .admin-readiness-check--success .admin-readiness-check__icon { background:#dcfce7;color:#15803d; }.admin-ui-active .admin-readiness-check--danger { border-color:color-mix(in srgb,#ef4444 28%,var(--mid-line)); }.admin-ui-active .admin-readiness-check--danger .admin-readiness-check__icon { background:#fee2e2;color:#b91c1c; }.admin-ui-active .admin-readiness-check--warning .admin-readiness-check__icon { background:#fef3c7;color:#b45309; }
.admin-ui-active .admin-blocker-list { display:grid;gap:8px; }.admin-ui-active .admin-blocker-list article { display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:11px;border:1px solid #fecaca;border-radius:10px;background:#fff7f7; }.admin-ui-active .admin-blocker-list article > span { width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#fee2e2;color:#b91c1c;font-size:.5rem;font-weight:820; }.admin-ui-active .admin-blocker-list strong { color:#991b1b;font-size:.59rem; }.admin-ui-active .admin-blocker-list p { margin:2px 0 0;color:#7f1d1d;font-size:.55rem;line-height:1.45; }
.admin-ui-active .admin-readiness-clear { display:grid;justify-items:center;padding:24px 15px;text-align:center;border:1px dashed color-mix(in srgb,#22c55e 40%,var(--mid-line));border-radius:11px;background:color-mix(in srgb,#dcfce7 42%,var(--mid-panel)); }.admin-ui-active .admin-readiness-clear i { width:38px;height:38px;display:grid;place-items:center;margin-bottom:8px;border-radius:50%;background:#dcfce7;color:#15803d; }.admin-ui-active .admin-readiness-clear strong { color:var(--mid-ink);font-size:.64rem; }.admin-ui-active .admin-readiness-clear span { max-width:260px;margin-top:3px;color:var(--mid-muted);font-size:.54rem;line-height:1.45; }
.admin-ui-active .admin-v3-quick-links { display:grid;gap:7px;margin-top:14px; }.admin-ui-active .admin-v3-quick-links a { display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel-2);color:inherit; }.admin-ui-active .admin-v3-quick-links a > i { width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--mid-primary-soft);color:var(--mid-primary-strong);font-size:.58rem; }.admin-ui-active .admin-v3-quick-links span { display:grid;gap:1px; }.admin-ui-active .admin-v3-quick-links strong { color:var(--mid-ink);font-size:.58rem; }.admin-ui-active .admin-v3-quick-links small { color:var(--mid-muted);font-size:.51rem; }
.admin-ui-active .admin-v3-guidance-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }.admin-ui-active .admin-v3-guidance-grid > article { display:flex;align-items:flex-start;gap:11px;padding:14px; }.admin-ui-active .admin-v3-icon { width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:10px;background:var(--mid-primary-soft);color:var(--mid-primary-strong);font-size:.7rem; }
.admin-ui-active .admin-reconcile-command { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px; }
html[data-theme="dark"] .admin-ui-active .admin-blocker-list article { background:color-mix(in srgb,#7f1d1d 28%,var(--mid-panel));border-color:color-mix(in srgb,#ef4444 40%,var(--mid-line)); }
html[data-theme="dark"] .admin-ui-active .admin-blocker-list strong,html[data-theme="dark"] .admin-ui-active .admin-blocker-list p { color:#fecaca; }
html[data-theme="dark"] .mid-toast--success .mid-toast__icon { background:rgba(34,197,94,.16);color:#86efac; }html[data-theme="dark"] .mid-toast--danger .mid-toast__icon { background:rgba(239,68,68,.16);color:#fca5a5; }html[data-theme="dark"] .mid-toast--warning .mid-toast__icon { background:rgba(245,158,11,.16);color:#fcd34d; }
@media (max-width:1100px) {
.admin-ui-active .admin-security-v3-grid,.admin-ui-active .admin-readiness-layout { grid-template-columns:1fr; }
.admin-ui-active .admin-v3-fact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
.admin-ui-active .admin-v3-section { margin-top:14px;margin-bottom:14px; }
.admin-ui-active .surface-head.admin-queue-head { align-items:stretch;gap:10px; }
.admin-ui-active .admin-queue-search { min-width:0;max-width:none;width:100%; }
.admin-ui-active .ca-table-pagination { align-items:stretch;flex-direction:column;gap:8px; }
.admin-ui-active .ca-table-pagination__summary,.admin-ui-active .ca-table-pagination__nav { justify-content:space-between; }
.admin-ui-active .ca-table-pagination__buttons { overflow-x:auto;max-width:100%;padding-bottom:2px; }
.admin-ui-active .admin-v3-toggle-grid,.admin-ui-active .admin-v3-guidance-grid,.admin-ui-active .admin-security-fact-list { grid-template-columns:1fr; }
.admin-ui-active .admin-readiness-check { grid-template-columns:30px minmax(0,1fr); }.admin-ui-active .admin-readiness-check em { grid-column:2;text-align:left;max-width:none; }
.admin-ui-active .admin-reconcile-command { align-items:stretch;flex-direction:column; }.admin-ui-active .admin-reconcile-command .btn { width:100%;justify-content:center; }
}
@media (max-width:520px) {
.mid-toast-stack { top:10px;right:10px;width:calc(100vw - 20px); }
.mid-dialog-backdrop { padding:10px; }.mid-dialog__head { grid-template-columns:38px minmax(0,1fr) 30px;padding:14px; }.mid-dialog__body { padding:14px; }.mid-dialog__actions { padding:10px 14px 14px; }.mid-secret-dialog__value { grid-template-columns:1fr; }
.admin-ui-active .admin-v3-fact-grid { grid-template-columns:1fr; }
.admin-ui-active .ca-table-pagination__summary { align-items:flex-start;flex-direction:column; }.admin-ui-active .ca-table-pagination__nav { align-items:flex-start;flex-direction:column; }
}
/* Phase 172 — admin communications, status and integration workspaces */
.admin-ui-active .admin-v3-section{margin-top:18px;margin-bottom:18px}.admin-ui-active .admin-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:560px}.admin-ui-active .admin-provider-readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-ui-active .admin-provider-readiness-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 16px}.admin-ui-active .admin-provider-readiness-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--mid-panel-2);color:var(--mid-muted)}.admin-ui-active .admin-provider-readiness-card>div{display:grid;gap:2px}.admin-ui-active .admin-provider-readiness-card strong{color:var(--mid-ink);font-size:.66rem}.admin-ui-active .admin-provider-readiness-card small{color:var(--mid-muted);font-size:.55rem}.admin-ui-active .admin-provider-readiness-card b{font-size:.57rem;padding:5px 8px;border-radius:999px;background:var(--mid-panel-2);color:var(--mid-muted)}.admin-ui-active .admin-provider-readiness-card.is-ready{border-color:color-mix(in srgb,#22c55e 30%,var(--mid-line))}.admin-ui-active .admin-provider-readiness-card.is-ready>span,.admin-ui-active .admin-provider-readiness-card.is-ready b{background:#dcfce7;color:#15803d}.admin-ui-active .admin-provider-readiness-card.is-warning>span,.admin-ui-active .admin-provider-readiness-card.is-warning b{background:#fef3c7;color:#b45309}.admin-ui-active .admin-command-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--mid-line) 72%,var(--mid-primary) 28%);border-radius:12px;background:linear-gradient(105deg,color-mix(in srgb,var(--mid-primary-soft) 45%,var(--mid-panel)),var(--mid-panel))}.admin-ui-active .admin-command-strip>div{display:flex;align-items:center;gap:11px;min-width:0}.admin-ui-active .admin-command-strip strong{display:block;color:var(--mid-ink);font-size:.65rem}.admin-ui-active .admin-command-strip small{display:block;margin-top:2px;max-width:720px;color:var(--mid-muted);font-size:.55rem;line-height:1.45}.admin-ui-active #statusComponentsTable td:nth-child(3),.admin-ui-active #statusIncidentTable td:first-child,.admin-ui-active #notificationQueueTable td:nth-child(3){max-width:420px}.admin-ui-active .support-chat-shell.md-support-workspace{margin-top:18px}.admin-ui-active .support-chat-shell__sidebar{background:color-mix(in srgb,var(--mid-panel-2) 68%,var(--mid-panel))}.admin-ui-active .ticket-item--link{border:1px solid transparent;border-radius:10px;transition:.16s ease}.admin-ui-active .ticket-item--link:hover{border-color:var(--mid-line);background:var(--mid-panel);transform:translateY(-1px)}.admin-ui-active .ticket-item--link.is-active{border-color:color-mix(in srgb,var(--mid-primary) 38%,var(--mid-line));background:var(--mid-primary-soft);box-shadow:inset 3px 0 0 var(--mid-primary)}.admin-ui-active .chat-thread__head{padding-bottom:16px;border-bottom:1px solid var(--mid-line)}.admin-ui-active .chat-thread__foot{display:grid;gap:14px;padding-top:16px}.admin-ui-active .chat-thread__foot>form{padding:14px;border:1px solid var(--mid-line);border-radius:11px;background:var(--mid-panel-2)}.admin-ui-active .mid-admin-modal .modal-footer{padding:12px 19px 16px;border-top:1px solid var(--mid-line);background:color-mix(in srgb,var(--mid-panel-2) 58%,var(--mid-panel))}@media(max-width:760px){.admin-ui-active .admin-provider-readiness-grid{grid-template-columns:1fr}.admin-ui-active .admin-command-strip{align-items:stretch;flex-direction:column}.admin-ui-active .admin-command-strip form,.admin-ui-active .admin-command-strip .btn{width:100%}.admin-ui-active .admin-provider-readiness-card{grid-template-columns:36px minmax(0,1fr)}.admin-ui-active .admin-provider-readiness-card b{grid-column:2;justify-self:start}}html[data-theme="dark"] .admin-ui-active .admin-provider-readiness-card.is-ready>span,html[data-theme="dark"] .admin-ui-active .admin-provider-readiness-card.is-ready b{background:rgba(34,197,94,.15);color:#86efac}html[data-theme="dark"] .admin-ui-active .admin-provider-readiness-card.is-warning>span,html[data-theme="dark"] .admin-ui-active .admin-provider-readiness-card.is-warning b{background:rgba(245,158,11,.15);color:#fcd34d}
/* Phase 173 — admin operations fidelity, spacing, tables and interaction polish */
.admin-ui-active .admin-v3-section,
.admin-ui-active .md-anchor-section { scroll-margin-top:86px; }
.admin-ui-active .md-context-nav + .admin-v3-section,
.admin-ui-active .md-context-nav + .md-anchor-section { margin-top:20px; }
.admin-ui-active .admin-v3-section + .admin-v3-section,
.admin-ui-active .md-anchor-section + .md-anchor-section { margin-top:22px; }
.admin-ui-active .admin-module-surface { overflow:hidden; }
.admin-ui-active .admin-module-surface > .surface-head { padding:18px 20px 15px; }
.admin-ui-active .admin-module-surface > .table-shell { margin:0; }
.admin-ui-active .admin-module-surface > .admin-v3-fact-grid { margin:0 20px 20px; }
.admin-ui-active .admin-break-anywhere { overflow-wrap:anywhere;word-break:break-word; }
.admin-ui-active .admin-compact-action { display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;min-width:92px; }
.admin-ui-active .admin-domain-inventory { width:100%; }
.admin-ui-active .admin-domain-inventory .admin-readable-table { table-layout:fixed; }
.admin-ui-active .admin-domain-inventory th:nth-child(1){width:21%}
.admin-ui-active .admin-domain-inventory th:nth-child(2){width:24%}
.admin-ui-active .admin-domain-inventory th:nth-child(3){width:30%}
.admin-ui-active .admin-domain-inventory th:nth-child(4){width:12%}
.admin-ui-active .admin-domain-inventory th:nth-child(5){width:13%}
.admin-ui-active .admin-service-identity{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-width:0}
.admin-ui-active .admin-service-identity__icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--mid-primary-soft);color:var(--mid-primary-strong)}
.admin-ui-active .admin-service-identity strong,.admin-ui-active .admin-service-identity small{display:block;min-width:0}
.admin-ui-active .admin-service-identity strong{font-size:.68rem;color:var(--mid-ink);overflow-wrap:anywhere}
.admin-ui-active .admin-service-identity small{margin-top:3px;color:var(--mid-muted);font-size:.55rem}
.admin-ui-active #provisioning-worker,
.admin-ui-active #provisioning-domains,
.admin-ui-active #provisioning-jobs,
.admin-ui-active #domain-ops-control,
.admin-ui-active #domain-ops-runs,
.admin-ui-active #domain-ops-exceptions,
.admin-ui-active #domain-ops-renewals,
.admin-ui-active #domain-ops-ledger { margin-top:22px; }
.admin-ui-active .admin-domain-ops-control-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;align-items:stretch}
.admin-ui-active .admin-domain-ops-control-grid>.surface{min-width:0;height:100%}
.admin-ui-active .admin-domain-ledger-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4px!important}
.admin-ui-active .admin-domain-wallet-card .admin-v3-fact-grid{margin-top:2px}
.admin-ui-active .admin-support-desk-v4{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:680px;border:1px solid var(--mid-line);border-radius:15px;background:var(--mid-panel);overflow:hidden;box-shadow:0 12px 28px rgba(15,23,42,.045)}
.admin-ui-active .admin-support-queue-v4{min-width:0;padding:18px 14px;background:color-mix(in srgb,var(--mid-panel-2) 70%,var(--mid-panel));border-right:1px solid var(--mid-line)}
.admin-ui-active .admin-support-queue-v4 .surface-head{padding:0 3px 13px}
.admin-ui-active .admin-support-filter-v4{display:grid;gap:8px;margin-bottom:12px}
.admin-ui-active .admin-support-queue-v4 .ticket-feed{display:grid;gap:7px;max-height:620px;overflow:auto;padding-right:3px}
.admin-ui-active .admin-support-thread-v4{min-width:0;padding:20px;display:flex;flex-direction:column;gap:16px}
.admin-ui-active .admin-support-thread-v4__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:15px;border-bottom:1px solid var(--mid-line)}
.admin-ui-active .admin-support-thread-v4__identity{display:flex;align-items:flex-start;gap:11px;min-width:0}
.admin-ui-active .admin-support-verification-v4{display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(280px,.8fr);gap:12px;align-items:center;padding:13px 14px;border:1px solid color-mix(in srgb,var(--mid-primary) 26%,var(--mid-line));border-radius:12px;background:linear-gradient(100deg,color-mix(in srgb,var(--mid-primary-soft) 60%,var(--mid-panel)),var(--mid-panel))}
.admin-ui-active .admin-support-verification-v4>div:first-child{display:flex;gap:10px;align-items:center;min-width:0}
.admin-ui-active .admin-support-verification-v4__icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--mid-primary-soft);color:var(--mid-primary-strong);flex:0 0 35px}
.admin-ui-active .admin-support-verification-v4 strong,.admin-ui-active .admin-support-verification-v4 small{display:block}.admin-ui-active .admin-support-verification-v4 small{margin-top:2px;color:var(--mid-muted);font-size:.53rem;line-height:1.4}
.admin-ui-active .admin-support-pin-v4{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel);white-space:nowrap}
.admin-ui-active .admin-support-pin-v4>span{color:var(--mid-muted);font-size:.51rem;text-transform:uppercase;letter-spacing:.06em}.admin-ui-active .admin-support-pin-v4>strong{font-size:.8rem;letter-spacing:.08em}
.admin-ui-active .admin-support-message-stream-v4{min-height:250px;max-height:460px;overflow:auto;padding:3px 6px 3px 2px}
.admin-ui-active .admin-support-action-grid-v4{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);gap:16px;align-items:start}
.admin-ui-active .admin-support-composer-v4,.admin-ui-active .admin-support-controls-v4>form{padding:15px;border:1px solid var(--mid-line);border-radius:12px;background:var(--mid-panel-2)}
.admin-ui-active .admin-support-composer-v4{display:grid;gap:12px}.admin-ui-active .admin-support-composer-v4 .surface-head{padding:0}
.admin-ui-active .admin-support-controls-v4{display:grid;gap:10px}.admin-ui-active .admin-support-controls-v4>form{display:grid;gap:10px}
.admin-ui-active .admin-support-route-grid-v4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.admin-ui-active .admin-support-controls-v4 label,.admin-ui-active .admin-support-composer-v4 label{display:grid;gap:6px;color:var(--mid-ink);font-size:.58rem;font-weight:750}
.admin-ui-active .admin-support-controls-v4 .btn{justify-self:start;min-width:150px}
.admin-ui-active .admin-support-notes-v4{padding:16px}.admin-ui-active .admin-support-notes-v4 .surface-head{padding:0 0 12px}.admin-ui-active .admin-support-notes-v4 article{padding:10px 0;border-top:1px solid var(--mid-line)}.admin-ui-active .admin-support-notes-v4 article:first-of-type{border-top:0}.admin-ui-active .admin-support-notes-v4 article strong,.admin-ui-active .admin-support-notes-v4 article small{display:inline-block;margin-right:8px}.admin-ui-active .admin-support-notes-v4 article p{margin:5px 0 0;color:var(--mid-muted)}
.admin-ui-active .admin-support-empty-v4{display:grid;place-items:center;min-height:520px}
.admin-ui-active .admin-brand-hero-v4{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}
.admin-ui-active .admin-brand-preview-v4{display:grid;grid-template-columns:78px minmax(0,1fr);gap:16px;align-items:center;padding:20px}
.admin-ui-active .admin-brand-preview-v4__logo{width:76px;height:76px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--mid-primary-soft),color-mix(in srgb,var(--mid-blue) 10%,var(--mid-panel)));border:1px solid var(--mid-line)}
.admin-ui-active .admin-brand-preview-v4 h2{margin:2px 0 3px;font-size:1rem}.admin-ui-active .admin-brand-preview-v4 p{margin:0;color:var(--mid-muted)}
.admin-ui-active .admin-brand-swatches-v4{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.admin-ui-active .admin-brand-swatches-v4>span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--mid-line);border-radius:999px;font-size:.52rem;color:var(--mid-muted)}.admin-ui-active .admin-brand-swatches-v4 i{width:12px;height:12px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 2px var(--mid-panel),0 0 0 3px var(--mid-line)}
.admin-ui-active .admin-brand-form-v4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-ui-active .admin-brand-form-v4>section{min-width:0}.admin-ui-active .admin-brand-form-v4>#branding-availability{grid-column:1/-1}
.admin-ui-active .admin-brand-colour-grid-v4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 20px 20px}
.admin-ui-active .admin-brand-colour-card-v4{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:start;padding:13px;border:1px solid var(--mid-line);border-radius:12px;background:var(--mid-panel-2)}.admin-ui-active .admin-brand-colour-card-v4__picker{width:56px;height:56px;border-radius:11px;overflow:hidden;border:1px solid var(--mid-line)}.admin-ui-active .admin-brand-colour-card-v4__picker input{width:70px;height:70px;border:0;padding:0;transform:translate(-7px,-7px)}.admin-ui-active .admin-brand-colour-card-v4 strong,.admin-ui-active .admin-brand-colour-card-v4 small{display:block}.admin-ui-active .admin-brand-colour-card-v4 small{margin:3px 0 8px;color:var(--mid-muted);font-size:.52rem;line-height:1.4}
.admin-ui-active .admin-brand-form-v4 .admin-v3-form-section{padding:0 20px 20px}.admin-ui-active .admin-brand-form-v4 .admin-form-actions{padding:0 20px 20px}
.admin-ui-active .admin-signal-portfolio-v4{display:grid;gap:11px;padding:1px 0}.admin-ui-active .admin-signal-portfolio-v4__row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}.admin-ui-active .admin-signal-portfolio-v4__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--mid-primary-soft);color:var(--mid-primary-strong)}.admin-ui-active .admin-signal-portfolio-v4__row>div>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-ui-active .admin-signal-portfolio-v4__row strong{font-size:.58rem}.admin-ui-active .admin-signal-portfolio-v4__row b{font-size:.65rem;color:var(--mid-ink)}.admin-ui-active .admin-signal-portfolio-v4__row>div>span{display:block;height:6px;margin-top:6px;border-radius:999px;background:var(--mid-panel-2);overflow:hidden}.admin-ui-active .admin-signal-portfolio-v4__row>div>span>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mid-primary),var(--mid-blue))}
.admin-ui-active .admin-signal-chip-grid-v4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-ui-active .admin-signal-chip-grid-v4>div{padding:11px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel-2)}.admin-ui-active .admin-signal-chip-grid-v4 span,.admin-ui-active .admin-signal-chip-grid-v4 strong{display:block}.admin-ui-active .admin-signal-chip-grid-v4 span{font-size:.52rem;color:var(--mid-muted)}.admin-ui-active .admin-signal-chip-grid-v4 strong{margin-top:4px;font-size:.82rem;color:var(--mid-ink)}
.admin-ui-active .admin-profile-menu-v4{width:315px;max-width:calc(100vw - 20px);padding:8px!important;border:1px solid var(--mid-line)!important;border-radius:14px!important;box-shadow:0 22px 55px rgba(15,23,42,.18)!important}
.admin-ui-active .admin-profile-menu-v4__identity{padding:11px!important;margin:0 0 5px!important;border:0!important;border-radius:11px;background:linear-gradient(105deg,var(--mid-primary-soft),var(--mid-panel-2))}.admin-ui-active .admin-profile-menu-v4__identity>span:last-child{min-width:0}.admin-ui-active .admin-profile-menu-v4__identity em{display:inline-flex;margin-top:6px;padding:3px 6px;border-radius:999px;background:var(--mid-panel);border:1px solid var(--mid-line);font-size:.46rem;font-style:normal;font-weight:750;color:var(--mid-primary-strong)}
.admin-ui-active .admin-profile-menu-v4__label{padding:8px 10px 4px;color:var(--mid-muted);font-size:.47rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.admin-ui-active .admin-profile-menu-v4__item{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px!important;border-radius:9px!important;color:var(--mid-ink)!important}.admin-ui-active .admin-profile-menu-v4__item>span{display:flex;align-items:center;gap:10px;min-width:0}.admin-ui-active .admin-profile-menu-v4__item>span>i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--mid-panel-2);color:var(--mid-muted);flex:0 0 28px}.admin-ui-active .admin-profile-menu-v4__item strong,.admin-ui-active .admin-profile-menu-v4__item small{display:block}.admin-ui-active .admin-profile-menu-v4__item strong{font-size:.6rem}.admin-ui-active .admin-profile-menu-v4__item small{margin-top:2px;color:var(--mid-muted);font-size:.49rem}.admin-ui-active .admin-profile-menu-v4__item>i{color:var(--mid-muted);font-size:.55rem}.admin-ui-active .admin-profile-menu-v4__item:hover{background:var(--mid-panel-2)!important}.admin-ui-active .admin-profile-menu-v4__item:hover>span>i{background:var(--mid-primary-soft);color:var(--mid-primary-strong)}.admin-ui-active .admin-profile-menu-v4__item.is-danger strong,.admin-ui-active .admin-profile-menu-v4__item.is-danger>span>i{color:#dc2626}
.admin-ui-active #webhook-overview,.admin-ui-active #webhook-endpoints,.admin-ui-active #webhook-deliveries{margin-top:20px}.admin-ui-active #webhook-endpoints .admin-module-empty,.admin-ui-active #webhook-deliveries .admin-module-empty{margin:14px}
.admin-ui-active #hostingTransferReviewModal .admin-v3-fact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-ui-active #hostingTransferReviewModal .admin-v3-fact-grid>div{min-height:72px}.admin-ui-active #hostingTransferReviewModal .admin-v3-form-section{margin-top:14px}.admin-ui-active #hostingTransferReviewModal textarea{min-height:110px}
@media (max-width:1100px){
.admin-ui-active .admin-support-verification-v4{grid-template-columns:1fr auto}.admin-ui-active .admin-support-verification-v4>form{grid-column:1/-1}
.admin-ui-active .admin-support-action-grid-v4{grid-template-columns:1fr}.admin-ui-active .admin-support-route-grid-v4{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-ui-active .admin-brand-hero-v4,.admin-ui-active .admin-brand-form-v4,.admin-ui-active .admin-domain-ops-control-grid{grid-template-columns:1fr}.admin-ui-active .admin-brand-form-v4>#branding-availability{grid-column:auto}
}
@media (max-width:860px){
.admin-ui-active .admin-support-desk-v4{grid-template-columns:1fr}.admin-ui-active .admin-support-queue-v4{border-right:0;border-bottom:1px solid var(--mid-line)}.admin-ui-active .admin-support-queue-v4 .ticket-feed{max-height:340px}.admin-ui-active .admin-support-message-stream-v4{max-height:none}
.admin-ui-active .admin-domain-inventory .admin-readable-table{table-layout:auto}.admin-ui-active .admin-brand-colour-grid-v4,.admin-ui-active .admin-domain-ledger-summary{grid-template-columns:1fr}
.admin-ui-active #hostingTransferReviewModal .admin-v3-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
.admin-ui-active .admin-support-thread-v4{padding:14px}.admin-ui-active .admin-support-verification-v4{grid-template-columns:1fr}.admin-ui-active .admin-support-pin-v4{justify-content:space-between}.admin-ui-active .admin-support-route-grid-v4,.admin-ui-active .admin-brand-colour-grid-v4,.admin-ui-active .admin-signal-chip-grid-v4{grid-template-columns:1fr}.admin-ui-active .admin-brand-preview-v4{grid-template-columns:56px minmax(0,1fr);padding:15px}.admin-ui-active .admin-brand-preview-v4__logo{width:54px;height:54px;border-radius:13px}.admin-ui-active .admin-brand-preview-v4__logo img{width:46px;height:46px}.admin-ui-active #hostingTransferReviewModal .admin-v3-fact-grid{grid-template-columns:1fr}.admin-ui-active .admin-profile-menu-v4{width:min(315px,calc(100vw - 16px))}
}
/* Phase 174 — Admin legacy workspace removal & catalogue modal refinement Keeps every admin module on the same compact Makeitdomain visual language. */
.admin-ui-active .md-page-header{margin-bottom:14px}
.admin-ui-active .md-page-header__main{min-width:0}
.admin-ui-active .md-page-header__actions{gap:7px;flex-wrap:wrap}
.admin-ui-active .md-page-header__actions .btn{min-height:36px}
.admin-ui-active .admin-v4-section{margin:14px 0 18px}
.admin-ui-active .admin-command-strip__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.admin-ui-active .metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 20px}
.admin-ui-active .metric-grid .metric-tile{position:relative;min-width:0;min-height:112px;padding:16px;border:1px solid var(--mid-line);border-radius:13px;background:var(--mid-panel);box-shadow:0 8px 24px rgba(15,23,42,.045);overflow:hidden}
.admin-ui-active .metric-grid .metric-tile::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--mid-primary),var(--mid-blue));opacity:.9}
.admin-ui-active .metric-grid .metric-kicker{margin:0 0 10px;color:var(--mid-muted);font-size:.52rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.admin-ui-active .metric-grid .metric-value{margin:0;color:var(--mid-ink);font-size:1.28rem;line-height:1.05;letter-spacing:-.025em}
.admin-ui-active .metric-grid .metric-value--compact{font-size:.82rem;line-height:1.3}
.admin-ui-active .metric-grid .metric-meta{margin:8px 0 0;color:var(--mid-muted);font-size:.53rem;line-height:1.4}
.admin-ui-active .section-grid,.admin-ui-active .admin-ops-layout{gap:18px;margin-top:18px;margin-bottom:18px}
.admin-ui-active .admin-catalog-layout{grid-template-columns:minmax(0,1.55fr) minmax(270px,.45fr);align-items:start}
.admin-ui-active .md-catalog-workspace,.admin-ui-active .md-catalog-editor,.admin-ui-active .md-feature-workspace,.admin-ui-active .md-feature-editor{margin-top:18px;margin-bottom:18px}
.admin-ui-active .md-settings-block{margin-top:18px;margin-bottom:18px}
.admin-ui-active .admin-module-surface>.surface-head{padding:16px 18px 13px}
.admin-ui-active .admin-module-surface>.table-shell{margin:0}
.admin-ui-active .admin-module-surface>.summary-list,.admin-ui-active .admin-module-surface>.admin-detail-summary{margin:0 18px 18px}
.admin-ui-active .admin-v4-guidance{display:flex;align-items:flex-start;gap:12px;padding:16px}
.admin-ui-active .admin-v4-guidance>div{min-width:0}.admin-ui-active .admin-v4-guidance .section-copy{margin-bottom:13px}
.admin-ui-active .admin-v4-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.admin-ui-active .mid-admin-modal .admin-v3-form-section{display:grid;gap:13px}
.admin-ui-active .mid-admin-modal .form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-ui-active .mid-admin-modal .form-help{margin-top:4px;color:var(--mid-muted);font-size:.5rem;line-height:1.4}
.admin-ui-active #tax-rules.section-grid,.admin-ui-active #option-directory.section-grid,.admin-ui-active #upsell-rules.section-grid,.admin-ui-active #marketplace-directory.section-grid,.admin-ui-active #reseller-accounts.section-grid{grid-template-columns:minmax(0,1fr) 300px}
.admin-ui-active #reseller-tiers .admin-command-strip{margin-left:18px;margin-right:18px;margin-bottom:18px}
.admin-ui-active #marketplace-installed{margin-top:18px!important}
.admin-ui-active #affiliate-partners .admin-inline-action,.admin-ui-active #affiliate-payouts .admin-inline-action{display:grid;grid-template-columns:minmax(105px,1fr) auto;gap:6px;align-items:center;min-width:190px}
.admin-ui-active #affiliate-partners .admin-inline-action .btn,.admin-ui-active #affiliate-payouts .admin-inline-action .btn{white-space:nowrap}
.admin-ui-active .md-detail-workspace,.admin-ui-active #hosting-account-overview+ .admin-ops-layout{margin-top:18px;margin-bottom:18px}
.admin-ui-active .admin-detail-summary>div{gap:14px;padding:9px 0}
.admin-ui-active .admin-detail-summary>div+div{border-top:1px solid var(--mid-line)}
.admin-ui-active .admin-detail-summary span{color:var(--mid-muted);font-size:.52rem}
.admin-ui-active .admin-detail-summary strong{color:var(--mid-ink);font-size:.58rem;text-align:right;overflow-wrap:anywhere}
.admin-ui-active .admin-readable-table-shell{border:1px solid var(--mid-line);border-radius:12px;background:var(--mid-panel);overflow:hidden}
.admin-ui-active .admin-readable-table thead th{padding:10px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--mid-primary-soft) 55%,var(--mid-panel)),var(--mid-panel-2));border-bottom:1px solid color-mix(in srgb,var(--mid-primary) 18%,var(--mid-line));color:var(--mid-ink-soft);font-size:.49rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}
.admin-ui-active .admin-readable-table tbody td{padding:11px 12px;border-color:var(--mid-line);vertical-align:middle}
.admin-ui-active .admin-readable-table tbody tr:hover{background:color-mix(in srgb,var(--mid-primary-soft) 34%,transparent)}
.admin-ui-active .admin-readable-table tbody tr:last-child td{border-bottom:0}
.admin-ui-active .admin-table-actions{gap:6px;justify-content:flex-end;flex-wrap:wrap}
@media (max-width:1180px){
.admin-ui-active .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-ui-active .admin-catalog-layout,.admin-ui-active #tax-rules.section-grid,.admin-ui-active #option-directory.section-grid,.admin-ui-active #upsell-rules.section-grid,.admin-ui-active #marketplace-directory.section-grid,.admin-ui-active #reseller-accounts.section-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
.admin-ui-active .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 15px}
.admin-ui-active .metric-grid .metric-tile{min-height:96px;padding:13px}
.admin-ui-active .metric-grid .metric-value{font-size:1.05rem}
.admin-ui-active .md-page-header__actions{width:100%}.admin-ui-active .md-page-header__actions .btn{flex:1 1 auto;justify-content:center}
.admin-ui-active .admin-command-strip__actions{width:100%;justify-content:stretch}.admin-ui-active .admin-command-strip__actions form,.admin-ui-active .admin-command-strip__actions .btn{flex:1 1 100%;width:100%}
.admin-ui-active .mid-admin-modal .form-grid-2,.admin-ui-active .admin-v4-toggle-grid{grid-template-columns:1fr}
.admin-ui-active .admin-v4-guidance{padding:14px}
}
@media (max-width:480px){
.admin-ui-active .metric-grid{grid-template-columns:1fr 1fr}.admin-ui-active .metric-grid .metric-kicker{font-size:.48rem}.admin-ui-active .metric-grid .metric-value{font-size:.92rem}
.admin-ui-active #affiliate-partners .admin-inline-action,.admin-ui-active #affiliate-payouts .admin-inline-action{grid-template-columns:1fr;min-width:0}
}
/* Phase 175 — Admin record review & provider evidence */
.admin-review-shell{display:grid;gap:20px;margin-block:18px 28px}.admin-review-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid color-mix(in srgb,var(--md-primary,#0aa6a6) 22%,#d9e4ec);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--md-primary,#0aa6a6) 8%,#fff),#fff 54%,color-mix(in srgb,#2f80ed 5%,#fff));box-shadow:0 14px 36px rgba(31,52,73,.06)}.admin-review-hero__identity{display:flex;align-items:center;gap:16px;min-width:0}.admin-review-hero__icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,color-mix(in srgb,var(--md-primary,#0aa6a6) 16%,#fff),color-mix(in srgb,#2f80ed 12%,#fff));color:var(--md-primary,#0aa6a6);font-size:1.2rem}.admin-review-hero__identity h2{margin:2px 0 4px;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:800;color:#101828;overflow-wrap:anywhere}.admin-review-hero__identity p{margin:0;color:#667085;overflow-wrap:anywhere}.admin-review-hero__status{display:grid;justify-items:end;gap:8px;text-align:right}.admin-review-hero__status strong{font-size:1.25rem;color:#101828}.admin-review-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-review-facts>article{min-width:0;padding:15px 16px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;display:grid;gap:5px}.admin-review-facts>article>span:first-child,.admin-review-facts>article>small:first-child{font-size:.73rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:#718096}.admin-review-facts>article strong{color:#172033;overflow-wrap:anywhere}.admin-review-facts--modal{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.admin-review-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:20px;align-items:start}.admin-review-grid--finance{grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr)}.admin-review-panel{margin:0!important;overflow:hidden}.admin-review-panel+.admin-review-panel{margin-top:18px!important}.admin-review-contact{display:grid;gap:10px}.admin-review-contact>div{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #edf1f5}.admin-review-contact i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ecfafa;color:var(--md-primary,#0aa6a6)}.admin-review-contact span{min-width:0;display:grid}.admin-review-contact small,.admin-review-address small{font-size:.74rem;text-transform:uppercase;letter-spacing:.045em;color:#718096;font-weight:800}.admin-review-contact strong{overflow-wrap:anywhere}.admin-review-address{margin-top:14px;display:flex;gap:12px;padding:14px;border-radius:14px;background:#f7fafc;border:1px solid #e8edf2}.admin-review-address>i{color:var(--md-primary,#0aa6a6);margin-top:3px}.admin-review-address>div{display:grid;gap:3px;min-width:0}.admin-review-address strong{font-size:.9rem;overflow-wrap:anywhere}.admin-protection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-protection-grid>article{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #e5ebf0;border-radius:14px;background:#fbfdfd}.admin-protection-grid i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ecfafa;color:var(--md-primary,#0aa6a6)}.admin-protection-grid span{display:grid;min-width:0}.admin-protection-grid small{color:#718096;font-size:.74rem}.admin-nameserver-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #edf1f5}.admin-nameserver-list>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:800;color:#718096}.admin-nameserver-list code{padding:7px 9px;border-radius:9px;background:#f1f5f9;color:#334155}.admin-modal-secondary-action{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-top:1px solid #e8edf2;background:#f8fafc}.admin-modal-secondary-action>div{display:grid}.admin-modal-secondary-action small{color:#667085}.admin-provider-response{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#0f172a}.admin-provider-response>span{display:block;padding:10px 14px;background:#f8fafc;color:#475569;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.admin-provider-response pre{max-height:54vh;margin:0;padding:16px;overflow:auto;color:#d7e2f0;background:#0f172a;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.admin-server-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 2px 2px}.admin-server-pagination__summary{color:#667085;font-size:.86rem}.admin-server-pagination__buttons{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.admin-audit-timeline{display:grid}.admin-audit-timeline>article{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f5;align-items:start}.admin-audit-timeline>article:last-child{border-bottom:0}.admin-audit-timeline__dot{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--md-primary,#0aa6a6);box-shadow:0 0 0 4px #e9fafa}.admin-audit-timeline div{display:grid}.admin-audit-timeline small,.admin-audit-timeline time{color:#718096;font-size:.8rem}.admin-usage-stack{display:grid;gap:16px}.admin-usage-meter{display:grid;gap:8px;padding:14px;border:1px solid #e5ebf0;border-radius:14px;background:#fbfdfd}.admin-usage-meter>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.admin-usage-meter>div:first-child span{font-weight:700;color:#475569}.admin-usage-meter>div:first-child strong{font-size:.84rem}.admin-usage-meter__track{height:8px;border-radius:999px;background:#e8eef3;overflow:hidden}.admin-usage-meter__track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--md-primary,#0aa6a6),#2f80ed)}.admin-usage-meter>small{color:#718096}.admin-v5-section{margin-top:20px}.admin-v5-metric-grid{margin:18px 0 20px}
@media(max-width:1100px){.admin-review-grid,.admin-review-grid--finance{grid-template-columns:1fr}.admin-review-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.admin-review-shell{gap:14px;margin-block:12px 22px}.admin-review-hero{align-items:flex-start;flex-direction:column;padding:18px}.admin-review-hero__status{justify-items:start;text-align:left}.admin-review-facts,.admin-review-facts--modal{grid-template-columns:1fr}.admin-protection-grid{grid-template-columns:1fr}.admin-server-pagination{align-items:flex-start;flex-direction:column}.admin-modal-secondary-action{align-items:stretch;flex-direction:column}.admin-modal-secondary-action form,.admin-modal-secondary-action button{width:100%}.admin-usage-meter>div:first-child{align-items:flex-start;flex-direction:column}}
/* Phase 176 — Admin directory, catalogue and platform-form refinement */
.admin-ui-active .admin-v6-section{margin-top:20px;margin-bottom:22px}
.admin-ui-active .admin-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.admin-ui-active .admin-head-actions .admin-queue-search{min-width:280px;margin:0}
.admin-ui-active .admin-head-actions .btn{white-space:nowrap}
.admin-ui-active .admin-identity-cell{display:flex;align-items:center;gap:10px;min-width:0}
.admin-ui-active .admin-identity-cell__avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:11px;background:linear-gradient(135deg,var(--mid-primary-soft),color-mix(in srgb,var(--mid-accent,#2f80ed) 10%,var(--mid-panel)));color:var(--mid-primary-strong);font-size:.72rem;font-weight:850}
.admin-ui-active .admin-identity-cell>span:last-child{display:grid;gap:2px;min-width:0}
.admin-ui-active .admin-identity-cell strong{color:var(--mid-ink);font-size:.62rem;overflow-wrap:anywhere}
.admin-ui-active .admin-identity-cell small{color:var(--mid-muted);font-size:.51rem;overflow-wrap:anywhere}
.admin-ui-active .admin-service-counts{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.admin-ui-active .admin-service-counts>span{display:grid;grid-template-columns:auto auto;column-gap:5px;align-items:center;min-width:70px;padding:7px 8px;border:1px solid var(--mid-line);border-radius:9px;background:var(--mid-panel-2)}
.admin-ui-active .admin-service-counts i{grid-row:1 / span 2;color:var(--mid-primary-strong);font-size:.54rem}.admin-ui-active .admin-service-counts strong{font-size:.58rem;color:var(--mid-ink)}.admin-ui-active .admin-service-counts small{font-size:.48rem;color:var(--mid-muted)}
.admin-ui-active .admin-break-anywhere{overflow-wrap:anywhere;word-break:break-word}
.admin-ui-active .admin-feature-icon{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:9px;background:var(--mid-primary-soft);color:var(--mid-primary-strong);margin-right:6px}
.admin-ui-active .admin-capacity-cell{display:grid;gap:6px;min-width:130px}.admin-ui-active .admin-capacity-cell>div{display:flex;align-items:baseline;gap:4px}.admin-ui-active .admin-capacity-cell strong{color:var(--mid-ink);font-size:.62rem}.admin-ui-active .admin-capacity-cell span{color:var(--mid-muted);font-size:.5rem}.admin-ui-active .admin-capacity-track{height:6px!important;display:block;border-radius:999px;background:var(--mid-line);overflow:hidden}.admin-ui-active .admin-capacity-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mid-primary),var(--mid-accent,#2f80ed))}
.admin-ui-active .admin-settings-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 18px;padding:8px;border:1px solid var(--mid-line);border-radius:14px;background:var(--mid-panel)}
.admin-ui-active .admin-settings-tab{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--mid-muted);text-align:left;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.admin-ui-active .admin-settings-tab>i{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:9px;background:var(--mid-panel-2);color:var(--mid-muted)}
.admin-ui-active .admin-settings-tab>span{display:grid;gap:2px;min-width:0}.admin-ui-active .admin-settings-tab strong{font-size:.59rem;color:var(--mid-ink)}.admin-ui-active .admin-settings-tab small{font-size:.49rem;color:var(--mid-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-ui-active .admin-settings-tab:hover{border-color:color-mix(in srgb,var(--mid-primary) 22%,var(--mid-line));background:var(--mid-primary-soft)}
.admin-ui-active .admin-settings-tab.active{border-color:color-mix(in srgb,var(--mid-primary) 35%,var(--mid-line));background:linear-gradient(135deg,var(--mid-primary-soft),color-mix(in srgb,var(--mid-panel) 88%,var(--mid-accent,#2f80ed) 12%));box-shadow:0 6px 18px rgba(15,118,110,.08);color:var(--mid-primary-strong)}
.admin-ui-active .admin-settings-tab.active>i{background:var(--mid-primary);color:#fff}.admin-ui-active .admin-settings-tab.active strong{color:var(--mid-primary-strong)}
.admin-ui-active .admin-settings-tab-content>.tab-pane{padding-top:2px}
.admin-ui-active .admin-settings-tab-content .md-settings-block{margin-top:0}
.admin-ui-active .mid-admin-modal .admin-identity-note{display:flex;align-items:flex-start;gap:10px;height:100%;padding:12px;border:1px dashed color-mix(in srgb,var(--mid-primary) 28%,var(--mid-line));border-radius:10px;background:var(--mid-primary-soft)}
.admin-ui-active .mid-admin-modal .admin-identity-note>i{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:9px;background:var(--mid-panel);color:var(--mid-primary-strong)}
.admin-ui-active .mid-admin-modal .admin-identity-note>span{display:grid;gap:3px}.admin-ui-active .mid-admin-modal .admin-identity-note strong{color:var(--mid-ink);font-size:.59rem}.admin-ui-active .mid-admin-modal .admin-identity-note small{color:var(--mid-muted);font-size:.51rem;line-height:1.4}
html[data-theme="dark"] .admin-ui-active .admin-settings-tab.active{background:linear-gradient(135deg,color-mix(in srgb,var(--mid-primary) 16%,var(--mid-panel)),color-mix(in srgb,var(--mid-accent,#2f80ed) 10%,var(--mid-panel)))}
@media(max-width:980px){
.admin-ui-active .admin-head-actions{width:100%;justify-content:stretch}.admin-ui-active .admin-head-actions .admin-queue-search{flex:1 1 260px;min-width:0;max-width:none}.admin-ui-active .admin-settings-tabs{grid-template-columns:1fr 1fr 1fr}.admin-ui-active .admin-settings-tab{padding:9px}.admin-ui-active .admin-settings-tab small{display:none}
}
@media(max-width:700px){
.admin-ui-active .admin-head-actions{display:grid;grid-template-columns:1fr}.admin-ui-active .admin-head-actions .btn,.admin-ui-active .admin-head-actions .admin-queue-search{width:100%}.admin-ui-active .admin-settings-tabs{grid-template-columns:1fr;padding:6px}.admin-ui-active .admin-settings-tab small{display:block}.admin-ui-active .admin-service-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.admin-ui-active .admin-service-counts>span{min-width:0}.admin-ui-active .admin-capacity-cell{min-width:0}
}
/* Phase 177 — Admin completion layer Roles, audit, monitoring, usage billing, integrations + final QA */
.admin-ui-active .md-anchor-section{margin-top:18px}
.admin-ui-active .admin-module-surface{padding:20px;border-radius:18px}
.admin-ui-active .admin-module-surface+.admin-module-surface{margin-top:18px}
.admin-ui-active .surface-head{gap:18px;margin-bottom:16px}
.admin-ui-active .surface-head .section-copy{max-width:760px}
.admin-ui-active .table-shell{border:1px solid var(--mid-line);border-radius:14px;overflow:hidden;background:var(--mid-panel)}
.admin-ui-active .admin-readable-table{margin:0;min-width:760px}
.admin-ui-active .admin-readable-table thead th{padding:12px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--mid-primary) 8%,var(--mid-panel)),var(--mid-panel));border-bottom:1px solid color-mix(in srgb,var(--mid-primary) 18%,var(--mid-line));font-size:.64rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mid-muted)}
.admin-ui-active .admin-readable-table tbody td{padding:13px 14px;border-bottom:1px solid color-mix(in srgb,var(--mid-line) 84%,transparent);vertical-align:middle}
.admin-ui-active .admin-readable-table tbody tr:last-child td{border-bottom:0}
.admin-ui-active .admin-readable-table tbody tr:hover{background:color-mix(in srgb,var(--mid-primary) 3%,var(--mid-panel))}
.admin-ui-active .admin-table-primary{display:block;font-weight:750;color:var(--mid-ink);line-height:1.35}
.admin-ui-active .admin-table-meta{display:block;margin-top:3px;color:var(--mid-muted);font-size:.56rem;line-height:1.4}
.admin-ui-active .admin-check-cell{width:44px;min-width:44px;text-align:center}
.admin-ui-active .admin-check-cell input{width:16px;height:16px;accent-color:var(--mid-primary)}
.admin-ui-active .admin-form-commandbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:12px 14px;border:1px solid var(--mid-line);border-radius:13px;background:var(--mid-panel-2)}
.admin-ui-active .admin-form-commandbar>div:first-child{display:grid;gap:2px}.admin-ui-active .admin-form-commandbar>div:first-child strong{font-size:.64rem;color:var(--mid-ink)}.admin-ui-active .admin-form-commandbar>div:first-child span{font-size:.54rem;color:var(--mid-muted)}
.admin-ui-active .admin-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.admin-ui-active .admin-filter-grid label,.admin-ui-active .admin-commandbar-selection label{display:grid;gap:6px;font-size:.56rem;font-weight:700;color:var(--mid-muted)}
.admin-ui-active .admin-filter-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.admin-ui-active .admin-filter-grid--audit .admin-filter-actions{grid-column:span 3}
.admin-ui-active .admin-guidance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.admin-ui-active .admin-guidance-grid .admin-module-surface{display:flex;gap:14px;align-items:flex-start;margin:0}
.admin-ui-active .admin-access-layout{display:grid;grid-template-columns:minmax(240px,290px) minmax(0,1fr);gap:18px;align-items:start}
.admin-ui-active .admin-access-main{display:grid;gap:18px;min-width:0}.admin-ui-active .admin-access-main>.admin-module-surface{margin:0}
.admin-ui-active .admin-access-directory{position:sticky;top:86px;padding:16px}
.admin-ui-active .admin-role-list{display:grid;gap:8px}
.admin-ui-active .admin-role-list__item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:12px;color:inherit;text-decoration:none;transition:.18s ease}
.admin-ui-active .admin-role-list__item:hover{background:var(--mid-panel-2);border-color:var(--mid-line)}
.admin-ui-active .admin-role-list__item.is-active{background:var(--mid-primary-soft);border-color:color-mix(in srgb,var(--mid-primary) 28%,var(--mid-line));box-shadow:inset 3px 0 0 var(--mid-primary)}
.admin-ui-active .admin-role-list__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--mid-panel-2);color:var(--mid-primary-strong)}
.admin-ui-active .admin-role-list__copy{min-width:0;display:grid;gap:2px}.admin-ui-active .admin-role-list__copy strong{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-ui-active .admin-role-list__copy small{font-size:.5rem;color:var(--mid-muted)}
.admin-ui-active .admin-role-list__count{min-width:28px;height:25px;display:grid;place-items:center;border-radius:999px;background:var(--mid-panel-2);color:var(--mid-muted);font-size:.52rem;font-weight:800}
.admin-ui-active .admin-permission-groups{display:grid;gap:14px}.admin-ui-active .admin-permission-group{border:1px solid var(--mid-line);border-radius:14px;padding:12px;background:var(--mid-panel)}
.admin-ui-active .admin-permission-group legend{float:none;width:100%;display:flex;justify-content:space-between;gap:12px;padding:0 2px 10px;margin:0;font-size:.62rem;font-weight:800;color:var(--mid-ink)}.admin-ui-active .admin-permission-group legend small{font-size:.5rem;font-weight:600;color:var(--mid-muted)}
.admin-ui-active .admin-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.admin-ui-active .admin-permission-option{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--mid-line);border-radius:11px;background:var(--mid-panel-2);cursor:pointer}
.admin-ui-active .admin-permission-option input{margin-top:2px;accent-color:var(--mid-primary)}
.admin-ui-active .admin-permission-option span{display:grid;gap:2px;min-width:0}.admin-ui-active .admin-permission-option strong{font-size:.56rem;color:var(--mid-ink)}.admin-ui-active .admin-permission-option small{font-size:.48rem;color:var(--mid-muted);overflow-wrap:anywhere}
.admin-ui-active .admin-request-evidence{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 6px;align-items:center;max-width:250px}.admin-ui-active .admin-request-evidence code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mid-primary-strong);font-size:.52rem}.admin-ui-active .admin-request-evidence small{grid-column:1/-1;color:var(--mid-muted);font-size:.48rem;overflow-wrap:anywhere}
.admin-ui-active .admin-evidence-details{position:relative;display:inline-block}.admin-ui-active .admin-evidence-details summary{list-style:none;cursor:pointer}.admin-ui-active .admin-evidence-details summary::-webkit-details-marker{display:none}
.admin-ui-active .admin-evidence-details[open] pre{display:block}.admin-ui-active .admin-evidence-details pre{position:absolute;z-index:15;right:0;top:calc(100% + 7px);width:min(520px,70vw);max-height:360px;overflow:auto;margin:0;padding:14px;border:1px solid var(--mid-line);border-radius:12px;background:var(--mid-panel);box-shadow:0 18px 55px rgba(15,23,42,.18);font-size:.5rem;line-height:1.55;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--mid-ink)}
.admin-ui-active .admin-monitor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-ui-active .admin-monitor-card{padding:14px;border:1px solid var(--mid-line);border-radius:14px;background:var(--mid-panel);box-shadow:0 7px 20px rgba(15,23,42,.04)}
.admin-ui-active .admin-monitor-card--up{border-color:color-mix(in srgb,#16a34a 25%,var(--mid-line))}.admin-ui-active .admin-monitor-card--down{border-color:color-mix(in srgb,#dc2626 30%,var(--mid-line))}.admin-ui-active .admin-monitor-card--warning,.admin-ui-active .admin-monitor-card--unknown{border-color:color-mix(in srgb,#d97706 28%,var(--mid-line))}
.admin-ui-active .admin-monitor-card__head{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center}.admin-ui-active .admin-monitor-card__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--mid-primary-soft);color:var(--mid-primary-strong)}.admin-ui-active .admin-monitor-card__head div{min-width:0;display:grid;gap:2px}.admin-ui-active .admin-monitor-card__head strong{font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-ui-active .admin-monitor-card__head small{font-size:.49rem;color:var(--mid-muted)}
.admin-ui-active .admin-monitor-card__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.admin-ui-active .admin-monitor-card__facts span{display:grid;gap:2px;padding:8px;border-radius:10px;background:var(--mid-panel-2)}.admin-ui-active .admin-monitor-card__facts small{font-size:.46rem;color:var(--mid-muted)}.admin-ui-active .admin-monitor-card__facts strong{font-size:.54rem;color:var(--mid-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-ui-active .admin-monitor-card__error{display:flex;gap:7px;align-items:flex-start;margin:10px 0 0;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,#dc2626 7%,var(--mid-panel));color:#b91c1c;font-size:.51rem;line-height:1.45}
.admin-ui-active .admin-form-commandbar--billing{margin:0 0 14px}.admin-ui-active .admin-commandbar-selection{display:flex!important;grid-auto-flow:column;align-items:end;gap:12px}.admin-ui-active .admin-select-all{display:flex!important;grid-auto-flow:column;align-items:center;gap:7px!important;padding:8px 10px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel)}.admin-ui-active .admin-select-all input{accent-color:var(--mid-primary)}
.admin-ui-active .admin-integration-groups{display:grid;gap:20px}.admin-ui-active .admin-integration-group{display:grid;gap:10px}.admin-ui-active .admin-integration-group__head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 2px}.admin-ui-active .admin-integration-group__head strong{font-size:.64rem;color:var(--mid-ink)}.admin-ui-active .admin-integration-group__head span{font-size:.5rem;color:var(--mid-muted)}
.admin-ui-active .admin-integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-ui-active .admin-integration-card{display:grid;gap:9px;padding:14px;border:1px solid var(--mid-line);border-radius:14px;background:var(--mid-panel);box-shadow:0 6px 18px rgba(15,23,42,.04)}.admin-ui-active .admin-integration-card[hidden]{display:none!important}
.admin-ui-active .admin-integration-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-ui-active .admin-integration-card__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--mid-primary-soft);color:var(--mid-primary-strong);font-size:.82rem}
.admin-ui-active .admin-integration-card h3{margin:0;font-size:.67rem;color:var(--mid-ink)}.admin-ui-active .admin-integration-card p{margin:0;color:var(--mid-muted);font-size:.53rem;line-height:1.5;min-height:32px}.admin-ui-active .admin-integration-card__foot{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-top:9px;border-top:1px solid var(--mid-line)}.admin-ui-active .admin-integration-card__foot>span{display:grid;gap:2px;min-width:0}.admin-ui-active .admin-integration-card__foot small{font-size:.45rem;color:var(--mid-muted)}.admin-ui-active .admin-integration-card__foot strong{font-size:.5rem;color:var(--mid-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-ui-active .form-control,.admin-ui-active .form-select{min-height:40px;border-radius:10px;border-color:var(--mid-line);background-color:var(--mid-panel);color:var(--mid-ink)}
.admin-ui-active textarea.form-control{min-height:96px}
.admin-ui-active .form-control:focus,.admin-ui-active .form-select:focus{border-color:color-mix(in srgb,var(--mid-primary) 50%,var(--mid-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--mid-primary) 12%,transparent)}
.admin-ui-active .mid-admin-modal .modal-content{border:1px solid var(--mid-line);border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.24)}
.admin-ui-active .mid-admin-modal .modal-header,.admin-ui-active .mid-admin-modal .modal-footer{padding:16px 18px}.admin-ui-active .mid-admin-modal .admin-v3-modal-body{padding:18px}
.admin-ui-active .ca-table-pagination{margin-top:12px;padding:10px 12px;border:1px solid var(--mid-line);border-radius:12px;background:var(--mid-panel);box-shadow:0 5px 16px rgba(15,23,42,.03)}
@media(max-width:1180px){
.admin-ui-active .admin-monitor-grid,.admin-ui-active .admin-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-ui-active .admin-access-layout{grid-template-columns:230px minmax(0,1fr)}
}
@media(max-width:900px){
.admin-ui-active .admin-access-layout{grid-template-columns:1fr}.admin-ui-active .admin-access-directory{position:static}.admin-ui-active .admin-role-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-ui-active .admin-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-ui-active .admin-filter-grid--audit .admin-filter-actions{grid-column:span 2}
.admin-ui-active .admin-permission-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
.admin-ui-active .admin-module-surface{padding:15px;border-radius:14px}.admin-ui-active .md-anchor-section{margin-top:14px}
.admin-ui-active .admin-monitor-grid,.admin-ui-active .admin-integration-grid,.admin-ui-active .admin-guidance-grid,.admin-ui-active .admin-role-list,.admin-ui-active .admin-filter-grid{grid-template-columns:1fr}
.admin-ui-active .admin-filter-grid--audit .admin-filter-actions{grid-column:auto}.admin-ui-active .admin-filter-actions{display:grid;grid-template-columns:1fr 1fr}.admin-ui-active .admin-filter-actions .btn{width:100%}
.admin-ui-active .admin-form-commandbar{align-items:stretch;flex-direction:column}.admin-ui-active .admin-form-commandbar .admin-table-actions{display:grid;grid-template-columns:1fr}.admin-ui-active .admin-form-commandbar .admin-table-actions .btn{width:100%}
.admin-ui-active .admin-commandbar-selection{display:grid!important;grid-auto-flow:row}.admin-ui-active .admin-monitor-card__facts{grid-template-columns:1fr 1fr}.admin-ui-active .admin-monitor-card__facts span:last-child{grid-column:1/-1}
.admin-ui-active .admin-integration-card__foot{align-items:stretch;flex-direction:column}.admin-ui-active .admin-integration-card__foot .btn{width:100%}
.admin-ui-active .admin-readable-table{min-width:0}.admin-ui-active .admin-evidence-details pre{position:fixed;left:12px;right:12px;top:18vh;width:auto;max-height:64vh}
}
/* Phase 178 — Administrator runtime & visual consolidation Final cascade layer: readable typography, consistent rhythm and tables. */
.admin-ui-active {
/* Canonical administrator design tokens — Phase 188 consolidation. */
--mid-admin-sidebar-width: 214px;
--admin-v2-card-radius: 13px; 
--admin-v2-shadow: 0 8px 28px rgba(15,23,42,.045); 
--admin-space-1: 6px;
--admin-space-2: 10px;
--admin-space-3: 14px;
--admin-space-4: 18px;
--admin-space-5: 24px;
--admin-radius: 14px;
--admin-page-gutter: 26px;
--admin-page-bottom: 52px;
--admin-modal-radius: 16px;
--admin-control-radius: 11px;
}
.admin-ui-active .admin-content-v91 {
max-width: 1540px;
padding: var(--admin-space-5) var(--admin-page-gutter) var(--admin-page-bottom);
}
.admin-ui-active .admin-content-v91 > .md-page-header,
.admin-ui-active .admin-content-v91 > .ui-page-header { margin-bottom: 18px; }
.admin-ui-active .md-page-header + .md-context-nav,
.admin-ui-active .ui-page-header + .md-context-nav { margin-top: -2px; margin-bottom: 18px; }
.admin-ui-active .md-context-nav + .md-metric-grid,
.admin-ui-active .md-context-nav + .metric-grid { margin-top: 0; }
.admin-ui-active .md-anchor-section,
.admin-ui-active .admin-v3-section,
.admin-ui-active .admin-v4-section { scroll-margin-top: 86px; }
.admin-ui-active .md-anchor-section + .md-anchor-section,
.admin-ui-active .admin-v3-section + .admin-v3-section,
.admin-ui-active .admin-v4-section + .admin-v4-section { margin-top: 20px; }
.admin-ui-active .section-kicker,
.admin-ui-active .metric-kicker,
.admin-ui-active .md-metric-card__label { font-size: .68rem; line-height: 1.2; letter-spacing: .055em; }
.admin-ui-active .section-title { font-size: 1.03rem; line-height: 1.25; letter-spacing: -.01em; }
.admin-ui-active .section-copy,
.admin-ui-active .admin-table-meta,
.admin-ui-active .form-help { font-size: .76rem; line-height: 1.52; }
.admin-ui-active .admin-table-primary { font-size: .82rem; line-height: 1.35; }
.admin-ui-active .status-pill,
.admin-ui-active .ca-status-pill { min-height: 24px; padding: 4px 8px; font-size: .68rem; font-weight: 750; }
.admin-ui-active .btn { min-height: 36px; border-radius: 9px; font-size: .76rem; font-weight: 730; }
.admin-ui-active .btn.btn-sm { min-height: 31px; padding: 5px 9px; font-size: .69rem; }
.admin-ui-active .form-label,
.admin-ui-active form > label,
.admin-ui-active .admin-filter-grid > label { color: var(--mid-ink-soft); font-size: .72rem; font-weight: 760; }
.admin-ui-active .form-control,
.admin-ui-active .form-select { min-height: 42px; padding: 9px 11px; font-size: .82rem; }
.admin-ui-active textarea.form-control { min-height: 110px; line-height: 1.55; }
.admin-ui-active .form-stack { gap: 15px; }
.admin-ui-active .form-grid-2,
.admin-ui-active .checkout-grid { gap: 14px; }
.admin-ui-active .table-shell,
.admin-ui-active .admin-readable-table-shell,
.admin-ui-active .table-responsive {
border: 1px solid var(--mid-line);
border-radius: 14px;
background: var(--mid-panel);
box-shadow: 0 7px 22px rgba(15, 23, 42, .035);
}
.admin-ui-active .admin-readable-table,
.admin-ui-active .global-table-v67,
.admin-ui-active table.table { width: 100%; margin: 0; font-size: .79rem; }
.admin-ui-active .admin-readable-table thead th,
.admin-ui-active .global-table-v67 thead th,
.admin-ui-active table.table thead th {
padding: 11px 13px;
color: #475467;
font-size: .67rem;
font-weight: 820;
line-height: 1.25;
letter-spacing: .045em;
text-transform: uppercase;
background: linear-gradient(180deg, color-mix(in srgb, var(--mid-primary-soft) 55%, var(--mid-panel)), var(--mid-panel-2));
border-bottom: 1px solid color-mix(in srgb, var(--mid-primary) 18%, var(--mid-line));
white-space: nowrap;
}
.admin-ui-active .admin-readable-table tbody td,
.admin-ui-active .global-table-v67 tbody td,
.admin-ui-active table.table tbody td {
padding: 12px 13px;
color: var(--mid-ink-soft);
font-size: .79rem;
line-height: 1.45;
border-bottom: 1px solid color-mix(in srgb, var(--mid-line) 88%, transparent);
vertical-align: middle;
}
.admin-ui-active .admin-readable-table tbody tr:nth-child(even),
.admin-ui-active .global-table-v67 tbody tr:nth-child(even) { background: color-mix(in srgb, var(--mid-panel-2) 45%, transparent); }
.admin-ui-active .admin-readable-table tbody tr:hover,
.admin-ui-active .global-table-v67 tbody tr:hover { background: color-mix(in srgb, var(--mid-primary-soft) 42%, var(--mid-panel)); }
.admin-ui-active .admin-table-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; flex-wrap: wrap; }
.admin-ui-active .admin-table-actions form { margin: 0; }
.admin-ui-active .admin-table-actions .btn { white-space: nowrap; }
.admin-ui-active .admin-check-cell { width: 44px; text-align: center; }
.admin-ui-active .admin-check-cell input { width: 16px; height: 16px; accent-color: var(--mid-primary); }
.admin-ui-active .ca-table-pagination {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin: 10px 0 0;
padding: 11px 13px;
border: 1px solid var(--mid-line);
border-radius: 12px;
background: var(--mid-panel);
box-shadow: none;
}
.admin-ui-active .ca-table-pagination__summary,
.admin-ui-active .ca-table-pagination__nav { display: flex; align-items: center; gap: 10px; }
.admin-ui-active .ca-table-pagination__info,
.admin-ui-active .ca-table-pagination__page,
.admin-ui-active .ca-table-pagination__size { font-size: .69rem; line-height: 1.2; }
.admin-ui-active .ca-table-pagination__size select {
min-width: 64px;
min-height: 32px;
padding: 4px 26px 4px 8px;
border: 1px solid var(--mid-line);
border-radius: 8px;
background-color: var(--mid-panel);
color: var(--mid-ink);
font-size: .7rem;
}
.admin-ui-active .ca-page-btn {
min-width: 32px;
height: 32px;
padding: 0 8px;
border: 1px solid var(--mid-line);
border-radius: 8px;
background: var(--mid-panel);
color: var(--mid-ink-soft);
font-size: .69rem;
font-weight: 760;
}
.admin-ui-active .ca-page-btn:hover:not(:disabled) { border-color: color-mix(in srgb, var(--mid-primary) 35%, var(--mid-line)); background: var(--mid-primary-soft); color: var(--mid-primary-strong); }
.admin-ui-active .ca-page-btn.is-active { border-color: var(--mid-primary); background: var(--mid-primary); color: #fff; }
.admin-ui-active .ca-page-btn:disabled { opacity: .42; cursor: not-allowed; }
.admin-ui-active .admin-filter-grid,
.admin-ui-active .admin-form-commandbar,
.admin-ui-active .admin-command-strip { gap: 12px; }
.admin-ui-active .admin-filter-grid { padding: 16px 18px 18px; }
.admin-ui-active .admin-filter-actions { align-self: end; }
.admin-ui-active .admin-form-commandbar,
.admin-ui-active .admin-command-strip {
margin: 14px 0;
padding: 13px 15px;
border: 1px solid var(--mid-line);
border-radius: 12px;
background: var(--mid-panel-2);
}
.admin-ui-active .mid-admin-modal .modal-dialog { margin-top: max(18px, 4vh); margin-bottom: 18px; }
.admin-ui-active .mid-admin-modal .modal-content { border-radius: var(--admin-modal-radius); }
.admin-ui-active .mid-admin-modal .modal-title { font-size: 1rem; font-weight: 800; }
.admin-ui-active .mid-admin-modal .modal-body,
.admin-ui-active .mid-admin-modal .admin-v3-modal-body { padding: 18px 20px; }
.admin-ui-active .mid-admin-modal .modal-footer { gap: 8px; padding: 13px 20px; background: var(--mid-panel-2); }
.admin-ui-active .admin-global-search input { font-size: .78rem; }
.admin-ui-active .admin-account-v127 strong { font-size: .76rem; }
.admin-ui-active .admin-account-v127 small { font-size: .65rem; }
.admin-ui-active .admin-profile-menu-v4 { width: 330px; }
.admin-ui-active .admin-profile-menu-v4__identity strong { font-size: .82rem; }
.admin-ui-active .admin-profile-menu-v4__identity small { font-size: .7rem; }
.admin-ui-active .admin-profile-menu-v4__identity em { font-size: .62rem; }
.admin-ui-active .admin-profile-menu-v4__label { font-size: .62rem; }
.admin-ui-active .admin-profile-menu-v4__item strong { font-size: .75rem; }
.admin-ui-active .admin-profile-menu-v4__item small { font-size: .66rem; }
.admin-ui-active .admin-module-empty,
.admin-ui-active .ui-empty-state { min-height: 150px; padding: 26px 20px; }
.admin-ui-active .admin-module-empty strong,
.admin-ui-active .ui-empty-state strong { font-size: .92rem; }
.admin-ui-active .admin-module-empty span,
.admin-ui-active .ui-empty-state p { max-width: 640px; font-size: .76rem; line-height: 1.55; }
.admin-ui-active [data-loading="true"] { position: relative; pointer-events: none; }
.admin-ui-active [data-loading="true"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent); animation: midAdminSweep 1.15s linear infinite; }
@keyframes midAdminSweep { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@media (max-width: 991.98px) {
.admin-ui-active .admin-content-v91 { padding: 20px 16px 40px; }
.admin-ui-active .ca-table-pagination { align-items: stretch; flex-direction: column; }
.admin-ui-active .ca-table-pagination__summary,
.admin-ui-active .ca-table-pagination__nav { justify-content: space-between; }
}
@media (max-width: 760px) {
.admin-ui-active .admin-content-v91 { padding: 16px 11px 34px; }
.admin-ui-active .md-page-header__actions .btn { min-width: 0; }
.admin-ui-active .table-shell,
.admin-ui-active .admin-readable-table-shell,
.admin-ui-active .table-responsive { border-radius: 12px; }
.admin-ui-active table[data-mobile-cards="true"] tbody tr,
.admin-ui-active .mid-responsive-table tbody tr { margin: 10px; border: 1px solid var(--mid-line); border-radius: 12px; box-shadow: 0 5px 16px rgba(15,23,42,.035); }
.admin-ui-active table[data-mobile-cards="true"] tbody td,
.admin-ui-active .mid-responsive-table tbody td { padding: 9px 11px; font-size: .77rem; }
.admin-ui-active table[data-mobile-cards="true"] tbody td::before,
.admin-ui-active .mid-responsive-table tbody td::before { font-size: .64rem; font-weight: 800; }
.admin-ui-active .admin-table-actions { justify-content: stretch; }
.admin-ui-active .admin-table-actions .btn,
.admin-ui-active .admin-table-actions form { flex: 1 1 auto; }
.admin-ui-active .admin-table-actions form .btn { width: 100%; }
.admin-ui-active .ca-table-pagination__summary,
.admin-ui-active .ca-table-pagination__nav { align-items: flex-start; flex-direction: column; }
.admin-ui-active .ca-table-pagination__buttons { width: 100%; overflow-x: auto; padding-bottom: 2px; }
.admin-ui-active .admin-profile-menu-v4 { width: min(330px, calc(100vw - 16px)); }
}
@media (max-width: 480px) {
.admin-ui-active .admin-filter-actions { display: grid; grid-template-columns: 1fr; }
.admin-ui-active .admin-filter-actions .btn { width: 100%; }
.admin-ui-active .ca-page-btn { min-width: 30px; height: 30px; }
}
/* Phase 179 — Administrator data-workspace UAT polish Search, sorting, table controls, modal ergonomics and responsive actions. */
.admin-ui-active .admin-queue-head {
gap: 18px;
align-items: center;
}
.admin-ui-active .admin-queue-head > div:first-child { min-width: 0; }
.admin-ui-active .admin-queue-search--enhanced {
display: grid;
grid-template-columns: auto minmax(180px, 1fr) auto auto;
align-items: center;
gap: 8px;
min-width: min(380px, 100%);
padding: 5px 7px 5px 11px;
border: 1px solid var(--mid-line);
border-radius: 11px;
background: var(--mid-panel);
box-shadow: 0 4px 14px rgba(15, 23, 42, .025);
}
.admin-ui-active .admin-queue-search--enhanced > i {
color: var(--mid-muted);
font-size: .72rem;
}
.admin-ui-active .admin-queue-search--enhanced .form-control {
min-width: 0;
min-height: 34px;
padding: 5px 4px;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.admin-ui-active .admin-queue-search--enhanced .form-control:focus { box-shadow: none; }
.admin-ui-active .admin-search-count {
min-width: 42px;
padding: 4px 7px;
border-radius: 999px;
background: var(--mid-panel-2);
color: var(--mid-muted);
font-size: .64rem;
font-weight: 760;
line-height: 1.1;
text-align: center;
white-space: nowrap;
}
.admin-ui-active .admin-search-clear {
width: 28px;
height: 28px;
display: inline-grid;
place-items: center;
padding: 0;
border: 0;
border-radius: 8px;
background: transparent;
color: var(--mid-muted);
}
.admin-ui-active .admin-search-clear:hover,
.admin-ui-active .admin-search-clear:focus-visible {
background: var(--mid-primary-soft);
color: var(--mid-primary-strong);
outline: none;
}
.admin-ui-active .admin-search-clear[hidden] { display: none !important; }
.admin-ui-active th.admin-sortable-th {
position: relative;
padding-right: 30px !important;
cursor: pointer;
user-select: none;
transition: color .16s ease, background .16s ease;
}
.admin-ui-active th.admin-sortable-th:hover,
.admin-ui-active th.admin-sortable-th:focus-visible {
color: var(--mid-primary-strong);
background: color-mix(in srgb, var(--mid-primary-soft) 75%, var(--mid-panel));
outline: none;
}
.admin-ui-active th.admin-sortable-th[aria-sort="ascending"],
.admin-ui-active th.admin-sortable-th[aria-sort="descending"] {
color: var(--mid-primary-strong);
background: color-mix(in srgb, var(--mid-primary-soft) 82%, var(--mid-panel));
}
.admin-ui-active .admin-sort-indicator {
position: absolute;
right: 11px;
top: 50%;
transform: translateY(-50%);
width: 14px;
display: inline-grid;
place-items: center;
color: #98a2b3;
font-size: .59rem;
}
.admin-ui-active th[aria-sort="ascending"] .admin-sort-indicator,
.admin-ui-active th[aria-sort="descending"] .admin-sort-indicator { color: var(--mid-primary); }
.admin-ui-active .admin-filter-empty td { padding: 0 !important; }
.admin-ui-active .admin-filter-empty__state {
min-height: 146px;
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
padding: 24px;
color: var(--mid-muted);
text-align: left;
}
.admin-ui-active .admin-filter-empty__state > span {
width: 40px;
height: 40px;
display: grid;
place-items: center;
flex: 0 0 auto;
border-radius: 12px;
background: var(--mid-primary-soft);
color: var(--mid-primary-strong);
}
.admin-ui-active .admin-filter-empty__state > div { display: grid; gap: 3px; }
.admin-ui-active .admin-filter-empty__state strong { color: var(--mid-ink); font-size: .83rem; }
.admin-ui-active .admin-filter-empty__state small { font-size: .71rem; line-height: 1.45; }
.admin-ui-active td[data-label="Actions"],
.admin-ui-active td[data-label="Action"],
.admin-ui-active td[data-label="Review"] { min-width: 112px; }
.admin-ui-active td[data-label="Actions"] > .btn,
.admin-ui-active td[data-label="Action"] > .btn,
.admin-ui-active td[data-label="Review"] > .btn { white-space: nowrap; }
.admin-ui-active .surface-head.admin-queue-head .admin-head-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 9px;
flex-wrap: wrap;
}
.admin-ui-active .mid-admin-modal .modal-dialog { max-height: calc(100vh - 36px); }
.admin-ui-active .mid-admin-modal .modal-content { max-height: calc(100vh - 36px); }
.admin-ui-active .mid-admin-modal .modal-header { flex: 0 0 auto; }
.admin-ui-active .mid-admin-modal .modal-body,
.admin-ui-active .mid-admin-modal .admin-v3-modal-body {
overflow-y: auto;
overscroll-behavior: contain;
}
.admin-ui-active .mid-admin-modal .modal-footer {
flex: 0 0 auto;
position: sticky;
bottom: 0;
z-index: 2;
border-top: 1px solid var(--mid-line);
}
.admin-ui-active .mid-admin-modal .modal-header {
position: sticky;
top: 0;
z-index: 3;
background: var(--mid-panel);
border-bottom: 1px solid var(--mid-line);
}
.admin-ui-active .admin-ops-layout,
.admin-ui-active .admin-communications-layout,
.admin-ui-active .admin-analytics-detail-grid,
.admin-ui-active .admin-review-layout { gap: 20px; }
.admin-ui-active .aside-stack { gap: 16px; }
.admin-ui-active .surface.admin-module-surface + .surface.admin-module-surface { margin-top: 0; }
.admin-ui-active .admin-module-surface > .surface-head { margin-bottom: 13px; }
.admin-ui-active .admin-module-surface > .surface-head + .table-shell,
.admin-ui-active .admin-module-surface > .surface-head + .admin-readable-table-shell { margin-top: 0; }
.admin-ui-active :where(a,button,input,select,textarea,[tabindex]):focus-visible {
outline: 2px solid color-mix(in srgb, var(--mid-primary) 72%, white);
outline-offset: 2px;
}
@media (max-width: 900px) {
.admin-ui-active .admin-queue-head { align-items: stretch; flex-direction: column; }
.admin-ui-active .admin-queue-search--enhanced { width: 100%; min-width: 0; }
.admin-ui-active .surface-head.admin-queue-head .admin-head-actions { width: 100%; justify-content: stretch; }
.admin-ui-active .surface-head.admin-queue-head .admin-head-actions > .admin-queue-search,
.admin-ui-active .surface-head.admin-queue-head .admin-head-actions > label { flex: 1 1 260px; }
}
@media (max-width: 620px) {
.admin-ui-active .admin-queue-search--enhanced { grid-template-columns: auto minmax(0,1fr) auto; }
.admin-ui-active .admin-search-count { display: none; }
.admin-ui-active .surface-head.admin-queue-head .admin-head-actions { display: grid; grid-template-columns: 1fr; }
.admin-ui-active .surface-head.admin-queue-head .admin-head-actions .btn { width: 100%; }
.admin-ui-active .admin-filter-empty__state { align-items: center; flex-direction: column; text-align: center; }
.admin-ui-active .mid-admin-modal .modal-dialog { margin: 8px; max-height: calc(100vh - 16px); }
.admin-ui-active .mid-admin-modal .modal-content { max-height: calc(100vh - 16px); border-radius: 14px; }
}
/* Phase 180 — Administrator acceptance hardening Automatic table controls, async feedback, scroll affordances and UAT polish. */
.admin-ui-active .admin-auto-table-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-top: 12px;
padding: 10px 12px;
border: 1px solid var(--mid-line);
border-bottom-color: color-mix(in srgb, var(--mid-primary) 12%, var(--mid-line));
border-radius: 13px 13px 0 0;
background: linear-gradient(180deg, color-mix(in srgb, var(--mid-panel-2) 88%, white), var(--mid-panel));
}
.admin-ui-active .admin-auto-table-toolbar + .table-shell,
.admin-ui-active .admin-auto-table-toolbar + .table-responsive,
.admin-ui-active .admin-auto-table-toolbar + .admin-readable-table-shell {
margin-top: -1px;
border-radius: 0 0 13px 13px;
}
.admin-ui-active .admin-auto-table-toolbar__context {
min-width: 0;
display: flex;
align-items: center;
gap: 10px;
}
.admin-ui-active .admin-auto-table-toolbar__context > span:last-child {
min-width: 0;
display: grid;
gap: 2px;
}
.admin-ui-active .admin-auto-table-toolbar__context strong {
color: var(--mid-ink);
font-size: .75rem;
line-height: 1.2;
}
.admin-ui-active .admin-auto-table-toolbar__context small {
color: var(--mid-muted);
font-size: .65rem;
line-height: 1.3;
}
.admin-ui-active .admin-auto-table-toolbar__icon {
width: 34px;
height: 34px;
display: grid;
place-items: center;
flex: 0 0 auto;
border-radius: 10px;
background: var(--mid-primary-soft);
color: var(--mid-primary-strong);
}
.admin-ui-active .admin-auto-table-toolbar .admin-queue-search {
width: min(360px, 46vw);
min-width: 240px;
}
.admin-ui-active .admin-queue-search--auto {
display: grid;
grid-template-columns: auto minmax(150px, 1fr) auto auto;
align-items: center;
gap: 8px;
padding: 5px 7px 5px 11px;
border: 1px solid var(--mid-line);
border-radius: 10px;
background: var(--mid-panel);
}
.admin-ui-active .admin-queue-search--auto > i { color: var(--mid-muted); font-size: .7rem; }
.admin-ui-active .admin-queue-search--auto .form-control {
min-height: 32px;
padding: 4px 2px;
border: 0;
background: transparent;
box-shadow: none;
}
.admin-ui-active .admin-table-empty-cell { padding: 0 !important; }
.admin-ui-active .admin-table-empty-state {
min-height: 146px;
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
padding: 26px 18px;
color: var(--mid-muted);
text-align: left;
}
.admin-ui-active .admin-table-empty-state__icon {
width: 42px;
height: 42px;
display: grid;
place-items: center;
flex: 0 0 auto;
border-radius: 12px;
background: var(--mid-primary-soft);
color: var(--mid-primary-strong);
}
.admin-ui-active .admin-table-empty-state > span:last-child { display: grid; gap: 3px; }
.admin-ui-active .admin-table-empty-state strong { color: var(--mid-ink); font-size: .84rem; }
.admin-ui-active .admin-table-empty-state small { max-width: 520px; font-size: .71rem; line-height: 1.45; }
.admin-ui-active .table-shell.is-horizontally-scrollable,
.admin-ui-active .table-responsive.is-horizontally-scrollable,
.admin-ui-active .admin-readable-table-shell.is-horizontally-scrollable {
box-shadow: inset -18px 0 18px -22px rgba(15, 23, 42, .55), 0 7px 22px rgba(15, 23, 42, .035);
}
.admin-ui-active .table-shell.is-horizontally-scrollable.is-scroll-end,
.admin-ui-active .table-responsive.is-horizontally-scrollable.is-scroll-end,
.admin-ui-active .admin-readable-table-shell.is-horizontally-scrollable.is-scroll-end {
box-shadow: inset 18px 0 18px -22px rgba(15, 23, 42, .42), 0 7px 22px rgba(15, 23, 42, .035);
}
.admin-ui-active .table-shell.is-horizontally-scrollable:not(.is-scroll-start):not(.is-scroll-end),
.admin-ui-active .table-responsive.is-horizontally-scrollable:not(.is-scroll-start):not(.is-scroll-end),
.admin-ui-active .admin-readable-table-shell.is-horizontally-scrollable:not(.is-scroll-start):not(.is-scroll-end) {
box-shadow: inset 18px 0 18px -22px rgba(15, 23, 42, .42), inset -18px 0 18px -22px rgba(15, 23, 42, .55), 0 7px 22px rgba(15, 23, 42, .035);
}
.admin-ui-active .is-admin-ajax-busy { position: relative; }
.admin-ui-active .is-admin-ajax-busy::before {
content: "";
position: absolute;
z-index: 12;
top: 0;
left: 0;
width: 34%;
height: 3px;
border-radius: 999px;
background: linear-gradient(90deg, transparent, var(--mid-primary), color-mix(in srgb, var(--mid-primary) 45%, #fff), transparent);
animation: midAdminProgress 1.05s ease-in-out infinite;
pointer-events: none;
}
@keyframes midAdminProgress {
0% { transform: translateX(-105%); opacity: .3; }
45% { opacity: 1; }
100% { transform: translateX(295%); opacity: .3; }
}
.admin-ui-active .admin-ajax-feedback {
display: flex;
align-items: flex-start;
gap: 9px;
margin-bottom: 13px;
padding: 10px 12px;
border: 1px solid var(--mid-line);
border-radius: 10px;
background: var(--mid-panel-2);
color: var(--mid-ink-soft);
font-size: .74rem;
line-height: 1.45;
}
.admin-ui-active .admin-ajax-feedback > i { margin-top: 2px; }
.admin-ui-active .admin-ajax-feedback.is-success {
border-color: color-mix(in srgb, #16a34a 28%, var(--mid-line));
background: color-mix(in srgb, #dcfce7 38%, var(--mid-panel));
color: #166534;
}
.admin-ui-active .admin-ajax-feedback.is-danger {
border-color: color-mix(in srgb, #dc2626 26%, var(--mid-line));
background: color-mix(in srgb, #fee2e2 38%, var(--mid-panel));
color: #991b1b;
}
.admin-ui-active .admin-ajax-feedback.is-warning {
border-color: color-mix(in srgb, #d97706 28%, var(--mid-line));
background: color-mix(in srgb, #fef3c7 42%, var(--mid-panel));
color: #92400e;
}
.admin-ui-active .admin-content-v91 > .md-page-header ~ .surface,
.admin-ui-active .admin-content-v91 > .ui-page-header ~ .surface { margin-top: 18px; }
.admin-ui-active .surface > .admin-auto-table-toolbar:first-child { margin-top: 0; }
.admin-ui-active .admin-module-surface .ca-table-pagination { margin-bottom: 0; }
@media (max-width: 820px) {
.admin-ui-active .admin-auto-table-toolbar { align-items: stretch; flex-direction: column; }
.admin-ui-active .admin-auto-table-toolbar .admin-queue-search { width: 100%; min-width: 0; }
}
@media (max-width: 560px) {
.admin-ui-active .admin-auto-table-toolbar__context small { display: none; }
.admin-ui-active .admin-queue-search--auto { grid-template-columns: auto minmax(0,1fr) auto; }
.admin-ui-active .admin-table-empty-state { flex-direction: column; text-align: center; }
}
/* Phase 181 — administrator workflow simplification and modal review surfaces. */
.admin-ui-active .admin-record-facts--modal {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:8px;
margin:0;
}
.admin-ui-active .admin-record-facts--modal > div {
min-width:0;
padding:11px 12px;
border:1px solid var(--mid-line);
border-radius:10px;
background:var(--mid-panel-2);
}
.admin-ui-active .admin-record-facts--modal span,
.admin-ui-active .admin-record-facts--modal strong {
display:block;
min-width:0;
overflow-wrap:anywhere;
}
.admin-ui-active .admin-record-facts--modal span {
margin-bottom:3px;
color:var(--mid-muted);
font-size:.68rem;
font-weight:700;
text-transform:uppercase;
letter-spacing:.045em;
}
.admin-ui-active .admin-record-facts--modal strong {
color:var(--mid-ink);
font-size:.82rem;
line-height:1.35;
}
.admin-ui-active .admin-v3-guidance-grid .admin-compact-facts {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:7px;
margin-top:10px;
}
.admin-ui-active .admin-v3-guidance-grid .admin-compact-facts > span {
min-width:0;
padding:8px 9px;
border:1px solid var(--mid-line);
border-radius:9px;
background:var(--mid-panel-2);
}
.admin-ui-active .admin-v3-guidance-grid .admin-compact-facts small,
.admin-ui-active .admin-v3-guidance-grid .admin-compact-facts strong {
display:block;
min-width:0;
overflow-wrap:anywhere;
}
.admin-ui-active .admin-v3-guidance-grid .admin-compact-facts small {
color:var(--mid-muted);
font-size:.63rem;
margin-bottom:2px;
}
.admin-ui-active .admin-v3-guidance-grid .admin-compact-facts strong {
color:var(--mid-ink);
font-size:.74rem;
}
.admin-ui-active #refund-queue .admin-table-actions,
.admin-ui-active #affiliate-partners .admin-table-actions,
.admin-ui-active #affiliate-payouts .admin-table-actions { flex-wrap:nowrap; }
.admin-ui-active #products-catalog { width:100%; }
.admin-ui-active #products-catalog .table-shell { margin-top:2px; }
.admin-ui-active #kb-library > .surface { min-width:0; }
.admin-ui-active #kbCreateModal .tox-tinymce,
.admin-ui-active #kbCreateModal .rich-editor-fallback { min-height:360px; }
.admin-ui-active #refundReviewModal .admin-action-note,
.admin-ui-active #affiliatePartnerModal .admin-action-note { margin-bottom:0; }
.admin-ui-active #affiliatePartnerModal .modal-dialog,
.admin-ui-active #refundReviewModal .modal-dialog { width:min(760px,calc(100vw - 28px)); }
@media (max-width: 860px) {
.admin-ui-active .admin-record-facts--modal { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
.admin-ui-active .admin-record-facts--modal,
.admin-ui-active .admin-v3-guidance-grid .admin-compact-facts { grid-template-columns:1fr; }
.admin-ui-active #refund-queue .admin-table-actions { flex-wrap:wrap; justify-content:flex-start!important; }
}
/* Phase 182 — modal-first admin operational workspaces */
.admin-ui-active .md-data-surface + .admin-guidance-grid,
.admin-ui-active .admin-guidance-grid + .md-data-surface,
.admin-ui-active .md-anchor-section + .admin-guidance-grid {
margin-top: 20px;
}
.admin-ui-active .admin-guidance-grid > .surface {
min-height: 142px;
padding: 20px;
border: 1px solid var(--mid-line);
background: linear-gradient(145deg, var(--mid-surface) 0%, var(--mid-panel-2) 100%);
}
.admin-ui-active .admin-guidance-grid > .surface > i {
width: 40px;
height: 40px;
flex: 0 0 40px;
display: grid;
place-items: center;
border-radius: 12px;
color: var(--mid-primary-strong);
background: color-mix(in srgb, var(--mid-primary) 11%, var(--mid-surface));
border: 1px solid color-mix(in srgb, var(--mid-primary) 18%, var(--mid-line));
}
.admin-ui-active .admin-guidance-grid > .surface .section-title { margin-bottom: 6px; }
.admin-ui-active .admin-record-facts--modal > div {
min-height: 76px;
align-content: start;
}
.admin-ui-active .admin-record-facts--modal strong {
overflow-wrap: anywhere;
line-height: 1.35;
}
.admin-ui-active .md-data-surface .table-shell { margin-top: 2px; }
.admin-ui-active .md-data-surface .admin-queue-head { margin-bottom: 14px; }
.admin-ui-active .md-data-surface td.text-end .btn { white-space: nowrap; }
.admin-ui-active .mid-admin-modal .admin-action-note { margin-top: 0; }
.admin-ui-active #aiAnalyseModal .tox-tinymce,
.admin-ui-active #aiAnalyseModal textarea.rich-editor { min-height: 290px; }
.admin-ui-active #backupQueueModal .form-hint { display:block; margin-top:6px; }
.admin-ui-active #creditAdjustmentModal .select2-container { width:100%!important; }
.admin-ui-active #liveChatRouteModal .admin-record-facts--modal,
.admin-ui-active #cancellationReviewModal .admin-record-facts--modal { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (max-width: 767px) {
.admin-ui-active .md-data-surface + .admin-guidance-grid,
.admin-ui-active .admin-guidance-grid + .md-data-surface,
.admin-ui-active .md-anchor-section + .admin-guidance-grid { margin-top: 14px; }
.admin-ui-active .admin-guidance-grid > .surface { min-height: 0; padding: 16px; }
.admin-ui-active #liveChatRouteModal .admin-record-facts--modal,
.admin-ui-active #cancellationReviewModal .admin-record-facts--modal { grid-template-columns:1fr; }
}
/* Phase 183 — admin trust, growth and communications modal workspaces */
.admin-ui-active #sso-directory,
.admin-ui-active #cart-recovery,
.admin-ui-active #abuse-queue,
.admin-ui-active #fraud-rules,
.admin-ui-active #fraud-events,
.admin-ui-active #template-library {
margin-top: 20px;
}
.admin-ui-active #ssoProviderModal .modal-dialog,
.admin-ui-active #cartReviewModal .modal-dialog,
.admin-ui-active #abuseReviewModal .modal-dialog,
.admin-ui-active #fraudRuleModal .modal-dialog {
width: min(820px, calc(100vw - 28px));
}
.admin-ui-active #emailTemplateModal .modal-dialog {
width: min(1080px, calc(100vw - 28px));
}
.admin-ui-active #emailTemplateModal .tox-tinymce,
.admin-ui-active #emailTemplateModal .rich-editor-fallback {
min-height: 410px;
}
.admin-ui-active #emailTemplateTable td:nth-child(2),
.admin-ui-active #ssoProviderTable td:nth-child(4) {
max-width: 390px;
}
.admin-ui-active #abandonedCartTable td:nth-child(1),
.admin-ui-active #abuseCaseTable td:nth-child(1) {
min-width: 180px;
}
.admin-ui-active #fraudRuleTable td:last-child,
.admin-ui-active #abandonedCartTable td:last-child,
.admin-ui-active #abuseCaseTable td:last-child,
.admin-ui-active #emailTemplateTable td:last-child {
white-space: nowrap;
}
.admin-ui-active #template-tokens .admin-token-grid {
margin-top: 12px;
}
.admin-ui-active #template-tokens .admin-token-grid code {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 6px 9px;
border-radius: 8px;
background: var(--mid-panel-2);
border: 1px solid var(--mid-line);
}
.admin-ui-active #cartReviewModal .admin-record-facts--modal,
.admin-ui-active #abuseReviewModal .admin-record-facts--modal {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 760px) {
.admin-ui-active #cartReviewModal .admin-record-facts--modal,
.admin-ui-active #abuseReviewModal .admin-record-facts--modal {
grid-template-columns: 1fr;
}
.admin-ui-active #emailTemplateModal .tox-tinymce,
.admin-ui-active #emailTemplateModal .rich-editor-fallback {
min-height: 320px;
}
}
/* Phase 184 — customer directory action menu and identity polish */
.admin-users-table {
min-width: 1180px;
table-layout: auto;
}
.admin-users-table th:nth-child(1), .admin-users-table td:nth-child(1) { width: 23%; min-width: 235px; }
.admin-users-table th:nth-child(2), .admin-users-table td:nth-child(2) { width: 19%; min-width: 205px; }
.admin-users-table th:nth-child(3), .admin-users-table td:nth-child(3) { width: 20%; min-width: 220px; }
.admin-users-table th:nth-child(4), .admin-users-table td:nth-child(4) { width: 11%; min-width: 118px; }
.admin-users-table th:nth-child(5), .admin-users-table td:nth-child(5) { width: 11%; min-width: 132px; }
.admin-users-table th:nth-child(6), .admin-users-table td:nth-child(6) { width: 10%; min-width: 118px; }
.admin-users-table th:nth-child(7), .admin-users-table td:nth-child(7) { width: 96px; min-width: 96px; }
.admin-users-table .admin-table-primary,
.admin-users-table .admin-table-meta { line-height: 1.35; }
.admin-users-table__access .status-pill { white-space: nowrap; }
.admin-users-table__access .admin-table-meta { margin-top: 5px; white-space: nowrap; }
.admin-users-table .mid-pin-copy--inline { display: inline-flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; gap: 6px; }
.admin-users-table .mid-pin-copy--inline > span { font-variant-numeric: tabular-nums; letter-spacing: .08em; }
.admin-users-table__actions { position: relative; }
.admin-customer-actions__trigger {
min-width: 104px !important;
min-height: 38px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
padding: 8px 11px !important;
border-radius: 10px !important;
font-size: .78rem !important;
font-weight: 750 !important;
line-height: 1 !important;
white-space: nowrap;
}
.admin-customer-actions__trigger > i:first-child { color: var(--mid-primary); font-size: .78rem; }
.admin-customer-actions__trigger::after { margin-left: 1px; transform: translateY(1px); }
.admin-customer-actions__trigger:focus-visible,
.admin-customer-actions__trigger.show {
border-color: color-mix(in srgb,var(--mid-primary) 62%,var(--mid-line)) !important;
box-shadow: 0 0 0 3px color-mix(in srgb,var(--mid-primary) 12%,transparent) !important;
}
.admin-customer-action-menu {
width: 304px;
min-width: 304px !important;
max-width: calc(100vw - 24px);
padding: 9px !important;
border: 1px solid color-mix(in srgb,var(--mid-line) 86%,var(--mid-primary) 14%) !important;
border-radius: 14px !important;
box-shadow: 0 18px 46px rgba(15,23,42,.18), 0 4px 14px rgba(15,23,42,.08) !important;
background: var(--mid-panel) !important;
overflow: hidden;
}
.admin-customer-action-menu > li { list-style: none; }
.admin-customer-action-menu__identity {
display: grid;
grid-template-columns: 36px minmax(0,1fr);
gap: 10px;
align-items: center;
padding: 3px 4px 10px;
border-bottom: 1px solid var(--mid-line);
}
.admin-customer-action-menu__avatar {
width: 36px;
height: 36px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(145deg,color-mix(in srgb,var(--mid-primary) 13%,var(--mid-panel)),color-mix(in srgb,var(--mid-accent) 12%,var(--mid-panel)));
color: var(--mid-primary);
font-size: .8rem;
font-weight: 850;
}
.admin-customer-action-menu__identity > span:last-child { min-width: 0; display: grid; gap: 2px; }
.admin-customer-action-menu__identity strong {
color: var(--mid-ink);
font-size: .78rem;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.admin-customer-action-menu__identity small {
color: var(--mid-muted);
font-size: .66rem;
line-height: 1.25;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.admin-customer-action-menu__label {
padding: 9px 4px 6px;
color: var(--mid-muted);
font-size: .6rem;
font-weight: 850;
letter-spacing: .09em;
text-transform: uppercase;
}
.admin-customer-action-menu__grid {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 6px;
}
.admin-customer-action-card {
min-width: 0;
min-height: 70px;
display: grid;
grid-template-columns: 30px minmax(0,1fr);
grid-template-rows: auto auto;
column-gap: 8px;
align-items: center;
padding: 9px;
border: 1px solid var(--mid-line);
border-radius: 10px;
background: var(--mid-panel-2);
color: var(--mid-ink);
text-decoration: none;
transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.admin-customer-action-card > span {
grid-row: 1 / span 2;
width: 30px;
height: 30px;
border-radius: 9px;
display: inline-flex;
align-items: center;
justify-content: center;
background: color-mix(in srgb,var(--mid-primary) 10%,var(--mid-panel));
color: var(--mid-primary);
font-size: .72rem;
}
.admin-customer-action-card strong { align-self: end; font-size: .73rem; line-height: 1.15; }
.admin-customer-action-card small { align-self: start; color: var(--mid-muted); font-size: .61rem; line-height: 1.2; }
.admin-customer-action-card:hover,
.admin-customer-action-card:focus-visible {
color: var(--mid-ink);
border-color: color-mix(in srgb,var(--mid-primary) 38%,var(--mid-line));
background: color-mix(in srgb,var(--mid-primary) 5%,var(--mid-panel));
transform: translateY(-1px);
}
.admin-customer-action-menu__divider { margin: 8px 2px; border-top: 1px solid var(--mid-line); }
.admin-customer-action-menu form { margin: 0; }
.admin-customer-action-menu__privileged {
width: 100%;
min-height: 48px;
border: 0;
border-radius: 10px;
display: grid;
grid-template-columns: 32px minmax(0,1fr) 12px;
align-items: center;
gap: 9px;
padding: 8px 9px;
background: transparent;
color: var(--mid-ink);
text-align: left;
}
.admin-customer-action-menu__privileged > span:first-child {
width: 32px;
height: 32px;
border-radius: 9px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #9a6700;
background: #fff7df;
}
.admin-customer-action-menu__privileged > span:nth-child(2) { min-width: 0; display: grid; gap: 1px; }
.admin-customer-action-menu__privileged strong { font-size: .74rem; line-height: 1.2; }
.admin-customer-action-menu__privileged small { color: var(--mid-muted); font-size: .61rem; line-height: 1.2; }
.admin-customer-action-menu__privileged > i { color: var(--mid-muted-2); font-size: .58rem; }
.admin-customer-action-menu__privileged:hover,
.admin-customer-action-menu__privileged:focus-visible { background: color-mix(in srgb,#f59e0b 8%,var(--mid-panel)); }
html[data-theme="dark"] .admin-customer-action-menu__privileged > span:first-child {
color: #fbbf24;
background: rgba(245,158,11,.12);
}
@media (max-width: 767.98px) {
.admin-users-table { min-width: 0; }
.admin-users-table__actions { text-align: left !important; }
.admin-customer-actions__trigger { width: 100%; justify-content: space-between; }
.admin-customer-action-menu { width: min(304px,calc(100vw - 24px)); min-width: 0 !important; }
}
/* Phase 185 — administrator UAT & deployment diagnostics */
.admin-uat-banner {
display:flex;
align-items:center;
gap:16px;
padding:20px 22px;
border:1px solid color-mix(in srgb,var(--mid-border) 82%,transparent);
}
.admin-uat-banner--success {
background:linear-gradient(135deg,color-mix(in srgb,#10b981 8%,var(--mid-panel)),var(--mid-panel));
border-color:color-mix(in srgb,#10b981 24%,var(--mid-border));
}
.admin-uat-banner--warning {
background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 9%,var(--mid-panel)),var(--mid-panel));
border-color:color-mix(in srgb,#f59e0b 25%,var(--mid-border));
}
.admin-uat-banner .admin-v3-icon { flex:0 0 auto; }
.admin-uat-banner .section-title { margin:.1rem 0 .35rem; }
.admin-uat-split {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:20px;
}
.admin-uat-check-list { display:grid; gap:10px; }
.admin-uat-check {
display:grid;
grid-template-columns:36px minmax(0,1fr) auto;
align-items:center;
gap:12px;
min-width:0;
padding:12px 13px;
border:1px solid var(--mid-border);
border-radius:14px;
background:color-mix(in srgb,var(--mid-panel) 96%,var(--mid-surface));
}
.admin-uat-check > span {
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:11px;
background:var(--mid-surface);
color:var(--mid-muted);
}
.admin-uat-check > div { min-width:0; display:grid; gap:2px; }
.admin-uat-check strong { font-size:.79rem; line-height:1.25; color:var(--mid-ink); }
.admin-uat-check small { font-size:.67rem; line-height:1.35; color:var(--mid-muted); }
.admin-uat-check em { font-style:normal; font-weight:800; font-size:.67rem; white-space:nowrap; }
.admin-uat-check.is-pass > span,.admin-uat-check.is-pass > em { color:#059669; }
.admin-uat-check.is-warning > span,.admin-uat-check.is-warning > em { color:#d97706; }
.admin-uat-check.is-fail > span,.admin-uat-check.is-fail > em { color:#dc2626; }
.admin-uat-contract {
display:flex;
align-items:center;
gap:6px;
color:var(--mid-muted);
font-size:.69rem;
line-height:1.3;
margin:2px 0;
}
.admin-uat-contract .fa-circle-check { color:#10b981; }
.admin-uat-contract .fa-circle-xmark { color:#ef4444; }
.admin-uat-integration-grid {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.admin-uat-integration-card {
display:grid;
grid-template-columns:42px minmax(0,1fr) auto;
align-items:center;
gap:12px;
min-width:0;
padding:14px;
border:1px solid var(--mid-border);
border-radius:16px;
background:var(--mid-panel);
color:inherit;
text-decoration:none;
transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.admin-uat-integration-card:hover,
.admin-uat-integration-card:focus-visible {
color:inherit;
border-color:color-mix(in srgb,var(--mid-primary) 42%,var(--mid-border));
transform:translateY(-1px);
box-shadow:0 10px 26px rgba(15,23,42,.06);
}
.admin-uat-integration-card > span {
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:13px;
background:color-mix(in srgb,var(--mid-primary) 9%,var(--mid-surface));
color:var(--mid-primary);
}
.admin-uat-integration-card > div { min-width:0; display:grid; gap:2px; }
.admin-uat-integration-card strong { color:var(--mid-ink); font-size:.8rem; }
.admin-uat-integration-card small { color:var(--mid-muted); font-size:.66rem; line-height:1.35; }
.admin-uat-integration-card .status-pill { justify-self:end; }
#adminUatRouteTable td:nth-child(1),
#adminUatRouteTable td:nth-child(2),
#adminUatRouteTable td:nth-child(5),
#adminUatRouteTable td:nth-child(6) { white-space:nowrap; }
#adminUatRouteTable td:nth-child(4) { max-width:330px; }
@media (max-width:1199.98px) {
.admin-uat-integration-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:991.98px) {
.admin-uat-split { grid-template-columns:1fr; }
}
@media (max-width:767.98px) {
.admin-uat-banner { align-items:flex-start; padding:16px; }
.admin-uat-integration-grid { grid-template-columns:1fr; }
.admin-uat-integration-card { grid-template-columns:38px minmax(0,1fr); }
.admin-uat-integration-card > span { width:38px; height:38px; }
.admin-uat-integration-card .status-pill { grid-column:2; justify-self:start; }
.admin-uat-check { grid-template-columns:32px minmax(0,1fr); }
.admin-uat-check > span { width:32px;height:32px; }
.admin-uat-check > em { grid-column:2; justify-self:start; }
}
/* Phase 186 — Admin responsive & visual acceptance Final breakpoint contract for the current administrator generation. */
.admin-ui-active .admin-app-v91,
.admin-ui-active .admin-app-v91__workspace,
.admin-ui-active .admin-content-v91,
.admin-ui-active .admin-content-v91 > * { min-width: 0; }
.admin-ui-active .admin-content-v91 {
overflow-x: clip;
padding-inline: clamp(16px, 2vw, 28px);
}
.admin-ui-active .md-page-header,
.admin-ui-active .ui-page-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
min-width: 0;
}
.admin-ui-active .md-page-header__main,
.admin-ui-active .ui-page-header__main { flex: 1 1 auto; min-width: 0; }
.admin-ui-active .md-page-header__main > div,
.admin-ui-active .ui-page-header__main > div { min-width: 0; }
.admin-ui-active .md-page-header__title,
.admin-ui-active .ui-page-header__title,
.admin-ui-active .section-title { overflow-wrap: anywhere; }
.admin-ui-active .md-page-header__actions,
.admin-ui-active .ui-page-header__actions,
.admin-ui-active .admin-responsive-actions {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 8px;
min-width: 0;
}
.admin-ui-active .md-page-header__actions .btn,
.admin-ui-active .ui-page-header__actions .btn,
.admin-ui-active .admin-responsive-actions .btn { white-space: nowrap; }
.admin-ui-active .table-shell,
.admin-ui-active .admin-readable-table-shell,
.admin-ui-active .table-responsive {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
scrollbar-gutter: stable;
overscroll-behavior-inline: contain;
-webkit-overflow-scrolling: touch;
}
.admin-ui-active table.admin-wide-table { min-width: 760px; }
.admin-ui-active table.admin-very-wide-table { min-width: 940px; }
.admin-ui-active th.admin-col-actions,
.admin-ui-active td.admin-col-actions,
.admin-ui-active th.admin-col-status,
.admin-ui-active td.admin-col-status,
.admin-ui-active th.admin-col-date,
.admin-ui-active td.admin-col-date,
.admin-ui-active th.admin-col-amount,
.admin-ui-active td.admin-col-amount { white-space: nowrap; }
.admin-ui-active th.admin-col-actions,
.admin-ui-active td.admin-col-actions { width: 1%; text-align: right; }
.admin-ui-active td.admin-col-actions .btn,
.admin-ui-active td.admin-col-actions .dropdown-toggle { white-space: nowrap; word-break: keep-all; }
.admin-ui-active td.admin-col-status { min-width: 92px; }
.admin-ui-active td.admin-col-date { min-width: 118px; }
.admin-ui-active td.admin-col-amount { min-width: 90px; font-variant-numeric: tabular-nums; }
.admin-ui-active td.admin-col-identity {
min-width: 140px;
overflow-wrap: anywhere;
word-break: normal;
}
.admin-ui-active .admin-table-primary,
.admin-ui-active .admin-table-meta,
.admin-ui-active .admin-description-cell,
.admin-ui-active .admin-code-value { overflow-wrap: anywhere; word-break: normal; }
.admin-ui-active .md-context-nav--admin,
.admin-ui-active .admin-module-context-nav {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
flex-wrap: nowrap;
scrollbar-width: thin;
overscroll-behavior-inline: contain;
}
.admin-ui-active .md-context-nav--admin a,
.admin-ui-active .admin-module-context-nav a { flex: 0 0 auto; white-space: nowrap; }
.admin-ui-active .md-context-nav--admin.is-horizontally-scrollable,
.admin-ui-active .admin-module-context-nav.is-horizontally-scrollable {
box-shadow: inset -16px 0 16px -20px rgba(15,23,42,.38), 0 4px 16px rgba(15,23,42,.025);
}
.admin-ui-active .admin-global-search-wrap { min-width: 0; }
.admin-ui-active .admin-global-search { width: min(100%, 560px); margin-inline: auto; }
.admin-ui-active .admin-global-search input { min-width: 0; text-overflow: ellipsis; }
.admin-ui-active .admin-global-search-results,
.admin-ui-active .admin-profile-menu-v4 {
max-height: calc(100dvh - 86px);
overflow-y: auto;
overscroll-behavior: contain;
}
.admin-ui-active .admin-profile-menu-v4 { max-width: calc(100vw - 20px); }
.admin-ui-active .admin-profile-menu-v4__identity strong,
.admin-ui-active .admin-profile-menu-v4__identity small,
.admin-ui-active .admin-profile-menu-v4__item strong,
.admin-ui-active .admin-profile-menu-v4__item small {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.admin-ui-active .mid-admin-modal .modal-dialog { width: auto; max-width: min(var(--bs-modal-width, 700px), calc(100vw - 28px)); }
.admin-ui-active .mid-admin-modal .modal-content { max-height: calc(100dvh - 28px); }
.admin-ui-active .mid-admin-modal .modal-body,
.admin-ui-active .mid-admin-modal .admin-v3-modal-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.admin-ui-active .mid-admin-modal .modal-header,
.admin-ui-active .mid-admin-modal .modal-footer { position: relative; z-index: 2; flex: 0 0 auto; }
.admin-ui-active .mid-admin-modal .modal-footer { flex-wrap: wrap; }
.admin-ui-active .admin-filter-grid,
.admin-ui-active .form-grid-2,
.admin-ui-active .admin-v3-fact-grid{ min-width: 0; }
.admin-ui-active .admin-filter-grid > *,
.admin-ui-active .form-grid-2 > *,
.admin-ui-active .admin-v3-fact-grid > *{ min-width: 0; }
.admin-ui-active .mid-admin-dashboard--v2 { max-width: 1220px; margin-inline: auto; }
.admin-ui-active .mid-admin-reference-metrics--v2 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-ui-active .mid-admin-reference-kpi--v2 { min-width: 0; }
.admin-ui-active .mid-admin-reference-kpi__copy { min-width: 0; }
.admin-ui-active .mid-admin-reference-kpi__copy > span,
.admin-ui-active .mid-admin-reference-kpi__copy > strong { overflow-wrap: anywhere; }
@media (min-width: 992px) and (max-width: 1199.98px) {
.admin-ui-active { --mid-admin-sidebar-width: 196px; }
.admin-ui-active .admin-sidebar.admin-sidebar--reference { padding-inline: 9px; }
.admin-ui-active .admin-sidebar__root-link { padding-inline: 7px; }
.admin-ui-active .admin-sidebar__root-link > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-ui-active .admin-content-v91 { padding: 20px 18px 38px; }
.admin-ui-active .admin-topbar-v91.admin-topbar-fidelity { padding-inline: 14px; }
.admin-ui-active .admin-global-search { width: min(100%, 470px); }
.admin-ui-active .admin-account-v127 strong { max-width: 105px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-ui-active .mid-admin-reference-metrics--v2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-ui-active .mid-admin-reference-grid--v2 { grid-template-columns: minmax(0, 1.15fr) minmax(240px, .85fr) !important; }
.admin-ui-active .mid-admin-reference-status { grid-column: 1 / -1; }
.admin-ui-active .admin-auto-table-toolbar { gap: 12px; }
.admin-ui-active .admin-auto-table-toolbar .admin-queue-search { width: min(330px, 42vw); min-width: 210px; }
}
@media (max-width: 991.98px) {
.admin-ui-active .admin-sidebar.admin-sidebar--reference {
width: min(300px, 88vw);
max-width: 88vw;
box-shadow: 18px 0 48px rgba(15,23,42,.18);
}
.admin-ui-active .admin-content-v91 { padding: 18px 14px 34px; }
.admin-ui-active .admin-topbar-v91.admin-topbar-fidelity { position: sticky; top: 0; z-index: 1030; }
.admin-ui-active .admin-global-search { width: 100%; }
.admin-ui-active .md-page-header,
.admin-ui-active .ui-page-header { align-items: flex-start; }
.admin-ui-active .md-page-header__actions,
.admin-ui-active .ui-page-header__actions { max-width: 48%; }
.admin-ui-active .mid-admin-reference-metrics--v2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-ui-active .mid-admin-reference-grid--v2 { grid-template-columns: 1fr !important; }
.admin-ui-active .mid-admin-reference-status { grid-column: auto; }
.admin-ui-active .admin-auto-table-toolbar__context { min-width: 0; }
.admin-ui-active .admin-auto-table-toolbar__context > span:last-child { min-width: 0; }
}
@media (max-width: 767.98px) {
.admin-ui-active .admin-content-v91 { padding: 14px 10px 28px; }
.admin-ui-active .md-page-header,
.admin-ui-active .ui-page-header { align-items: stretch; flex-direction: column; gap: 13px; padding: 14px; }
.admin-ui-active .md-page-header__main,
.admin-ui-active .ui-page-header__main { align-items: flex-start; }
.admin-ui-active .md-page-header__actions,
.admin-ui-active .ui-page-header__actions { width: 100%; max-width: none; justify-content: flex-start; }
.admin-ui-active .md-page-header__actions .btn,
.admin-ui-active .ui-page-header__actions .btn { flex: 1 1 150px; justify-content: center; }
.admin-ui-active .admin-responsive-actions { justify-content: stretch; }
.admin-ui-active .admin-responsive-actions > .btn,
.admin-ui-active .admin-responsive-actions > form { flex: 1 1 145px; }
.admin-ui-active .admin-responsive-actions > form .btn { width: 100%; }
.admin-ui-active table[data-mobile-cards="true"],
.admin-ui-active .mid-responsive-table { min-width: 0 !important; }
.admin-ui-active .ca-table-pagination { padding: 10px; }
.admin-ui-active .ca-table-pagination__nav { width: 100%; }
.admin-ui-active .ca-table-pagination__buttons { max-width: 100%; }
.admin-ui-active .admin-auto-table-toolbar { padding: 10px; }
.admin-ui-active .admin-auto-table-toolbar__context { display: none; }
.admin-ui-active .admin-auto-table-toolbar .admin-queue-search { width: 100%; min-width: 0; }
.admin-ui-active .admin-profile-menu-v4 { width: min(330px, calc(100vw - 12px)); }
.admin-ui-active .mid-admin-modal .modal-dialog { margin: 6px; max-width: calc(100vw - 12px); }
.admin-ui-active .mid-admin-modal .modal-content { max-height: calc(100dvh - 12px); border-radius: 13px; }
.admin-ui-active .mid-admin-modal .modal-header,
.admin-ui-active .mid-admin-modal .modal-body,
.admin-ui-active .mid-admin-modal .admin-v3-modal-body,
.admin-ui-active .mid-admin-modal .modal-footer { padding-inline: 14px; }
}
@media (max-width: 479.98px) {
.admin-ui-active .admin-topbar-v91.admin-topbar-fidelity { padding-inline: 7px; gap: 6px; }
.admin-ui-active .admin-topbar-v127__actions { gap: 0; }
.admin-ui-active .admin-notification-action { display: none; }
.admin-ui-active .admin-global-search kbd { display: none; }
.admin-ui-active .mid-admin-reference-metrics--v2 { grid-template-columns: 1fr 1fr; gap: 8px; }
.admin-ui-active .mid-admin-reference-kpi--v2 { min-height: 96px !important; }
.admin-ui-active .mid-admin-system-list--v2 { grid-template-columns: 1fr; }
.admin-ui-active .md-context-nav--admin,
.admin-ui-active .admin-module-context-nav { margin-inline: -2px; }
}
@media (min-width: 768px) and (max-height: 720px) {
.admin-ui-active .mid-admin-modal .modal-dialog { margin-top: 8px; margin-bottom: 8px; }
.admin-ui-active .mid-admin-modal .modal-content { max-height: calc(100dvh - 16px); }
.admin-ui-active .admin-profile-menu-v4,
.admin-ui-active .admin-global-search-results { max-height: calc(100dvh - 72px); }
}
/* Phase 187 — operational hardening acceptance */
.admin-ui-active .admin-uat-check-list--workflows .admin-uat-check {
text-decoration: none;
color: inherit;
transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.admin-ui-active .admin-uat-check-list--workflows .admin-uat-check:hover {
transform: translateY(-1px);
border-color: rgba(13,148,136,.28);
box-shadow: 0 10px 24px rgba(15,23,42,.07);
}
.admin-ui-active .admin-support-verification-v4 [data-thread-pin-state] {
width: max-content;
max-width: 100%;
}
.admin-ui-active .admin-privileged-hint {
display: inline-flex;
align-items: center;
gap: 7px;
color: var(--mid-muted, #64748b);
font-size: .78rem;
line-height: 1.35;
}
.admin-ui-active .admin-privileged-hint i { color: var(--mid-primary, #0aa6a6); }
/* Phase 188 — CSS consolidation & final administrator visual maintenance Retired unreachable legacy selector branches; centralized active admin tokens above; no additional stylesheet or parallel visual generation. */
/* Phase 195 — public transfer journey, Help Center & homepage domain finder */
.public-home-domain-entry{position:relative;z-index:2;margin:18px 0 12px;padding:18px;border:1px solid #dce7ef;border-radius:22px;background:linear-gradient(135deg,#f8fffe 0%,#fff 58%,#f5f9ff 100%);box-shadow:0 16px 42px rgba(15,23,42,.07)}
.public-home-domain-entry__inner{display:grid;grid-template-columns:minmax(210px,.62fr) minmax(420px,1.38fr);gap:16px 22px;align-items:center}.public-home-domain-entry__copy h2{margin:4px 0 0;font-size:clamp(1.22rem,2.2vw,1.75rem);color:#0f172a}.public-home-domain-entry .public-domain-finder{max-width:none;margin:0}.public-home-domain-entry__links{grid-column:2;display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:-6px}.public-home-domain-entry__links a{display:inline-flex;gap:7px;align-items:center;color:#475569;font-size:.9rem;font-weight:700;text-decoration:none}.public-home-domain-entry__links a:hover{color:#0f8f8e}.public-home-hero{margin-top:12px}
.public-transfer-hero{margin:18px 0 28px;padding:clamp(26px,5vw,56px);border:1px solid #dce7ef;border-radius:28px;background:linear-gradient(135deg,#effcf9 0%,#fff 48%,#eff6ff 100%);box-shadow:0 22px 58px rgba(15,23,42,.07);overflow:hidden}.public-transfer-hero__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:clamp(24px,4vw,52px);align-items:center}.public-transfer-hero__copy h1{max-width:820px;margin:10px 0 16px;font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.045em;color:#0f172a}.public-transfer-start{margin-top:26px;padding:15px;border:1px solid #d7e3eb;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.07)}.public-transfer-start>label{display:block;margin:0 0 8px 4px;color:#334155;font-size:.84rem;font-weight:800}.public-transfer-start__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.public-transfer-start__field{display:flex;align-items:center;gap:8px;min-width:0;padding:0 13px;border:1px solid #dbe4ec;border-radius:12px;background:#f8fafc}.public-transfer-start__field i{color:#0f8f8e;font-size:1.08rem}.public-transfer-start__field .form-control{min-height:52px;border:0!important;background:transparent!important;box-shadow:none!important;padding-inline:2px}.public-transfer-assurance{display:flex;gap:16px;flex-wrap:wrap;margin-top:15px;color:#526171;font-size:.84rem;font-weight:700}.public-transfer-assurance span{display:inline-flex;align-items:center;gap:6px}.public-transfer-assurance i{color:#0f8f8e}.public-transfer-hero__panel{padding:24px;border:1px solid #dbe7ec;border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 18px 42px rgba(15,23,42,.07)}.public-transfer-hero__panel h2{margin:8px 0 18px;font-size:1.45rem;color:#0f172a}.public-transfer-checklist{display:grid;gap:14px;margin:0;padding:0;list-style:none}.public-transfer-checklist li{display:flex;gap:11px;align-items:flex-start}.public-transfer-checklist li>i{margin-top:2px;color:#0f8f8e;font-size:1.15rem}.public-transfer-checklist span{display:grid;gap:2px}.public-transfer-checklist strong{color:#172033;font-size:.94rem}.public-transfer-checklist small{color:#64748b;line-height:1.45}.public-transfer-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.public-transfer-step-grid article{position:relative;padding:22px;border:1px solid #e1e8ef;border-radius:18px;background:#fff}.public-transfer-step-grid article>span{position:absolute;right:16px;top:14px;color:#cbd5e1;font-size:.8rem;font-weight:900}.public-transfer-step-grid article>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf8f6;color:#0f8f8e;font-size:1.25rem}.public-transfer-step-grid h3{margin:16px 0 7px;color:#0f172a;font-size:1.05rem}.public-transfer-step-grid p{margin:0;color:#64748b;font-size:.91rem;line-height:1.55}.public-transfer-why,.public-transfer-faq{margin-top:22px}.public-transfer-cta{margin-top:26px}.client-transfer-prep{display:grid;gap:6px;padding:13px 14px;border:1px solid #d8e8e5;border-radius:12px;background:#f2fbf9;color:#475569;font-size:.88rem}.client-transfer-prep strong{display:flex;align-items:center;gap:7px;color:#174a48}.client-transfer-prep a{width:max-content;color:#0f766e;font-weight:800;text-decoration:none}.client-transfer-prep a:hover{text-decoration:underline}
.help-center-hero .help-center-hero-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;max-width:760px;margin-top:24px;padding:8px 8px 8px 14px;border:1px solid #dbe5ed;border-radius:15px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.07)}.help-center-hero-search>i{color:#0f8f8e;font-size:1.12rem}.help-center-hero-search input{min-width:0;min-height:46px;border:0;outline:0;background:transparent;color:#0f172a}.help-center-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.help-center-support-card{display:flex;gap:15px;padding:20px;border:1px solid #e0e7ee;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.045)}.help-center-support-card>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:#eaf8f6;color:#0f8f8e;font-size:1.25rem}.help-center-support-card h2{margin:0 0 5px;color:#0f172a;font-size:1.06rem}.help-center-support-card p{margin:0 0 10px;color:#64748b;font-size:.88rem;line-height:1.5}.help-center-support-card a{display:inline-flex;align-items:center;gap:5px;color:#0f766e;font-size:.88rem;font-weight:800;text-decoration:none}.help-center-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px}.help-center-topic-grid>a{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid #e1e8ef;border-radius:15px;background:#f8fafc;text-decoration:none;transition:.18s ease}.help-center-topic-grid>a:hover{transform:translateY(-2px);border-color:#b9dcd7;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06)}.help-center-topic-grid>a>i{color:#0f8f8e;font-size:1.25rem}.help-center-topic-grid span{display:grid}.help-center-topic-grid strong{color:#1e293b}.help-center-topic-grid small{margin-top:2px;color:#64748b}.help-center-public .knowledgebase-search-panel{margin-top:0}
@media(max-width:991.98px){.public-home-domain-entry__inner,.public-transfer-hero__grid{grid-template-columns:1fr}.public-home-domain-entry__links{grid-column:auto;margin-top:0}.public-transfer-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-center-support-grid,.help-center-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.public-home-domain-entry{margin-top:10px;padding:13px;border-radius:18px}.public-home-domain-entry__copy h2{font-size:1.18rem}.public-home-domain-entry__links{gap:12px}.public-transfer-hero{padding:20px;border-radius:20px}.public-transfer-hero__copy h1{font-size:clamp(2.15rem,12vw,3.25rem)}.public-transfer-start__row,.public-transfer-step-grid,.help-center-support-grid,.help-center-topic-grid{grid-template-columns:1fr}.public-transfer-start .btn{width:100%}.public-transfer-assurance{gap:10px}.public-transfer-hero__panel{padding:18px}.help-center-hero .help-center-hero-search{grid-template-columns:auto minmax(0,1fr);padding:8px 10px}.help-center-hero-search .btn{grid-column:1/-1;width:100%}.help-center-support-card{padding:16px}}
/* Phase 196 — transfer readiness, gateway diagnostics & CAPTCHA-free domain search */
.public-transfer-readiness{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;margin-top:13px;padding:15px;border:1px solid #cfe4df;border-radius:16px;background:#f3fbf9}.public-transfer-readiness__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#dff5ef;color:#0f766e;font-size:1.25rem}.public-transfer-readiness__body{min-width:0}.public-transfer-readiness__label{display:block;margin-bottom:2px;color:#0f766e;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.public-transfer-readiness__body>strong{display:block;color:#0f172a;font-size:1rem}.public-transfer-readiness__body p{margin:3px 0;color:#526171;font-size:.86rem;line-height:1.45}.public-transfer-readiness__body small{display:block;color:#64748b}.public-transfer-readiness--unsupported,.public-transfer-readiness--unregistered,.public-transfer-readiness--rate_limited{border-color:#f0d4c5;background:#fff8f4}.public-transfer-readiness--unsupported .public-transfer-readiness__icon,.public-transfer-readiness--unregistered .public-transfer-readiness__icon,.public-transfer-readiness--rate_limited .public-transfer-readiness__icon{background:#ffeadf;color:#b45309}.public-transfer-readiness--manual_review{border-color:#dbe3ef;background:#f8fafc}.public-transfer-readiness--manual_review .public-transfer-readiness__icon{background:#e8eef7;color:#475569}.client-transfer-timeline{display:flex;align-items:flex-start;min-width:250px}.client-transfer-timeline>span{position:relative;display:grid;justify-items:center;gap:4px;flex:1;color:#94a3b8;font-size:.63rem;text-align:center}.client-transfer-timeline>span:not(:last-child):after{content:"";position:absolute;top:11px;left:calc(50% + 11px);right:calc(-50% + 11px);height:2px;background:#dbe4ec}.client-transfer-timeline b{position:relative;z-index:1;display:grid;place-items:center;width:23px;height:23px;border:2px solid #dbe4ec;border-radius:999px;background:#fff;color:#94a3b8;font-size:.62rem}.client-transfer-timeline .is-done b,.client-transfer-timeline .is-active b{border-color:#0f8f8e;background:#0f8f8e;color:#fff}.client-transfer-timeline .is-done:not(:last-child):after{background:#0f8f8e}.client-transfer-timeline--warning .is-active b{border-color:#d97706;background:#d97706}.client-transfer-timeline--danger .is-active b{border-color:#dc2626;background:#dc2626}.admin-gateway-filter{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(135px,.6fr)) auto;gap:10px;align-items:end;margin:0 0 16px;padding:13px;border:1px solid var(--mid-line);border-radius:13px;background:var(--mid-panel-2)}.admin-gateway-filter label>span{display:block;margin:0 0 6px;color:var(--mid-muted);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.admin-gateway-filter .admin-queue-search{width:100%}.admin-gateway-filter__actions{display:flex;gap:7px}.admin-gateway-errors{margin:14px 0;padding:12px 14px;border:1px solid rgba(220,38,38,.18);border-radius:11px;background:rgba(220,38,38,.05)}.admin-gateway-errors>span{display:block;color:#991b1b;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.admin-gateway-errors strong{display:block;margin-top:4px;color:#7f1d1d}.admin-gateway-errors p{margin:4px 0 0;color:#7f1d1d;font-size:.82rem}.public-domain-rate-note{display:flex;align-items:center;gap:6px;margin:9px 0 0;color:#64748b;font-size:.8rem}.public-domain-rate-note i{color:#0f8f8e}
@media(max-width:991.98px){.admin-gateway-filter{grid-template-columns:1fr 1fr}.admin-gateway-filter>label:first-child{grid-column:1/-1}.admin-gateway-filter__actions{justify-content:flex-end}.public-transfer-readiness{grid-template-columns:auto minmax(0,1fr)}.public-transfer-readiness__actions{grid-column:2}}
@media(max-width:575.98px){.public-transfer-readiness{grid-template-columns:1fr}.public-transfer-readiness__actions{grid-column:auto}.public-transfer-readiness__actions .btn{width:100%}.admin-gateway-filter{grid-template-columns:1fr}.admin-gateway-filter>label:first-child{grid-column:auto}.admin-gateway-filter__actions{justify-content:stretch}.admin-gateway-filter__actions .btn{flex:1}.client-transfer-timeline{min-width:220px}}
/* Phase 197 — public header commerce utilities & conversion entry points */
/* Phase 198 — Namecheap-style public browsing currency dropdown */
.public-header-utilities{gap:3px!important}.public-header-utility-item{display:flex;align-items:center}.public-header-utility{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:40px;height:40px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#334155;text-decoration:none;font:inherit;transition:.16s ease}.public-header-utility:hover,.public-header-utility:focus-visible{background:#eff8f7;color:#0f766e;outline:0}.public-header-utility>i{font-size:1.25rem}.public-header-cart__count{position:absolute;right:2px;top:1px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:99px;background:#0f8f8e;color:#fff;font-size:.6rem;font-weight:900}.public-header-currency{min-width:auto;padding-inline:9px;white-space:nowrap}.public-header-currency:after{display:none}.public-header-currency__symbol{font-size:1rem;font-weight:900}.public-header-currency strong{font-size:.85rem;letter-spacing:.01em}.public-currency-dropdown{width:min(340px,92vw)!important;padding:0!important;overflow:hidden;border:1px solid #dce5ea!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(15,23,42,.16)!important}.public-currency-dropdown__head{padding:14px 15px 11px;border-bottom:1px solid #edf1f4;background:#fff}.public-currency-dropdown__head strong{display:block;color:#0f172a;font-size:.9rem}.public-currency-dropdown__head small{display:block;margin-top:2px;color:#64748b;font-size:.72rem;line-height:1.35}.public-currency-dropdown__options{max-height:min(390px,58vh);padding:7px;overflow:auto}.public-currency-dropdown form{margin:0}.public-currency-option{display:grid!important;grid-template-columns:38px minmax(0,1fr) 18px;gap:9px;align-items:center!important;min-height:48px!important;padding:7px 9px!important;border-radius:9px!important}.public-currency-option__symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f1f5f9;color:#0f766e;font-size:.8rem;font-weight:900}.public-currency-option__copy{display:flex;min-width:0;flex-direction:column}.public-currency-option__copy strong{color:#0f172a;font-size:.82rem;line-height:1.2}.public-currency-option__copy small{overflow:hidden;margin-top:2px;color:#64748b;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.public-currency-option>i{color:#0f8f8e;font-size:1rem}.public-currency-option.is-active{background:#eff8f7!important}.public-currency-option.is-active .public-currency-option__symbol{background:#dff3f0}.public-currency-dropdown__note{margin:0;padding:10px 14px;border-top:1px solid #edf1f4;background:#f8fafc;color:#64748b;font-size:.66rem;line-height:1.4}.public-search-overlay{position:fixed;inset:0;z-index:1100;display:grid;align-items:start;justify-items:center;padding:94px 18px 24px;opacity:0;transition:opacity .16s ease}.public-search-overlay.is-open{opacity:1}.public-search-overlay__backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.42);backdrop-filter:blur(5px)}.public-search-dialog{position:relative;width:min(720px,100%);padding:22px;border:1px solid #dce6eb;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.2);transform:translateY(-8px);transition:transform .16s ease}.public-search-overlay.is-open .public-search-dialog{transform:none}.public-search-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.public-search-dialog__head span{color:#0f8f8e;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.public-search-dialog__head h2{margin:3px 0 0;color:#0f172a;font-size:1.45rem}.public-search-dialog__close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:0;border-radius:10px;background:#f1f5f9;color:#334155;font-size:1.25rem}.public-search-dialog__form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:18px;padding:7px 7px 7px 13px;border:1px solid #dbe5eb;border-radius:14px;background:#f8fafc}.public-search-dialog__form>i{color:#0f8f8e;font-size:1.15rem}.public-search-dialog__form input{min-width:0;height:42px;border:0;outline:0;background:transparent;color:#0f172a}.public-search-dialog__quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px}.public-search-dialog__quick>span{width:100%;color:#64748b;font-size:.7rem;font-weight:800}.public-search-dialog__quick a{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#334155;font-size:.8rem;font-weight:800;text-decoration:none}.public-search-dialog__quick a:hover{border-color:#b7dbd7;color:#0f766e}.public-search-open{overflow:hidden}@media(max-width:991.98px){.public-header-utilities{display:grid!important;grid-template-columns:repeat(3,auto) 1fr 1fr;gap:7px!important;margin-top:10px}.public-header-utility-item{justify-content:stretch}.public-header-utility{width:100%;border:1px solid #e2e8f0;background:#f8fafc}.public-currency-menu{position:static}.public-currency-dropdown{width:min(320px,92vw)!important}.public-header-utilities .public-login-link,.public-header-utilities .public-get-started{justify-content:center;width:100%}.public-header-utilities .public-login-link{border:1px solid #e2e8f0;background:#fff!important}}@media(max-width:575.98px){.public-header-utilities{grid-template-columns:repeat(3,1fr)}.public-header-utilities>li:nth-last-child(-n+2){grid-column:span 3}.public-search-overlay{padding-top:74px}.public-search-dialog{padding:16px;border-radius:16px}.public-search-dialog__form{grid-template-columns:auto minmax(0,1fr)}.public-search-dialog__form .btn{grid-column:1/-1;width:100%}}
@media(min-width:992px) and (max-width:1199.98px){.public-app-topbar .shell-nav__inner{gap:7px}.public-app-topbar .shell-link{padding-inline:7px!important}.public-header-utility{min-width:35px;padding-inline:7px}.public-header-currency{padding-inline:6px}.public-app-topbar .public-get-started{padding-inline:10px}}
/* Phase 201 — product navigation & compact row actions */
.admin-ui-active .admin-product-action-trigger{min-width:104px;justify-content:center;gap:8px}
.admin-ui-active .admin-product-action-menu{width:208px!important;min-width:208px!important;max-width:calc(100vw - 24px)!important;padding:6px!important;border-radius:12px!important;overflow:hidden!important}
.admin-ui-active .admin-product-action-menu .dropdown-item{display:flex!important;align-items:center!important;gap:9px;min-height:38px;padding:7px 8px!important;border-radius:8px!important;color:var(--mid-ink-soft)!important;font-size:.8rem;font-weight:750;line-height:1.2;white-space:nowrap}
.admin-ui-active .admin-product-action-menu .dropdown-item:hover,.admin-ui-active .admin-product-action-menu .dropdown-item:focus{background:var(--mid-primary-soft)!important;color:var(--mid-primary-strong)!important}
.admin-ui-active .admin-product-action-menu .dropdown-item i{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;margin:0!important;border-radius:7px;background:var(--mid-panel-2);color:var(--mid-primary-strong);font-size:.72rem}
.admin-ui-active .admin-product-action-menu form{margin:0}
.admin-ui-active .admin-product-action-menu form .dropdown-item{width:100%;border:0;background:transparent;text-align:left}
.admin-ui-active .admin-product-action-menu .dropdown-divider{margin:5px 4px;border-color:var(--mid-line)}
@media(max-width:575.98px){.admin-ui-active .admin-product-action-menu{width:min(208px,calc(100vw - 24px))!important}}
/* Phase 202 — product workspace separation + modal action visibility */
.admin-ui-active .product-workspace-nav a.is-active{border-color:color-mix(in srgb,var(--mid-primary) 30%,var(--mid-line));background:var(--mid-primary-soft);color:var(--mid-primary-strong)}
.admin-ui-active .product-overview-actions .product-workspace-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;color:inherit;text-decoration:none}.admin-ui-active .product-workspace-card>i:last-child{color:var(--mid-muted)}.admin-ui-active .product-workspace-card:hover{border-color:color-mix(in srgb,var(--mid-primary) 32%,var(--mid-line));transform:translateY(-1px)}
.admin-ui-active .product-related-actions{display:grid;gap:8px}.admin-ui-active .product-related-actions>a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--mid-line);border-radius:11px;background:var(--mid-panel);color:var(--mid-ink);text-decoration:none}.admin-ui-active .product-related-actions>a>i:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--mid-primary-soft);color:var(--mid-primary-strong)}.admin-ui-active .product-related-actions span{display:grid}.admin-ui-active .product-related-actions small{color:var(--mid-muted);font-size:.53rem}.admin-ui-active .admin-inline-filter{margin:0;min-width:190px}.admin-ui-active .admin-row-action-group{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px}.admin-ui-active [data-hosting-classification-field][hidden]{display:none!important}
.admin-ui-active .mid-admin-modal .modal-content>form{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden}.admin-ui-active .mid-admin-modal .modal-content>form>.modal-body,.admin-ui-active .mid-admin-modal .modal-content>form>.admin-v3-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto}.admin-ui-active .mid-admin-modal .modal-content>form>.modal-footer{display:flex!important;visibility:visible!important;flex:0 0 auto;position:sticky!important;bottom:0;z-index:5;background:var(--mid-panel-2);box-shadow:0 -8px 18px rgba(15,23,42,.05)}
@media(max-width:767.98px){.admin-ui-active .product-overview-actions .product-workspace-card{grid-template-columns:auto minmax(0,1fr)}.admin-ui-active .product-workspace-card>i:last-child{display:none}.admin-ui-active .admin-inline-filter{width:100%;min-width:0}.admin-ui-active .admin-inline-filter .form-select{width:100%}}
.product-readiness-list{display:grid;gap:.55rem;margin:1rem 0}.product-readiness-item{display:flex;gap:.7rem;align-items:flex-start;padding:.7rem .8rem;border:1px solid var(--mid-border,#dfe7ef);border-radius:12px}.product-readiness-item i{margin-top:.18rem}.product-readiness-item.is-ok i{color:#16a34a}.product-readiness-item.is-missing i{color:#d97706}.product-readiness-item small{color:var(--mid-muted,#64748b)}.product-preview-card{max-width:560px;margin:1rem auto;padding:2rem;border:1px solid var(--mid-border,#dfe7ef);border-radius:22px;background:#fff;box-shadow:0 20px 55px rgba(15,23,42,.08)}.product-preview-price{font-size:1.75rem;font-weight:800;margin:1rem 0}.product-preview-features,.product-preview-blockers{display:grid;gap:.55rem;padding:0;list-style:none}.product-preview-features li,.product-preview-blockers li{display:flex;gap:.6rem}.product-preview-features i{color:#16a34a}.product-preview-blockers i{color:#d97706}.product-preview-badge{display:inline-flex;padding:.3rem .6rem;border-radius:999px;background:#ecfeff;color:#0f766e;font-weight:700;font-size:.8rem}
/* Phase 204 - public cart dropdown, checkout auth handoff, currency catalogue repair */
.public-header-cart:after{display:none}.public-cart-dropdown{width:min(390px,94vw)!important;padding:0!important;overflow:hidden;border:1px solid #dce5ea!important;border-radius:15px!important;box-shadow:0 20px 55px rgba(15,23,42,.18)!important}.public-cart-dropdown__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 15px 12px;border-bottom:1px solid #edf1f4}.public-cart-dropdown__head strong{display:block;color:#0f172a;font-size:.9rem}.public-cart-dropdown__head small{display:block;margin-top:2px;color:#64748b;font-size:.69rem}.public-cart-dropdown__head>a{color:#0f8f8e;font-size:.72rem;font-weight:900;text-decoration:none}.public-cart-dropdown__items{max-height:min(330px,48vh);overflow:auto;padding:6px}.public-cart-dropdown__item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border-radius:10px}.public-cart-dropdown__item:hover{background:#f8fafc}.public-cart-dropdown__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf8f6;color:#0f8f8e;font-size:1.05rem}.public-cart-dropdown__copy{display:flex;min-width:0;flex-direction:column}.public-cart-dropdown__copy strong{overflow:hidden;color:#0f172a;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.public-cart-dropdown__copy small{overflow:hidden;margin-top:2px;color:#64748b;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.public-cart-dropdown__price{color:#0f172a;font-size:.72rem;white-space:nowrap}.public-cart-dropdown__more{display:block;padding:7px 10px;color:#0f8f8e;font-size:.7rem;font-weight:800;text-decoration:none}.public-cart-dropdown__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-top:1px solid #edf1f4;background:#f8fafc}.public-cart-dropdown__summary span{color:#64748b;font-size:.7rem;font-weight:700}.public-cart-dropdown__summary strong{color:#0f172a;font-size:.87rem}.public-cart-dropdown__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 15px 8px}.public-cart-dropdown__actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.public-cart-dropdown__login-note{display:flex;gap:6px;margin:0;padding:0 15px 13px;color:#64748b;font-size:.63rem;line-height:1.35}.public-cart-dropdown__empty{display:flex;align-items:center;flex-direction:column;padding:24px 18px;text-align:center}.public-cart-dropdown__empty>i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:9px;border-radius:13px;background:#eaf8f6;color:#0f8f8e;font-size:1.3rem}.public-cart-dropdown__empty strong{color:#0f172a;font-size:.88rem}.public-cart-dropdown__empty span{max-width:280px;margin:4px 0 12px;color:#64748b;font-size:.7rem;line-height:1.45}.public-checkout-login-notice{border-color:#bee5e1!important;background:#effaf8!important;color:#155e59!important}.public-checkout-login-notice strong{color:#134e4a}@media(max-width:991.98px){.public-cart-menu{position:static}.public-cart-dropdown{width:min(390px,94vw)!important}}@media(max-width:575.98px){.public-cart-dropdown__actions{grid-template-columns:1fr}.public-cart-dropdown__price{font-size:.67rem}}

/* Phase 205 — fallback currency-rate controls */
.admin-currency-fallback-rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid var(--border-color,#dfe7ee);border-radius:16px;background:var(--surface-soft,#f8fbfc)}
.admin-currency-fallback-rate-grid>.form-help{grid-column:1/-1}
.admin-currency-fallback-rate-grid .form-label{margin:0;font-weight:700;color:var(--text-primary,#172033)}
.admin-currency-fallback-rate-grid .form-control{margin-top:7px}
@media(max-width:767.98px){.admin-currency-fallback-rate-grid{grid-template-columns:1fr}}

/* Phase 205 — guest hosting cart domain handoff */
.client-cart-domain-link{margin-top:14px;padding:12px 14px;border:1px solid var(--border-color,#dbe7ec);border-radius:14px;background:rgba(13,148,136,.045);display:grid;gap:12px}.client-cart-domain-link__copy{display:flex;align-items:flex-start;gap:10px}.client-cart-domain-link__copy>i{margin-top:3px;color:var(--brand,#0f9f9a)}.client-cart-domain-link__copy span{display:grid;gap:2px}.client-cart-domain-link__copy strong{font-size:.9rem}.client-cart-domain-link__copy small{color:var(--text-muted,#64748b);line-height:1.45}.client-cart-domain-link__form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.client-cart-domain-link__form label{display:grid;gap:5px;min-width:min(100%,260px);flex:1}.client-cart-domain-link__form label>span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#64748b)}.client-cart-domain-link__form .form-control,.client-cart-domain-link__form .form-select{min-height:40px}.client-cart-domain-link__form .btn{min-height:40px}@media(max-width:575.98px){.client-cart-domain-link__form{display:grid}.client-cart-domain-link__form label{min-width:0}.client-cart-domain-link__form .btn{width:100%}}
/* Phase 207 — guest cart reconstruction and searchable currency selector. */
.public-currency-dropdown__search{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;margin:9px 9px 3px;padding:7px 9px;border:1px solid #dce5ea;border-radius:10px;background:#f8fafc}.public-currency-dropdown__search>i{color:#0f8f8e;font-size:1rem}.public-currency-dropdown__search input{width:100%;min-width:0;height:30px;padding:0;border:0;outline:0;background:transparent;color:#0f172a;font-size:.78rem}.public-currency-dropdown__search input::placeholder{color:#94a3b8}.public-currency-dropdown__search>span{min-width:25px;padding:3px 6px;border-radius:999px;background:#e8f6f4;color:#0f766e;font-size:.62rem;font-weight:900;text-align:center}.public-currency-dropdown__empty{display:grid;justify-items:center;gap:4px;padding:24px 12px;color:#64748b;text-align:center}.public-currency-dropdown__empty[hidden]{display:none!important}.public-currency-dropdown__empty i{font-size:1.25rem;color:#0f8f8e}.public-currency-dropdown__empty strong{color:#0f172a;font-size:.78rem}.public-currency-dropdown__empty small{font-size:.67rem}.public-currency-dropdown__options [data-public-currency-item][hidden]{display:none!important}
.guest-cart-shell{width:100%;max-width:1320px;margin:0 auto;padding:18px 0 38px}.guest-cart-main{width:100%!important;max-width:none!important;min-width:0}.guest-cart-main .client-commerce-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 18px;padding:22px 24px;border:1px solid var(--mid-line);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f2fbfa 100%);box-shadow:0 8px 30px rgba(15,23,42,.04)}.guest-cart-main .client-commerce-heading>div:first-child{max-width:720px}.guest-cart-main .client-commerce-heading h1{margin:2px 0 5px;color:var(--mid-ink);font-size:clamp(1.65rem,2.6vw,2.35rem);line-height:1.05;letter-spacing:-.035em}.guest-cart-main .client-commerce-heading>div>p:not(.mid-page-kicker){max-width:680px;margin:0;color:var(--mid-ink-soft);font-size:.84rem;line-height:1.55}.guest-cart-main .mid-page-heading__actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.guest-cart-heading-note{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:10px 12px;border:1px solid rgba(var(--brand-primary-rgb),.15);border-radius:11px;background:rgba(var(--brand-primary-rgb),.055)}.guest-cart-heading-note>i{margin-top:2px;color:var(--mid-primary-strong)}.guest-cart-heading-note>span{display:grid;gap:1px}.guest-cart-heading-note strong{color:var(--mid-ink);font-size:.7rem}.guest-cart-heading-note small{color:var(--mid-muted);font-size:.64rem;line-height:1.45}.guest-cart-main .client-checkout-steps{margin-bottom:18px}.guest-cart-main .client-cart-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.62fr);gap:22px;align-items:start;margin-top:0}.guest-cart-main .client-cart-products{padding:0;overflow:hidden;border:1px solid var(--mid-line);border-radius:16px;background:var(--mid-panel);box-shadow:0 8px 30px rgba(15,23,42,.035)}.guest-cart-main .client-cart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 21px 16px}.guest-cart-main .client-cart-count{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--mid-line);border-radius:999px;background:var(--mid-panel-2);color:var(--mid-ink-soft);font-size:.67rem;font-weight:850}.guest-cart-main .client-cart-lines{border-top:1px solid var(--mid-line)}.guest-cart-main .client-cart-line{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:15px;align-items:start;padding:19px 21px;border-bottom:1px solid var(--mid-line);background:var(--mid-panel)}.guest-cart-main .client-cart-line:last-child{border-bottom:0}.guest-cart-main .client-cart-line:hover{background:#fbfdfd}.guest-cart-main .client-cart-line__icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(var(--brand-primary-rgb),.16);border-radius:13px;background:rgba(var(--brand-primary-rgb),.07);color:var(--mid-primary-strong);font-size:.9rem}.guest-cart-main .client-cart-line__body{min-width:0}.guest-cart-main .client-cart-line__eyebrow{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:5px;color:var(--mid-muted);font-size:.61rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.guest-cart-main .client-cart-line__eyebrow span+span:before{content:"•";margin-right:7px;color:var(--mid-line-strong)}.guest-cart-main .client-cart-line h3{margin:0;color:var(--mid-ink);font-size:.9rem;font-weight:900;line-height:1.3}.guest-cart-main .client-cart-line__body>p{margin:4px 0 0;color:var(--mid-ink-soft);font-size:.7rem;line-height:1.5}.guest-cart-main .client-cart-line__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.guest-cart-main .client-cart-line__meta>span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--mid-line);border-radius:999px;background:var(--mid-panel-2);color:var(--mid-ink-soft);font-size:.61rem;font-weight:700}.guest-cart-main .client-cart-line__meta i{color:var(--mid-primary-strong)}.guest-cart-main .client-cart-line__side{display:grid;grid-template-columns:auto 34px;gap:4px 10px;align-items:start;text-align:right}.guest-cart-main .client-cart-line__side>strong{color:var(--mid-ink);font-size:.86rem;font-weight:900;white-space:nowrap}.guest-cart-main .client-cart-line__side>small{grid-column:1;color:var(--mid-muted);font-size:.6rem;white-space:nowrap}.guest-cart-main .client-cart-line__side form{grid-column:2;grid-row:1/span 2}.guest-cart-main .client-icon-action{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--mid-line);border-radius:9px;background:#fff;color:#64748b}.guest-cart-main .client-icon-action--danger:hover{border-color:#fecaca;background:#fff1f2;color:#dc2626}.guest-cart-main .client-cart-domain-link{margin-top:12px;padding:11px 12px;border:1px solid #bae6fd;border-radius:11px;background:#f0f9ff}.guest-cart-main .client-cart-domain-link__copy{display:flex;align-items:flex-start;gap:8px}.guest-cart-main .client-cart-domain-link__copy>i{margin-top:2px;color:#0284c7}.guest-cart-main .client-cart-domain-link__copy span{display:grid;gap:2px}.guest-cart-main .client-cart-domain-link__copy strong{color:#0f172a;font-size:.68rem}.guest-cart-main .client-cart-domain-link__copy small{color:#475569;font-size:.63rem;line-height:1.45}.guest-cart-main .client-cart-summary-wrap{position:sticky;top:88px}.guest-cart-main .client-cart-summary{padding:19px;border:1px solid var(--mid-line);border-radius:16px;background:#f8fbfb!important;box-shadow:0 8px 30px rgba(15,23,42,.035)}.guest-cart-main .client-cart-summary__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--mid-line)}.guest-cart-main .client-cart-summary__head h2{margin:2px 0 0;color:var(--mid-ink);font-size:.85rem;font-weight:850}.guest-cart-main .client-cart-summary__head>strong{color:var(--mid-ink);font-size:1.12rem;font-weight:950;white-space:nowrap}.guest-cart-main .client-cart-breakdown{display:grid;margin-top:8px}.guest-cart-main .client-cart-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--mid-line);color:var(--mid-ink-soft);font-size:.68rem}.guest-cart-main .client-cart-breakdown>div:last-child{border-bottom:0}.guest-cart-main .client-cart-breakdown strong{color:var(--mid-ink)}.guest-cart-main .client-promo-panel{margin-top:13px;padding:13px;border:1px solid var(--mid-line);border-radius:12px;background:#fff}.guest-cart-main .client-promo-panel__label{display:flex;align-items:center;gap:8px;margin-bottom:9px}.guest-cart-main .client-promo-panel__label>i{color:var(--mid-primary-strong)}.guest-cart-main .client-promo-panel__label span{display:grid;gap:1px}.guest-cart-main .client-promo-panel__label strong{color:var(--mid-ink);font-size:.68rem}.guest-cart-main .client-promo-panel__label small{color:var(--mid-muted);font-size:.6rem}.guest-cart-main .client-promo-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.guest-cart-main .client-checkout-assurance{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;margin:13px 0;padding:11px;border:1px solid #bbf7d0;border-radius:11px;background:#f0fdf4}.guest-cart-main .client-checkout-assurance>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#dcfce7;color:#15803d}.guest-cart-main .client-checkout-assurance div{display:grid;gap:1px}.guest-cart-main .client-checkout-assurance strong{color:var(--mid-ink);font-size:.68rem}.guest-cart-main .client-checkout-assurance small{color:var(--mid-ink-soft);font-size:.6rem;line-height:1.4}.guest-cart-main .client-cart-checkout{width:100%;justify-content:center;margin-bottom:7px}.guest-cart-main .client-cart-upsells{margin-top:20px}
@media(max-width:991.98px){.guest-cart-main .client-commerce-heading{align-items:flex-start;flex-direction:column}.guest-cart-main .mid-page-heading__actions{width:100%;justify-content:flex-start}.guest-cart-main .client-cart-layout{grid-template-columns:1fr}.guest-cart-main .client-cart-summary-wrap{position:static;top:auto}}@media(max-width:767.98px){.guest-cart-shell{padding-top:10px}.guest-cart-main .client-commerce-heading{padding:17px}.guest-cart-main .client-cart-line{grid-template-columns:42px minmax(0,1fr);padding:16px}.guest-cart-main .client-cart-line__icon{width:42px;height:42px}.guest-cart-main .client-cart-line__side{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px;text-align:left}.guest-cart-main .client-cart-line__side>small{display:none}.guest-cart-main .client-cart-line__side form{margin-left:auto}.public-currency-dropdown__search{position:sticky;top:0;z-index:2;background:#f8fafc}}@media(max-width:479.98px){.guest-cart-main .client-commerce-heading{padding:14px}.guest-cart-main .mid-page-heading__actions{display:grid;grid-template-columns:1fr}.guest-cart-main .mid-page-heading__actions .btn{width:100%}.guest-cart-main .client-cart-head,.guest-cart-main .client-cart-line,.guest-cart-main .client-cart-summary{padding-left:13px;padding-right:13px}.guest-cart-main .client-promo-form{grid-template-columns:1fr}.guest-cart-main .client-promo-form .btn{width:100%}.guest-cart-main .client-cart-summary__head{align-items:flex-start;flex-direction:column}.public-currency-dropdown__search{margin-inline:7px}}

/* Phase 209 — table rebrand and manage dropdown refresh */
:root{
  --brand-table-border:#dbe7ee;
  --brand-table-border-strong:#c8d7e3;
  --brand-table-head-bg:linear-gradient(180deg,#fbfefe 0%,#f3f8fa 100%);
  --brand-table-row-hover:#f7fbfb;
  --brand-table-row-alt:#fcfefe;
  --brand-table-shadow:0 14px 34px rgba(15,23,42,.045);
  --brand-table-muted:#66758b;
}
.brand-table-shell,
.customer-main .table-shell,
.customer-main .table-responsive,
.admin-ui-active .table-shell{
  border:1px solid var(--brand-table-border);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--brand-table-shadow);
  overflow:hidden;
}
.brand-table-shell.table-responsive,
.customer-main .table-responsive.brand-table-shell{overflow:auto}
.brand-table,
.customer-main .table,
.admin-ui-active .admin-readable-table,
.admin-ui-active .table.data-table{
  margin:0;
  border-collapse:separate;
  border-spacing:0;
  width:100%;
}
.brand-table thead th,
.customer-main .table thead th,
.admin-ui-active .admin-readable-table thead th,
.admin-ui-active .table.data-table thead th{
  position:relative;
  padding:16px 18px;
  border-bottom:1px solid var(--brand-table-border-strong);
  background:var(--brand-table-head-bg);
  color:#607287;
  font-size:.71rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
  vertical-align:middle;
}
.brand-table thead th:first-child,
.customer-main .table thead th:first-child,
.admin-ui-active .admin-readable-table thead th:first-child,
.admin-ui-active .table.data-table thead th:first-child{padding-left:20px}
.brand-table thead th:last-child,
.customer-main .table thead th:last-child,
.admin-ui-active .admin-readable-table thead th:last-child,
.admin-ui-active .table.data-table thead th:last-child{padding-right:20px}
.brand-table tbody td,
.customer-main .table tbody td,
.admin-ui-active .admin-readable-table tbody td,
.admin-ui-active .table.data-table tbody td{
  padding:17px 18px;
  border-bottom:1px solid #ecf2f6;
  background:#fff;
  color:#162033;
  font-size:.84rem;
  vertical-align:middle;
}
.brand-table tbody tr:nth-child(even) td,
.customer-main .table tbody tr:nth-child(even) td,
.admin-ui-active .admin-readable-table tbody tr:nth-child(even) td,
.admin-ui-active .table.data-table tbody tr:nth-child(even) td{background:var(--brand-table-row-alt)}
.brand-table tbody tr:hover td,
.customer-main .table tbody tr:hover td,
.admin-ui-active .admin-readable-table tbody tr:hover td,
.admin-ui-active .table.data-table tbody tr:hover td{background:var(--brand-table-row-hover)}
.brand-table tbody tr:last-child td,
.customer-main .table tbody tr:last-child td,
.admin-ui-active .admin-readable-table tbody tr:last-child td,
.admin-ui-active .table.data-table tbody tr:last-child td{border-bottom:0}
.client-table-primary,.admin-table-primary{display:block;color:#0f172a;font-weight:900;line-height:1.35}
.client-table-meta,.admin-table-meta,.client-table-subtext{display:block;margin-top:4px;color:var(--brand-table-muted);font-size:.72rem;line-height:1.45}
.client-wrap-copy{max-width:460px;color:#334155;line-height:1.5}
.client-money-value,.mid-metric-money{font-variant-numeric:tabular-nums}
.client-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.client-table-actions .btn,.admin-ui-active td .btn.btn-sm{border-radius:11px;font-weight:800}
.customer-main .status-pill,.admin-ui-active .status-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:.67rem;font-weight:900;letter-spacing:.01em}
.customer-main .dataTables_wrapper .dataTables_filter,
.admin-ui-active .dataTables_wrapper .dataTables_filter,
.customer-main .dataTables_wrapper .dataTables_length,
.admin-ui-active .dataTables_wrapper .dataTables_length{margin:14px 16px}
.customer-main .dataTables_wrapper .dataTables_filter input,
.admin-ui-active .dataTables_wrapper .dataTables_filter input,
.customer-main .dataTables_wrapper .dataTables_length select,
.admin-ui-active .dataTables_wrapper .dataTables_length select{
  min-height:40px;
  padding:.55rem .8rem;
  border:1px solid var(--brand-table-border-strong);
  border-radius:12px;
  background:#fff;
  box-shadow:none;
}
.customer-main .dataTables_wrapper .dataTables_info,
.admin-ui-active .dataTables_wrapper .dataTables_info{padding:14px 18px;color:#64748b;font-size:.74rem}
.customer-main .dataTables_wrapper .dataTables_paginate,
.admin-ui-active .dataTables_wrapper .dataTables_paginate{padding:10px 14px 16px}
.customer-main .dataTables_wrapper .dataTables_paginate .paginate_button,
.admin-ui-active .dataTables_wrapper .dataTables_paginate .paginate_button{
  min-width:36px;
  height:36px;
  margin:0 3px;
  padding:0 11px!important;
  border:1px solid var(--brand-table-border)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#334155!important;
  line-height:34px;
}
.customer-main .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.admin-ui-active .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.customer-main .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.admin-ui-active .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  border-color:rgba(var(--brand-primary-rgb),.28)!important;
  background:rgba(var(--brand-primary-rgb),.09)!important;
  color:var(--brand-primary,#0f9f9a)!important;
}

.admin-ui-active .dropdown.row-actions .dropdown-toggle,
.admin-ui-active .admin-product-action-trigger,
.customer-main .table .dropdown-toggle{
  min-height:38px;
  padding:.6rem .9rem;
  border:1px solid var(--brand-table-border-strong);
  border-radius:11px;
  background:#fff;
  color:#132035;
  font-weight:800;
  box-shadow:0 6px 20px rgba(15,23,42,.04);
}
.admin-ui-active .dropdown.row-actions .dropdown-toggle:hover,
.admin-ui-active .admin-product-action-trigger:hover,
.customer-main .table .dropdown-toggle:hover{
  border-color:rgba(var(--brand-primary-rgb),.28);
  background:#f7fbfb;
  color:var(--brand-primary,#0f9f9a);
}
.dropdown-menu[data-compact-row-menu],
.admin-product-action-menu,
.table-row-manage-menu{
  min-width:250px;
  padding:8px;
  border:1px solid #d8e4eb;
  border-radius:16px;
  background:#fff;
  box-shadow:0 22px 60px rgba(15,23,42,.16);
}
.dropdown-menu[data-compact-row-menu] .dropdown-item,
.admin-product-action-menu .dropdown-item,
.table-row-manage-menu .dropdown-item{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:10px 12px;
  border-radius:12px;
  color:#0f172a;
  font-size:.8rem;
  font-weight:700;
}
.dropdown-menu[data-compact-row-menu] .dropdown-item i,
.admin-product-action-menu .dropdown-item i,
.table-row-manage-menu .dropdown-item i{color:var(--brand-primary,#0f9f9a);text-align:center}
.dropdown-menu[data-compact-row-menu] .dropdown-item:hover,
.admin-product-action-menu .dropdown-item:hover,
.table-row-manage-menu .dropdown-item:hover,
.dropdown-menu[data-compact-row-menu] .dropdown-item:focus,
.admin-product-action-menu .dropdown-item:focus,
.table-row-manage-menu .dropdown-item:focus{background:#f2fbfa;color:#0f172a}
.dropdown-menu[data-compact-row-menu] .dropdown-divider,
.admin-product-action-menu .dropdown-divider,
.table-row-manage-menu .dropdown-divider{margin:6px 2px;border-top-color:#ecf2f6}
.dropdown-menu[data-compact-row-menu] form,
.admin-product-action-menu form,
.table-row-manage-menu form{margin:0}
.dropdown-menu[data-compact-row-menu] form .dropdown-item,
.admin-product-action-menu form .dropdown-item,
.table-row-manage-menu form .dropdown-item{width:100%;border:0;background:transparent;text-align:left}
.dropdown-menu[data-compact-row-menu] .dropdown-item[disabled],
.admin-product-action-menu .dropdown-item[disabled],
.table-row-manage-menu .dropdown-item[disabled]{opacity:.5;cursor:not-allowed}

@media(max-width:767.98px){
  .brand-table thead,
  .customer-main .table thead,
  .admin-ui-active .admin-readable-table thead,
  .admin-ui-active .table.data-table thead{display:none}
  .brand-table,
  .customer-main .table,
  .admin-ui-active .admin-readable-table,
  .admin-ui-active .table.data-table{min-width:0}
  .brand-table tbody,
  .customer-main .table tbody,
  .admin-ui-active .admin-readable-table tbody,
  .admin-ui-active .table.data-table tbody{display:grid;gap:12px;padding:12px}
  .brand-table tbody tr,
  .customer-main .table tbody tr,
  .admin-ui-active .admin-readable-table tbody tr,
  .admin-ui-active .table.data-table tbody tr{display:grid;border:1px solid var(--brand-table-border);border-radius:16px;overflow:hidden;box-shadow:0 10px 26px rgba(15,23,42,.04)}
  .brand-table tbody td,
  .customer-main .table tbody td,
  .admin-ui-active .admin-readable-table tbody td,
  .admin-ui-active .table.data-table tbody td{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 14px;background:#fff!important;text-align:right}
  .brand-table tbody td::before,
  .customer-main .table tbody td::before,
  .admin-ui-active .admin-readable-table tbody td::before,
  .admin-ui-active .table.data-table tbody td::before{content:attr(data-label);min-width:92px;color:#64748b;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-align:left}
  .client-table-actions{justify-content:flex-end;width:100%}
  .client-table-primary,.admin-table-primary,.client-table-meta,.admin-table-meta{max-width:65vw;text-align:right}
  .client-wrap-copy{max-width:none}
}

/* Phase 210 — invoice line-item amount reconciliation */
.client-shell-body .client-record-items__head--amounts{grid-template-columns:minmax(0,1fr) 54px 112px;padding-left:44px;text-align:right}
.client-shell-body .client-record-items__head--amounts>span:first-child{text-align:left}
.client-shell-body .client-record-item--amounts{grid-template-columns:34px minmax(0,1fr) 54px 112px}
.client-shell-body .client-record-item__qty{color:var(--mid-ink-soft);font-size:.66rem;font-weight:800;text-align:right}
.client-shell-body .client-record-item__amount{color:var(--mid-ink);font-size:.7rem;font-weight:900;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:767.98px){.client-shell-body .client-record-item--amounts{grid-template-columns:34px minmax(0,1fr) auto}.client-shell-body .client-record-item__qty{grid-column:2;text-align:left}.client-shell-body .client-record-item__qty:before{content:"Qty ";color:var(--mid-muted);font-weight:700}.client-shell-body .client-record-item__amount{grid-column:3;grid-row:1/span 2;align-self:center}.client-shell-body .client-record-items__head--amounts{display:none}}

/* Phase 213 — checkout, order fulfillment, and Ozibus Chat experience */
.client-checkout-service-row{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px}.client-checkout-service-row__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(var(--brand-primary-rgb),.08);color:var(--mid-primary-strong)}.client-checkout-service-row__copy{display:grid;min-width:0}.client-checkout-service-row__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-checkout-service-row__copy small{color:var(--mid-muted);font-size:.64rem;line-height:1.4}.order-progress-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 20px}.order-progress-rail>span{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 9px;align-items:center;padding:13px;border:1px solid var(--mid-line);border-radius:14px;background:var(--mid-panel);color:var(--mid-muted)}.order-progress-rail>span>i{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--mid-panel-2);color:var(--mid-muted)}.order-progress-rail strong{color:var(--mid-ink);font-size:.7rem}.order-progress-rail small{font-size:.6rem}.order-progress-rail .is-current{border-color:rgba(var(--brand-primary-rgb),.28);background:rgba(var(--brand-primary-rgb),.05)}.order-progress-rail .is-current>i{background:rgba(var(--brand-primary-rgb),.12);color:var(--mid-primary-strong)}.order-progress-rail .is-complete{border-color:#bbf7d0;background:#f0fdf4}.order-progress-rail .is-complete>i{background:#dcfce7;color:#15803d}.order-fulfillment-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.58fr);gap:18px;align-items:start}.order-service-list{display:grid;gap:12px}.order-service-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;padding:16px;border:1px solid var(--mid-line);border-radius:15px;background:var(--mid-panel)}.order-service-card__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(var(--brand-primary-rgb),.08);color:var(--mid-primary-strong)}.order-service-card__body{min-width:0}.order-service-card__title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-service-card__title>div{display:grid;gap:2px}.order-service-card__title strong{color:var(--mid-ink);font-size:.82rem}.order-service-card__title small{color:var(--mid-muted);font-size:.63rem}.order-service-card__body>p{display:flex;align-items:center;gap:7px;margin:7px 0 0;color:var(--mid-ink-soft);font-size:.68rem}.order-service-card__meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.order-service-card__meta span{padding:5px 8px;border:1px solid var(--mid-line);border-radius:999px;background:var(--mid-panel-2);color:var(--mid-ink-soft);font-size:.61rem;font-weight:750}.order-service-card__note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;margin-top:11px;padding:9px 10px;border-radius:11px;background:#f7fbfb}.order-service-card__note>i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e8f6f4;color:#0f766e}.order-service-card__note span{display:grid}.order-service-card__note strong{font-size:.64rem;color:var(--mid-ink)}.order-service-card__note small{font-size:.59rem;color:var(--mid-muted);line-height:1.4}.order-help-card{position:sticky;top:88px}.integration-subsection--chat{display:grid;gap:14px;margin-top:18px;padding-top:18px;border-top:1px solid var(--mid-line)}.ozibus-chat-settings .form-stack{gap:16px}.admin-chat-embed-preview{display:grid;gap:7px;padding:13px;border:1px solid var(--mid-line);border-radius:13px;background:#f8fafc}.admin-chat-embed-preview>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-chat-embed-preview span{color:var(--mid-muted);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.admin-chat-embed-preview code{display:block;padding:8px 10px;border-radius:9px;background:#0f172a;color:#d7f7f0;font-size:.66rem;white-space:normal;overflow-wrap:anywhere}.ozibus-client-chat-hero{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px}.ozibus-client-chat-hero__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#e8f6f4;color:#0f766e;font-size:1.2rem}.ozibus-client-chat-hero.is-disabled{border-color:#fde68a;background:#fffbeb}.ozibus-client-chat-hero.is-disabled .ozibus-client-chat-hero__icon{background:#fef3c7;color:#b45309}
@media(max-width:991.98px){.order-progress-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.order-fulfillment-grid{grid-template-columns:1fr}.order-help-card{position:static}.ozibus-client-chat-hero{grid-template-columns:46px minmax(0,1fr)}.ozibus-client-chat-hero>.btn{grid-column:1/-1;width:100%}}
@media(max-width:575.98px){.order-progress-rail{grid-template-columns:1fr}.order-service-card{grid-template-columns:38px minmax(0,1fr);padding:13px}.order-service-card__icon{width:38px;height:38px}.order-service-card__title{align-items:flex-start;flex-direction:column}.client-checkout-service-row{grid-template-columns:30px minmax(0,1fr);align-items:start}.client-checkout-service-row__icon{width:30px;height:30px}.client-checkout-service-row>b{grid-column:2}.ozibus-client-chat-hero{padding:16px}}

/* Phase 214 — client domains & domain lifecycle workspace */
.client-domain-portfolio--v214{display:grid;gap:16px}.client-domain-filterbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--mid-line);border-bottom:1px solid var(--mid-line);background:var(--mid-panel-2)}.client-domain-search{display:flex;align-items:center;gap:8px;min-width:min(100%,280px);padding:0 11px;border:1px solid var(--mid-line);border-radius:12px;background:#fff}.client-domain-search i{color:var(--mid-primary-strong)}.client-domain-search .form-control{height:40px;padding:0;border:0;background:transparent;box-shadow:none}.client-domain-filterchips{display:flex;gap:7px;flex-wrap:wrap}.client-domain-filterchips button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid var(--mid-line);border-radius:999px;background:#fff;color:var(--mid-ink-soft);font-size:.69rem;font-weight:850}.client-domain-filterchips button span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:var(--mid-panel-2);font-size:.61rem}.client-domain-filterchips button:hover,.client-domain-filterchips button.is-active{border-color:rgba(var(--brand-primary-rgb),.24);background:rgba(var(--brand-primary-rgb),.075);color:var(--mid-primary-strong)}.client-domain-row[hidden]{display:none!important}.client-domain-row__actions>.dropdown>.btn{width:36px;padding-inline:0;justify-content:center}.client-domain-filter-empty{display:grid;justify-items:center;gap:5px;padding:36px 20px;color:var(--mid-muted);text-align:center}.client-domain-filter-empty[hidden]{display:none!important}.client-domain-filter-empty i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(var(--brand-primary-rgb),.08);color:var(--mid-primary-strong)}.client-domain-filter-empty strong{color:var(--mid-ink);font-size:.82rem}.client-domain-filter-empty span{font-size:.69rem}
.client-domain-detail-hero{padding-bottom:14px}.client-domain-detail-hero__identity{display:flex;align-items:center;gap:13px;min-width:0}.client-domain-detail-hero__icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid rgba(var(--brand-primary-rgb),.16);border-radius:14px;background:rgba(var(--brand-primary-rgb),.07);color:var(--mid-primary-strong);font-size:1rem}.client-domain-detail-tabs{overflow:auto;scrollbar-width:none}.client-domain-detail-tabs::-webkit-scrollbar{display:none}.client-domain-health-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.client-domain-health-strip>article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:13px;border:1px solid var(--mid-line);border-radius:14px;background:var(--mid-panel);box-shadow:0 4px 18px rgba(15,23,42,.025)}.client-domain-health-strip>article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(var(--brand-primary-rgb),.075);color:var(--mid-primary-strong)}.client-domain-health-strip>article>div{display:grid;gap:1px;min-width:0}.client-domain-health-strip small{color:var(--mid-muted);font-size:.59rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.client-domain-health-strip strong{overflow:hidden;color:var(--mid-ink);font-size:.78rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.client-domain-health-strip em{color:var(--mid-muted);font-size:.6rem;font-style:normal;line-height:1.35}.client-domain-health-strip em.is-warning{color:#b45309}.client-domain-overview-layout{align-items:start}.client-domain-health-grid--v214{grid-template-columns:repeat(3,minmax(0,1fr))}.client-domain-sync-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--mid-line);border-radius:999px;background:var(--mid-panel-2);color:var(--mid-muted);font-size:.62rem;font-weight:850;white-space:nowrap}.client-domain-sync-badge--synced{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.client-domain-sync-badge--failed,.client-domain-sync-badge--needs_review{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.client-domain-mini-copy{margin:7px 0 0;color:var(--mid-muted);font-size:.65rem;line-height:1.45}.client-domain-lifecycle-note{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding:9px 10px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel-2)}.client-domain-lifecycle-note strong{font-size:.7rem}.client-domain-readiness-list{display:grid;gap:8px;margin-top:14px}.client-domain-readiness-list>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:start;padding:10px;border:1px solid var(--mid-line);border-radius:11px;background:#fff}.client-domain-readiness-list>div>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--mid-panel-2);color:var(--mid-muted)}.client-domain-readiness-list>div>span{display:grid;gap:1px}.client-domain-readiness-list strong{color:var(--mid-ink);font-size:.68rem}.client-domain-readiness-list small{color:var(--mid-muted);font-size:.61rem;line-height:1.4}.client-domain-readiness-list .is-ready>i{background:#ecfdf5;color:#15803d}.client-domain-readiness-list .is-blocked>i{background:#fff7ed;color:#c2410c}.client-domain-readiness-list .is-info>i{background:#eff6ff;color:#2563eb}.client-domain-transfer-state{display:grid;gap:3px;padding:10px;border:1px solid var(--mid-line);border-radius:11px;background:#fff}.client-domain-transfer-state span{color:var(--mid-muted);font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.client-domain-transfer-state strong{color:var(--mid-ink);font-size:.72rem}.client-domain-transfer-state small{color:var(--mid-muted);font-size:.6rem}.client-domain-safety-notes{display:grid;gap:9px;margin-top:13px}.client-domain-safety-notes p{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;margin:0;padding:10px;border:1px solid var(--mid-line);border-radius:11px;background:#fff}.client-domain-safety-notes p>i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(var(--brand-primary-rgb),.07);color:var(--mid-primary-strong)}.client-domain-safety-notes p>span{display:grid;gap:1px}.client-domain-safety-notes strong{font-size:.67rem}.client-domain-safety-notes small{color:var(--mid-muted);font-size:.61rem;line-height:1.4}
@media(max-width:1199.98px){.client-domain-health-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.client-domain-health-grid--v214{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767.98px){.client-domain-filterbar{align-items:stretch;flex-direction:column}.client-domain-search{width:100%;min-width:0}.client-domain-filterchips{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.client-domain-filterchips button{flex:0 0 auto}.client-domain-health-strip{grid-template-columns:1fr 1fr}.client-domain-health-grid--v214{grid-template-columns:1fr}.client-domain-detail-hero__identity{align-items:flex-start}.client-domain-detail-hero__icon{width:40px;height:40px;flex-basis:40px}.client-domain-row__actions>.dropdown{flex:0 0 auto}.client-domain-row__actions>.dropdown>.btn{width:40px}}@media(max-width:479.98px){.client-domain-health-strip{grid-template-columns:1fr}.client-domain-filterbar{padding-inline:12px}.client-domain-detail-tabs a{white-space:nowrap}}

/* Phase 215 — Makeitdomain hosting lifecycle workspace */
.client-hosting-portfolio--lifecycle{overflow:visible}.client-hosting-table--lifecycle .client-hosting-table__head,.client-hosting-table--lifecycle .client-hosting-row--lifecycle{grid-template-columns:minmax(220px,1.35fr) minmax(185px,1fr) minmax(155px,.85fr) minmax(145px,.78fr) minmax(105px,.6fr) minmax(92px,.52fr)}
.client-hosting-row__protection{display:grid;gap:5px;align-content:center}.client-hosting-protection-pill{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--mid-line);border-radius:999px;background:var(--mid-panel-2);color:var(--mid-muted);font-size:.49rem;font-weight:800;white-space:nowrap}.client-hosting-protection-pill i{font-size:.55rem}.client-hosting-protection-pill.is-active{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.client-hosting-protection-pill.is-pending{border-color:#fde68a;background:#fffbeb;color:#a16207}.client-hosting-protection-pill.is-muted{color:#64748b}.client-hosting-row--lifecycle .dropdown{position:relative}.client-hosting-row--lifecycle .table-row-manage-menu{z-index:3200}.client-hosting-row--lifecycle .dropdown-toggle{display:inline-flex;align-items:center;gap:6px;justify-content:center}.client-hosting-row--lifecycle .dropdown-toggle:after{margin-left:2px}.client-hosting-manage--v2 .mid-service-heading__actions form{margin:0}.client-hosting-manage--v2 .mid-service-heading__actions form .btn{height:100%}.client-hosting-summary__facts--lifecycle{grid-template-columns:repeat(3,minmax(0,1fr))}.client-hosting-reference{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-hosting-health-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}.client-hosting-health-strip article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:12px 13px;border:1px solid var(--mid-line);border-radius:14px;background:var(--mid-panel);box-shadow:0 7px 20px rgba(15,23,42,.025)}.client-hosting-health-strip__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--mid-panel-2);color:#64748b}.client-hosting-health-strip__icon.is-good{background:#ecfdf5;color:#15803d}.client-hosting-health-strip__icon.is-warning{background:#fffbeb;color:#b45309}.client-hosting-health-strip__icon.is-muted{background:#f1f5f9;color:#64748b}.client-hosting-health-strip article>div{display:grid;min-width:0;gap:1px}.client-hosting-health-strip small{color:var(--mid-muted);font-size:.49rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.client-hosting-health-strip strong{overflow:hidden;color:var(--mid-ink);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.client-hosting-health-strip em{overflow:hidden;color:var(--mid-muted);font-size:.5rem;font-style:normal;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.client-hosting-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 10px}.client-hosting-section-heading h2{margin:2px 0 3px;color:var(--mid-ink);font-size:.88rem}.client-hosting-section-heading p:last-child{margin:0;color:var(--mid-muted);font-size:.58rem}.client-hosting-resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.client-hosting-resource-card{position:relative;overflow:hidden;display:grid;gap:10px}.client-hosting-resource-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.client-hosting-resource-card__percent{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:5px 7px;border-radius:999px;background:#eef7f7;color:var(--mid-primary-strong);font-size:.55rem;font-weight:900}.client-hosting-resource-progress{height:6px;overflow:hidden;border-radius:999px;background:#edf2f7}.client-hosting-resource-progress span{display:block;height:100%;border-radius:inherit;background:var(--mid-primary);transition:width .25s ease}.client-hosting-resource-card--warning .client-hosting-resource-progress span{background:#d97706}.client-hosting-resource-card--danger .client-hosting-resource-progress span{background:#dc2626}.client-hosting-resource-card--warning .client-hosting-resource-card__percent{background:#fffbeb;color:#b45309}.client-hosting-resource-card--danger .client-hosting-resource-card__percent{background:#fff1f2;color:#be123c}.client-hosting-protection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.client-hosting-protection-card{display:flex;min-width:0;flex-direction:column;padding:16px!important}.client-hosting-protection-card__head{display:flex;align-items:center;gap:10px}.client-hosting-protection-card__head .section-title{margin:1px 0 0;font-size:.79rem}.client-hosting-protection-card__icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#f1f5f9;color:#64748b}.client-hosting-protection-card__icon.is-good{background:#ecfdf5;color:#15803d}.client-hosting-protection-card__icon.is-warning{background:#fffbeb;color:#b45309}.client-hosting-protection-card__status{display:grid;gap:4px;min-height:78px;margin:14px 0}.client-hosting-protection-card__status strong{color:var(--mid-ink);font-size:.69rem}.client-hosting-protection-card__status span{color:var(--mid-muted);font-size:.55rem;line-height:1.5}.client-hosting-protection-card form{margin-top:auto}.client-hosting-protection-card>.btn{margin-top:auto}.client-hosting-manage--v2 .client-operational-actions>a>span:first-child{background:var(--mid-primary-soft);color:var(--mid-primary-strong)}
@media(max-width:1199.98px){.client-hosting-table--lifecycle .client-hosting-table__head{display:none}.client-hosting-table--lifecycle .client-hosting-row--lifecycle{grid-template-columns:minmax(0,1.4fr) minmax(175px,.9fr) minmax(145px,.75fr) auto;gap:10px 14px}.client-hosting-row--lifecycle .client-hosting-row__service{grid-column:1;grid-row:1/span 2}.client-hosting-row--lifecycle .client-hosting-row__fact:nth-of-type(2){grid-column:2;grid-row:1}.client-hosting-row--lifecycle .client-hosting-row__protection{grid-column:3;grid-row:1/span 2}.client-hosting-row--lifecycle .client-hosting-row__fact:nth-of-type(4){grid-column:2;grid-row:2}.client-hosting-row--lifecycle .client-hosting-row__status{grid-column:3;grid-row:3}.client-hosting-row--lifecycle .client-hosting-row__actions{grid-column:4;grid-row:1/span 3;align-self:center}.client-hosting-summary__facts--lifecycle{grid-template-columns:repeat(2,minmax(0,1fr))}.client-hosting-health-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.client-hosting-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.client-hosting-row--lifecycle .client-hosting-row__service,.client-hosting-row--lifecycle .client-hosting-row__fact:nth-of-type(2),.client-hosting-row--lifecycle .client-hosting-row__protection,.client-hosting-row--lifecycle .client-hosting-row__fact:nth-of-type(4),.client-hosting-row--lifecycle .client-hosting-row__status,.client-hosting-row--lifecycle .client-hosting-row__actions{grid-column:1/-1;grid-row:auto;padding-left:0}.client-hosting-row--lifecycle .client-hosting-row__protection{display:flex;flex-wrap:wrap;padding-left:46px}.client-hosting-row--lifecycle .client-hosting-row__actions{justify-content:flex-start;padding-left:46px}.client-hosting-row--lifecycle .client-hosting-row__actions .dropdown,.client-hosting-row--lifecycle .client-hosting-row__actions .dropdown-toggle{width:100%}.client-hosting-row--lifecycle .client-hosting-row__actions .dropdown-toggle span{display:inline}.client-hosting-summary__facts--lifecycle,.client-hosting-health-strip,.client-hosting-resource-grid,.client-hosting-protection-grid{grid-template-columns:1fr}.client-hosting-manage--v2 .mid-service-heading__actions{display:grid;width:100%;grid-template-columns:1fr}.client-hosting-manage--v2 .mid-service-heading__actions form,.client-hosting-manage--v2 .mid-service-heading__actions .btn{width:100%}.client-hosting-health-strip article{grid-template-columns:40px minmax(0,1fr)}.client-hosting-reference{max-width:56vw}.client-hosting-protection-card__status{min-height:0}}

/* Phase 216 — Makeitdomain SSL lifecycle and AutoSSL workspace */
.client-ssl-portfolio--lifecycle{overflow:visible}.client-ssl-toolbar{display:flex;justify-content:flex-end;gap:12px;margin:0 0 14px}.client-ssl-search{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;width:min(100%,360px);padding:8px 11px;border:1px solid var(--mid-line);border-radius:12px;background:#fff}.client-ssl-search i{color:var(--mid-primary-strong)}.client-ssl-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--mid-ink);font-size:.78rem}.client-ssl-table .is-warning{color:#b45309}.client-ssl-manage-heading{margin-bottom:16px}.client-ssl-health-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.client-ssl-health-strip article{display:grid;gap:6px;padding:16px 17px;border:1px solid var(--mid-line);border-radius:15px;background:var(--mid-panel);box-shadow:0 8px 28px rgba(15,23,42,.035)}.client-ssl-health-strip article>span:first-child{color:var(--mid-muted);font-size:.63rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.client-ssl-health-strip article>strong:not(.status-pill){color:var(--mid-ink);font-size:.92rem;font-weight:900}.client-ssl-health-strip article>small{color:var(--mid-muted);font-size:.64rem;line-height:1.4}.client-ssl-manage-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.58fr);gap:18px;align-items:start;margin-bottom:18px}.client-ssl-context-stack{display:grid;gap:14px}.client-ssl-context-stack .mid-dashboard-card{padding:18px}.client-ssl-context-stack h2{margin:3px 0 7px;color:var(--mid-ink);font-size:.95rem}.client-ssl-context-stack p:not(.section-kicker){margin:0 0 13px;color:var(--mid-ink-soft);font-size:.7rem;line-height:1.55}.client-ssl-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.client-ssl-detail-grid article{display:grid;gap:5px;padding:14px;border:1px solid var(--mid-line);border-radius:13px;background:var(--mid-panel-2)}.client-ssl-detail-grid span{color:var(--mid-muted);font-size:.61rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase}.client-ssl-detail-grid strong{overflow-wrap:anywhere;color:var(--mid-ink);font-size:.78rem}.client-ssl-detail-grid small{color:var(--mid-muted);font-size:.61rem;line-height:1.4}.client-ssl-serial{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.client-ssl-renewal-control{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px;border:1px solid var(--mid-line);border-radius:14px;background:var(--mid-panel-2)}.client-ssl-renewal-control>div{max-width:700px}.client-ssl-renewal-control strong{display:block;color:var(--mid-ink);font-size:.82rem}.client-ssl-renewal-control p{margin:4px 0 0;color:var(--mid-ink-soft);font-size:.69rem;line-height:1.5}.client-ssl-attention{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;margin:0 0 14px;padding:13px 14px;border:1px solid #fed7aa;border-radius:13px;background:#fff7ed}.client-ssl-attention>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ffedd5;color:#c2410c}.client-ssl-attention strong{display:block;color:#9a3412;font-size:.76rem}.client-ssl-attention p{margin:3px 0 0;color:#7c2d12;font-size:.66rem;line-height:1.5}.client-ssl-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.client-ssl-action-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:start;padding:15px;border:1px solid var(--mid-line);border-radius:14px;background:#fff;text-decoration:none}.client-ssl-action-card>span:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(var(--brand-primary-rgb),.08);color:var(--mid-primary-strong)}.client-ssl-action-card>div{display:grid;gap:3px;min-width:0}.client-ssl-action-card strong{color:var(--mid-ink);font-size:.75rem}.client-ssl-action-card small{color:var(--mid-muted);font-size:.62rem;line-height:1.45}.client-ssl-action-card>.btn,.client-ssl-action-card>button{grid-column:1/-1;width:100%;justify-content:center}.client-ssl-action-card--link>.btn{display:flex;grid-column:1/-1;align-items:center;justify-content:center}.client-ssl-action-card:hover{border-color:rgba(var(--brand-primary-rgb),.25);box-shadow:0 10px 28px rgba(15,23,42,.05)}
@media(max-width:1099.98px){.client-ssl-health-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.client-ssl-manage-grid{grid-template-columns:1fr}.client-ssl-context-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.client-ssl-action-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767.98px){.client-ssl-health-strip,.client-ssl-context-stack,.client-ssl-detail-grid,.client-ssl-action-grid{grid-template-columns:1fr}.client-ssl-toolbar{justify-content:stretch}.client-ssl-search{width:100%}.client-ssl-renewal-control{align-items:stretch;flex-direction:column}.client-ssl-renewal-control form,.client-ssl-renewal-control .btn{width:100%}}

/* Phase 217 — Customer 360° administrator workspace */
.admin-customer-action-menu__primary{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;margin:4px 7px 8px;padding:11px;border:1px solid rgba(var(--brand-primary-rgb),.17);border-radius:12px;background:rgba(var(--brand-primary-rgb),.055);color:var(--mid-ink);text-decoration:none}.admin-customer-action-menu__primary>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(var(--brand-primary-rgb),.12);color:var(--mid-primary-strong)}.admin-customer-action-menu__primary>span:nth-child(2){display:grid;gap:1px}.admin-customer-action-menu__primary strong{font-size:.73rem}.admin-customer-action-menu__primary small{color:var(--mid-muted);font-size:.59rem}.admin-customer-action-menu__primary>i{color:var(--mid-muted);font-size:.65rem}.admin-customer-action-menu__primary:hover{border-color:rgba(var(--brand-primary-rgb),.28);background:rgba(var(--brand-primary-rgb),.09);color:var(--mid-ink)}
.admin-customer360-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:20px}.admin-customer360-identity{display:flex;align-items:center;gap:14px;min-width:0}.admin-customer360-avatar{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:17px;background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.16),rgba(var(--brand-primary-rgb),.06));color:var(--mid-primary-strong);font-size:1.3rem;font-weight:950}.admin-customer360-identity__copy{min-width:0}.admin-customer360-titleline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-customer360-titleline h2{margin:0;color:var(--mid-ink);font-size:1.12rem;font-weight:950}.admin-customer360-identity__copy>p{margin:4px 0 0;color:var(--mid-ink-soft);font-size:.75rem}.admin-customer360-meta{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:9px}.admin-customer360-meta span{display:inline-flex;align-items:center;gap:5px;color:var(--mid-muted);font-size:.62rem}.admin-customer360-meta i{color:var(--mid-primary-strong)}.admin-customer360-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.admin-customer360-actions form{margin:0}.admin-customer360-nav{margin-bottom:14px}.admin-customer360-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-customer360-metrics .metric-tile small{display:block;margin-top:5px;color:var(--mid-muted);font-size:.61rem}.admin-customer360-metrics .metric-value--money{font-size:clamp(.9rem,1.2vw,1.25rem)}
.admin-customer360-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.admin-customer360-grid--finance{grid-template-columns:minmax(0,1.45fr) minmax(260px,.65fr) minmax(260px,.65fr)}.admin-customer360-card{min-width:0;overflow:hidden}.admin-customer360-card--wide{grid-column:span 2}.admin-customer360-card .surface-head{align-items:flex-start}.admin-customer360-card .surface-head>a{display:inline-flex;align-items:center;gap:6px;color:var(--mid-primary-strong);font-size:.65rem;font-weight:850;text-decoration:none;white-space:nowrap}.admin-customer360-list{display:grid}.admin-customer360-list__row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--mid-line);color:var(--mid-ink);text-decoration:none}.admin-customer360-list__row:last-child{border-bottom:0}.admin-customer360-list__row:hover{color:var(--mid-ink)}.admin-customer360-list__row.is-static{grid-template-columns:38px minmax(0,1fr) auto}.admin-customer360-list__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(var(--brand-primary-rgb),.075);color:var(--mid-primary-strong)}.admin-customer360-list__row>span:nth-child(2){display:grid;gap:2px;min-width:0}.admin-customer360-list__row>span:nth-child(2)>strong{overflow:hidden;color:var(--mid-ink);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.admin-customer360-list__row small{color:var(--mid-muted);font-size:.59rem;line-height:1.4}.admin-customer360-list__row>i:last-child{color:#94a3b8;font-size:.58rem}.admin-customer360-empty{display:flex;align-items:center;justify-content:center;gap:9px;min-height:84px;color:var(--mid-muted);font-size:.7rem;text-align:center}.admin-customer360-empty i{color:var(--mid-primary-strong)}
.admin-customer360-finance-columns,.admin-customer360-support-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-customer360-finance-columns>div>h3,.admin-customer360-support-columns>div>h3{margin:0 0 8px;color:var(--mid-ink);font-size:.69rem;font-weight:900}.admin-customer360-activity{display:grid}.admin-customer360-activity>a,.admin-customer360-activity>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--mid-line);color:var(--mid-ink);text-decoration:none}.admin-customer360-activity>a:last-child,.admin-customer360-activity>div:last-child{border-bottom:0}.admin-customer360-activity>a>span:first-child,.admin-customer360-activity>div>span:first-child{display:grid;gap:2px;min-width:0;margin-right:auto}.admin-customer360-activity strong{color:var(--mid-ink);font-size:.67rem}.admin-customer360-activity small{overflow:hidden;max-width:260px;color:var(--mid-muted);font-size:.56rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.admin-customer360-verification .surface-head{margin-bottom:8px}.admin-customer360-pin{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px;border:1px dashed rgba(var(--brand-primary-rgb),.3);border-radius:14px;background:rgba(var(--brand-primary-rgb),.045)}.admin-customer360-pin>span{color:var(--mid-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.4rem;font-weight:950;letter-spacing:.18em}.admin-customer360-verification>p{margin:11px 0;color:var(--mid-muted);font-size:.63rem;line-height:1.5}.admin-customer360-agent{display:block;max-width:500px;overflow:hidden;color:var(--mid-ink-soft);font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1199.98px){.admin-customer360-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-customer360-grid,.admin-customer360-grid--finance{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-customer360-card--wide{grid-column:1/-1}}
@media(max-width:767.98px){.admin-customer360-hero{align-items:flex-start;flex-direction:column}.admin-customer360-actions{display:grid;grid-template-columns:1fr;width:100%}.admin-customer360-actions .btn,.admin-customer360-actions form,.admin-customer360-actions form button{width:100%}.admin-customer360-metrics,.admin-customer360-grid,.admin-customer360-grid--finance,.admin-customer360-finance-columns,.admin-customer360-support-columns{grid-template-columns:1fr}.admin-customer360-card--wide{grid-column:auto}.admin-customer360-list__row{grid-template-columns:36px minmax(0,1fr) auto}.admin-customer360-list__row>i:last-child{display:none}.admin-customer360-list__row .status-pill{grid-column:2;justify-self:start}.admin-customer360-list__row.is-static{grid-template-columns:36px minmax(0,1fr)}.admin-customer360-list__row.is-static .status-pill{grid-column:2}.admin-customer360-meta{display:grid}.admin-customer360-activity>a,.admin-customer360-activity>div{align-items:flex-start;flex-wrap:wrap}.admin-customer360-agent{max-width:55vw}}
.admin-customer-filter-banner{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 14px;padding:11px 13px;border:1px solid rgba(var(--brand-primary-rgb),.18);border-radius:13px;background:rgba(var(--brand-primary-rgb),.045)}.admin-customer-filter-banner__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(var(--brand-primary-rgb),.1);color:var(--mid-primary-strong)}.admin-customer-filter-banner>span:nth-child(2){display:grid;gap:1px}.admin-customer-filter-banner small{color:var(--mid-muted);font-size:.55rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.admin-customer-filter-banner strong{color:var(--mid-ink);font-size:.72rem}.admin-customer-filter-banner em{color:var(--mid-muted);font-size:.58rem;font-style:normal}@media(max-width:575.98px){.admin-customer-filter-banner{grid-template-columns:34px minmax(0,1fr)}.admin-customer-filter-banner__icon{width:34px;height:34px}.admin-customer-filter-banner .btn{grid-column:1/-1;width:100%}}
/* Phase 219 — finance trace, payment filters and reconciliation surfaces */
.admin-finance-filterbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--mid-line);background:var(--mid-panel-2)}.admin-filter-chipset{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-filter-chip{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border:1px solid var(--mid-line);border-radius:999px;background:#fff;color:var(--mid-ink-soft);font-size:.63rem;font-weight:850;text-decoration:none}.admin-filter-chip:hover,.admin-filter-chip.is-active{border-color:rgba(var(--brand-primary-rgb),.28);background:rgba(var(--brand-primary-rgb),.08);color:var(--mid-primary-strong)}.admin-filter-clear{display:inline-flex;align-items:center;gap:6px;color:var(--mid-primary-strong);font-size:.63rem;font-weight:850;text-decoration:none}.admin-finance-trace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.admin-finance-filter-banner{margin-bottom:14px}.admin-table-meta--danger{color:#b42318!important}.admin-ui-active .table-row-manage-menu .dropdown-item[type=button]{border:0;background:transparent;text-align:left}.admin-ui-active .table-row-manage-menu .dropdown-item[type=button]:hover{background:#f2fbfa}.admin-ui-active .table-row-manage-menu form{width:100%}@media(max-width:991.98px){.admin-finance-trace-grid{grid-template-columns:1fr}.admin-finance-filterbar{align-items:flex-start;flex-direction:column}}@media(max-width:575.98px){.admin-filter-chipset{width:100%}.admin-filter-chip{flex:1 1 auto;justify-content:center}.admin-finance-filterbar{padding:10px}.admin-filter-clear{width:100%;justify-content:center;padding:7px}}
/* Phase 220 — support context, triage and attachment presentation */
.client-support-context-chip{max-width:260px}.client-ticket-service-context{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;align-items:center;padding:11px 13px;border:1px solid rgba(var(--brand-primary-rgb),.18);border-radius:12px;background:rgba(var(--brand-primary-rgb),.05)}.client-ticket-service-context span{display:inline-flex;align-items:center;gap:6px;color:var(--mid-primary-strong);font-size:.65rem;font-weight:850;text-transform:uppercase}.client-ticket-service-context strong{color:var(--mid-ink);font-size:.78rem}.client-ticket-service-context small{grid-column:2;color:var(--mid-muted);font-size:.62rem}.support-attachment-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.support-attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--mid-line);border-radius:10px;background:var(--mid-panel-2);color:var(--mid-ink-soft);font-size:.62rem}.support-attachment-chip i{color:var(--mid-primary-strong)}.support-attachment-chip strong{font-size:inherit}.support-attachment-chip small{color:var(--mid-muted)}.admin-support-filter-v4--expanded{grid-template-columns:minmax(0,1.4fr) minmax(120px,.7fr) minmax(120px,.7fr)}.admin-support-priority{display:inline-flex;margin-top:5px;padding:4px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:.55rem;font-weight:850}.admin-support-priority--urgent{background:#fff1f2;color:#be123c}.admin-support-priority--high{background:#fff7ed;color:#c2410c}.admin-support-priority--low{background:#f0fdf4;color:#15803d}.admin-support-context-v5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 14px;border-bottom:1px solid var(--mid-line);background:var(--mid-panel-2)}.admin-support-context-v5>div{display:grid;gap:2px;padding:8px 10px;border:1px solid var(--mid-line);border-radius:10px;background:#fff}.admin-support-context-v5 span{color:var(--mid-muted);font-size:.54rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.admin-support-context-v5 strong{overflow:hidden;color:var(--mid-ink);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.admin-support-context-v5 small{color:var(--mid-muted);font-size:.56rem}@media(max-width:991.98px){.admin-support-context-v5{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-support-filter-v4--expanded{grid-template-columns:1fr 1fr}}@media(max-width:575.98px){.admin-support-context-v5,.admin-support-filter-v4--expanded{grid-template-columns:1fr}.client-ticket-service-context{grid-template-columns:1fr}.client-ticket-service-context small{grid-column:auto}}
/* Phase 221 — customer notification centre */
.client-notification-menu{position:relative}.client-notification-trigger{position:relative}.client-notification-trigger__badge{right:-5px;top:-5px}.client-notification-dropdown{width:min(390px,94vw);padding:0!important;overflow:hidden;border:1px solid #dbe7ee!important;border-radius:16px!important;background:var(--mid-panel,#fff)!important;box-shadow:0 24px 64px rgba(15,23,42,.18)!important}.client-notification-dropdown__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid var(--mid-line,#e5edf2)}.client-notification-dropdown__head strong{display:block;color:var(--mid-ink,#0f172a);font-size:.84rem}.client-notification-dropdown__head small{display:block;margin-top:2px;color:var(--mid-muted,#64748b);font-size:.65rem}.client-notification-dropdown__head>a,.client-notification-dropdown__foot a{color:var(--mid-primary-strong,#0f8f8e);font-size:.69rem;font-weight:850;text-decoration:none}.client-notification-dropdown__list{max-height:360px;overflow:auto;padding:6px}.client-notification-dropdown__item{display:grid;grid-template-columns:34px minmax(0,1fr) 10px;gap:9px;align-items:center;padding:10px;border-radius:11px;color:inherit;text-decoration:none}.client-notification-dropdown__item:hover{background:var(--mid-panel-2,#f8fafc)}.client-notification-dropdown__item>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(var(--brand-primary-rgb),.08);color:var(--mid-primary-strong,#0f8f8e)}.client-notification-dropdown__item>div{min-width:0}.client-notification-dropdown__item strong,.client-notification-dropdown__item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-notification-dropdown__item strong{color:var(--mid-ink,#0f172a);font-size:.72rem}.client-notification-dropdown__item small{margin-top:3px;color:var(--mid-muted,#64748b);font-size:.62rem}.client-notification-dropdown__item.is-unread{background:rgba(var(--brand-primary-rgb),.045)}.client-notification-dropdown__dot{color:var(--mid-primary-strong,#0f8f8e);font-size:.38rem}.client-notification-dropdown__foot{padding:10px 14px;border-top:1px solid var(--mid-line,#e5edf2);background:var(--mid-panel-2,#f8fafc)}.client-notification-dropdown__foot a{display:flex;align-items:center;gap:7px}.client-notification-dropdown__empty{display:grid;justify-items:center;gap:4px;padding:28px 18px;text-align:center}.client-notification-dropdown__empty i{color:var(--mid-primary-strong,#0f8f8e);font-size:1.3rem}.client-notification-dropdown__empty strong{font-size:.76rem}.client-notification-dropdown__empty span{color:var(--mid-muted,#64748b);font-size:.64rem}.client-notification-filterbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--mid-line,#e5edf2);border-bottom:1px solid var(--mid-line,#e5edf2);overflow:auto}.client-notification-filterbar__group{display:flex;align-items:center;gap:6px;white-space:nowrap}.client-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--mid-line,#dbe7ee);border-radius:999px;background:var(--mid-panel,#fff);color:var(--mid-ink-soft,#475569);font-size:.65rem;font-weight:800;text-decoration:none}.client-filter-chip:hover,.client-filter-chip.is-active{border-color:rgba(var(--brand-primary-rgb),.25);background:rgba(var(--brand-primary-rgb),.08);color:var(--mid-primary-strong,#0f8f8e)}.client-notification-preferences{margin-top:18px;padding:20px;border:1px solid var(--mid-line,#dbe7ee);border-radius:18px}.client-notification-policy{display:flex;gap:11px;align-items:flex-start;margin:14px 0;padding:12px 14px;border:1px solid #bae6fd;border-radius:13px;background:#f0f9ff}.client-notification-policy>i{margin-top:2px;color:#0284c7}.client-notification-policy div{display:grid;gap:2px}.client-notification-policy strong{font-size:.74rem}.client-notification-policy span{color:#475569;font-size:.67rem;line-height:1.45}.client-notification-preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-notification-preference-card{display:grid;gap:12px;padding:14px;border:1px solid var(--mid-line,#dbe7ee);border-radius:14px;background:var(--mid-panel,#fff)}.client-notification-preference-card__identity{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start}.client-notification-preference-card__identity>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(var(--brand-primary-rgb),.08);color:var(--mid-primary-strong,#0f8f8e)}.client-notification-preference-card__identity div{display:grid;gap:3px}.client-notification-preference-card__identity strong{font-size:.75rem}.client-notification-preference-card__identity small{color:var(--mid-muted,#64748b);font-size:.63rem;line-height:1.4}.client-notification-preference-card__channels{display:flex;gap:8px;flex-wrap:wrap}.client-notification-preference-card__channels label{margin:0;cursor:pointer}.client-notification-preference-card__channels input{position:absolute;opacity:0;pointer-events:none}.client-notification-preference-card__channels label>span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid var(--mid-line,#dbe7ee);border-radius:10px;color:var(--mid-ink-soft,#475569);font-size:.65rem;font-weight:800}.client-notification-preference-card__channels input:checked+span{border-color:rgba(var(--brand-primary-rgb),.28);background:rgba(var(--brand-primary-rgb),.08);color:var(--mid-primary-strong,#0f8f8e)}.client-notification-preference-card__channels label.is-locked>span{cursor:not-allowed}.client-notification-preference-card__channels label small{margin-left:2px;font-size:.55rem;text-transform:uppercase}.client-notification-preference-form .client-settings-form__footer{margin-top:14px}.client-notification-item__action{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:991.98px){.client-notification-preference-grid{grid-template-columns:1fr}.client-notification-filterbar{align-items:flex-start;flex-direction:column}.client-notification-filterbar__group{max-width:100%;overflow:auto}}@media(max-width:575.98px){.client-notification-dropdown{position:fixed!important;top:68px!important;right:10px!important;left:10px!important;width:auto!important;transform:none!important}.client-notification-preferences{padding:14px}.client-notification-item__action{justify-content:flex-start}}

/* Phase 222 — customer profile, security and account-access hardening */
.client-shell-body .client-module-hero--security{margin-bottom:14px}
.client-shell-body .client-security-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.client-shell-body .client-account-security-card{display:grid;align-content:start;gap:16px;padding:18px;border:1px solid var(--mid-line);border-radius:18px;background:var(--mid-panel);box-shadow:0 10px 28px rgba(15,23,42,.035)}
.client-shell-body .client-account-security-card .client-module-heading{margin:0;padding:0;border:0}
.client-shell-body .client-security-identity-line,.client-shell-body .client-security-pending-change{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding:12px;border:1px solid var(--mid-line);border-radius:13px;background:var(--mid-panel-2)}
.client-shell-body .client-security-identity-line>span,.client-shell-body .client-security-pending-change>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(var(--brand-primary-rgb),.08);color:var(--mid-primary-strong)}
.client-shell-body .client-security-identity-line>div,.client-shell-body .client-security-pending-change>div{display:grid;gap:2px;min-width:0}
.client-shell-body .client-security-identity-line strong,.client-shell-body .client-security-pending-change strong{overflow:hidden;color:var(--mid-ink);font-size:.78rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.client-shell-body .client-security-identity-line small,.client-shell-body .client-security-pending-change small{color:var(--mid-muted);font-size:.62rem;line-height:1.45}
.client-shell-body .client-security-pending-change{border-color:#fde68a;background:#fffbeb}.client-shell-body .client-security-pending-change>span{background:#fef3c7;color:#b45309}
.client-shell-body .client-inline-security-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.client-shell-body .client-inline-security-form label{display:grid;gap:6px}.client-shell-body .client-inline-security-form label>span{color:var(--mid-muted);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.client-shell-body .client-security-link-button{justify-self:start;padding:0;color:var(--mid-muted);font-size:.66rem;text-decoration:none}.client-shell-body .client-security-link-button:hover{color:#b91c1c}
.client-shell-body .client-security-disclosure{border:1px solid var(--mid-line);border-radius:13px;overflow:hidden;background:var(--mid-panel-2)}
.client-shell-body .client-security-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;color:var(--mid-ink);font-size:.7rem;font-weight:850;cursor:pointer;list-style:none}.client-shell-body .client-security-disclosure summary::-webkit-details-marker{display:none}.client-shell-body .client-security-disclosure summary span{display:flex;align-items:center;gap:8px}.client-shell-body .client-security-disclosure[open] summary{border-bottom:1px solid var(--mid-line)}
.client-shell-body .client-security-disclosure>form{padding:13px}.client-shell-body .client-security-form-note{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px;border-radius:11px;background:rgba(var(--brand-primary-rgb),.055);color:var(--mid-muted);font-size:.62rem;line-height:1.45}.client-shell-body .client-security-form-note i{margin-top:2px;color:var(--mid-primary-strong)}
.client-shell-body .client-session-table td form{display:flex;justify-content:flex-end;margin:0}.client-shell-body .client-session-table .status-pill{white-space:nowrap}
.client-shell-body #sign-in-history{margin-top:16px}.client-shell-body #sign-in-history code{font-size:.63rem}
html[data-theme="dark"] .client-shell-body .client-security-pending-change{border-color:rgba(245,158,11,.25);background:rgba(120,53,15,.12)}
@media(max-width:991.98px){.client-shell-body .client-security-account-grid{grid-template-columns:1fr}}
@media(max-width:575.98px){.client-shell-body .client-account-security-card{padding:14px}.client-shell-body .client-inline-security-form{grid-template-columns:1fr}.client-shell-body .client-inline-security-form .btn{width:100%}}
.client-shell-body .client-support-pin-security{margin-top:8px;border:1px solid var(--mid-line);border-radius:11px;background:var(--mid-panel-2);overflow:hidden}.client-shell-body .client-support-pin-security summary{padding:10px 11px;color:var(--mid-ink);font-size:.66rem;font-weight:800;cursor:pointer;list-style:none}.client-shell-body .client-support-pin-security summary::-webkit-details-marker{display:none}.client-shell-body .client-support-pin-security[open] summary{border-bottom:1px solid var(--mid-line)}.client-shell-body .client-support-pin-security form{display:grid;gap:8px;padding:10px}.client-shell-body .client-support-pin-security .form-label{margin:0;color:var(--mid-muted);font-size:.6rem;font-weight:800}

/* Phase 224 — Public enquiry intake and administrator inquiry workspace */
.public-inquiry-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.public-form-help,.public-contact-form__privacy{display:block;color:#718096;font-size:.76rem;line-height:1.5}
.public-contact-form__privacy{margin:0;text-align:center}.public-contact-form__privacy i{margin-right:6px;color:#0f8f8e}
.public-contact-form [data-vettiguard-protection]{margin-top:2px}
.admin-inquiry-filter{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(160px,.7fr)) auto;gap:14px;align-items:end;margin:20px 0}
.admin-inquiry-filter .form-label{margin-bottom:6px}.admin-filter-actions{display:flex;gap:8px;align-items:center}
.admin-inquiry-table-shell{overflow-x:auto}.admin-modern-table td{vertical-align:middle}.admin-modern-table tr.is-selected td{background:rgba(15,143,142,.055)}
.client-table-meta--wrap{max-width:420px;white-space:normal}.admin-record-label{display:block;margin-bottom:6px;color:var(--admin-text,#334155);font-weight:650}
.admin-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 2px 2px;color:var(--admin-muted,#64748b);font-size:.86rem}.admin-pagination>div{display:flex;gap:8px}
.admin-inquiry-review__badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.admin-inquiry-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:22px;align-items:start}.admin-inquiry-main{min-width:0}.admin-inquiry-sidebar{display:grid;gap:16px;position:sticky;top:90px}
.admin-inquiry-contact-facts{margin-bottom:20px}.admin-inquiry-contact-facts a{color:var(--admin-primary,#0f8f8e);font-weight:650;overflow-wrap:anywhere}
.admin-inquiry-thread{display:grid;gap:12px}.admin-inquiry-message{border:1px solid var(--admin-border,#e2e8f0);border-radius:16px;background:var(--admin-surface,#fff);padding:16px 18px;box-shadow:0 6px 20px rgba(15,23,42,.035)}
.admin-inquiry-message--customer{border-left:4px solid #0f8f8e}.admin-inquiry-message--agent{border-left:4px solid #2563eb}.admin-inquiry-message--note{border-left:4px solid #d97706;background:rgba(245,158,11,.045)}.admin-inquiry-message--system{border-left:4px solid #94a3b8;background:rgba(148,163,184,.06)}
.admin-inquiry-message__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.admin-inquiry-message__head>span{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-inquiry-message__head i{color:#64748b}.admin-inquiry-message__head small,.admin-inquiry-message__head time{color:var(--admin-muted,#64748b);font-size:.72rem}.admin-inquiry-message__body{color:var(--admin-text,#334155);line-height:1.65;overflow-wrap:anywhere}.admin-inquiry-message__delivery{margin-top:10px;color:#64748b;font-size:.72rem}.admin-inquiry-message__delivery i{margin-right:5px}
.admin-inquiry-compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.admin-inquiry-compose,.admin-inquiry-workflow,.admin-inquiry-sidebar-card{padding:18px}.admin-inquiry-compose{display:grid;gap:14px}.admin-inquiry-compose h3,.admin-inquiry-workflow h3,.admin-inquiry-sidebar-card h3{margin:3px 0 6px;font-size:1.04rem}.admin-inquiry-compose p,.admin-inquiry-workflow p,.admin-inquiry-sidebar-card p{margin:0;color:var(--admin-muted,#64748b);font-size:.82rem;line-height:1.55}.admin-inquiry-workflow{display:grid;gap:14px}.admin-inquiry-sidebar-card{display:grid;gap:12px}.admin-inquiry-compose--note{background:linear-gradient(180deg,rgba(245,158,11,.035),transparent)}
@media(max-width:1180px){.admin-inquiry-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filter-actions{grid-column:1/-1}.admin-inquiry-layout{grid-template-columns:1fr}.admin-inquiry-sidebar{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:760px){.admin-inquiry-filter{grid-template-columns:1fr}.admin-filter-actions{grid-column:auto;flex-wrap:wrap}.admin-inquiry-compose-grid,.admin-inquiry-sidebar{grid-template-columns:1fr}.admin-pagination{align-items:flex-start;flex-direction:column}.admin-inquiry-message__head{flex-direction:column}.public-contact-card{padding:20px}.public-contact-form__privacy{text-align:left}}

/* Phase 225 — Legal content governance and privileged re-authentication UX */
.admin-legal-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-legal-document-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 16px;border:1px solid var(--mid-line);border-radius:16px;background:var(--mid-panel);color:var(--mid-ink);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.admin-legal-document-card:hover,.admin-legal-document-card.is-active{border-color:rgba(var(--brand-primary-rgb),.38);box-shadow:0 12px 30px rgba(15,23,42,.07);transform:translateY(-1px)}.admin-legal-document-card__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(var(--brand-primary-rgb),.08);color:var(--mid-primary-strong);font-size:1rem}.admin-legal-document-card>span:nth-child(2){display:grid;gap:3px;min-width:0}.admin-legal-document-card strong{color:var(--mid-ink);font-size:.83rem}.admin-legal-document-card small{color:var(--mid-muted);font-size:.68rem}.admin-legal-editor-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.public-legal-meta{display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap;margin:0 0 26px;padding:13px 15px;border:1px solid rgba(15,143,142,.14);border-radius:14px;background:rgba(15,143,142,.045);color:#64748b;font-size:.8rem}.public-legal-meta span{display:inline-flex;align-items:center;gap:6px}.public-legal-meta i{color:#0f8f8e}.public-legal-content{color:#334155;font-size:.98rem;line-height:1.8}.public-legal-content h2,.public-legal-content h3,.public-legal-content h4,.public-legal-content h5{margin:1.6em 0 .65em;color:#0f172a;line-height:1.25}.public-legal-content h2{font-size:1.4rem}.public-legal-content h3{font-size:1.16rem}.public-legal-content p,.public-legal-content ul,.public-legal-content ol,.public-legal-content blockquote,.public-legal-content table{margin:0 0 1.05em}.public-legal-content ul,.public-legal-content ol{padding-left:1.35rem}.public-legal-content a{color:#0f8f8e;font-weight:700}.public-legal-content table{width:100%;border-collapse:collapse}.public-legal-content th,.public-legal-content td{padding:10px 12px;border:1px solid #e2e8f0;text-align:left;vertical-align:top}.public-legal-unavailable{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;padding:18px;border:1px solid #fed7aa;border-radius:16px;background:#fff7ed}.public-legal-unavailable>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ffedd5;color:#c2410c;font-size:1.1rem}.public-legal-unavailable strong{display:block;margin-bottom:5px;color:#9a3412}.public-legal-unavailable p{margin:0;color:#7c2d12;line-height:1.6}#midPrivilegedReauthModal .modal-dialog{max-width:560px}#midPrivilegedReauthModal .modal-subtitle{margin:.3rem 0 0;color:var(--mid-muted);font-size:.78rem;line-height:1.5}#midPrivilegedReauthModal .admin-inline-notice{align-items:flex-start}
html[data-theme="dark"] .public-legal-content{color:#cbd5e1}html[data-theme="dark"] .public-legal-content h2,html[data-theme="dark"] .public-legal-content h3,html[data-theme="dark"] .public-legal-content h4,html[data-theme="dark"] .public-legal-content h5{color:#f8fafc}html[data-theme="dark"] .public-legal-content th,html[data-theme="dark"] .public-legal-content td{border-color:rgba(148,163,184,.22)}html[data-theme="dark"] .public-legal-unavailable{border-color:rgba(251,146,60,.3);background:rgba(124,45,18,.16)}html[data-theme="dark"] .public-legal-unavailable>i{background:rgba(154,52,18,.25);color:#fdba74}html[data-theme="dark"] .public-legal-unavailable strong{color:#fdba74}html[data-theme="dark"] .public-legal-unavailable p{color:#fed7aa}
@media(max-width:760px){.admin-legal-document-grid{grid-template-columns:1fr}.admin-legal-document-card{grid-template-columns:40px minmax(0,1fr);padding:13px}.admin-legal-document-card>.status-pill{grid-column:2;justify-self:start}.admin-legal-document-card__icon{width:40px;height:40px}.admin-legal-editor-actions{align-items:stretch;flex-direction:column}.admin-legal-editor-actions .btn{width:100%}.public-legal-meta{align-items:flex-start;flex-direction:column}.public-legal-unavailable{grid-template-columns:1fr}.public-legal-unavailable>i{width:38px;height:38px}}

.admin-sensitive-action-note {
  display: flex;
  gap: .7rem;
  align-items: flex-start;
  margin-top: .35rem;
  padding: .85rem 1rem;
  border: 1px solid var(--border-color, rgba(15, 23, 42, .12));
  border-radius: .85rem;
  background: var(--surface-subtle, rgba(15, 23, 42, .035));
  color: var(--text-muted, #64748b);
  font-size: .88rem;
  line-height: 1.5;
}
.admin-sensitive-action-note i { margin-top: .2rem; flex: 0 0 auto; }

/* ==========================================================================\n   Phase 226 — Admin asset delivery hardening + Ozibus Live Chat refinement\n   ========================================================================== */
.admin-shell-body .ozibus-chat-settings {
    overflow: hidden;
}

.admin-shell-body .ozibus-chat-settings > .surface-head {
    align-items: flex-start;
    gap: 1.25rem;
}

.admin-shell-body .ozibus-chat-settings .form-stack {
    gap: 1.35rem;
}

.admin-shell-body .admin-chat-embed-preview {
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 16px;
    background: var(--surface-soft, #f8fafc);
    padding: 1rem 1.1rem;
    display: grid;
    gap: .75rem;
    min-width: 0;
}

.admin-shell-body .admin-chat-embed-preview > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.admin-shell-body .admin-chat-embed-preview > div span {
    color: var(--text-muted, #64748b);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.admin-shell-body .admin-chat-embed-preview code {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    border-radius: 12px;
    padding: .8rem .9rem;
    background: var(--code-bg, #0f172a);
    color: #e2e8f0;
    font-size: .78rem;
    line-height: 1.55;
}

.admin-shell-body #chat-sessions .admin-module-empty {
    min-height: 210px;
}

.admin-shell-body #chat-setup .admin-sensitive-action-note {
    margin-top: .25rem;
}

@media (max-width: 767.98px) {
    .admin-shell-body .ozibus-chat-settings > .surface-head,
    .admin-shell-body .ozibus-chat-settings .surface-head--compact {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-shell-body .admin-chat-embed-preview code {
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }

    .admin-shell-body #chat-sessions .admin-queue-search {
        width: 100%;
    }
}

/* ==========================================================================
   Phase 227 — application-wide device compatibility & adaptive commerce UI
   ========================================================================== */

/* Global containment: no application surface may force the viewport wider. */
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

body,
.public-shell-body,
.client-shell-body,
.admin-shell-body,
.public-app-main,
.client-app-main,
.admin-app-v91,
.admin-app-v91__workspace,
.customer-main,
.admin-content-v91,
.mid-client-workspace {
    min-width: 0;
}

img,
picture,
video,
canvas,
svg,
iframe {
    max-width: 100%;
}

img,
picture,
video {
    height: auto;
}

pre,
code,
kbd,
samp {
    max-width: 100%;
}

pre {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

:is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,small,label,td,th) {
    overflow-wrap: anywhere;
}

:is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(.container,.container-fluid,.row,[class*="grid"],[class*="layout"],[class*="workspace"],[class*="content"],[class*="main"],[class*="body"]) > * {
    min-width: 0;
}

:is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(input,select,textarea,.form-control,.form-select,.select2-container) {
    max-width: 100%;
}

.select2-container {
    width: 100% !important;
    min-width: 0 !important;
}

.select2-dropdown {
    max-width: calc(100vw - 16px) !important;
}

/* Flexible action/tool groups across public, customer and administrator shells. */
:is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(
    .surface-head,
    .mid-page-heading,
    .md-page-header,
    .module-toolbar,
    .table-toolbar,
    .filter-bar,
    .toolbar,
    .client-module-hero,
    .client-commerce-heading,
    .admin-module-hero,
    .admin-queue-head,
    .admin-v3-form-actions,
    .modal-footer
) {
    min-width: 0;
}

:is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(
    .surface-head,
    .mid-page-heading,
    .md-page-header,
    .module-toolbar,
    .table-toolbar,
    .filter-bar,
    .toolbar,
    .client-module-hero,
    .client-commerce-heading,
    .admin-module-hero,
    .admin-queue-head
) > :is(div,section,nav,form) {
    min-width: 0;
}

/* Viewport-safe dropdown contract for every shell. */
:is(.public-shell-body,.client-shell-body,.admin-shell-body) .dropdown-menu {
    max-width: min(520px, calc(100vw - 16px)) !important;
    max-height: min(72dvh, 680px);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* Public commerce utilities: desktop stays compact; tablet expands the open utility. */
.public-header-utilities,
.public-header-utilities > li,
.public-header-utilities .dropdown-menu {
    min-width: 0;
}

.public-cart-dropdown,
.public-currency-dropdown {
    contain: layout paint;
}

.public-cart-dropdown__head > div,
.public-cart-dropdown__copy,
.public-currency-dropdown__head,
.public-currency-option__copy {
    min-width: 0;
}

.public-cart-dropdown__head small,
.public-cart-dropdown__login-note,
.public-currency-dropdown__head small,
.public-currency-dropdown__note {
    overflow-wrap: anywhere;
}

.public-utility-sheet-backdrop {
    display: none;
}

/* Generic responsive table safety: card tables stay cards; deliberate wide tables scroll. */
:is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(.table-responsive,.table-shell,.admin-readable-table-shell,.pricing-table-shell) {
    max-width: 100%;
}

:is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(.table-responsive.keep-table-mobile,.table-shell.keep-table-mobile,.admin-readable-table-shell.keep-table-mobile,.pricing-table-shell.keep-table-mobile) {
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

/* Embedded provider widgets must not create horizontal overflow. */
ozibus-agent-chat,
chat-widget,
[data-vettiguard-protection],
.vettiguard-captcha {
    max-width: 100%;
}

@media (max-width: 991.98px) {
    /* Public collapsed navigation gets a real single-column content width. */
    .public-app-topbar .navbar-collapse {
        width: 100%;
        min-width: 0;
        max-height: calc(100dvh - 74px);
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
        padding-bottom: max(12px, env(safe-area-inset-bottom));
    }

    .public-app-topbar .shell-nav__menu,
    .public-app-topbar .public-header-utilities {
        width: 100%;
        min-width: 0;
    }

    .public-app-topbar .shell-nav__dropdown {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .public-header-utilities > .public-header-utility-item.is-utility-open {
        grid-column: 1 / -1;
    }

    .public-header-utilities > .public-header-utility-item.is-utility-open > .public-header-utility {
        width: 100%;
        justify-content: center;
    }

    .public-header-utilities > .public-header-utility-item.is-utility-open > :is(.public-cart-dropdown,.public-currency-dropdown) {
        width: 100% !important;
        max-width: 100% !important;
        margin-inline: 0 !important;
    }

    /* Page-level multi-column compositions collapse before they become cramped. */
    :is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(
        .public-api-preview__grid,
        .public-support-hero,
        .public-transfer-hero__grid,
        .client-cart-layout,
        .client-currency-layout,
        .admin-inquiry-layout
    ) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    :is(.client-shell-body,.admin-shell-body) :is(.client-cart-summary-wrap,.admin-inquiry-sidebar) {
        position: static !important;
        top: auto !important;
    }

    /* Headers/toolbars may wrap rather than clip controls. */
    :is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(
        .mid-page-heading,
        .surface-head,
        .client-module-hero,
        .client-commerce-heading,
        .admin-module-hero,
        .admin-queue-head
    ) {
        flex-wrap: wrap;
    }

    :is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(
        .mid-page-heading__actions,
        .client-module-hero__actions,
        .client-settings-form__footer-actions,
        .admin-module-hero__actions,
        .admin-v3-form-actions,
        .admin-table-actions
    ) {
        max-width: 100%;
        flex-wrap: wrap;
    }

    .modal-dialog {
        width: auto;
        max-width: calc(100vw - 20px) !important;
        margin-inline: 10px;
    }

    .modal-content {
        max-height: calc(100dvh - 20px);
        overflow: hidden;
    }

    .modal-body {
        overflow-y: auto;
        overscroll-behavior: contain;
    }
}

@media (max-width: 767.98px) {
    /* Phone commerce menus become viewport-contained bottom sheets, like search. */
    body.public-utility-sheet-open {
        overflow: hidden;
        touch-action: none;
    }

    .public-utility-sheet-backdrop {
        position: fixed;
        inset: 0;
        z-index: 1088;
        display: block;
        width: 100%;
        height: 100%;
        border: 0;
        background: rgba(15, 23, 42, .42);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    .public-cart-dropdown,
    .public-currency-dropdown {
        position: fixed !important;
        z-index: 1090 !important;
        inset: auto max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: min(78dvh, 700px) !important;
        margin: 0 !important;
        transform: none !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    .public-cart-dropdown.show,
    .public-currency-dropdown.show {
        display: flex !important;
        flex-direction: column;
    }

    .public-cart-dropdown__items,
    .public-currency-dropdown__options {
        min-height: 0;
        max-height: none;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .public-cart-dropdown__items {
        flex: 1 1 auto;
    }

    .public-currency-dropdown__options {
        flex: 1 1 42dvh;
    }

    .public-currency-dropdown__search {
        position: sticky;
        top: 0;
        z-index: 2;
        flex: 0 0 auto;
    }

    .public-cart-dropdown__head,
    .public-currency-dropdown__head,
    .public-cart-dropdown__summary,
    .public-cart-dropdown__actions,
    .public-cart-dropdown__login-note,
    .public-currency-dropdown__note {
        flex: 0 0 auto;
    }

    .public-cart-dropdown__item {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .public-cart-dropdown__price {
        grid-column: 2;
        justify-self: start;
        white-space: normal;
    }

    .public-cart-dropdown__head {
        align-items: center;
    }

    .public-cart-dropdown__head > a {
        flex: 0 0 auto;
    }

    /* Every interactive control remains finger-friendly and iOS-safe. */
    :is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(
        input:not([type="checkbox"]):not([type="radio"]),
        select,
        textarea,
        .form-control,
        .form-select,
        .select2-selection
    ) {
        font-size: 16px !important;
    }

    :is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(
        button,
        .btn,
        .shell-link,
        .dropdown-item,
        .public-header-utility,
        .shell-icon-action,
        .theme-toggle
    ) {
        min-height: 44px;
    }

    /* Two- and three-column grids used throughout the application collapse safely. */
    :is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(
        .form-grid-2,
        .form-grid-3,
        .client-currency-pair,
        .client-invoice-summary-grid,
        .admin-inquiry-filter,
        .admin-inquiry-compose-grid,
        .admin-legal-document-grid,
        .public-transfer-step-grid,
        .help-center-support-grid,
        .help-center-topic-grid
    ) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    /* Actions become predictable full-width rows on small devices. */
    :is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(
        .public-hero-actions,
        .public-pricing-hero__actions,
        .public-cta-band__actions,
        .mid-page-heading__actions,
        .client-module-hero__actions,
        .client-settings-form__footer-actions,
        .admin-module-hero__actions,
        .admin-v3-form-actions,
        .admin-filter-actions
    ) {
        width: 100%;
    }

    :is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(
        .public-hero-actions,
        .public-pricing-hero__actions,
        .public-cta-band__actions,
        .mid-page-heading__actions,
        .client-module-hero__actions,
        .client-settings-form__footer-actions,
        .admin-module-hero__actions,
        .admin-v3-form-actions,
        .admin-filter-actions
    ) > :is(a,button,.btn,form) {
        min-width: 0;
    }

    .public-search-dialog {
        max-height: calc(100dvh - 32px);
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    /* Rich/legal content and code/data stay readable without viewport overflow. */
    .public-legal-content table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 575.98px) {
    .public-app-topbar .container,
    .client-app-topbar .container,
    .admin-topbar-v91 .container,
    :is(.public-shell-body,.client-shell-body,.admin-shell-body) main > .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .public-header-utilities {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .public-header-utilities > li:nth-last-child(-n+2) {
        grid-column: 1 / -1;
    }

    .public-header-currency {
        padding-inline: 6px;
    }

    .public-cart-dropdown__actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    :is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(
        .mid-page-heading__actions,
        .client-module-hero__actions,
        .client-settings-form__footer-actions,
        .admin-module-hero__actions,
        .admin-v3-form-actions,
        .admin-filter-actions
    ) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px;
    }

    :is(.public-shell-body,.client-shell-body,.admin-shell-body) :is(
        .mid-page-heading__actions,
        .client-module-hero__actions,
        .client-settings-form__footer-actions,
        .admin-module-hero__actions,
        .admin-v3-form-actions,
        .admin-filter-actions
    ) :is(.btn,button,a.btn) {
        width: 100%;
    }

    .modal-dialog {
        max-width: calc(100vw - 12px) !important;
        margin: 6px;
    }

    .modal-content {
        max-height: calc(100dvh - 12px);
        border-radius: 16px;
    }
}

@media (max-width: 389.98px) {
    .public-app-topbar .navbar-brand > span:last-child small {
        display: none;
    }

    .public-app-topbar .navbar-brand > span:last-child strong {
        font-size: .88rem;
    }

    .public-header-utilities {
        gap: 6px !important;
    }

    .public-cart-dropdown,
    .public-currency-dropdown {
        inset-inline: max(5px, env(safe-area-inset-left)) !important;
        bottom: max(5px, env(safe-area-inset-bottom)) !important;
        max-height: 82dvh !important;
        border-radius: 15px !important;
    }
}

@media (orientation: landscape) and (max-height: 520px) {
    .public-cart-dropdown,
    .public-currency-dropdown {
        max-height: calc(100dvh - 12px) !important;
    }

    .public-search-overlay {
        padding-top: 8px;
        align-items: center;
    }

    .public-search-dialog {
        max-height: calc(100dvh - 16px);
    }
}

/* Phase 227 stacking-context safeguard for phone utility sheets. */
@media (max-width: 767.98px) {
    body.public-utility-sheet-open .public-app-topbar {
        z-index: 1090;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .public-utility-sheet-backdrop {
        z-index: 1089;
    }

    .public-cart-dropdown,
    .public-currency-dropdown {
        z-index: 1091 !important;
    }
}

/* Phase 229 — Ozibus agent inbox display modes. */
.ozibus-agent-embed-surface {
    overflow: hidden;
}

.ozibus-agent-embed-frame {
    width: 100%;
    min-width: 0;
    min-height: clamp(520px, 68dvh, 760px);
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    border-radius: 18px;
}

.ozibus-agent-embed-frame > ozibus-agent-chat {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: inherit;
}

@media (max-width: 767.98px) {
    .ozibus-agent-embed-frame {
        min-height: max(520px, calc(100dvh - 190px));
        border-radius: 14px;
    }
}

/* Phase 229 — safe Ozibus agent-token diagnostics. */
.admin-agent-token-test {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border: 1px solid var(--bs-border-color, rgba(148, 163, 184, .28));
    border-radius: 16px;
    background: rgba(148, 163, 184, .06);
    min-width: 0;
}

.admin-agent-token-test > div:first-child {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.admin-agent-token-test small {
    color: var(--bs-secondary-color, #64748b);
    overflow-wrap: anywhere;
}

.admin-agent-token-test__action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    min-width: 0;
    flex-wrap: wrap;
}

.admin-agent-token-test__result {
    font-size: .82rem;
    font-weight: 700;
    color: var(--bs-secondary-color, #64748b);
    overflow-wrap: anywhere;
}

.admin-agent-token-test__result[data-state="success"] { color: #15803d; }
.admin-agent-token-test__result[data-state="error"] { color: #b91c1c; }
.admin-agent-token-test__result[data-state="pending"] { color: #a16207; }

@media (max-width: 767.98px) {
    .admin-agent-token-test {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-agent-token-test__action {
        justify-content: stretch;
        align-items: stretch;
        flex-direction: column;
    }

    .admin-agent-token-test__action .btn {
        width: 100%;
        justify-content: center;
    }
}

/* Phase 245 — public VettiGuard trust label */
.public-domain-rate-note a{color:#0f8f8e;font-weight:800;text-decoration:none;text-underline-offset:3px}
.public-domain-rate-note a:hover,.public-domain-rate-note a:focus-visible{color:#0b6f6e;text-decoration:underline}
.public-search-hero .public-domain-rate-note{width:100%;justify-content:center;text-align:center}

/* Phase 230 - customer form feedback readability */
.public-shell-body .auth-flow-card .client-ajax-feedback,
.client-shell-body .auth-flow-card .client-ajax-feedback{font-size:.84rem;line-height:1.55;padding:10px 12px}

/* Phase 232 - production go-live evidence and immutable certification */
.admin-ui-active .admin-cutover-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.admin-ui-active .admin-cutover-evidence-card{min-width:0;padding:14px;border:1px solid var(--mid-line);border-radius:14px;background:var(--mid-panel)}
.admin-ui-active .admin-cutover-evidence-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.admin-ui-active .admin-cutover-evidence-card__head>div{min-width:0}
.admin-ui-active .admin-cutover-evidence-card__head h3{margin:4px 0 0;color:var(--mid-ink);font-size:.9rem;overflow-wrap:anywhere}
.admin-ui-active .admin-cutover-category{color:var(--mid-muted);font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.admin-ui-active .admin-cutover-evidence-meta{display:flex;flex-wrap:wrap;gap:7px 12px;margin:12px 0;color:var(--mid-muted);font-size:.68rem}
.admin-ui-active .admin-cutover-evidence-meta span{min-width:0;overflow-wrap:anywhere}
.admin-ui-active .admin-cutover-evidence-meta i{margin-right:5px}
.admin-ui-active .admin-cutover-evidence-editor summary{cursor:pointer;color:var(--mid-primary-strong);font-size:.72rem;font-weight:800}
.admin-ui-active .admin-cutover-evidence-editor form{margin-top:12px}
.admin-ui-active .admin-cutover-evidence-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-ui-active .admin-cutover-evidence-fields label{min-width:0}
.admin-ui-active .admin-cutover-evidence-fields label>span{display:block;margin-bottom:5px;color:var(--mid-muted);font-size:.66rem;font-weight:750}
@media(max-width:767.98px){.admin-ui-active .admin-cutover-evidence-grid{grid-template-columns:1fr}}
@media(max-width:479.98px){.admin-ui-active .admin-cutover-evidence-card{padding:12px}.admin-ui-active .admin-cutover-evidence-card__head{flex-direction:column}.admin-ui-active .admin-cutover-evidence-fields{grid-template-columns:1fr}.admin-ui-active .admin-cutover-evidence-editor .btn{width:100%}}