/* Final component styling shared by admin/member and light/dark workspaces. */
html{--pw-surface:#102f20;--pw-bg:#0b2518;--pw-border:#274838;--pw-text:#eaf9f2;--pw-muted:#97b9a8;--pw-accent:#62e6a4;--pw-hover:#18402c;--pw-active:#1f5339}
html[data-theme=light]{--pw-surface:#fff;--pw-bg:#f6faf8;--pw-border:#e6efeb;--pw-text:#1d3d2d;--pw-muted:#749082;--pw-accent:#2db973;--pw-hover:#f4faf7;--pw-active:#edfcf4}
body.workspace-ui,html[data-theme=light] body.workspace-ui{background:var(--pw-bg);color:var(--pw-text)}
.workspace-ui .shell{grid-template-columns:244px minmax(0,1fr)}
#workspace-sidebar,html[data-theme=light] #workspace-sidebar{background:var(--pw-surface);border-right:1px solid var(--pw-border);padding:20px 14px 14px;box-shadow:none;display:flex;flex-direction:column;gap:0;height:100dvh;overflow-y:auto;scrollbar-width:thin}
#workspace-sidebar .brand{padding:0 8px 20px;gap:12px;border-bottom:1px solid var(--pw-border);margin-bottom:16px}
#workspace-sidebar .brand img{width:40px;height:40px;border-radius:11px}
#workspace-sidebar .brand strong{font-size:15px;letter-spacing:1.2px;color:var(--pw-text)}
#workspace-sidebar .brand span{font-size:11px;color:var(--pw-muted)}
#workspace-sidebar .workspace-nav{flex:1;overflow:visible}
#workspace-sidebar .nav-section{margin:0 0 17px;padding:0;border:0}
#workspace-sidebar .nav-section h2{font-size:10px;letter-spacing:1px;color:var(--pw-muted);margin:0;padding:0 12px 7px;font-weight:600;border:0}
#workspace-sidebar .nav-link,html[data-theme=light] #workspace-sidebar .nav-link{min-height:42px;padding:10px 12px;gap:11px;border-radius:10px;margin:3px 0;background:transparent;color:var(--pw-muted);font-size:12px;line-height:1.4;box-shadow:none;border:1px solid transparent;font-weight:500}
#workspace-sidebar .nav-link svg{width:18px;height:18px;flex-shrink:0;color:inherit}
#workspace-sidebar .nav-link:hover{background:var(--pw-hover);color:var(--pw-text)}
#workspace-sidebar .nav-link.active,html[data-theme=light] #workspace-sidebar .nav-link.active{background:var(--pw-active);color:var(--pw-accent);font-weight:700;box-shadow:none;border-color:transparent}
#workspace-sidebar .sidebar-context{border-top:1px solid var(--pw-border);padding-top:15px}
#workspace-sidebar .context-link{font-size:11px;padding-left:14px;min-height:36px}
#workspace-sidebar .sidebar-tools{border-top:1px solid var(--pw-border);padding:12px 8px;display:flex;flex-wrap:wrap;gap:8px}
#workspace-sidebar .sidebar-tools .theme-toggle,#workspace-sidebar .sidebar-tools .app-notifications,#workspace-sidebar .sidebar-tools .topbar-link{display:flex!important;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 10px;border:1px solid var(--pw-border);border-radius:9px;background:var(--pw-surface);color:var(--pw-muted);font-size:11px;text-decoration:none}
#workspace-sidebar .sidebar-tools svg{width:17px;height:17px}
#workspace-sidebar .sidebar-tools .theme-toggle-label,#workspace-sidebar .sidebar-tools .topbar-link span{display:inline!important}
#workspace-sidebar .sidebar-tools .user-button{display:none!important}
#workspace-sidebar .sidebar-footer{margin-top:0;border-top:1px solid var(--pw-border);padding:14px 8px 0}
#workspace-sidebar .account-mini{margin-bottom:10px;color:var(--pw-text)}
#workspace-sidebar .account-mini strong{font-size:12px}#workspace-sidebar .account-mini small{color:var(--pw-muted)}
#workspace-sidebar .logout-button{border-color:var(--pw-border);border-radius:9px;background:var(--pw-surface);color:var(--pw-muted);font-size:12px}
.workspace-ui .topbar,html[data-theme=light] .workspace-ui .topbar{background:var(--pw-surface);border-bottom:1px solid var(--pw-border);box-shadow:none;min-height:64px}
.workspace-ui .card,html[data-theme=light] .workspace-ui .card{background:var(--pw-surface);border:1px solid var(--pw-border);border-radius:16px;box-shadow:none;padding:22px}
.workspace-ui .card[hidden]{display:none!important}
.workspace-ui .card h2{border-bottom:0;padding-bottom:0;margin-bottom:20px;font-size:17px}
.workspace-ui .hero-vx{border-bottom:0;margin-bottom:20px}.workspace-ui .hero-vx p{font-size:13px}
.workspace-ui label{font-size:12px}.workspace-ui input,.workspace-ui select,.workspace-ui textarea{border-radius:9px;font-size:14px}
.plan-terms,.return-facts,.plan-live-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;border:1px solid var(--pw-border);border-radius:12px;background:var(--pw-hover);margin:14px 0 20px}
.plan-terms small,.return-facts small,.plan-live-preview small{display:block;color:var(--pw-muted);font-size:10px;margin-bottom:6px;line-height:1.5}
.plan-terms strong,.return-facts strong,.plan-live-preview strong{font-size:16px;color:var(--pw-text);display:block;overflow-wrap:anywhere;line-height:1.5}
.plan-live-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-explanation{grid-column:1/-1;margin:0!important}
.plan-overview{display:block;font-size:12px;color:var(--pw-muted);margin-top:8px;font-weight:400}
.return-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
.commission-preview>summary{font-weight:600;cursor:pointer;padding:0!important;color:var(--pw-text)}
.workspace-ui .investment-summary>div{padding:13px 0}.workspace-ui .calculation-note{font-size:11px;line-height:1.7;color:var(--pw-muted)}
.workspace-ui .project-mini-body{padding:14px}.workspace-ui .project-mini-card{border-radius:14px;overflow:hidden}
.workspace-ui .project-mini-body a{margin-top:16px}
.sidebar-collapsed #workspace-sidebar .sidebar-tools,.sidebar-collapsed #workspace-sidebar .sidebar-context{display:none}
.sidebar-collapsed .shell{grid-template-columns:68px minmax(0,1fr)}
@media(max-width:900px){.workspace-ui .shell{grid-template-columns:minmax(0,1fr)}#workspace-sidebar{width:min(292px,86vw)!important;padding-top:24px;border-radius:0 20px 20px 0}.workspace-ui .topbar{min-height:64px!important;padding:10px 16px}.workspace-ui .topbar-left strong{font-size:16px}.workspace-ui main#workspace-content{padding:20px 16px!important}.workspace-ui .card{padding:18px!important;border-radius:15px!important;margin-bottom:16px}.workspace-ui .card h2{font-size:16px}.workspace-ui .hero-vx h1{font-size:26px}.plan-terms{gap:8px;padding:12px}.plan-terms strong{font-size:15px}.plan-live-preview,.return-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-ui .stat{font-size:26px!important}.workspace-ui .investment-total strong{font-size:26px}.workspace-ui .project-detail-banner{max-height:180px}.workspace-ui .project-mini-body h2{font-size:14px!important}.workspace-ui .project-mini-body p{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){#workspace-sidebar{transition:none}}

.workspace-ui .project-management>.grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.workspace-ui .project-management .record{border:1px solid var(--pw-border);border-radius:12px;padding:16px;margin:0}.workspace-ui .report-link,html[data-theme=light] .workspace-ui .report-link{padding:12px 14px;font-size:12px;border-radius:10px;background:var(--pw-hover);box-shadow:none;min-height:44px;margin:0}.workspace-ui .plan-create>summary{cursor:pointer;font-size:15px}.workspace-ui .plan-create>summary span{display:block;margin:6px 0 0;font-size:11px;color:var(--pw-muted)}
@media(max-width:600px){.workspace-ui .project-management>.grid{grid-template-columns:1fr}}
/* Sidebar children stay in normal flow; tall navigation scrolls without overlap. */
#workspace-sidebar .workspace-nav{flex:1 0 auto;min-height:auto;overflow:visible}
#workspace-sidebar>.brand,#workspace-sidebar>.sidebar-tools,#workspace-sidebar>.sidebar-footer{flex-shrink:0;position:static}
#workspace-sidebar .brand strong{text-shadow:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.commission-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.commission-editor-heading h2{margin:0!important}
.commission-editor-labels,.commission-editor-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(220px,1fr) minmax(110px,.6fr);gap:24px;align-items:center}
.commission-editor-labels{font-size:11px;color:var(--pw-muted);padding:0 0 12px;border-bottom:1px solid var(--pw-border)}
.commission-editor-row{padding:12px 0;border-bottom:1px solid var(--pw-border)}
.commission-level{display:flex;align-items:center;gap:12px;font-size:13px}.commission-level>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--pw-active);color:var(--pw-accent);font-size:11px;font-weight:700}
.workspace-ui .commission-type{border:0;padding:0;margin:0;min-width:0;display:flex;gap:6px}.commission-type legend{color:var(--pw-muted);font-size:11px;margin-bottom:6px}
.workspace-ui .commission-type label{margin:0;position:relative;display:block;flex:1;cursor:pointer}
.workspace-ui .commission-type input{position:absolute;opacity:0;width:1px;height:1px;margin:0;min-height:0}
.commission-type span{display:block;padding:10px 12px;text-align:center;border:1px solid var(--pw-border);border-radius:8px;font-size:12px;color:var(--pw-muted);background:var(--pw-surface);white-space:nowrap}
.commission-type input:checked+span{color:var(--pw-accent);background:var(--pw-active);border-color:var(--pw-accent);font-weight:600}.commission-type input:focus-visible+span{outline:3px solid var(--pw-accent);outline-offset:2px}
.workspace-ui .commission-value{margin:0}.workspace-ui .commission-value input{margin:0;min-height:40px;padding:9px 12px;font-size:14px}
.commission-save{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px}.commission-save p{margin:0;color:var(--pw-muted);font-size:12px;max-width:560px;line-height:1.6}.workspace-ui .commission-save button{width:auto!important;flex-shrink:0}
.rank-editor-row{display:grid;grid-template-columns:44px 1fr 1fr 1.3fr 1fr auto;gap:16px;align-items:end;padding:18px 0;border-top:1px solid var(--pw-border)}.rank-editor-row .rank-code{align-self:center;color:var(--pw-accent);font-size:12px}.workspace-ui .rank-editor-row label{margin:0}.workspace-ui .rank-editor-row input{margin:7px 0 0}.workspace-ui .rank-editor-row button{width:auto!important}.commission-history-row{display:flex;gap:18px;padding:12px 0;border-top:1px solid var(--pw-border);font-size:12px;color:var(--pw-muted);line-height:1.7}.commission-history-row strong{color:var(--pw-text)}
@media(max-width:1100px){.rank-editor-row{grid-template-columns:44px 1fr 1fr}.rank-editor-row .rank-code{grid-row:span 2}}
@media(max-width:600px){.commission-editor-labels{display:none}.commission-editor-row{grid-template-columns:1fr 108px;gap:10px 12px;padding:14px 0}.commission-level{grid-column:1/-1}.commission-type span{padding:10px 8px;font-size:11px}.commission-save{flex-direction:column;align-items:stretch;gap:12px}.workspace-ui .commission-save button{width:100%!important}.rank-editor-row{grid-template-columns:1fr 1fr}.rank-editor-row .rank-code{grid-row:auto;grid-column:1/-1}.rank-editor-row>label:first-of-type{grid-column:1/-1}.rank-editor-row>button{align-self:end}.commission-history-row{flex-direction:column;gap:4px}}

