/* Matrix sign-in components; workspace spacing/colors derived from Daksha v2. */
:root { --bg:#fafafa; --ink:#171717; --faint:#6b6b6b; }
[hidden] { display:none !important; }
body { padding:24px; }
.signin-shell { max-width:420px; gap:32px; }
.signin-brand { text-align:center; }
.signin-button { border-radius:8px; }
.signin-button[aria-disabled="true"] { pointer-events:none; opacity:.55; }
.google-icon { width:20px; height:20px; }
#workspace { width:100%; min-height:100vh; display:grid; grid-template-columns:240px minmax(0,1fr); }
body.authenticated { display:block; padding:0; }
aside { padding:28px 20px; background:#f2f2f2; display:flex; flex-direction:column; gap:40px; }
aside .brand-copy strong { font-size:22px; }
nav { font-size:14px; font-weight:600; }
.account { margin-top:auto; display:grid; gap:12px; overflow-wrap:anywhere; font-size:13px; }
button { cursor:pointer; background:transparent; border:1px solid #ccc; padding:8px 12px; border-radius:6px; font:inherit; }
.content { padding:36px; max-width:1200px; width:100%; margin:auto; align-self:start; }
header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
h1 { font-size:24px; margin:0; font-weight:600; }
header span,.account-status,#workspaceStatus { font-size:13px; color:#6b6b6b; }
.account-status { padding:24px 0; display:flex; justify-content:space-between; gap:12px; border-bottom:1px solid #e0e0e0; }
.strategy { padding:24px 0; border-bottom:1px solid #e0e0e0; }
.strategy header { flex-wrap:wrap; }
.strategy h2 { font-size:16px; margin:0; font-weight:600; }
.metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:20px; }
.metrics div { display:grid; gap:8px; font-size:14px; }
.metrics span { color:#737373; font-size:12px; }
.source-asof { color:#737373; font-size:12px; overflow-wrap:anywhere; }
@media(max-width:700px) {
  #workspace { grid-template-columns:minmax(0,1fr); }
  aside { padding:20px; flex-direction:row; align-items:center; gap:20px; }
  nav { display:none; }
  .account { margin:0 0 0 auto; text-align:right; }
  .content { padding:24px 20px; }
  .account-status { flex-wrap:wrap; }
}