.cf-ui-v2-workspace .workspace-platform-toggle b { margin-left:auto; transition:transform .18s ease; }
.cf-ui-v2-workspace .workspace-platform-toggle[aria-expanded="true"] b { transform:rotate(180deg); }
.cf-ui-v2-workspace .workspace-platform-menu { display:grid; gap:4px; margin:2px 0 2px 34px; padding:6px 0 6px 12px; border-left:1px solid color-mix(in srgb,var(--cf-ui-accent) 30%,var(--cf-ui-border)); }
.cf-ui-v2-workspace .workspace-platform-menu[hidden] { display:none; }
.cf-ui-v2-workspace .workspace-platform-menu button { min-height:38px; padding:7px 10px; font-size:13px; }
.cf-ui-v2-workspace .workspace-platform-menu i { display:grid; width:24px; height:24px; place-items:center; border-radius:8px; background:var(--cf-ui-canvas-soft); color:var(--cf-ui-accent); font-style:normal; font-weight:800; }
.platform-workspace-dialog { width:min(920px,calc(100vw - 28px)); padding:0; border:0; border-radius:24px; background:transparent; color:var(--cf-ui-text); }
.platform-workspace-dialog::backdrop { background:rgba(2,12,10,.66); backdrop-filter:blur(7px); }
.platform-workspace-card { overflow:hidden; border:1px solid var(--cf-ui-border); border-radius:24px; background:linear-gradient(145deg,var(--cf-ui-surface),var(--cf-ui-canvas-soft)); box-shadow:0 30px 90px rgba(0,0,0,.28); }
.cf-ui-v2-workspace .platform-workspace-card :where(h2,h3,h4,strong,b) { color:var(--cf-ui-text); }
.platform-workspace-head { display:flex; justify-content:space-between; gap:24px; padding:28px 30px 20px; }
.platform-workspace-head h2 { margin:3px 0 6px; font-size:30px; }
.platform-workspace-head p { margin:0; color:var(--cf-ui-text-muted); }
.platform-workspace-statusbar { display:grid; grid-template-columns:auto auto 1fr; align-items:center; gap:12px; margin:0 30px; padding:14px 16px; border:1px solid var(--cf-ui-border); border-radius:16px; background:color-mix(in srgb,var(--cf-ui-accent-soft) 48%,transparent); }
.platform-workspace-statusbar > span { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; background:#11a982; color:white; font-weight:900; }
.platform-workspace-statusbar > span[data-tone="yellow"] { background:#e2ad16; color:#1c1703; }.platform-workspace-statusbar > span[data-tone="violet"] { background:#8055c7; }.platform-workspace-statusbar > span[data-tone="red"] { background:#d64d4d; }.platform-workspace-statusbar > span[data-tone="orange"] { background:#ed7d28; }
.platform-workspace-statusbar small { justify-self:end; color:var(--cf-ui-text-muted); }
.platform-workspace-store-picker { grid-column:1/-1; display:grid; grid-template-columns:auto minmax(240px,1fr); align-items:center; gap:12px; padding-top:12px; border-top:1px solid color-mix(in srgb,var(--cf-ui-border) 72%,transparent); }
.platform-workspace-store-picker > span { color:var(--cf-ui-text-muted); font-size:12px; font-weight:800; }
.platform-workspace-store-picker select { width:100%; min-height:42px; padding:8px 38px 8px 12px; border:1px solid var(--cf-ui-border); border-radius:12px; background:var(--cf-ui-surface); color:var(--cf-ui-text); font:inherit; }
.platform-workspace-store-picker select:focus-visible { outline:3px solid color-mix(in srgb,var(--cf-ui-accent) 28%,transparent); outline-offset:2px; border-color:var(--cf-ui-accent); }
.platform-workspace-tabs { display:flex; gap:8px; padding:20px 30px 0; border-bottom:1px solid var(--cf-ui-border); }
.platform-workspace-tabs button { padding:12px 15px; border:0; border-bottom:2px solid transparent; border-radius:10px 10px 0 0; background:transparent; color:var(--cf-ui-text-muted); }
.platform-workspace-tabs button.is-active { border-color:var(--cf-ui-accent); color:var(--cf-ui-accent); background:var(--cf-ui-accent-soft); }
.platform-workspace-body { min-height:330px; padding:28px 30px; }
.platform-feature-hero { padding:22px; border-radius:18px; background:linear-gradient(135deg,color-mix(in srgb,var(--cf-ui-accent-soft) 75%,transparent),transparent); }
.platform-feature-hero span,.platform-overview-grid span { color:var(--cf-ui-accent); font-size:12px; font-weight:800; letter-spacing:.08em; }.platform-feature-hero h3 { margin:8px 0; font-size:22px; line-height:1.45; }.platform-feature-hero p { margin:0; color:var(--cf-ui-text-muted); }
.platform-overview-grid,.platform-check-grid,.platform-metric-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:16px; }
.platform-check-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.platform-metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.platform-overview-grid article,.platform-check-grid article,.platform-metric-grid article { display:grid; gap:8px; padding:18px; border:1px solid var(--cf-ui-border); border-radius:16px; background:var(--cf-ui-surface); }.platform-overview-grid strong { line-height:1.55; }.platform-check-grid b { color:var(--cf-ui-accent); font-size:20px; }.platform-check-grid small,.platform-metric-grid small { color:var(--cf-ui-text-muted); }
.platform-live-grid,.platform-evidence-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:16px; }
.platform-live-grid article,.platform-evidence-grid article { display:grid; align-content:start; gap:7px; min-height:120px; padding:17px; border:1px solid var(--cf-ui-border); border-radius:16px; background:color-mix(in srgb,var(--cf-ui-surface) 92%,var(--cf-ui-accent-soft)); }
.platform-live-grid small,.platform-evidence-grid small { color:var(--cf-ui-text-muted); font-weight:700; }.platform-live-grid strong,.platform-evidence-grid strong { font-size:16px; line-height:1.4; }.platform-live-grid span,.platform-evidence-grid span { color:var(--cf-ui-text-muted); font-size:12px; line-height:1.5; }
.platform-evidence-grid article[data-availability="pending"] { border-color:#d49a31; background:color-mix(in srgb,#d49a31 8%,var(--cf-ui-surface)); }.platform-evidence-grid article[data-availability="unavailable"] { opacity:.76; }
.platform-capability-list { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }.platform-capability-list span { padding:7px 10px; border:1px solid color-mix(in srgb,var(--cf-ui-accent) 28%,var(--cf-ui-border)); border-radius:999px; background:var(--cf-ui-accent-soft); color:var(--cf-ui-text); font-size:12px; font-weight:700; }
.platform-note-list { display:grid; gap:8px; margin:18px 0 0; padding:0; list-style:none; }.platform-note-list li::before { content:"✓"; margin-right:9px; color:var(--cf-ui-accent); font-weight:900; }
.platform-store-list { display:grid; gap:10px; margin-top:16px; }.platform-store-list article { display:flex; align-items:center; gap:12px; padding:13px 15px; border:1px solid var(--cf-ui-border); border-radius:14px; }.platform-store-list i { display:grid; width:34px;height:34px;place-items:center;border-radius:10px;background:var(--cf-ui-accent-soft);font-style:normal;font-weight:900; }.platform-store-list span { display:grid; }.platform-store-list small { color:var(--cf-ui-text-muted); }.platform-store-list b { margin-left:0; color:var(--cf-ui-accent); font-size:11px; }.platform-store-list em { margin-left:auto; color:var(--cf-ui-accent); font-style:normal; font-size:12px; font-weight:800; }.platform-store-row[data-connected="false"] em { color:var(--cf-ui-danger,#d74b4b); }
.platform-empty { margin:16px 0 0; padding:18px; border:1px dashed var(--cf-ui-border); border-radius:14px; color:var(--cf-ui-text-muted); text-align:center; }.platform-source-note { margin:14px 0 0; color:var(--cf-ui-text-muted); font-size:12px; }.platform-inline-error { margin:12px 0 0; color:var(--cf-ui-danger,#d74b4b); }
.platform-workspace-card > footer { display:flex; align-items:center; justify-content:flex-end; gap:16px; min-height:76px; padding:14px 30px; border-top:1px solid var(--cf-ui-border); }.platform-workspace-card > footer p { margin:0 auto 0 0; color:var(--cf-ui-danger,#d74b4b); }
@media (max-width:720px) { .platform-overview-grid,.platform-check-grid,.platform-metric-grid,.platform-live-grid,.platform-evidence-grid { grid-template-columns:1fr; }.platform-workspace-statusbar { grid-template-columns:auto 1fr; }.platform-workspace-statusbar small { grid-column:1/-1; justify-self:start; }.platform-workspace-store-picker { grid-template-columns:1fr; }.platform-workspace-tabs { overflow-x:auto; }.platform-workspace-head,.platform-workspace-body { padding-left:20px;padding-right:20px; }.platform-store-list article { align-items:flex-start; flex-wrap:wrap; }.platform-store-list em { margin-left:auto; } }
@media (prefers-reduced-motion:reduce) { .cf-ui-v2-workspace .workspace-platform-toggle b { transition:none; } }