.project-commission-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.project-commission-tabs a{padding:11px 16px;border:1px solid var(--pw-border);border-radius:10px;background:var(--pw-surface);color:var(--pw-muted);font-size:12px;text-decoration:none}.project-commission-tabs a.active{background:var(--pw-active);color:var(--pw-accent);border-color:var(--pw-accent);font-weight:600}
/* Compact admin workflows, with visible controls instead of disclosure panels. */
.workspace-ui .clean-form>.grid,.workspace-ui .clean-form form>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px;align-items:start}.workspace-ui .clean-form label{margin:0}.workspace-ui .clean-form textarea{min-height:86px}
.form-note,.empty-inline{font-size:12px!important;color:var(--pw-muted);line-height:1.65;margin:10px 0 18px}
.depth-options,.project-choice,.inline-choice{border:0;margin:0;padding:0;min-width:0;display:flex;flex-wrap:wrap;gap:6px}.depth-options legend,.project-choice legend,.inline-choice legend{font-size:12px;color:var(--pw-muted);margin-bottom:8px}
.depth-options label,.project-choice label,.inline-choice label{position:relative;margin:0;cursor:pointer}.depth-options input,.project-choice input,.inline-choice input{position:absolute;width:1px;height:1px;opacity:0;min-height:0;margin:0}.depth-options span,.project-choice span,.inline-choice span{display:block;padding:10px 12px;border:1px solid var(--pw-border);border-radius:9px;color:var(--pw-muted);font-size:12px;background:var(--pw-surface)}
.depth-options input:checked+span,.project-choice input:checked+span,.inline-choice input:checked+span{background:var(--pw-active);color:var(--pw-accent);border-color:var(--pw-accent)}.depth-options input:focus-visible+span,.project-choice input:focus-visible+span,.inline-choice input:focus-visible+span{outline:3px solid var(--pw-accent);outline-offset:2px}
.project-choice{grid-column:1/-1}.workspace-ui .plan-list-item{position:relative;padding:16px 0;margin:0}.plan-list-item>.action-link{display:inline-block;margin-top:10px}.plan-list-item form{border-top:1px solid var(--pw-border);padding-top:18px;margin-top:16px}.plan-list-item header{font-size:13px;color:var(--pw-muted)}.plan-list-item header>strong{color:var(--pw-text)}
.bonus-campaign>header{font-size:15px;color:var(--pw-text);margin-bottom:10px}.bonus-campaign>form{padding:16px 0;border-top:1px solid var(--pw-border)}.workspace-ui .bonus-campaign>.grid,.workspace-ui .bonus-campaign form>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-campaign h3{font-size:14px;margin-bottom:12px}
.announcement-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);gap:20px;align-items:start}.announcement-layout>.card{margin-top:0}.announcement-compose textarea{min-height:180px}.member-search-inline{display:flex;gap:8px;margin:16px 0;align-items:center}.workspace-ui .member-search-inline input{margin:0;font-size:12px;min-width:0}.member-search-inline button{flex-shrink:0}.audience-option{display:flex!important;align-items:center;gap:12px;border:1px solid var(--pw-border);border-radius:10px;padding:11px 12px;margin:8px 0!important;cursor:pointer}.audience-option:has(input:checked){background:var(--pw-active);border-color:var(--pw-accent)}.workspace-ui .audience-option input{width:16px;height:16px;min-height:0;padding:0;margin:0;flex-shrink:0;accent-color:var(--pw-accent)}.audience-option strong{display:block;font-size:12px;color:var(--pw-text)}.audience-option small{display:block;font-size:10px;color:var(--pw-muted);margin-top:4px;overflow-wrap:anywhere}.audience-members{max-height:330px;overflow-y:auto;scrollbar-width:thin;padding:0 3px}.announcement-history .record>header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.announcement-history p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1000px){.announcement-layout{grid-template-columns:1fr}.workspace-ui .clean-form form>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.workspace-ui .clean-form form>.grid,.workspace-ui .bonus-campaign form>.grid{grid-template-columns:1fr}.announcement-layout{gap:0}.announcement-compose textarea{min-height:140px}.depth-options span{padding:9px 10px;font-size:11px}}