/* v2.0: text specification section 3 and mockups A1/A5/A6. */
:root { --v2-navy:#102743; --v2-blue:#0866f5; --v2-canvas:#f4f7fb; --v2-ink:#14253d; --v2-muted:#52647b; --v2-line:#dce5f0; }
.app-body,.public-body { --ink:var(--v2-ink); --accent:var(--v2-blue); --accent-strong:#0754c8; --muted:var(--v2-muted); --line:var(--v2-line); --wash:#edf4ff; background:var(--v2-canvas); color:var(--v2-ink); letter-spacing:normal; }
.app-body a { color:#0759d5; }
.app-body .app-shell { grid-template-columns:236px minmax(0,1fr); }
.app-body .nexus-sidebar { background:linear-gradient(155deg,#102743,#0c2038); border:0; }
.app-body .app-brand { color:white; border-color:#ffffff16; min-height:84px; font-size:24px; padding:24px 20px; }
.app-body .app-brand>span { color:#79b6ff; }
.app-body .nexus-navigation { padding:10px 8px; }
.app-body .nav-group { padding:7px 4px; border-color:#ffffff16; }
.app-body .nav-group>p { color:#aac0d8; font-size:10px; margin:10px 12px; }
.app-body .nav-group>a { color:#e1ebf7; font-size:14px; gap:12px; padding:11px 13px; border-radius:8px; min-height:44px; }
.app-body .nav-group>a:hover { background:#ffffff12; color:white; }
.app-body .nav-group>a.active { background:#175195; color:white; box-shadow:inset 3px 0 #63b0ff; }
.app-body .nav-group>a.active>svg { color:white; }
.app-body .upcoming-nav small { margin-left:auto; font-size:10px; color:#bdcfe4; border:1px solid #ffffff2b; padding:2px 4px; border-radius:4px; }
.app-body .sidebar-bottom { padding:12px 16px 0; }
.app-body .sidebar-bottom .org-switch { background:#ffffff08; border-color:#ffffff24; padding:10px; }
.app-body .sidebar-bottom .org-switch label,.app-body .sidebar-footnote { color:#b7cce1; font-size:11px; border-color:#ffffff20; }
.app-body .sidebar-bottom .org-switch select { color:white; background:#162f4b; border-color:#60758e; font-size:12px; min-height:40px; }
.app-body .sidebar-bottom .org-switch button { color:#c6e1ff; font-size:12px; min-height:36px; }
.app-body .workspace-topbar { min-height:84px; background:#ffffffb8; border-color:var(--v2-line); }
.app-body .global-stock-search { width:450px; height:42px; border-radius:8px; }
.app-body .global-stock-search input { font-size:14px; }
.app-body .global-stock-search button { color:#0759d5; font-size:13px; }
.app-body .account-avatar { color:#0759d5; background:#e8f2ff; border-color:#c8ddfa; width:36px; height:36px; }
.app-body .topbar-account strong { font-size:13px; }
.app-body .topbar-account small { font-size:12px; }
.app-body .topbar-account button { font-size:13px; }
.app-body .workspace-main.nexus-main { padding:28px 30px 48px; max-width:1700px; }
.app-body .workspace-main h1 { font-size:30px; letter-spacing:-.035em; font-weight:700; }
.app-body .page-heading .muted { font-size:14px; line-height:1.6; }
.app-body .panel,.app-body .stats>div,.app-body .nexus-metrics article { border:1px solid var(--v2-line); border-radius:12px; box-shadow:0 4px 16px #10274303; }
.app-body .panel-heading h2,.app-body .panel h2 { font-size:17px; font-weight:650; color:var(--v2-ink); }
.app-body .panel-heading>a { font-size:13px; }
.app-body .panel-heading h2 svg,.app-body .nexus-metrics article>span svg { background:#e9f3ff; color:#0866f5; border-radius:7px; }
.app-body .nexus-metrics article { padding:19px 20px; }
.app-body .nexus-metrics article>span { font-size:13px; color:var(--v2-muted); }
.app-body .nexus-metrics article>strong { font-size:32px; color:var(--v2-ink); font-weight:700; }
.app-body .nexus-metrics small,.app-body .nexus-metrics a { font-size:12px; }
.app-body .button,.app-body button { font-size:14px; min-height:42px; border-radius:8px; padding:10px 16px; }
.app-body .form-actions button { font-size:14px; }
.app-body .button:not(.secondary):not(.quiet):not(.danger),.app-body button:not(.secondary):not(.quiet):not(.danger) { background:var(--v2-blue); color:white; border-color:var(--v2-blue); }
.app-body .button.secondary,.app-body button.secondary { background:white; color:#0759d5; border-color:#cbdcf3; }
.app-body .quiet { color:#0759d5; }
.app-body .sidebar-bottom button.quiet { color:#c6e1ff; }
.app-body .global-stock-search button { background:transparent!important; color:#0759d5!important; border:0!important; padding:5px 0 5px 8px; }
.app-body input,.app-body select,.app-body textarea { font-size:14px; min-height:42px; border-radius:8px; border-color:#c7d3e2; padding:10px 12px; }
.app-body .form-field>label { font-size:14px; color:#253f5f; font-weight:550; }
.app-body .form-field .muted,.app-body .helptext { font-size:12px; line-height:1.6; }
.app-body input[type="checkbox"] { width:18px; height:18px; min-height:18px; padding:0; accent-color:#0866f5; }
.app-body details>summary { min-height:44px; padding:12px 0; line-height:1.5; cursor:pointer; }
.bulk-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:16px 0; }
.bulk-toolbar p { margin:4px 0 0; font-size:13px; }
.app-body .stock-check { display:flex; align-items:center; justify-content:center; min-width:32px; min-height:32px; margin:0; cursor:pointer; }
.app-body .stock-check input[type="checkbox"] { width:18px; height:18px; min-height:18px; padding:0; margin:0; accent-color:#0866f5; }
@media(max-width:767px) { .app-body .stock-check { min-width:44px; min-height:44px; } }
.app-body .table-wrap { border-color:var(--v2-line); border-radius:10px; }
.app-body th { font-size:12px; text-transform:none; letter-spacing:normal; padding:12px 14px; background:#f3f7fc; color:#465d79; }
.app-body td { font-size:14px; padding:12px 14px; color:#334c68; border-color:#e7edf5; }
.app-body td strong { font-size:14px; color:#14253d; font-weight:600; }
.app-body td small { font-size:12px; }
.app-body tbody tr:hover { background:#f8fbff; }
.app-body .table-wrap td>a { text-decoration:underline; }
.app-body .stock-title>img,.app-body .stock-placeholder { width:36px; height:50px; }
.app-body .stock-placeholder { background:#edf4ff; border-color:#d5e4f6; color:#567db0; }
.app-body .badge,.app-body .event-label { background:#eaf3ff; color:#185393; border-color:#d3e5fb; font-size:12px; }
.app-body .pagination { font-size:13px; }
.app-body .period-label,.app-body .chart-period { font-size:12px; border-color:var(--v2-line); }
.app-body .revenue-number { font-size:32px; font-weight:650; }
.app-body .revenue-bar { background:linear-gradient(#0866f5,#8bc6ff); border-color:#388bfa; }
.app-body .revenue-bar.zero { background:#dfe9f5; border-color:#dfe9f5; }
.app-body .chart-key>span { background:#0866f5; }
.app-body .chart-explanation,.app-body .chart-key,.app-body .chart-key>a,.app-body .chart-column>small,.app-body .revenue-bar>span { font-size:12px; }
.app-body .chart-key { flex-wrap:wrap; }
.app-body .condition-list>div { font-size:13px; }
.app-body .condition-list small { font-size:12px; }
.app-body .shortcut-panel strong { font-size:14px; }
.app-body .shortcut-panel small { font-size:12px; line-height:1.5; }
.app-body .shortcut-icon { background:#eaf3ff; color:#0866f5; }
.app-body .workspace-demo-note { font-size:12px; color:#274c77; padding-top:14px; }
.app-body .small-purple-dot { background:#0866f5; }
.app-body .eyebrow { color:#43688f; font-size:11px; }
.app-body .message { font-size:14px; }
.app-body>.messages { position:static; width:auto; padding:12px 20px; margin:0; background:#f4f7fb; }
.app-body>.messages .message { margin:0; }
.mobile-nav-toggle { display:none; }
.delivery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.delivery-grid .panel { margin:0; scroll-margin-top:20px; }
.delivery-grid .panel>p { line-height:1.75; }
.phase-label { display:inline-block; background:#edf4ff; color:#0759d5; border-radius:5px; padding:4px 8px; font-size:12px; font-weight:600; }
.settings-tabs { display:flex; gap:8px; border-bottom:1px solid #dce5f0; margin:0 0 24px; overflow-x:auto; }
.settings-tabs a { flex:none; display:flex; align-items:center; min-height:48px; padding:10px 16px; text-decoration:none; color:#52647b; border-bottom:3px solid transparent; }
.settings-tabs a[aria-current="page"] { color:#0759d5; border-bottom-color:#0866f5; font-weight:600; }
.settings-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:20px; align-items:start; }
.app-body .settings-grid .stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.app-body .settings-grid .stats>div { padding:14px; }
.app-body .settings-grid .stats strong { font-size:24px; }
.app-body .settings-grid .stats span { font-size:12px; }
@media(max-width:1000px) { .settings-grid { grid-template-columns:minmax(0,1fr); } .settings-tabs a { padding:10px 12px; font-size:13px; } }
.public-body .brand,.public-body .brand>span { color:#102743; }
.public-body .brand-icon rect:first-of-type { fill:#8ac6ff; }
.public-body .brand-icon rect:last-of-type { fill:#0866f5; }
.public-body .new-hero { gap:50px; }
.public-body .new-hero h1 { font-weight:700; letter-spacing:-.05em; color:#102743; }
.public-body .new-hero h1 em { color:#0866f5; }
.public-body .eyebrow,.public-body .text-link { color:#0759d5; }
.public-body .new-hero .button,.public-body .header-nav .button,.public-body .new-cta .button,.public-body .auth-card .full-width { background:#0866f5; border-color:#0866f5; color:white; }
.public-body .hero-actions .button:hover,.public-body .new-cta .button:hover { background:#0754c8; }
.public-body .live-dot { background:#0866f5; box-shadow:0 0 0 3px #e2eeff; }
.public-body .dashboard-stage:before { background:#e6f1fd; border-color:#d6e7fa; }
.public-body .mini-sidebar { background:#102743; border-color:#102743; }
.public-body .mini-sidebar strong,.public-body .mini-sidebar strong span,.public-body .mini-sidebar>span { color:#e5f0ff; }
.public-body .mini-sidebar .chosen { color:white; background:#175195; }
.public-body .mini-main { background:#f4f7fb; }
.public-body .mini-bars>i { background:linear-gradient(#0866f5,#8bc6ff); }
.public-body .mini-ring { background:conic-gradient(#0866f5 0 72.5%,#31a5d8 72.5% 100%); }
.public-body .mini-distribution>p>i { background:#0866f5; }
.public-body .mini-distribution>p:last-child>i { background:#31a5d8; }
.public-body .mini-status,.public-body .proof-mark,.public-body .workflow-strip b,.public-body .file-symbol,.public-body .check-circle,.public-body .location-demo>span:first-child { background:#eaf3ff; color:#0759d5; border-color:#d4e5fb; }
.public-body .new-feature-grid .feature-large,.public-body .new-cta,.public-body .demo-login-note { background:#edf4ff; border-color:#d4e5fb; color:#14253d; }
.public-body .new-feature-grid h3,.public-body .split-heading h2 { color:#14253d; }
.public-body .feature-number { color:#48688b; }
.public-body .small-visual,.public-body .line-visual { background:#f2f7ff; }
.public-body .line-visual i { background:#d3e4fa; }
.public-body .line-visual i:first-child { background:#91baf2; }
.public-body .dev-label { background:#edf4ff; border-color:#d4e5fb; color:#48688b; }
.public-body .status-tag { color:#185393; background:#edf4ff; border-color:#d4e5fb; }
.public-body .auth-page { background:radial-gradient(ellipse at 50% 20%,#e6f1ff,transparent 70%); }
.public-body .auth-card fieldset { border:1px solid #d4e0ef; border-radius:10px; padding:12px; }
.public-body .auth-card legend { padding:0 5px; font-size:14px; }
.public-body #id_seller_profile label { display:flex; align-items:center; gap:12px; min-height:44px; padding:9px; margin:2px 0; border-radius:6px; font-size:14px; font-weight:450; cursor:pointer; }
.public-body #id_seller_profile label:has(input:checked) { background:#edf4ff; }
.public-body .auth-card input[type="radio"] { width:18px; height:18px; min-height:18px; margin:0; padding:0; flex:none; accent-color:#0866f5; }
.public-body .new-cta .eyebrow,.public-body .new-cta .text-link,.public-body .sale-visual>strong,.public-body .location-demo>span:last-child { color:#0759d5; }
.app-body :focus-visible,.public-body :focus-visible { outline:3px solid #0866f5; outline-offset:3px; }
.app-body .nexus-sidebar :focus-visible { outline-color:#9accff; }
@media (max-width:1199px) and (min-width:768px) { .app-body .app-shell { grid-template-columns:210px minmax(0,1fr); } .app-body .workspace-main.nexus-main { padding:24px; } .app-body .nav-group>a { font-size:13px; } .app-body .overview-grid { grid-template-columns:1fr; } }
@media (max-width:767px) {
 .app-body .app-shell { grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr; }
 .app-body .nexus-sidebar { position:relative; height:auto; overflow:visible; }
 .app-body .app-brand { padding:18px 20px; min-height:72px; width:calc(100% - 105px); border:0; }
 .app-body .mobile-nav-toggle { display:flex; align-items:center; gap:10px; position:absolute; right:18px; top:14px; border:1px solid #6581a2!important; color:white!important; background:transparent!important; min-height:44px; }
 .app-body .nexus-navigation { display:grid; padding:8px 12px; overflow:visible; }
 .app-body .nav-group { display:block; border-bottom:1px solid #ffffff20; }
 .app-body .nav-group>p { display:block; }
 .app-body .nav-group>a { font-size:14px; min-height:44px; white-space:normal; }
 .app-body .sidebar-bottom { padding:10px 20px; }
 .app-body .sidebar-bottom .org-switch { display:flex; flex-wrap:wrap; gap:8px; }
 .app-body .sidebar-bottom .org-switch select { font-size:14px; min-height:44px; }
 .app-body .sidebar-bottom .org-switch button { font-size:13px; min-height:44px; }
 .app-body .nexus-sidebar.nav-ready:not(.nav-open) .nexus-navigation,.app-body .nexus-sidebar.nav-ready:not(.nav-open) .sidebar-bottom { display:none; }
 .app-body .workspace-topbar { min-height:70px; padding:12px 16px; }
 .app-body .global-stock-search { width:auto; max-width:none; min-width:0; height:44px; }
 .app-body .global-stock-search input { font-size:16px; min-height:40px; }
 .app-body .global-stock-search button { font-size:13px; min-height:40px; }
 .app-body .topbar-account button { font-size:12px; min-height:44px; }
 .app-body .workspace-main.nexus-main { padding:24px 16px 40px; }
 .app-body .workspace-main h1 { font-size:27px; }
 .app-body .page-heading .muted { font-size:14px; }
 .app-body .button,.app-body button { font-size:14px; min-height:44px; padding:11px 14px; }
 .app-body .nexus-metrics { gap:10px; }
 .app-body .nexus-metrics article { padding:16px 13px; }
 .app-body .nexus-metrics article>span { font-size:12px; }
 .app-body .nexus-metrics small,.app-body .nexus-metrics a { font-size:11px; line-height:1.6; display:block; }
 .app-body .nexus-metrics article>strong { font-size:29px; }
 .app-body .overview-grid,.delivery-grid { grid-template-columns:1fr; }
 .app-body .chart-key { gap:6px; }
 .app-body .chart-key>a { margin:4px 0 0; width:100%; }
 .app-body .chart-explanation { font-size:12px; }
 .app-body .revenue-bar>span { font-size:10px; }
 .app-body input,.app-body select,.app-body textarea { font-size:16px; }
 .app-body .workspace-demo-note { padding:12px 16px 0; font-size:12px; }
 .public-body .new-hero h1 { font-size:clamp(39px,11vw,51px); }
}

.app-body .catalog-stock-choices a { display:inline-flex;align-items:center;min-height:36px;padding:6px 0; }