/* Shared JARVIS appearance. Screen-only so printed financial documents keep
   their existing print styling. No layout, state, or persistence dependencies. */
@media screen {
  html:root,html body {
    color-scheme:dark;
    --bg:#101518;--surface:#19221f;--surface-2:#202b28;--bg-card:#19221f;
    --panel:#19221f;--panel2:#202b28;--panel-2:#202b28;
    --text:#e8edeb;--muted:#a2afab;--dim:#82928d;--text-muted:#a2afab;--text-dim:#a2afab;--text-mute:#82928d;
    --cyan:#8fd5c2;--accent:#8fd5c2;--accent-soft:rgba(143,213,194,.09);--accent-glow:rgba(143,213,194,.15);
    --green:#8edbb6;--success:#8edbb6;--red:#f49199;--danger:#f49199;--gold:#e9c58c;--orange:#d8ac89;--purple:#b5a6d4;
    --line:rgba(194,213,205,.12);--line2:rgba(194,213,205,.24);--line-hi:rgba(194,213,205,.24);
    --border:rgba(194,213,205,.12);--border-strong:rgba(194,213,205,.24);
    --jarvis-bg:#101518;--jarvis-panel:#19221f;--jarvis-panel-hi:#202b28;
    --jarvis-line:rgba(194,213,205,.12);--jarvis-line-hi:rgba(194,213,205,.24);
    --jarvis-cyan:#8fd5c2;--jarvis-green:#8edbb6;--jarvis-red:#f49199;--jarvis-gold:#e9c58c;
    --ui:Inter,"Segoe UI",sans-serif;--display:Inter,"Segoe UI",sans-serif;
    --font-ui:Inter,"Segoe UI",sans-serif;--font-body:Inter,"Segoe UI",sans-serif;--font-display:Inter,"Segoe UI",sans-serif;
    --radius:10px;--radius-sm:6px;--jarvis-radius:10px;--shadow:none;
  }
  html,html body,html body.jarvis-app {background:#101518!important;color:#e8edeb;font-family:Inter,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
  html body.jarvis-app::before{display:none}
  html body :is(h1,h2,h3,h4){font-family:Inter,"Segoe UI",sans-serif;letter-spacing:-.025em}
  html body :is(button,input,select,textarea){font-family:Inter,"Segoe UI",sans-serif}
  html body :is(button,a,input,select,textarea):focus-visible{outline:2px solid #8fd5c2;outline-offset:3px;box-shadow:none}
  html body ::selection{color:#10271d;background:#9bdec5}
  html body *{scrollbar-color:rgba(143,213,194,.3) transparent}
  html body .panel,html body.legacy-app :is(.card,.detail-card,.modal-content){background:transparent!important;border-color:var(--line)!important;box-shadow:none!important}
  html body .panel{border-radius:0;border:0;border-bottom:1px solid var(--line)}
  html body :is(.sidebar .panel,.topbar,.page-head,.footer){background:none!important;border:0;border-radius:0;box-shadow:none!important}
  html body :is(.page-head,.growth-hero)::before,html body :is(.page-head,.growth-hero)::after{display:none}
  html body :is(.brand-core,.avatar,.briefing-core,.growth-core,.level-badge){box-shadow:none!important;border-color:var(--line);background:rgba(143,213,194,.06)!important;color:var(--cyan)}
  html body :is(.brand-core,.avatar)::after{display:none}
  html body .brand strong{font:600 14px Inter,"Segoe UI",sans-serif;letter-spacing:.13em}
  html body .brand span{font-size:8px;letter-spacing:.08em}
  html body .nav-link{min-height:44px;border:0;font-size:12px}
  html body .nav-link.active{color:#c6f1e2;background:#23332e;border:0;box-shadow:none}
  html body .nav-link:hover{color:#e8edeb;background:#1c2924;transform:none}
  html body :is(.nav-label,.nav-group){color:var(--dim);font:500 10px Inter,sans-serif;letter-spacing:.05em}
  html body :is(.topbar,.footer){border-bottom:1px solid var(--line)}
  html body :is(.top-btn,.icon-btn){color:var(--muted);background:transparent;border-color:var(--line);font-size:12px;letter-spacing:0;box-shadow:none}
  html body :is(.top-btn,.icon-btn):hover{color:var(--cyan);background:#1c2924}
  html body :is(.clock-time,.module-title strong,.title h1){font-family:Inter,sans-serif;letter-spacing:-.02em}
  html body :is(.page-head h1,.briefing-main h1){font-weight:600;letter-spacing:-.04em}
  html body :is(.page-head p,.briefing-main p){font-size:13px;line-height:1.65;color:var(--muted)}
  html body :is(.label,.eyebrow,.section-meta,.page-meta,.stat-label){font-family:Inter,sans-serif;letter-spacing:.04em}
  html body :is(.section-head strong,.head strong,.column-title,.intelligence-head strong){font-family:Inter,sans-serif;letter-spacing:.02em}
  /* Lists use dividers, with no additional boxes inside the main sections. */
  html body :is(.briefing-main,.briefing-stat,.kpi,.stat,.stat-card,.snapshot-item,.system-group,.intelligence-card,.today-column,.library-column,.item,.task-item,.feed-item,.account-item,.booking-item,.routine,.attention-item,.milestone,.goal-card,.assistant-list a,.upgrade-note-row,.weekly-review-grid>div){background:transparent!important;box-shadow:none!important;border-color:var(--line);border-radius:0}
  html body :is(.briefing-main,.today-column,.intelligence-card,.library-column){border:0}
  html body :is(.briefing-stat,.kpi,.stat,.snapshot-item,.system-group,.weekly-review-grid>div){border:0;border-left:1px solid var(--line)}
  html body :is(.item,.task-item,.feed-item,.account-item,.booking-item,.routine,.attention-item,.assistant-list a,.upgrade-note-row,.goal-card){border:0;border-bottom:1px solid var(--line)}
  html body :is(.kpi strong,.briefing-stat strong,.stat-value,.snapshot-item strong,.intelligence-value){font-family:Inter,sans-serif;letter-spacing:-.03em}
  html body :is(.kpi:hover,.kpi:focus-visible,.stat-card:hover){transform:none;box-shadow:none!important;background:rgba(143,213,194,.035)!important}
  html body :is(.item-sub,.stat-sub,.intelligence-copy,.snapshot-item small){color:var(--muted)}
  html body :is(.module-switcher,.diagram-options,.detail-period-tabs,.data-tabs){background:transparent;border-color:var(--line);box-shadow:none}
  html body :is(.module-switcher a.active,.diagram-btn.active,.detail-period-tab.active,.data-tab.active,.filter-btn.active){color:#c6f1e2;background:#263a32;border-color:transparent;box-shadow:none}
  html body :is(.diagram-stage,.table-wrap,.table-container,.momentum-wrap,.pnl-calendar,.chart-wrap,.manager-shell){background:transparent;border-color:var(--line);border-radius:0;box-shadow:none}
  html body :is(.manager-toolbar,.table th,.session-table th,.trade-table th){background:#19221f;color:var(--muted);border-color:var(--line)}
  html body :is(.manager-link,.diagram-btn,.data-tab,.calendar-nav,.project-action,.project-links a,.project-links button,.project-local-links a){color:var(--cyan);background:transparent;border-color:var(--line);box-shadow:none}
  html body :is(.project,.project-card,.tile){background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}
  html body :is(.project.flagship,.project-card.flagship){background:rgba(143,213,194,.025);border-color:var(--line2)}
  html body :is(.tags .tag,.tags span,.badge,.broker-pill){background:transparent;border-color:var(--line);color:var(--muted)}
  html body :is(.project-action.builder,.project-local-links a:first-child){background:rgba(143,213,194,.07);color:#b9ead9;border-color:var(--line)}
  html body :is(.growth-core,.growth-hero){background:transparent!important;box-shadow:none!important}
  html body :is(.growth-number,.level-mark strong){font-family:Inter,sans-serif;letter-spacing:-.03em}
  html body :is(.level-track,.xp-track){background:#202b28;border:0}
  html body :is(.level-track i,.xp-fill){background:var(--green);box-shadow:none}
  html body :is(.chart-line,.tj-equity-line){filter:none;stroke:var(--green)}
  html body :is(.chart-dot,.chart-point){stroke:var(--green);fill:#101518}
  html body :is(.chart-axis,.chart-grid text){fill:var(--muted)}
  html body :is(.sync-dot,.status-dot,.dot,.attention-dot){box-shadow:none}
  html body :is(.calendar-week-header,.calendar-stay-grid,.calendar-time-axis,.calendar-corner){background:#19221f;border-color:var(--line)}
  html body .week-board{background:transparent;border-color:var(--line)}
  html body .calendar-day-head.active-day{background:rgba(143,213,194,.07);box-shadow:inset 0 2px var(--cyan)}
  html body .calendar-time-day{border-color:var(--line);background-image:linear-gradient(to bottom,transparent calc(100% - 1px),rgba(194,213,205,.1) 100%)}
  html body .timed-event{background:#213d34;border-color:rgba(143,213,194,.2);border-left-color:var(--cyan);box-shadow:none}
  html body .timed-event.morning-routine-event{background:#213d34;border-left-color:var(--cyan)}
  html body .timed-event:is(.routine-event,.daily-routine-event,.night-routine-event){background:#302d3c;border-left-color:var(--purple)}
  html body .timed-event:is(.checkout-event,.clean-event){background:#3a3327;border-left-color:var(--gold)}
  html body .timed-event.checkin-event{background:#234135;border-left-color:var(--green)}
  html body .calendar-event-sub{color:#b0bfba}
  /* Inputs and dialogs retain their structure, focus, and error states. */
  html body :is(input,select,textarea){background:#111b16!important;color:var(--text);border-color:var(--line2)!important;border-radius:6px}
  html body :is(input,textarea)::placeholder{color:#82928d}
  html body :is(.auth,.auth-overlay,.editor-overlay,.project-overlay,.data-overlay,.day-overlay,.broker-overlay,.quick-trade-overlay,.trade-note-overlay,.jarvis-command-overlay,.jarvis-detail-overlay,.modal-bg,.big-modal-bg){background:rgba(8,14,12,.8)}
  html body :is(.auth-card,.editor-card,.project-drawer,.data-center,.day-card,.broker-modal,.quick-trade-card,.trade-note-card,.routine-editor,.goal-editor,.jarvis-command,.jarvis-detail-drawer,.modal,.big-modal){background:#19221f!important;color:var(--text);border-color:var(--line2)!important;border-radius:10px;box-shadow:0 20px 65px rgba(0,0,0,.3)!important}
  html body :is(.auth-card h2,.auth-card h3,.modal h3,.big-modal-title){font-family:Inter,sans-serif;letter-spacing:-.025em}
  html body :is(.auth-submit,.submit,.auth-card button[type=submit],.day-primary,.editor-action.primary,.note-save,.quick-trade-actions .save,.broker-actions .save,.btn.primary){background:#9bdec5;color:#14271e;border-color:transparent;box-shadow:none;font-family:Inter,sans-serif;letter-spacing:0}
  html body :is(.auth-skip,.skip,.guest-entry,.guest-divider,.auth-card .sub,.auth-card .switch,.field label,.auth-field label){color:var(--muted)}
  html body .guest-entry{background:rgba(143,213,194,.04);border-color:var(--line);border-radius:6px}
  html body .guest-entry-icon{color:var(--cyan);background:transparent}
  html body .auth-wrap{padding:24px;min-height:100dvh}
  html body .auth-wrap .auth-card{width:min(440px,100%);padding:32px;border:1px solid var(--line)}
  html body .auth-wrap h2{font-size:28px;margin-bottom:10px}
  html body .auth-wrap :is(input,button[type=submit]){min-height:46px}
  html body .auth-card a{color:var(--cyan)}
  html body .jarvis-mobile-dock{background:rgba(17,27,22,.96);border-color:var(--line2);box-shadow:0 10px 35px rgba(0,0,0,.3)}
  html body .jarvis-mobile-dock :is(a,button){color:var(--muted)}
  html body .jarvis-mobile-dock .primary{background:#9bdec5;color:#14271e;box-shadow:none;border-color:transparent}
  html body .jarvis-mobile-dock .primary :is(i,span){color:#14271e}
  html body :is(.command-bar,.jarvis-command-results button,.jarvis-detail-row,.jarvis-detail-summary){background:transparent;border-color:var(--line);box-shadow:none}
  html body :is(.jarvis-detail-summary strong,.jarvis-detail-head small,.jarvis-command header small){color:var(--cyan)}
  html body :is(.jarvis-detail-row span,.jarvis-detail-row small,.jarvis-detail-summary span){color:var(--muted)}
  html body.legacy-app :is(.manager-frame,.tv-widget,.journal-price-card){background:#101518;border-color:var(--line);box-shadow:none}
  html body.legacy-app .btn{font-family:Inter,sans-serif;letter-spacing:0}
  @media(min-width:1101px){
    html body.jarvis-app:not(.legacy-app) :is(.shell,.app){gap:0;padding:0}
    html body.jarvis-app:not(.legacy-app) .sidebar{top:0;height:100dvh;padding:16px 10px;border-right:1px solid var(--line);gap:20px}
    html body.jarvis-app:not(.legacy-app) .main{padding:0 clamp(20px,3vw,52px) 32px;gap:24px}
    html body.jarvis-app:not(.legacy-app) .topbar{position:relative;top:0;min-height:64px;padding:0;border-bottom:1px solid var(--line)}
    html body.overview-app .dashboard{gap:24px}
  }
  @media(max-width:1100px){
    html body.jarvis-app .sidebar{background:transparent;backdrop-filter:none}
    html body.jarvis-app .nav{border-bottom:1px solid var(--line)}
  }
  @media(max-width:700px){
    html body.jarvis-app .panel{border-radius:0}
    html body .auth-wrap{padding:16px}
    html body .auth-wrap .auth-card{padding:24px}
    html body .auth-wrap input{font-size:16px}
    html body.overview-app .calendar-time-day{background-image:none}
    html body.overview-app :is(.calendar-mobile-day-head,.calendar-stay-grid){background:transparent}
    html body.growth-app :is(.hero-grid,.better-grid,.content-grid,.systems-main){grid-template-columns:minmax(0,1fr)}
    html body.growth-app .top-right{flex-wrap:wrap;gap:8px}
    html body.growth-app .icon-btn{min-height:42px}
    html body .big-modal{max-width:100%}
    html body :is(.auth-card,.editor-card,.day-card,.broker-modal,.quick-trade-card,.trade-note-card){border-radius:12px}
  }
}
