.business-workspace-page { min-height:100dvh; background:var(--ps-bg-base); }
.business-workspace { width:100%; max-width:1240px; margin:0 auto; padding:24px 22px 64px; color:var(--ps-text-primary); background:var(--ps-bg-base); min-height:85dvh; }
.course-dashboard-shell, .dark-main-content.course-dashboard-shell { width:100%; max-width:1240px; margin:0 auto; }
.business-workspace * { min-width:0; letter-spacing:0; }
.business-workspace h1 { font-family:'Outfit',sans-serif; font-size:36px; line-height:1.15; font-weight:700; margin:8px 0; overflow-wrap:anywhere; }
.business-workspace h2 { font-size:18px; font-weight:650; }
.business-workspace button { white-space:normal; height:auto; min-height:42px; }
.business-workspace button.border-input { background:var(--ps-bg-surface); color:var(--ps-text-primary); border-color:var(--ps-border); }
.business-workspace button.border-input:hover { background:var(--ps-bg-hover); }
.business-workspace .course-field input, .business-workspace .course-field select, .business-workspace .course-field textarea { background:var(--ps-bg-surface) !important; color:var(--ps-text-primary) !important; -webkit-text-fill-color:var(--ps-text-primary); }
.business-workspace-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:28px 0; }
.business-workspace-layout { display:grid; grid-template-columns:190px minmax(0,1fr); gap:32px; border-top:1px solid var(--ps-border); padding-top:26px; }
.business-workspace-nav { display:flex; flex-direction:column; gap:6px; align-self:start; }
.business-workspace-nav button { display:flex; align-items:center; gap:10px; padding:12px 10px; text-align:left; border-radius:6px; font-size:13px; color:var(--ps-text-secondary); transition:background-color 150ms,color 150ms; }
.business-workspace-nav button:hover { background:var(--ps-bg-elevated); }
.business-workspace-nav button[aria-current='page'] { background:#15803d; color:#fff; }
.business-workspace-nav svg { flex-shrink:0; }
.workspace-access-banner { display:flex; gap:12px; background:var(--ps-bg-elevated); padding:18px; border-left:3px solid #15803d; margin-bottom:26px; }
.workspace-access-banner>svg { flex-shrink:0; color:#15803d; }
.workspace-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; padding-bottom:28px; border-bottom:1px solid var(--ps-border); }
.workspace-metrics strong { font-family:'Outfit',sans-serif; font-size:30px; display:block; margin-top:8px; }
.workspace-tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:28px 0; }
.workspace-tool-link { position:relative; text-align:left; border:1px solid var(--ps-border); background:var(--ps-bg-surface); padding:22px 20px; border-radius:8px; transition:border-color 150ms,transform 150ms; }
.workspace-tool-link:hover { border-color:#15803d; transform:translateY(-2px); }
.workspace-tool-link>svg:first-child { color:#15803d; margin-bottom:18px; }
.workspace-tool-link h2 { margin-bottom:10px; }
.workspace-tool-arrow { position:absolute; right:16px; top:20px; color:var(--ps-text-secondary); }
.workspace-draft-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:26px; }
.workspace-draft-item { border:1px solid var(--ps-border); border-radius:8px; padding:20px; background:var(--ps-bg-surface); overflow-wrap:anywhere; }
.workspace-live-row { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; border-bottom:1px solid var(--ps-border); padding:16px 0; font-size:14px; overflow-wrap:anywhere; }
.business-workspace-empty { padding:40px 0; max-width:680px; }
.business-workspace-empty img { width:84px; height:84px; object-fit:contain; margin-bottom:22px; }
@media(max-width:1024px) { .workspace-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .business-workspace-layout { grid-template-columns:160px minmax(0,1fr); gap:22px; } }
@media(max-width:768px) { .business-workspace { padding:20px 14px 50px; } .business-workspace-layout { grid-template-columns:minmax(0,1fr); gap:24px; } .business-workspace-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; } .business-workspace-nav button { flex-direction:column; text-align:center; font-size:11px; padding:10px 5px; } .business-workspace-nav button>svg:last-child:not(:first-child) { display:none; } .workspace-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .workspace-draft-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:420px) { .workspace-tool-grid { grid-template-columns:minmax(0,1fr); } .business-workspace h1 { font-size:30px; } }
@media(prefers-reduced-motion:reduce) { .workspace-tool-link { transition:none; } .workspace-tool-link:hover { transform:none; } }