:root{
  --bg:#081520;
  --surface:#102a38;
  --surface-2:#173746;
  --surface-3:#1d4657;
  --text:#f8fafc;
  --muted:#b4c6d2;
  --accent:#14778a;
  --accent-2:#55c4d8;
  --pink:#ec4899;
  --success:#22c55e;
  --warning:#f59e0b;
  --danger:#f87171;
  --border:rgba(255,255,255,.09);
  --shadow:0 18px 40px rgba(0,0,0,.28);
  --sidebar:270px;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 70% 0,#1a2546 0,var(--bg) 48%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:var(--accent-2)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(1.7rem,3vw,2.25rem);margin-bottom:4px}
h2{margin-bottom:0}
h3{font-size:1rem;margin-bottom:4px}
.hidden{display:none!important}
.muted{color:var(--muted)}
.eyebrow{color:var(--accent-2);font-size:.71rem;letter-spacing:.12em;font-weight:900;margin-bottom:5px}
.fine-print{color:var(--muted);font-size:.8rem;line-height:1.45}
.label{display:block;color:var(--muted);font-size:.78rem;margin-bottom:4px}
.app-shell{min-height:100vh}
.sidebar{position:fixed;z-index:60;inset:0 auto 0 0;width:var(--sidebar);padding:20px 14px;background:rgba(9,14,29,.97);border-right:1px solid var(--border);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .2s ease;box-shadow:var(--shadow)}
.sidebar.open{transform:translateX(0)}
.sidebar-scrim{position:fixed;z-index:55;inset:0;background:rgba(0,0,0,.62);display:none}
.sidebar-scrim.show{display:block}
.brand-row{display:flex;align-items:center;gap:10px;padding:0 5px 18px}
.brand-mark{width:40px;height:40px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#2a9bb0);font-weight:900}
.brand-name{font-weight:900;font-size:1.05rem}
.version-label{font-size:.73rem;color:var(--muted)}
.sidebar-close{margin-left:auto}
.side-nav{display:flex;flex-direction:column;gap:5px;overflow:auto;padding-right:2px}
.side-nav-item{border:0;background:transparent;color:var(--muted);text-align:left;padding:11px 12px;border-radius:12px;font-weight:750}
.side-nav-item:hover,.side-nav-item.active{background:rgba(124,58,237,.2);color:#fff}
.sidebar-note{margin-top:auto;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--muted)}
.workspace{min-width:0}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:15px 16px;background:rgba(11,16,32,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.topbar>div{flex:1;min-width:0}
.icon-btn{border:0;color:var(--text);background:rgba(255,255,255,.08);border-radius:12px;width:42px;height:42px;flex:0 0 auto}
.primary-btn,.secondary-btn{border:0;border-radius:16px;padding:12px 16px;min-height:48px;font-weight:850}
.primary-btn{background:var(--accent);color:#fff}
.secondary-btn{background:rgba(255,255,255,.07);color:var(--text);border:1px solid var(--border)}
.primary-btn.compact{padding:10px 13px}
.text-btn{background:transparent;color:var(--accent-2);border:0;padding:7px 0;font-weight:700}
.danger-text{color:var(--danger)!important}
.full-width{width:100%;margin-top:12px}
.view-root{padding:16px;max-width:1600px;margin:0 auto}
.grid{display:grid;gap:14px}
.dashboard-grid{grid-template-columns:1fr}
.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--surface);border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:var(--shadow)}
.intro-card{border-color:rgba(85,196,216,.42);background:linear-gradient(145deg,rgba(85,196,216,.12),rgba(20,119,138,.08)),var(--surface);border-radius:28px;padding:clamp(20px,4vw,32px)}
.intro-card h2{font-size:clamp(1.55rem,4vw,2.35rem);max-width:760px;margin:8px 0 10px}
.intro-card p{max-width:820px;line-height:1.6;margin-bottom:0}
.release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.release-item{padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);min-width:0}
.release-item strong,.release-item code{display:block;margin-top:4px;overflow-wrap:anywhere}
.update-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:rgba(85,196,216,.45);background:rgba(20,119,138,.18)}
.card.compact-card{padding:13px}
.card-header,.split-row,.section-title-row,.sheet-header,.section-heading,.revenue-top,.switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.card-header{margin-bottom:13px}
.money-row{font-size:2rem;display:flex;align-items:baseline;gap:2px}
.money-row span{color:var(--accent-2);font-size:1.05rem}
.metric-value{font-size:1.45rem;font-weight:900}
.progress-track{height:9px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden;margin:11px 0}
.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--pink));transition:width .25s ease}
.inline-form{display:grid;grid-template-columns:1fr;gap:8px}
input,select,textarea{width:100%;background:#0d1427;color:var(--text);border:1px solid var(--border);border-radius:11px;padding:11px}
textarea{min-height:96px;resize:vertical}
.pill{display:inline-flex;align-items:center;gap:5px;background:rgba(124,58,237,.18);color:#ddd6fe;border:1px solid rgba(167,139,250,.24);border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:750}
.pill.success{background:rgba(34,197,94,.14);color:#bbf7d0;border-color:rgba(34,197,94,.28)}
.pill.warning{background:rgba(245,158,11,.14);color:#fde68a;border-color:rgba(245,158,11,.28)}
.pill.danger{background:rgba(248,113,113,.14);color:#fecaca;border-color:rgba(248,113,113,.28)}
.section-title-row{margin:22px 2px 10px}
.timeline{display:flex;flex-direction:column;gap:9px}
.task-card{color:var(--text);text-align:left;width:100%;display:grid;grid-template-columns:68px 1fr auto;gap:11px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:13px}
.task-card.completed{opacity:.58}.task-card.skipped{opacity:.42}
.task-time{color:var(--accent-2);font-weight:850;font-size:.82rem}
.task-title{font-weight:850;margin-bottom:3px}
.task-meta{color:var(--muted);font-size:.77rem;line-height:1.35}
.status-dot{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.25)}
.completed .status-dot{background:var(--success);border-color:var(--success)}
.skipped .status-dot{background:#64748b;border-color:#64748b}
.quick-list{display:flex;flex-direction:column;gap:9px}
.quick-item{display:flex;gap:10px;align-items:flex-start;padding:11px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}
.quick-item-main{flex:1;min-width:0}
.board-wrap{overflow-x:auto;padding-bottom:8px}
.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,290px);gap:12px;align-items:start;min-width:max-content}
.board-column{background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:16px;padding:11px;min-height:210px}
.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.column-title{font-weight:900}
.column-count{font-size:.75rem;color:var(--muted)}
.column-add{width:30px;height:30px;border:1px solid var(--border);background:rgba(255,255,255,.07);color:#fff;border-radius:9px}
.board-cards{display:flex;flex-direction:column;gap:9px}
.board-card{background:var(--surface-2);border:1px solid var(--border);border-radius:13px;padding:11px}
.board-card-title{font-weight:850;margin-bottom:6px}
.board-card-meta{color:var(--muted);font-size:.75rem;line-height:1.4}
.card-actions{display:flex;align-items:center;gap:6px;margin-top:9px;flex-wrap:wrap}
.mini-btn{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 9px;font-weight:750;font-size:.75rem}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:15px}
.data-table{width:100%;border-collapse:collapse;min-width:720px;background:var(--surface)}
.data-table th,.data-table td{text-align:left;padding:12px;border-bottom:1px solid var(--border);font-size:.82rem;vertical-align:top}
.data-table th{color:var(--muted);font-size:.75rem;background:rgba(255,255,255,.025)}
.data-table tr:last-child td{border-bottom:0}
.category-list{display:grid;gap:12px}
.category-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:13px}
.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}
.review-grid,.sop-grid{display:grid;grid-template-columns:1fr;gap:12px}
.review-card,.sop-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:15px}
.empty-state{color:var(--muted);text-align:center;padding:28px 8px;border:1px dashed var(--border);border-radius:13px}
.banner{border:1px solid rgba(167,139,250,.25);background:rgba(124,58,237,.12);border-radius:14px;padding:13px;margin-bottom:14px;color:#ddd6fe;font-size:.84rem;line-height:1.45}
.mobile-nav{position:fixed;z-index:50;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(12,18,34,.94);border:1px solid var(--border);backdrop-filter:blur(18px);border-radius:17px;padding:7px;box-shadow:var(--shadow)}
.mobile-nav-item{background:transparent;color:var(--muted);border:0;padding:9px 2px;border-radius:11px;font-size:.73rem;font-weight:750}
.mobile-nav-item.active{background:rgba(124,58,237,.22);color:#fff}
.sheet-dialog{border:0;padding:0;width:100%;max-width:650px;background:transparent;color:var(--text)}
.sheet-dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(3px)}
.sheet{background:var(--surface);border:1px solid var(--border);border-radius:24px 24px 0 0;padding:18px;max-height:90vh;overflow:auto;position:fixed;left:0;right:0;bottom:0}
.sheet-handle{width:44px;height:5px;background:rgba(255,255,255,.22);border-radius:999px;margin:0 auto 16px}
.checklist{display:flex;flex-direction:column;gap:9px;margin:18px 0}
.check-row{display:flex;align-items:flex-start;gap:10px;background:var(--surface-2);border:1px solid var(--border);padding:11px;border-radius:11px}
.check-row input{width:auto;margin-top:3px}
.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;bottom:0;background:linear-gradient(180deg,transparent,var(--surface) 28%);padding-top:18px}
.form-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0}
.field-label{display:block;color:var(--muted);font-size:.82rem}
.field-label input,.field-label select,.field-label textarea{margin-top:6px}
.field-span-2{grid-column:1/-1}
.switch-row{background:var(--surface-2);border:1px solid var(--border);border-radius:13px;padding:12px}
.switch-row input{width:auto;transform:scale(1.2)}
.log-list{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.log-item{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;background:var(--surface-2);border:1px solid var(--border);padding:11px;border-radius:11px}
.log-actions{grid-column:1/-1;display:flex;gap:7px;justify-content:flex-end}
.log-value{font-weight:900}
.setting-actions{display:flex;gap:9px;flex-wrap:wrap}
@media(min-width:640px){
  .inline-form{grid-template-columns:1fr 1.1fr auto}
  .form-grid{grid-template-columns:1fr 1fr}
  .review-grid,.sop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:639px){.release-grid{grid-template-columns:1fr}.update-banner{align-items:flex-start;flex-direction:column}.update-banner button{width:100%}}
@media(min-width:900px){
  body{padding-bottom:0}
  .sidebar{transform:none}
  .sidebar-close,.menu-btn,.mobile-nav{display:none}
  .workspace{margin-left:var(--sidebar)}
  .topbar{padding:17px 24px}
  .view-root{padding:22px 24px 40px}
  .dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)}
  .review-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sheet{position:relative;left:auto;right:auto;bottom:auto;border-radius:24px;max-height:86vh}
}

