/* Portal-only finishing system. Keep login, public site and printed records intact. */
@media screen {
 /* Neutral canvas keeps the burgundy identity focused on deliberate actions. */
 :root:has(#platformView:not(.hidden)){
  --app-page:#F5F6F8;--app-border:#E2E4E9;--app-text:#20232B;--app-muted:#626976;
  --app-primary-soft:#F5EFF2;--app-success:#286447;--app-success-soft:#EDF5F0;
  --app-warning:#815817;--app-warning-soft:#FBF5E9;
  --app-error:#A73540;--app-error-soft:#FBEEF0;
  --app-info:#465B8C;--app-info-soft:#EFF2F8;
 }
 #platformView .page{max-width:1560px}
 #platformView .page :is(h1,h2,h3){overflow-wrap:anywhere}
 #platformView .university-result{padding-top:48px;align-items:start}
 #platformView .university-compare-check{min-height:32px;top:8px;right:18px;align-items:center;font-size:12px;line-height:1.4}
 #platformView .university-compare-check input{width:16px;height:16px;flex-shrink:0}
 #platformView .university-result-copy{min-width:0;overflow-wrap:anywhere}
 #platformView .university-result-copy>div{flex-wrap:wrap;gap:8px 16px}
 #platformView .university-result-actions{flex-wrap:wrap;align-self:center}
 #platformView .university-result:hover{transform:none}
 #platformView :is(.student-profile-header,.ns-detail-header,.ns-detail-tabs){scroll-margin-top:90px}
 #platformView :is(.page-heading,.ca-heading){border-bottom:0;padding-bottom:0;margin-bottom:28px;align-items:flex-start}
 #platformView :is(.page-heading,.ca-heading) h1{font-size:30px;letter-spacing:-.9px;line-height:1.25}
 #platformView :is(.page-heading,.ca-heading) p{max-width:68ch;font-size:14px;line-height:1.65}
 #platformView .dashboard-kpis{gap:12px;margin-bottom:28px}
 #platformView .dashboard-kpi{padding:22px;background:var(--app-panel);box-shadow:none;text-align:left}
 #platformView .dashboard-kpi strong{font-size:36px;margin:14px 0 8px}
 #platformView .dashboard-kpi:nth-child(n+5){display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:16px 20px;background:transparent;border-color:var(--app-border);border-radius:10px}
 #platformView .dashboard-kpi:nth-child(n+5) strong{grid-column:2;grid-row:1/3;margin:0;align-self:center;font-size:24px}
 #platformView .dashboard-kpi:nth-child(n+5) small{grid-column:1}
 #platformView .dashboard-kpi:hover{transform:none;background:var(--app-primary-soft)}
 #platformView .dashboard-grid{gap:22px;align-items:stretch}
 #platformView .dashboard-grid>.dashboard-panel{height:360px;min-height:0;min-width:0;display:flex;flex-direction:column;margin:0;overflow:hidden}
 #platformView .dashboard-grid>.dashboard-panel>:is(.surface-head,header){flex:0 0 auto;min-height:94px;padding:20px 22px;gap:14px;align-items:center;box-sizing:border-box}
 #platformView .dashboard-grid>.dashboard-panel>:is(.surface-head,header)>div{min-width:0}
 #platformView .dashboard-grid>.dashboard-panel>:is(.surface-head,header) h2{margin:0;font-size:17px;line-height:1.4;font-weight:650;letter-spacing:-.35px}
 #platformView .dashboard-grid>.dashboard-panel>:is(.surface-head,header) p{margin:5px 0 0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
 #platformView .dashboard-grid>.dashboard-panel>:is(.surface-head,header)>button{flex-shrink:0;min-height:36px;font-size:13px;line-height:1.4}
 #platformView .dashboard-grid>.dashboard-panel>.dashboard-scroll{flex:1 1 0;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0}
 #platformView .dashboard-scroll:focus-visible{outline:2px solid var(--app-primary);outline-offset:-3px}
 #platformView .dashboard-scroll .dashboard-list-item{min-width:0;overflow-wrap:anywhere}
 #platformView .course-dashboard-panel .dashboard-list-item{padding:16px 22px;transform:none}
 #platformView .dashboard-scroll>.no-inline-data{display:grid;place-content:center;min-height:100%;padding:24px;margin:0;box-sizing:border-box;font-size:14px}
 #platformView .dashboard-panel{box-shadow:none}
 #platformView .surface-head{min-height:74px;padding:20px 22px}
 #platformView .surface-head p{font-size:14px;line-height:1.6}
 #platformView .dashboard-list-item{padding-block:16px}
 #platformView :is(.task-summary,.document-summary)>button{background:white!important;border:1px solid var(--app-border);box-shadow:none;border-radius:12px;text-align:left}
 #platformView :is(.task-summary,.document-summary)>button>span{text-transform:none;letter-spacing:0;font-size:13px;font-weight:550;color:var(--app-muted)}
 #platformView :is(.task-summary,.document-summary)>button>strong{font-variant-numeric:tabular-nums;letter-spacing:-.6px}
 #platformView :is(.workflow-toolbar,.university-toolbar,.task-toolbar,.document-toolbar,.event-toolbar,.activity-toolbar,.course-toolbar,.k-toolbar,.list-toolbar){display:flex;flex-wrap:wrap;align-items:center;gap:10px;overflow:visible;max-height:none;height:auto;background:white;padding:16px;border:1px solid var(--app-border);border-radius:10px}
 #platformView :is(.task-workspace,.document-workspace,.university-workspace):has(.workspace-filters[open]){overflow:visible}
 #platformView :is(.search-field,.document-search,.task-search,.university-search){flex:1 1 260px;min-width:180px;max-width:none}
 #platformView [data-polished]>select{flex:0 1 180px;min-width:140px;width:auto}
 #platformView [data-polished]>.toolbar-spacer{display:none}
 #platformView .workspace-filters{position:relative;flex:0 0 auto;margin-left:auto}
 #platformView .workspace-filters>summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;min-height:44px;padding:10px 14px;border:1px solid var(--app-border);border-radius:8px;color:var(--app-text);background:var(--app-panel);font-size:13px;font-weight:550}
 #platformView .workspace-filters>summary::-webkit-details-marker{display:none}
 #platformView .workspace-filters>summary:after{content:'+';font-size:18px;font-weight:400}
 #platformView .workspace-filters[open]>summary:after{content:'−'}
 #platformView .workspace-filter-options{position:absolute;right:0;top:calc(100% + 8px);z-index:35;width:310px;max-width:calc(100vw - 64px);display:grid;gap:14px;padding:18px;background:white;border:1px solid var(--app-border);border-radius:12px;box-shadow:0 12px 32px #291a2b18}
 #platformView .workspace-filter-options label{display:grid;gap:6px;min-width:0;font-size:12px;color:var(--app-muted);font-weight:500}
 #platformView .workspace-filter-options select{width:100%;min-width:0;margin:0;font-size:14px}
 #platformView .workspace-filter-chips{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%;padding-top:3px}
 #platformView .workspace-filter-chips[hidden]{display:none}
 #platformView .workspace-filter-chips button{min-height:32px;border:1px solid var(--app-border);border-radius:6px;background:var(--app-primary-soft);color:var(--app-primary);padding:5px 10px;font-size:12px}
 #platformView .data-table th{font-size:11px;font-weight:600;letter-spacing:.04em;padding:13px 18px;background:#F8F9FB;color:var(--app-muted)}
 #platformView .data-table td{padding:16px 18px;font-size:14px;line-height:1.5}
 #platformView .data-table td small{font-size:12px}
 #platformView .data-table tbody tr:focus-within{background:var(--app-primary-soft)}
 #platformView .data-table td{border-bottom-color:#EDF0F3}
 #platformView .data-table tbody tr:hover{background:#F8F9FB}
 #platformView .surface-head{border-bottom-color:#EDF0F3}
 #platformView .dashboard-list-item{border-bottom-color:#EDF0F3}
 #platformView .dashboard-list-item span{font-size:13px;line-height:1.6;color:var(--app-muted)}
 #platformView :is(.surface,.ns-panel,.dashboard-panel,.table-surface){box-shadow:0 2px 6px #20232B03}
 /* Existing inner sections use dividers instead of repeated floating cards. */
 #platformView .ns-panel>.ns-panel-body>.ns-panel{box-shadow:none;border-radius:0;border-width:0 0 1px;margin-bottom:20px}
 #platformView .ns-panel>.ns-panel-body>.ns-panel:last-child{border-bottom:0;margin-bottom:0}
 #platformView :is(.task-workspace,.document-workspace,.university-workspace)>:is(.task-toolbar,.document-toolbar,.university-toolbar){border-inline:0;border-radius:0;background:#FCFCFD}
 #platformView :is(.ns-detail-header,.student-profile-header){padding:24px;gap:18px}
 #platformView :is(.ns-detail-identity,.student-profile-identity) h1{font-size:28px;letter-spacing:-.7px}
 #platformView :is(.ns-detail-header,.student-profile-header)+.ns-detail-tabs{gap:24px;margin-bottom:24px;border-bottom-color:var(--app-border)}
 #platformView .ns-detail-tabs button{font-size:14px;font-weight:500}
 #platformView .ns-detail-tabs button[aria-selected=true]{font-weight:600}
 body:has(#platformView:not(.hidden)) :is(.outline-button,.secondary-button){color:var(--app-text);background:white;box-shadow:none}
 body:has(#platformView:not(.hidden)) :is(.outline-button,.secondary-button):hover{color:var(--app-text);background:#F7F8FA;border-color:#BBC1CB}
 #platformView :is(.primary-button,.outline-button,.secondary-button,.text-button){transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease;transform:none}
 #platformView :is(.primary-button,.outline-button,.secondary-button):active{filter:brightness(.97)}
 body:has(#platformView:not(.hidden)) #modalRoot :is(.task-detail-summary,.document-detail-summary){background:#F8F9FB;border-color:var(--app-border)}
 body:has(#platformView:not(.hidden)) #modalRoot .modal>header>button{background:#F7F8FA}
 body:has(#platformView:not(.hidden)) #modalRoot .modal>header p{font-size:14px;color:var(--app-muted)}
 body:has(#platformView:not(.hidden)) :is(.status-chip,.status,.activity-status,.course-badge):is(.draft,.inactive,.archived){background:#F0F1F4;color:#626976}
 @media(min-width:1200px){
  #platformView .dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px}
  #platformView .dashboard-grid>.dashboard-panel:first-child .surface-head{border-left:3px solid var(--app-primary);padding-left:19px}
 }
 #platformView :is(.task-pagination,.document-pagination){padding:16px 20px;gap:12px;flex-wrap:wrap;font-size:12px;border-top:1px solid var(--app-border)}
 #platformView :is(.status-chip,.activity-badge,.course-badge){font-size:11px;line-height:1.5;padding:4px 8px}
 #platformView .modern-empty{padding:36px 24px;min-height:190px}
 #platformView .modern-empty p{font-size:14px;max-width:44ch}
 #platformView .workspace-no-results{padding:40px 24px;text-align:center;background:white}
 #platformView .workspace-no-results[hidden]{display:none}
 #platformView .workspace-no-results strong{font-size:16px;font-weight:600}
 #platformView .workspace-no-results p{font-size:14px;color:var(--app-muted);margin:8px 0 0}
 #platformView .loading-state{min-height:180px;border-radius:10px}
 #platformView :is(.ns-tabs,.tabbar){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
 #platformView :is(.ns-tabs,.tabbar)>button{flex-shrink:0;white-space:nowrap;min-height:44px}
 #platformView :is(button,a,summary,input,select,textarea):focus-visible{outline:2px solid var(--app-primary);outline-offset:3px}
 body:has(#platformView:not(.hidden)) #modalRoot .modal label{line-height:1.5}
 body:has(#platformView:not(.hidden)) #modalRoot .modal :is(input:not([type=checkbox]):not([type=radio]),select){min-height:46px;font-size:14px;border-radius:8px}
 body:has(#platformView:not(.hidden)) #modalRoot .modal textarea{font-size:14px;line-height:1.6;min-height:110px;border-radius:8px}
 body:has(#platformView:not(.hidden)) #modalRoot :is(.task-detail-actions,.document-detail-actions){position:sticky;bottom:0;background:white;z-index:5;border-top:1px solid var(--app-border);padding:16px 22px;gap:8px}
 body:has(#platformView:not(.hidden)) #modalRoot :is(.field-error,.form-error,[role=alert]){line-height:1.6;overflow-wrap:anywhere}
 @media(max-width:700px){
  #platformView .ask-launcher{width:48px;height:48px;min-height:48px;padding:0;justify-content:center;border-radius:50%;right:16px;bottom:max(16px,env(safe-area-inset-bottom))}
  #platformView .ask-launcher>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  #platformView .page{padding-bottom:84px}
  #platformView .dashboard-grid>.dashboard-panel{height:330px}
  #platformView .dashboard-grid>.dashboard-panel>:is(.surface-head,header){padding:16px;min-height:90px;flex-wrap:wrap;gap:8px}
  #platformView .course-dashboard-panel .dashboard-list-item{padding:14px 16px}
  #platformView :is(.page-heading,.ca-heading){margin-bottom:22px;gap:14px}
  #platformView :is(.page-heading,.ca-heading) h1{font-size:25px}
  #platformView .dashboard-kpi{padding:17px}
  #platformView .dashboard-kpi strong{font-size:30px}
  #platformView .dashboard-kpi:nth-child(n+5){padding:12px 4px;gap:6px}
  #platformView .dashboard-kpi:nth-child(n+5) strong{font-size:22px}
  #platformView .dashboard-kpi:nth-child(n+5) strong{grid-row:1}
  #platformView .dashboard-kpi:nth-child(n+5) small{grid-column:1/-1;min-width:0;overflow-wrap:anywhere}
  #platformView .surface-head{padding:17px;flex-wrap:wrap;gap:10px}
  #platformView :is(.ns-detail-header,.student-profile-header){padding:18px;gap:14px}
  #platformView :is(.ns-detail-identity,.student-profile-identity) h1{font-size:24px}
  #platformView :is(.search-field,.document-search,.task-search,.university-search){flex-basis:100%;min-width:0;width:100%}
  #platformView [data-polished]>select{flex:1 1 120px;min-width:0}
  #platformView .workspace-filters{margin-left:0;flex-basis:100%}
  #platformView .workspace-filters>summary{justify-content:space-between}
  #platformView .workspace-filter-options{position:static;width:100%;max-width:none;box-shadow:none;margin-top:8px;background:var(--app-page)}
  #platformView :is(.task-toolbar,.document-toolbar,.university-toolbar,.workflow-toolbar){padding:12px}
  #platformView :is(.student-profile-table,.task-table,.document-table){min-width:0!important;width:100%;display:block}
  #platformView :is(.student-profile-table,.task-table,.document-table) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #platformView :is(.student-profile-table,.task-table,.document-table) tbody{display:block}
  #platformView tr.workspace-mobile-record:not([hidden]){display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:12px;border-bottom:1px solid var(--app-border)}
  #platformView tr.workspace-mobile-record>td{display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere}
  #platformView tr.workspace-mobile-record>td:before{content:attr(data-column-label);display:block;font-size:11px;font-weight:500;color:var(--app-muted);margin-bottom:5px}
  #platformView tr.workspace-mobile-record>td:first-child{grid-column:1/-1}
  #platformView tr.workspace-mobile-record>td:first-child:before{display:none}
  #platformView tr.workspace-mobile-record>td:last-child{grid-column:1/-1}
  #platformView .data-table .person{min-width:0}
  #platformView .modern-empty{padding:30px 18px;min-height:180px}
  body:has(#platformView:not(.hidden)) #modalRoot .modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
 }
 @media(prefers-reduced-motion:reduce){#platformView *,#modalRoot *{scroll-behavior:auto!important;animation:none!important}}
}