/* EntryAngle operations UI, Batch A: independent auth shell and compact terminal */
:root[data-auth-shell]{
  color-scheme:dark;
  --bg:#080a0e;--surface:#13161d;--panel:#191d25;--panel-hi:#212630;
  --edge:#343842;--ink:#f5f6f9;--text:#e0e3e9;--muted:#a9aeba;
  --quiet:#828995;--accent:#e84a54;--accent-soft:rgba(232,74,84,.14);
  --red:#eb5861;--green:#69c69d;--blue:#e84a54;
  font-family:Inter,"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-synthesis:none;
}
:root[data-auth-shell][data-theme="light"]{
  color-scheme:light;
  --bg:#f5f5f6;--surface:#fff;--panel:#f7f7f8;--panel-hi:#eaecef;
  --edge:#d7d8de;--ink:#15171d;--text:#2a3039;--muted:#59616f;
  --quiet:#737b87;--accent:#bd2639;--accent-soft:rgba(189,38,57,.09);
  --red:#c12b40;--green:#147750;--blue:#bd2639;
}
:root[data-auth-shell] body{background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums}
:root[data-auth-shell] h1,:root[data-auth-shell] h2,:root[data-auth-shell] h3{letter-spacing:-.045em}
:root[data-auth-shell] a:focus-visible,:root[data-auth-shell] button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:root[data-auth-shell] [hidden]{display:none!important}
:root[data-auth-shell] .brand-light{display:none}
:root[data-auth-shell][data-theme="light"] .brand-dark{display:none}
:root[data-auth-shell][data-theme="light"] .brand-light{display:block}
:root[data-auth-shell] .login-shell{min-height:100vh;background:
  radial-gradient(ellipse at 21% 4%,rgba(209,37,58,.08),transparent 39%),
  linear-gradient(120deg,rgba(255,255,255,.015) 1px,transparent 1px),
  var(--bg);background-size:auto,42px 42px,auto}