/* TickTick synchronization additions */
.sync-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;border-color:rgba(85,214,151,.35);background:rgba(30,122,81,.16)}
.warning-banner{border-color:rgba(255,190,74,.35);background:rgba(133,88,18,.18)}
.sync-pill{background:rgba(85,214,151,.14);border-color:rgba(85,214,151,.28);color:#a9f5cf}
.success-pill{background:rgba(85,214,151,.14);border-color:rgba(85,214,151,.28);color:#a9f5cf}
.synced-card{border-color:rgba(85,214,151,.2)}
.status-list{display:grid;gap:10px;margin:14px 0}.status-list>div{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.status-list>div:last-child{border-bottom:0}
button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){.sync-banner{align-items:flex-start;flex-direction:column}.sync-banner button{width:100%}}

/* v0.4 cloud-foundation authentication and account controls */
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;overflow-x:hidden;background:radial-gradient(circle at top,#1a2140 0,#0b1020 52%,#070b16 100%)}
.auth-card{width:min(520px,100%);max-width:100%;min-width:0;background:rgba(21,28,52,.96);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.38)}
.auth-card>*{min-width:0;max-width:100%}.auth-card h1,.auth-card p{overflow-wrap:anywhere}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.auth-card h1{margin:0 0 8px;font-size:30px}
.auth-card .form-grid{margin-top:18px}
.auth-message{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(255,98,117,.12);color:#ffb4c0;border:1px solid rgba(255,98,117,.25)}
.auth-help{margin-top:16px;font-size:.9rem;color:var(--muted)}
.account-summary{margin-top:auto;padding:14px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.account-summary strong,.account-summary span{display:block}
.account-summary span{font-size:.82rem;color:var(--muted);margin-top:4px}
.sidebar-logout{margin-top:10px}
.user-list{display:grid;gap:10px;margin-top:14px}
.user-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.user-row small{display:block;color:var(--muted);margin-top:4px}
.cloud-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:720px){.auth-card{padding:22px;border-radius:18px}.user-row{grid-template-columns:1fr}}
.auth-shell:not(.hidden) ~ .mobile-nav{display:none!important}

/* v0.5 schedule profiles, two-way task editing, and audit */
.schedule-profile-card{margin-bottom:14px}.schedule-series-list{display:grid;gap:10px}.schedule-series-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.schedule-series-main{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:18px;flex:1}.schedule-date-block{display:flex;flex-direction:column;gap:4px}.schedule-date-block span{color:var(--muted);font-size:.82rem}.schedule-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.completed-card{opacity:.7}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-list{display:grid;gap:8px;margin-bottom:14px}.profile-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.profile-row input{width:100%}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.audit-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin:14px 0}.audit-detail{white-space:pre-wrap;word-break:break-word;font-size:.75rem;color:var(--muted)}.table-actions{white-space:nowrap}.field-span-2{grid-column:span 2}
@media(max-width:800px){.schedule-series-card{flex-direction:column}.schedule-series-main{grid-template-columns:1fr}.schedule-actions{justify-content:flex-start}.permission-grid,.audit-filters{grid-template-columns:1fr}.field-span-2{grid-column:span 1}}
.user-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sop-reader-sheet{max-width:860px}.sop-reader-body{white-space:pre-wrap;line-height:1.55;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:14px;padding:18px;max-height:65vh;overflow:auto}.audit-detail{line-height:1.45}.audit-detail summary{cursor:pointer;color:var(--accent-light)}.token-conversion{font-size:.86rem;color:var(--muted);margin-top:6px}.source-badge{display:inline-flex;padding:3px 8px;border-radius:999px;border:1px solid rgba(155,120,255,.25);font-size:.75rem;color:var(--muted)}
.permission-hidden{display:none!important}

/* v0.8.2 controlled-beta identity, help, policy, and read-only settings */
.beta-identity-banner{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 16px;background:#113d49;border-bottom:1px solid rgba(85,196,216,.45);color:#e8fbff;font-size:.86rem;text-align:center}
.beta-identity-banner strong{letter-spacing:.04em;text-transform:uppercase}.beta-identity-banner span{color:#c7eaf0}
.beta-footer{display:flex;gap:8px 16px;align-items:center;justify-content:center;flex-wrap:wrap;padding:20px max(16px,env(safe-area-inset-left)) calc(26px + env(safe-area-inset-bottom));border-top:1px solid var(--border);color:var(--muted);font-size:.82rem}
.beta-footer .text-btn,.beta-footer a{font-size:.82rem;color:var(--accent-2)}
.help-page,.policy-page{max-width:1080px;margin:0 auto}.help-page>p,.policy-page>p{max-width:780px;line-height:1.65}
.help-index,.policy-links,.policy-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.help-index a,.policy-links .text-btn{border:1px solid var(--border);border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.035);color:var(--accent-2)}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.help-grid article,.policy-page section{border:1px solid var(--border);border-radius:18px;padding:16px;background:rgba(255,255,255,.025)}
.help-grid h3,.policy-page h3{margin-top:0}.help-grid p,.policy-page section p{line-height:1.6;margin-bottom:0}.policy-page section{margin-top:12px}.policy-actions{align-items:center;margin-top:20px}
.auth-policy-links{display:flex;gap:8px;flex-direction:column;margin-top:14px;font-size:.8rem;color:var(--muted)}.auth-policy-links a{color:var(--accent-2)}
input:disabled,select:disabled{cursor:not-allowed;opacity:.7}
@media(max-width:639px){.help-grid{grid-template-columns:1fr}.beta-identity-banner{align-items:flex-start;flex-direction:column;text-align:left}.beta-footer{justify-content:flex-start}}

/* v0.5.2 native pipeline editors */
.form-section-heading{margin-top:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.10)}
.form-section-heading:first-child{margin-top:0;padding-top:0;border-top:0}
.form-section-heading h3{margin:0;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.clickable-card{cursor:pointer}
.clickable-card:hover{transform:translateY(-1px);border-color:rgba(91,154,255,.55)}
.clickable-card:focus{outline:2px solid rgba(91,154,255,.7);outline-offset:2px}
.sheet-dialog .sheet{max-height:90vh;overflow:auto}

/* v0.6.2 Integration API */
.integration-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);margin-bottom:9px}
.integration-row small{display:block;color:var(--muted);margin:4px 0}
.scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.secret-reveal{margin:14px 0;padding:14px;border:1px solid rgba(245,158,11,.35);border-radius:14px;background:rgba(133,88,18,.16)}
.secret-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;margin-top:12px}
.secret-row input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.api-docs{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}
.api-docs summary{cursor:pointer;font-weight:800;color:var(--accent-2)}
.api-docs pre{white-space:pre-wrap;word-break:break-word;background:#090f1e;border:1px solid var(--border);border-radius:12px;padding:12px;overflow:auto;font-size:.78rem;line-height:1.45}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media(max-width:720px){.integration-row{grid-template-columns:1fr}.scope-grid{grid-template-columns:1fr}.secret-row{grid-template-columns:1fr}.secret-row button{width:100%}}

/* v0.7.0.2 Native Business Operations + Smart Reviews */
.review-sheet{max-width:980px}
.review-auto-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.review-metric{position:relative;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:4px;min-height:96px}
.review-metric strong{font-size:1.1rem;line-height:1.25;padding-right:52px}
.review-metric small{line-height:1.35}
.auto-badge{position:absolute;right:10px;top:10px;font-size:.66rem;font-weight:800;letter-spacing:.08em;padding:4px 6px;border-radius:999px;background:rgba(76,201,160,.13);border:1px solid rgba(76,201,160,.35);color:#9fe8cf}
.required-mark{font-size:.72rem;color:#ffc9c9;margin-left:6px;font-weight:700}
.review-actions{position:sticky;bottom:-1px;background:linear-gradient(180deg,rgba(11,16,32,.25),#0b1020 30%);padding-top:18px}
.beta-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.beta-data-stat{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}
.beta-data-stat strong{display:block;font-size:1.35rem;margin-top:5px}
@media(max-width:760px){.review-auto-grid,.beta-data-grid{grid-template-columns:1fr}.review-sheet{max-width:100%}}


/* v0.7.0.2 Native Business Operations */
.operation-card.overdue{border-color:rgba(245,158,11,.55)}
.operation-card.due-today{border-color:rgba(124,58,237,.55)}
.pill-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.warning-text{color:#fbbf24}
.compact-toggle{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted)}
.compact-toggle input{width:18px;height:18px}
#recordDialog .dialog-body{padding-bottom:110px}
#reviewDialog .dialog-body{padding-bottom:120px}
button:disabled{opacity:.45;cursor:not-allowed}


/* v0.7.0.2 Smart Review source-data drill-down */
.review-metric-button{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none}
.review-metric-button:hover{border-color:rgba(147,197,253,.35);background:rgba(255,255,255,.045)}
.review-metric-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.review-drill-hint{margin-top:auto;font-size:.76rem;color:var(--muted);font-weight:700}
.review-drill-note{margin:8px 2px 0;font-size:.82rem}
.review-detail-sheet{max-width:760px!important}
.review-detail-body{padding-bottom:28px}
.review-detail-group{padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}
.review-detail-group:first-child{border-top:0;padding-top:0}
.review-detail-group h3{margin:0 0 2px}
.review-detail-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;margin:7px 0;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.022)}
.review-detail-main{min-width:0;flex:1}
.review-detail-value{white-space:nowrap}
@media(max-width:640px){.review-detail-row{align-items:flex-start;flex-direction:column}.review-detail-value{white-space:normal}}

/* v0.7.0.2 Review & Operations Intelligence */
.review-intelligence{margin:0 0 14px;padding:14px;border:1px solid rgba(139,92,246,.25);border-radius:16px;background:rgba(139,92,246,.055)}
.review-intelligence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.intel-card{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:4px}
.intel-card strong{font-size:1.05rem}
.review-trend{display:inline-flex;align-self:flex-start;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800;margin-top:3px}
.trend-up{background:rgba(34,197,94,.12);color:#86efac}.trend-down{background:rgba(239,68,68,.12);color:#fca5a5}.trend-flat{background:rgba(148,163,184,.12);color:#cbd5e1}
.operation-attention-card .quick-item{border-color:rgba(245,158,11,.18)}
@media(max-width:920px){.review-intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.review-intelligence-grid{grid-template-columns:1fr}}


/* v0.7.2 Mobile Foundation */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#0b1020}
body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
button,.side-nav-item,.mobile-nav-item,.mini-btn,.text-btn{touch-action:manipulation}
.boot-status{display:grid;gap:7px;padding:18px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.035)}
.boot-status span{color:var(--muted);font-size:.88rem;line-height:1.45}
.mobile-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.mobile-status-grid>div{display:grid;gap:4px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}
.mobile-install-steps{margin:14px 0 0;padding-left:22px;color:var(--muted);line-height:1.65}
.mobile-install-steps strong{color:var(--text)}
@media(max-width:899px){
  body{min-height:100dvh;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .auth-shell{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))}
  .topbar{padding-top:calc(15px + env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .view-root{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .sidebar{padding-top:calc(18px + env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  .sheet{max-height:calc(94dvh - env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  .sheet-actions{bottom:calc(-1px + env(safe-area-inset-bottom))}
  input,select,textarea{font-size:16px}
  button,.primary-btn,.secondary-btn,.icon-btn{min-height:44px}
  .mobile-nav-item{min-height:48px}
  .mobile-status-grid{grid-template-columns:1fr}
  .table-wrap{-webkit-overflow-scrolling:touch}
}
@media(min-width:900px){.topbar{padding-top:17px}}
/* v0.8.2.2 accessible first-use guidance; keeps the approved card layout. */
.start-here-wizard { margin-bottom: 20px; }
.start-here-wizard fieldset { display: grid; gap: 12px; margin: 16px 0; min-width: 0; }
.start-here-wizard fieldset label { display: flex; gap: 10px; align-items: flex-start; }
.start-here-wizard input[type=radio], .start-here-wizard input[type=checkbox] { width: 22px; min-width: 22px; height: 22px; }
.help-guide ol { padding-left: 26px; }
.help-guide li, .start-here-wizard li { margin-bottom: 12px; line-height: 1.65; }
.help-guide dd { margin: 4px 0 16px; line-height: 1.6; overflow-wrap: anywhere; }
.help-guide dt { font-weight: 700; }
.help-guide button, .start-here-wizard button { min-height: 44px; white-space: normal; }
.guide-field-reference { margin-top: 18px; }
/* v0.9.2 public connections */
.connection-methods{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.connection-methods .pill{font-size:.72rem}
.import-sample td,.import-sample th{white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.import-preview{margin-top:12px}
@media(max-width:720px){.connection-row .setting-actions{justify-content:flex-start}}
.connections-all{margin-top:10px}
.connections-all>summary{cursor:pointer;font-weight:600;padding:8px 0}
/* v0.9.3 platform webhooks */
.connection-earns{display:block;color:var(--muted);margin-top:2px}
.webhook-link{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.webhook-link code{overflow-wrap:anywhere;word-break:break-all;font-size:.78rem;padding:6px 8px;border-radius:8px;background:rgba(127,127,127,.12);max-width:100%}
.webhook-connect{border:1px solid rgba(127,127,127,.25);border-radius:13px;padding:14px;margin:10px 0}
.webhook-steps{margin:8px 0 12px 18px;padding:0}
.webhook-steps li{margin:4px 0}
.connections-card .card-header .pill{white-space:nowrap}
/* v0.9.46 plans: two plan choices side by side (website only) */
.plan-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.plan-option{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:14px;padding:14px}.plan-option button{margin-top:auto}