/* Shared sizing contract for manager pages and their dialogs. */
:root{--manager-gutter:32px;--manager-control:40px;--manager-gap:16px}
:is(.creator-workspace,.queue-workspace,.cloud-content,.modal,.rf-drawer-shell){min-width:0}
:is(.creator-workspace,.queue-workspace,.cloud-content,.modal,.rf-drawer-shell,#dossier-form) :is(input,select,textarea){box-sizing:border-box;min-width:0;max-width:100%}
:is(.creator-workspace,.queue-workspace,.cloud-content) :is(button,.cw-button){white-space:normal;overflow-wrap:anywhere;line-height:1.4}
:is(.cw-badge,.cw-achievement,.ops-category,.coach-badge,.ac-badge,.inc-badge,.team-status){max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
:is(.cw-achievement-icon,.ov-nav-icon,.cw-avatar,.coach-avatar,.ac-avatar,.ops-avatar){flex-shrink:0}
.creator-workspace,.queue-workspace{padding:24px var(--manager-gutter) 36px}
.manager-back-bar{gap:12px;min-height:48px;margin-bottom:20px;box-sizing:border-box}
.manager-back-bar .sd-notify-trigger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0;margin:0 0 0 auto;border:1px solid #344864;border-radius:10px;background:#17243a;color:#dce7fa;box-shadow:none}
.manager-back-bar .sd-notify-count{white-space:nowrap;line-height:18px;font-size:10px;padding:0 4px;box-sizing:content-box}
.modal-backdrop>[role=dialog]{background:#101a2c;border-color:#30415d;color:#edf3ff}
.modal-backdrop .manager-back-bar{background:#101a2c}
.cw-profile-name{min-width:0}.cw-profile-name h1{overflow-wrap:anywhere}
.cw-profile-heading{gap:16px}.cw-profile-actions{min-width:0;max-width:100%}
.cw-top-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;min-width:0}
.cw-top-controls .cw-field{min-width:0;margin:0}
.cw-top-controls :is(input,button){min-height:var(--manager-control)}
.cw-topline{margin-bottom:20px;padding-bottom:16px;gap:16px}
.cw-section-heading h2{overflow-wrap:anywhere}
.cloud-content>h1{margin:0 0 16px;line-height:1.2}
.cloud-content label{min-width:0}.cloud-content :is(h1,h2,h3,p,code){overflow-wrap:anywhere}
.cloud-content button{max-width:100%;vertical-align:middle}
.inc-controls{flex-wrap:wrap;align-items:end}.inc-controls label{min-width:0}
.inc-controls :is(input,select){min-height:var(--manager-control)}
.inc-controls>button{min-height:var(--manager-control);margin-top:0;margin-bottom:0}
.ac-refresh{min-width:0}.ac-refresh small{overflow-wrap:anywhere}
.command-overview :is(.manager-legacy-back,.manager-legacy-tools){display:none}
#database-view:not(.command-overview)>.manager-legacy-back{margin:24px var(--manager-gutter) 0}
.manager-legacy-tools{width:100%;color:#a8bddc;font-size:12px}
.manager-legacy-tools>summary{cursor:pointer;padding:10px 0;min-height:24px}
.manager-legacy-tools .view-actions{justify-content:flex-start;margin:8px 0;gap:10px}
#database-view[data-layout=tasks] :is(.command-top-actions,#crm-stats,#dashboard-alerts,.quick-views,.tasks-heading>div:first-child){display:none}
#database-view:not(.command-overview) .database-heading{margin:0;padding:20px var(--manager-gutter) 16px}
#database-view:not(.command-overview) .database-heading h1{font-size:28px}
#database-view[data-layout=tasks] #tasks-mode{padding:0 var(--manager-gutter) 24px}
.tasks-heading{flex-wrap:wrap;gap:12px}.tasks-heading .task-filters{flex-wrap:wrap}
@media(max-width:1100px){
}
@media(max-width:800px){
 :root{--manager-gutter:16px;--manager-control:44px}
 #app>aside{box-sizing:border-box;min-height:68px}
 #app>main{min-height:calc(100dvh - 68px)}
 #app>main :is(.creator-workspace,.queue-workspace){padding:12px var(--manager-gutter) 28px}
 .cloud-modal.manager-navigation-modal>.cloud-content.manager-navigation-surface{padding:12px var(--manager-gutter) 28px!important}
 .manager-back-bar,.cw-directory-page .manager-back-bar{position:relative;top:auto;min-height:48px;padding:0 0 8px;margin:0 0 16px}
 .manager-back-bar .manager-back-button{min-height:40px!important;max-width:calc(100% - 52px);box-sizing:border-box;white-space:normal;text-align:left}
 .manager-back-bar .sd-notify-trigger{width:40px;height:40px;min-width:40px}
 :is(.cw-directory-page .cw-directory-header,.cw-profile-heading,.ops-heading,.coach-heading,.ac-page-header,.inc-top){margin-top:0;margin-bottom:16px;gap:12px}
 :is(.cw-directory-page .cw-directory-header,.cw-profile-heading,.ops-heading,.coach-heading,.ac-page-header,.inc-top) h1{font-size:24px!important;line-height:1.2;margin:0 0 6px}
 :is(.ops-heading,.coach-heading,.ac-page-header,.inc-top) :is(.cw-eyebrow,.ac-eyebrow,small:first-child){display:none}
 #manager-operations .ops-heading,#manager-coaching .coach-heading{align-items:flex-start;gap:12px;margin:0 0 16px}
 :is(.ops-heading,.coach-heading)>div{min-width:0;flex:1}
 :is(.ops-heading,.coach-heading)>button{flex:0 0 auto;min-height:44px;padding:10px 12px;margin:0;font-size:12px}
 .cw-directory-toolbar{padding:14px}
 .cw-directory-toolbar :is(input,select){height:44px;font-size:16px}
 .cw-directory-view{height:44px}.cw-directory-view .cw-button{min-width:56px}
 .cw-directory-extra>summary{min-height:36px}
 .cw-profile-heading{align-items:center;padding:0;min-height:0;background:none}
 .cw-profile-heading .cw-avatar{width:52px;height:52px;flex-basis:52px}
 .cw-profile-name{flex:1;min-width:0}
 .cw-profile-actions{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0}
 .cw-profile-actions .cw-roster-action{margin:0}
 .cw-badges{gap:6px;flex-wrap:wrap}
 .cw-tabs{gap:18px;margin:0 0 16px;padding:0;scroll-padding:16px}
 .cw-tabs .cw-tab{min-height:44px;flex:0 0 auto;white-space:nowrap;font-size:12px}
 .cw-topline{padding:0 0 16px;margin:0 0 16px}
 .cw-topline>.cw-eyebrow{display:none}
 .cw-top-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:10px}
 .cw-top-controls .cw-field{width:100%;min-width:0;gap:6px;font-size:11px}
 .cw-top-controls input{width:100%;min-width:0;height:44px;font-size:16px}
 .cw-top-controls button{margin:0;align-self:end;min-height:44px;padding:10px 12px}
 .cw-section-heading{margin-bottom:16px}.cw-section-heading h2{font-size:22px;line-height:1.25}
 .cw-section-heading p{font-size:13px;line-height:1.5}
 .ac-page-header{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .ac-refresh{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;text-align:left;max-width:none}
 .ac-refresh button{min-height:44px;margin:0}.ac-refresh small{font-size:11px}
 :is(.ops-controls,.coach-controls,.ac-filters) :is(input:not([type=checkbox]),select){min-height:44px;font-size:16px;width:100%;min-width:0}
 :is(.ops-category-filters,.coach-tabs){gap:8px}
 :is(.ops-category-filters,.coach-tabs) button{min-height:44px;font-size:12px;line-height:1.4;padding:9px 10px}
 .inc-page.ic-page .inc-top{float:none;width:auto;margin:0 0 16px}
 .inc-page.ic-page .inc-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0 0 16px;padding:0 0 16px}
 .inc-controls label{margin:0;font-size:11px}.inc-controls :is(input,select){width:100%;font-size:16px;height:44px}
 .inc-controls>button{grid-column:1/-1;justify-self:end;min-height:44px;font-size:12px}
 .inc-status{flex-wrap:wrap;gap:8px}
 .inc-page :is(.inc-metric,.iw-metric){min-width:0}
 .inc-page :is(.inc-metric,.iw-metric) strong{overflow-wrap:anywhere}
 .cloud-modal label{font-size:13px}.cloud-modal button{min-height:44px;font-size:13px}
 .cloud-content>h1{font-size:24px;margin:0 0 16px}
 .cloud-content>p{font-size:13px;line-height:1.6}
 .modal-backdrop{padding:12px;box-sizing:border-box}
 .modal-backdrop>[role=dialog]{box-sizing:border-box;width:100%;max-width:100%;max-height:calc(100dvh - 24px);overflow:auto;padding:16px}
 .modal-backdrop :is(.modal-actions,.header-actions){flex-wrap:wrap;gap:8px}
 .modal-backdrop button{min-height:40px;white-space:normal;line-height:1.4}
 .modal-backdrop .manager-back-bar{margin-bottom:12px}
 #dossier-form>.manager-back-bar{padding:12px 16px 8px}
 #dossier-form>header{position:static;min-height:0;padding:12px 16px;gap:12px;flex-wrap:wrap}
 #dossier-form>header .eyebrow{display:none}
 #dossier-form>header h1{font-size:24px}
 #dossier-form .content{padding:16px var(--manager-gutter) 28px;width:100%;box-sizing:border-box;min-width:0}
 #dossier-form .panel{padding:16px;min-width:0;background:#101a2c;border-color:#293b56}
 #dossier-form :is(.grid.two,.grid.three,.questions,.dossier-layout){grid-template-columns:minmax(0,1fr);gap:14px}
 #dossier-form .span-two{grid-column:1/-1}
 #dossier-form .profile-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #dossier-form .profile-summary>div{min-width:0;overflow-wrap:anywhere}
 #dossier-form .profile-summary-item :is(span,strong){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
 #dossier-form input:not([type=checkbox]),#dossier-form select{min-height:44px;font-size:16px}
 #database-view:not(.command-overview) .database-heading{padding:12px 16px 16px;margin:0}
 #database-view:not(.command-overview) .command-top-actions{display:flex;gap:8px;margin-top:12px}
 #database-view:not(.command-overview) .command-top-actions .search{min-width:0;box-sizing:border-box;width:100%;flex-basis:100%}
 #database-view:not(.command-overview) .command-top-actions .search input{min-width:0;width:100%}
 #database-view:not(.command-overview) .command-top-actions button{min-width:0;min-height:44px;font-size:13px;line-height:1.4}
 #database-view:not(.command-overview)>.manager-legacy-back{margin:12px var(--manager-gutter) 0}
 #database-view:not(.command-overview) .database-heading{padding:16px var(--manager-gutter) 12px}
 #database-view:not(.command-overview) .database-heading h1{font-size:24px}
 .manager-legacy-tools .view-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
 .manager-legacy-tools .view-actions>button{min-height:44px;margin:0;max-width:100%}
 .manager-legacy-tools .mode-switch{flex-wrap:wrap;max-width:100%;height:auto}
 #database-view:not(.command-overview) .dashboard-alert-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 #database-view:not(.command-overview) .dashboard-alert{min-width:0;min-height:50px}
 #database-view:not(.command-overview) .dashboard-alert span{white-space:normal;overflow:visible;line-height:1.4}
 #database-view:not(.command-overview) .quick-views{display:flex;flex-wrap:wrap;overflow:visible;gap:6px;padding:12px 16px}
 #database-view:not(.command-overview) .quick-views .view-chip{min-height:36px;white-space:normal;flex:0 0 auto}
 #database-view[data-layout=tasks] :is(#crm-stats,#dashboard-alerts,.quick-views){display:none}
 .column-visibility-bar{flex-wrap:wrap;gap:8px}.saved-view-control{min-width:0;flex-wrap:wrap;max-width:100%}
 .saved-view-control select{min-width:0;max-width:100%}
 .tasks-heading .task-filter-bar{flex-wrap:wrap}
 .task-view-tabs{flex-wrap:wrap;gap:8px}.task-view-tabs button{min-height:40px;min-width:48px;padding:8px 12px;line-height:1.4}
 .reminder-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .reminder-form>label:first-of-type,.reminder-form .reminder-notes{grid-column:1/-1}
 .reminder-form :is(label,input,select){min-width:0;box-sizing:border-box;max-width:100%}
 .reminder-form :is(input,select,button){min-height:44px;height:auto}
 .category-manager,#category-form,.reminders-head,.reminder-list-heading{flex-wrap:wrap;gap:10px}
 #category-form input{min-width:0;width:100%}
}
@media(max-width:360px){
 :root{--manager-gutter:12px}
 :is(.coach-metrics,.ops-summary){grid-template-columns:repeat(2,minmax(0,1fr))}
 .ac-filters{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:800px){
 .reminder-form>button{grid-column:1/-1;justify-self:start;width:auto;min-height:44px;height:auto;padding:10px 16px}
 .modal-backdrop button{height:auto}
}
@media(max-width:440px){
 .reminder-form{grid-template-columns:minmax(0,1fr)}
}
/* Referral review keeps decisions close together; progress is available on demand. */
.cw-referral-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.cw-referral-header .cw-section-heading{margin:0}.cw-referral-header h2{font-size:28px;margin:0}
.cw-referral-header .cw-topline{padding:0;margin:0;border:0}.cw-referral-header .cw-eyebrow{display:none}
.rf-workspace{gap:14px}.rf-workspace [hidden]{display:none!important}
.rf-workspace .rf-summary{gap:10px}.rf-stat{padding:12px 14px;gap:3px}.rf-stat strong{font-size:24px}
.cw-referral-queue .rf-summary{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center}
.cw-referral-queue .rf-outgoing-heading{order:4;margin:0}.cw-referral-queue .rf-outgoing-heading>.cw-button{width:auto;min-height:40px}
.rf-workspace .rf-overview{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:16px}
.rf-workspace .rf-overview>.cw-button{grid-column:2;grid-row:1;margin:0;justify-self:end;align-self:center;min-width:80px}
.rf-person{align-items:center}.rf-person h3{margin:0;font-size:15px;line-height:1.4}.rf-person p{margin:2px 0 5px;font-size:12px}
.rf-person-avatar,.rf-picker-avatar{position:relative;flex-shrink:0}
.rf-person-avatar img,.rf-picker-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.rf-workspace .rf-overview-progress{grid-column:1/-1;grid-row:2;padding:0;margin:0;border:0}
.rf-workspace .rf-overview-progress>summary{min-height:30px;padding:5px 0;box-sizing:border-box;font-size:12px;font-weight:500}
.rf-workspace .rf-list-controls{padding:12px 16px;gap:10px;grid-template-columns:minmax(0,1fr) 170px}
.rf-list-controls .cw-field{margin:0}.rf-list-controls :is(input,select){height:40px;min-height:40px;font-size:14px!important}
.rf-save-confirmation{padding:12px 14px;background:#102b29;border:1px solid #347867;border-radius:10px;color:#b0f0d9;font-size:14px;line-height:1.5}
.rf-dialog .cw-action-row{gap:8px}.rf-dialog .cw-action-row .cw-button{min-height:44px;margin:0;white-space:normal;height:auto}
.rf-review-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;font-size:12px;color:#a9bbd6}
.rf-review-nav button{flex-shrink:0}.rf-drawer-head h2{overflow-wrap:anywhere}
@media(max-width:800px){
 .cw-referral-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:14px}
 .cw-referral-header h2{font-size:24px}.cw-referral-header .cw-topline{width:100%;margin:0;padding:0}
 .cw-referral-queue .rf-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .cw-referral-queue .rf-outgoing-heading{grid-column:1/-1;justify-self:end}
 .cw-referral-queue .rf-outgoing-heading>.cw-button{min-height:36px;padding:7px 12px}
 .rf-stat{padding:10px 12px}.rf-stat strong{font-size:22px}.rf-stat small{font-size:11px}
 .rf-workspace .rf-list-controls{grid-template-columns:minmax(0,1fr);padding:12px;gap:8px}
 .rf-list-controls :is(input,select){height:44px;min-height:44px;font-size:16px!important}
 .rf-workspace .rf-overview{padding:12px;gap:6px 10px}
 .rf-workspace .rf-overview>.cw-button{min-width:66px;min-height:44px;padding:8px 10px;font-size:12px}
 .rf-person{gap:10px}.rf-person-avatar{height:36px;width:36px;flex-basis:36px}
 .rf-person h3{font-size:14px}.rf-person p{font-size:11px}.rf-person .cw-badge{font-size:10px}
 .rf-workspace .rf-goal{padding:9px 10px}.rf-workspace .rf-goal-label{margin-bottom:4px}
 .rf-workspace .rf-goal progress{margin:6px 0 0}
 .rf-dialog .rf-drawer-head{padding:12px 16px}.rf-dialog .rf-editor{padding:14px 16px!important}
 .rf-dialog .rf-drawer-head h2{font-size:22px}.rf-dialog .rf-editor>p{font-size:13px;margin:10px 0;line-height:1.5}
}
.cw-referral-header{position:static;padding:0;background:none;border:0;min-height:0;box-shadow:none}
.cw-referral-header .cw-section-heading{padding:0;display:block}
@media(min-width:361px) and (max-width:800px){.rf-workspace .rf-list-controls{grid-template-columns:minmax(0,1fr) 135px}.rf-list-controls :is(input,select){font-size:13px!important}}
/* One accessible home link for the logo and workspace name. */
#app .brand-home{display:flex;align-items:center;gap:inherit;min-width:0;min-height:44px;color:inherit;text-decoration:none;border-radius:8px}
#app .brand-home>div{min-width:0}
#app .brand-home:focus-visible{outline:2px solid var(--gold,#f4ce75);outline-offset:4px}
@media(min-width:801px){.manager-sidebar-collapsed .brand-home>div{display:none!important}}
@media(max-width:800px){#app>aside .brand-home>div{display:block!important}}
/* Overview starts with useful controls and earnings, without a second title block. */
#database-view.command-overview .ov-heading-copy{display:none}
#database-view.command-overview{gap:12px;padding-top:16px}
#database-view.command-overview .database-heading{margin:0;padding:0;gap:0}
#database-view.command-overview .command-top-actions{margin:0;width:100%}
#database-view.command-overview .ov-header-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;max-width:100%}
#database-view.command-overview .ov-header-controls label{display:block;width:100%;min-width:0;max-width:100%;margin:0}
#database-view.command-overview .ov-header-controls input{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:44px;margin:0;appearance:none;-webkit-appearance:none}
#database-view.command-overview .ov-header-controls input::-webkit-date-and-time-value{min-width:0;text-align:center}
#database-view.command-overview .ov-header-controls button{position:static;box-sizing:border-box;width:auto;min-width:88px;height:44px;margin:0;align-self:center;white-space:nowrap}
#database-view.command-overview .ov-status{margin:0 0 10px}
#manager-overview .ov-stat{grid-column:auto}
#manager-overview .ov-stat strong{color:#e8eef9}
#manager-overview .ov-stat .ov-stat-icon{color:#f4d078;background:#f4cd7412}
#manager-overview .ov-stat-money{border-color:#6b5a32;background:linear-gradient(125deg,#252638,#101b2d)}
#manager-overview .ov-stat-money strong{color:#f0d186}
#manager-overview .ov-stat-live .ov-stat-icon{color:#6ee4b1;background:#6ee4b112}
#manager-overview .ov-stat-diamond .ov-stat-icon{color:#86d9ff;background:#86d9ff12}
@media(min-width:801px){#database-view.command-overview .ov-header-controls{grid-template-columns:148px auto}}
@media(max-width:1050px){#manager-overview .ov-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#manager-overview .ov-stat-money{grid-column:1/-1;display:flex;align-items:center;gap:16px}#manager-overview .ov-stat-money .ov-stat-icon{margin:0;flex:0 0 38px}#manager-overview .ov-stat-money .ov-stat-label{min-height:0}}
@media(max-width:800px){#database-view.command-overview{padding-top:12px;gap:10px}#database-view.command-overview .ov-header-controls{margin-top:0}#database-view.command-overview .ov-header-controls input{font-size:16px;line-height:normal}#manager-overview .ov-stat-money{padding:14px}#manager-overview .ov-stat-money strong{font-size:30px;margin:4px 0}#manager-overview .ov-stat-money small{font-size:10px}}
@media(max-width:360px){#manager-overview .ov-stat:not(.ov-stat-money) strong{font-size:18px;letter-spacing:-.5px}}