:root[data-auth-shell] .login-header{padding:20px 0;width:min(100% - 60px,1240px);border-bottom:1px solid var(--edge)}
:root[data-auth-shell] .login-brand img{width:auto;max-width:168px;height:auto;max-height:44px;object-fit:contain}
:root[data-auth-shell] .auth-header-actions{display:flex;align-items:center;gap:16px}
:root[data-auth-shell] .auth-header-actions>a{font-size:12px;font-weight:650;color:var(--muted)}
:root[data-auth-shell] .auth-header-actions>a:hover{color:var(--accent)}
:root[data-auth-shell] .environment-tag{font-size:10px;letter-spacing:.08em;color:var(--muted);font-weight:700;border:1px solid var(--edge);padding:7px 10px;border-radius:6px}
:root[data-auth-shell] .auth-theme-button{border:1px solid var(--edge);color:var(--text);background:var(--surface);padding:8px 12px;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:650;white-space:nowrap}
:root[data-auth-shell] .auth-theme-button:hover{border-color:var(--accent);color:var(--ink)}
:root[data-auth-shell] .login-main{width:min(100% - 60px,1190px);grid-template-columns:minmax(0,1fr) minmax(330px,410px);gap:clamp(40px,8vw,124px);padding:65px 0 82px}
:root[data-auth-shell] .login-story{max-width:600px}
:root[data-auth-shell] .login-eyebrow{color:var(--accent);font-size:10px;letter-spacing:.13em;font-weight:780;margin-bottom:19px}
:root[data-auth-shell] .live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--accent);margin-right:7px;box-shadow:0 0 0 4px var(--accent-soft)}
:root[data-auth-shell] .login-story h1{font-size:clamp(38px,4.2vw,61px);line-height:1.1;font-weight:750;letter-spacing:-.06em;margin:0 0 19px}
:root[data-auth-shell] .login-story h1 em{color:var(--accent)}
:root[data-auth-shell] .login-story>p{max-width:495px;font-size:14px;line-height:1.7;color:var(--muted)}
:root[data-auth-shell] .login-story-foot{font-size:10px!important;letter-spacing:.035em;margin-top:24px!important;color:var(--quiet)!important}
:root[data-auth-shell] .terminal-preview{max-width:490px;border:1px solid var(--edge);border-radius:14px;background:var(--surface);box-shadow:0 25px 80px rgba(0,0,0,.15);overflow:hidden;margin-top:28px}
:root[data-auth-shell] .terminal-preview-head{display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid var(--edge);padding:15px 19px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.06em}
:root[data-auth-shell] .preview-hold{color:var(--accent);letter-spacing:.03em}
:root[data-auth-shell] .terminal-preview-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:13px 19px;border-bottom:1px solid var(--edge);font-size:12px;color:var(--muted)}
:root[data-auth-shell] .terminal-preview-row strong{color:var(--ink);font-size:12px;font-weight:650}
:root[data-auth-shell] .terminal-preview-foot{padding:14px 19px;color:var(--quiet);font-size:11px;line-height:1.5}
:root[data-auth-shell] .login-card{border:1px solid var(--edge);background:var(--surface);border-radius:18px;padding:31px;box-shadow:0 18px 68px rgba(0,0,0,.16)}
:root[data-auth-shell] .login-card:before{left:26px;right:auto;width:61px;height:3px;background:var(--accent)}
:root[data-auth-shell] .login-card h2{font-size:29px;font-weight:750;letter-spacing:-.05em;margin-bottom:10px}
:root[data-auth-shell] .login-card p{font-size:12.5px;color:var(--muted);line-height:1.65;margin:0 0 17px}
:root[data-auth-shell] .login-card p strong{color:var(--ink)}
:root[data-auth-shell] .login-state{padding:10px 12px;font-size:11px;border:1px solid var(--edge);border-radius:8px;background:var(--panel);margin-bottom:21px}
:root[data-auth-shell] .login-form{margin:0 0 11px}
:root[data-auth-shell] .login-form button{min-height:46px;border-radius:9px;font-size:12px;box-shadow:none}
:root[data-auth-shell] .login-form.google{display:flex;justify-content:center;align-items:center}
/* Native-sized owner-uploaded Google Web buttons: artwork itself includes its official border. */
:root[data-auth-shell] .login-form.google button.google-brand-button{display:block;margin:auto;width:min(100%,175px);max-width:175px;min-height:0!important;height:auto!important;border:0!important;border-radius:20px!important;padding:0!important;overflow:visible;line-height:0;background:transparent}
:root[data-auth-shell] .login-form.google button.google-continue-button{width:min(100%,189px);max-width:189px}
:root[data-auth-shell] .login-form.google button.google-brand-button img.google-official-image{width:100%;height:auto;display:block}
:root[data-auth-shell][data-theme="light"] .login-form.google button.google-brand-button img.google-on-dark-ui{display:none}
:root[data-auth-shell]:not([data-theme="light"]) .login-form.google button.google-brand-button img.google-on-light-ui{display:none}
:root[data-auth-shell] .login-form.google button.google-brand-button:disabled{opacity:.55;cursor:not-allowed}
:root[data-auth-shell] .login-form.google button.google-brand-button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
:root[data-auth-shell] .login-form.google button.google-brand-button:hover:not(:disabled){filter:brightness(.96);transform:none;box-shadow:0 0 0 2px var(--accent-soft)}
:root[data-auth-shell] .login-form button.provider-primary{background:var(--accent);color:#fff;border-color:transparent;justify-content:space-between;padding:12px 17px;font-weight:740}
:root[data-auth-shell] .login-form button.provider-primary:hover:not(:disabled){background:#cb3547;border-color:transparent;transform:none}
:root[data-auth-shell] .login-or{margin:12px 0;color:var(--quiet);font-size:10px}
:root[data-auth-shell] .auth-secondary-links{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:19px}
:root[data-auth-shell] .auth-secondary-links a{font-size:12px;font-weight:650;color:var(--accent)}
:root[data-auth-shell] .auth-secondary-links a:hover{text-decoration:underline;text-underline-offset:3px}
:root[data-auth-shell] .login-note{font-size:11px!important;margin:22px 0 14px!important;line-height:1.65!important;color:var(--muted)!important}
:root[data-auth-shell] .login-secure-note{border-top:1px solid var(--edge);padding-top:15px;font-size:10px;letter-spacing:.012em;color:var(--quiet)}
:root[data-auth-shell] .login-fallback{border-radius:9px}
:root[data-auth-shell] .login-foot{display:flex;justify-content:space-between;gap:16px;max-width:1250px;margin:0 auto;width:calc(100% - 60px);padding:22px 0;border-top:1px solid var(--edge);color:var(--quiet);font-size:10px}
:root[data-auth-shell] .account-main .login-story h1{font-size:clamp(36px,4vw,56px)}
/* Authenticated terminal: deliberate, read-only and app-local. */
:root[data-auth-shell] .workspace-shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh;background:var(--bg);padding:0;place-items:stretch}
:root[data-auth-shell] .workspace-rail{position:sticky;top:0;min-height:100vh;height:100vh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--edge);padding:24px 14px;display:flex;flex-direction:column;gap:12px;z-index:20}
:root[data-auth-shell] .workspace-logo{display:block;margin:0 12px 21px}
:root[data-auth-shell] .workspace-logo img{max-width:160px;max-height:40px;width:auto;height:auto}
:root[data-auth-shell] .rail-caption{font-size:10px;letter-spacing:.11em;color:var(--quiet);font-weight:750;padding:9px 14px}
:root[data-auth-shell] .workspace-rail nav{display:grid;gap:3px}
:root[data-auth-shell] .rail-link{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:12px;font-weight:630;padding:12px 13px;border-radius:8px;transition:background .15s,color .15s}
:root[data-auth-shell] .rail-link:hover{background:var(--panel);color:var(--ink)}
:root[data-auth-shell] .rail-link.selected{background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
:root[data-auth-shell] .rail-icon{width:18px;text-align:center;font-size:17px;opacity:.92}
:root[data-auth-shell] .rail-separator{margin:7px 10px;border-top:1px solid var(--edge)}
:root[data-auth-shell] .rail-foot{margin-top:auto;border-top:1px solid var(--edge);padding:22px 13px 6px;color:var(--quiet);font-size:10px;line-height:1.5}
:root[data-auth-shell] .workspace-main{min-width:0}
:root[data-auth-shell] .workspace-topbar{height:68px;border-bottom:1px solid var(--edge);background:var(--surface);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 clamp(17px,3vw,38px);position:sticky;top:0;z-index:10}
:root[data-auth-shell] .workspace-crumb{display:flex;gap:12px;align-items:center;color:var(--quiet);font-size:12px}
:root[data-auth-shell] .workspace-crumb strong{color:var(--ink)}
:root[data-auth-shell] .workspace-actions{display:flex;align-items:center;gap:15px}
:root[data-auth-shell] .workspace-env{border:1px solid var(--edge);border-radius:6px;color:var(--accent);padding:7px 10px;font-size:10px;font-weight:750;letter-spacing:.04em;white-space:nowrap}
:root[data-auth-shell] .workspace-public{color:var(--muted);font-size:12px;font-weight:650}
:root[data-auth-shell] .workspace-public:hover{color:var(--accent)}
:root[data-auth-shell] .workspace-menu{display:none;color:var(--ink);background:var(--panel);border:1px solid var(--edge);padding:8px 11px;border-radius:7px;cursor:pointer}
:root[data-auth-shell] .workspace-content{width:min(100%,1370px);margin:0 auto;padding:clamp(18px,3.2vw,44px)}
:root[data-auth-shell] .workspace-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:0 0 25px}
:root[data-auth-shell] .workspace-intro .login-eyebrow{margin:0 0 12px}
:root[data-auth-shell] .workspace-intro h1{font-size:clamp(27px,3vw,40px);margin:0 0 7px;font-weight:750}
:root[data-auth-shell] .workspace-intro p{font-size:12px;max-width:600px;line-height:1.6}
:root[data-auth-shell] #workspace-account{color:var(--ink);font-weight:700}
:root[data-auth-shell] .workspace-hold{font-size:10px;font-weight:720;letter-spacing:.025em;color:var(--accent);border:1px solid var(--edge);padding:10px 12px;border-radius:7px;white-space:nowrap}
:root[data-auth-shell] .metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:19px}
:root[data-auth-shell] .metric-card{padding:19px;border:1px solid var(--edge);border-radius:12px;background:var(--surface);display:grid;align-content:start;gap:10px}
:root[data-auth-shell] .metric-card>span,:root[data-auth-shell] .work-eyebrow{font-size:9px;letter-spacing:.1em;font-weight:750;color:var(--quiet)}
:root[data-auth-shell] .metric-card strong{font-size:17px;font-weight:740;color:var(--ink);line-height:1.3}
:root[data-auth-shell] .metric-card small{color:var(--muted);font-size:11px;line-height:1.5}
:root[data-auth-shell] .red-value{color:var(--accent)!important}
:root[data-auth-shell] .workspace-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:root[data-auth-shell] .work-card{background:var(--surface);border:1px solid var(--edge);border-radius:13px;padding:22px;min-width:0}
:root[data-auth-shell] .work-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
:root[data-auth-shell] .work-card-title h2,:root[data-auth-shell] .workspace-settings h2{margin:8px 0 0;font-size:18px;font-weight:725}
:root[data-auth-shell] .work-pill{border:1px solid var(--edge);color:var(--quiet);font-size:9px;font-weight:730;letter-spacing:.05em;border-radius:7px;padding:7px 9px;white-space:nowrap}
:root[data-auth-shell] .control-list>div{border-bottom:1px solid var(--edge);display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;font-size:12px}
:root[data-auth-shell] .control-list>div>span{color:var(--muted)}
:root[data-auth-shell] .control-list strong{color:var(--ink);font-weight:670;text-align:right;font-size:11px}
:root[data-auth-shell] .panel-note{font-size:11px;line-height:1.6;color:var(--quiet);margin:16px 0 0}
:root[data-auth-shell] .table-wrap{overflow-x:auto}
:root[data-auth-shell] .order-table{width:100%;border-collapse:collapse;font-size:11px;min-width:340px}
:root[data-auth-shell] .order-table th{font-weight:730;text-transform:uppercase;letter-spacing:.04em;text-align:left;color:var(--quiet);background:var(--panel);padding:11px 12px}
:root[data-auth-shell] .order-table td{padding:32px 18px;border-bottom:1px solid var(--edge);color:var(--muted)}
:root[data-auth-shell] .empty-ledger{text-align:center}
:root[data-auth-shell] .holding-empty{display:flex;align-items:center;gap:20px;padding:24px 8px;min-height:100px}
:root[data-auth-shell] .holding-empty strong{font-size:42px;color:var(--quiet);font-weight:450}
:root[data-auth-shell] .holding-empty span{max-width:300px;color:var(--muted);font-size:12px;line-height:1.6}
:root[data-auth-shell] .work-card>p{font-size:12px;line-height:1.7}
:root[data-auth-shell] .work-link{display:inline-block;margin-top:18px;border:1px solid var(--edge);border-radius:8px;padding:11px 14px;color:var(--accent);font-size:12px;font-weight:650}
:root[data-auth-shell] .work-link:hover{background:var(--accent-soft)}
:root[data-auth-shell] .workspace-settings{margin-top:17px;border:1px solid var(--edge);border-radius:13px;padding:22px;background:var(--surface);display:flex;justify-content:space-between;align-items:center;gap:20px}
:root[data-auth-shell] .workspace-settings p{margin:9px 0 0;font-size:11px}
:root[data-auth-shell] .logout-form button{background:var(--panel);color:var(--ink);padding:12px 17px;font-size:12px;border:1px solid var(--edge);border-radius:8px}
:root[data-auth-shell] .logout-form button:hover:not(:disabled){border-color:var(--accent)}
:root[data-auth-shell] .workspace-bottom{font-size:10px;color:var(--quiet);padding:28px 0 6px}
:root[data-auth-shell] .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1080px){
  :root[data-auth-shell] .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root[data-auth-shell] .workspace-panels{grid-template-columns:1fr}
}
@media(max-width:850px){
  :root[data-auth-shell] .login-main{grid-template-columns:1fr;gap:24px;padding:36px 0 52px}
  :root[data-auth-shell] .login-story{padding:0;max-width:none}
  :root[data-auth-shell] .login-story h1{font-size:clamp(37px,6vw,52px)}
  :root[data-auth-shell] .terminal-preview{max-width:none}
  :root[data-auth-shell] .workspace-shell{display:block}
  :root[data-auth-shell] .workspace-rail{width:245px;position:fixed;top:0;left:0;height:100vh;min-height:0;transform:translateX(-105%);transition:transform .2s;box-shadow:0 0 40px rgba(0,0,0,.25)}
  :root[data-auth-shell] .workspace-rail.is-open{transform:translateX(0)}
  :root[data-auth-shell] .workspace-menu{display:inline-flex}
}
@media(max-width:570px){
  :root[data-auth-shell] .login-header{width:calc(100% - 32px);padding:16px 0}
  :root[data-auth-shell] .environment-tag{display:none}
  :root[data-auth-shell] .auth-header-actions{gap:9px}
  :root[data-auth-shell] .auth-theme-button{padding:8px 9px}
  :root[data-auth-shell] .login-main{width:calc(100% - 32px)}
  :root[data-auth-shell] .login-story h1{font-size:38px}
  :root[data-auth-shell] .login-story-foot{display:none}
  :root[data-auth-shell] .login-card{padding:24px 20px;border-radius:15px}
  :root[data-auth-shell] .login-foot{width:calc(100% - 32px);flex-direction:column}
  :root[data-auth-shell] .workspace-topbar{padding:0 16px}
  :root[data-auth-shell] .workspace-crumb{gap:8px}
  :root[data-auth-shell] .workspace-env,:root[data-auth-shell] .workspace-public{display:none}
  :root[data-auth-shell] .workspace-content{padding:20px 13px}
  :root[data-auth-shell] .workspace-intro{display:block}
  :root[data-auth-shell] .workspace-hold{display:inline-block;margin-top:14px}
  :root[data-auth-shell] .metric-grid{gap:9px}
  :root[data-auth-shell] .metric-card{padding:14px}
  :root[data-auth-shell] .metric-card strong{font-size:14px}
  :root[data-auth-shell] .work-card{padding:16px}
  :root[data-auth-shell] .work-card-title{align-items:flex-start}
  :root[data-auth-shell] .workspace-settings{align-items:start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){:root[data-auth-shell] *, :root[data-auth-shell] *::before,:root[data-auth-shell] *::after{transition:none!important}}
