/* SF-20260905 · visual refinement only.
   Removable independently of R01–R07 functional repairs. No display-content
   removal, no menu reordering, and no data/permission/state changes. */
html[data-sx-shell] {
  --sf-line:#e5eaf0; --sf-muted:#65758a; --sf-text:#25374a;
  --sf-blue:#245f99; --sf-hover:#f5f8fc; --sf-field:38px;
}
html[data-sx-shell] #view { padding:22px 28px 32px; }
html[data-sx-shell] #view .hd { margin-bottom:18px; }
html[data-sx-shell] #view .hd h1 {font-size:24px;line-height:1.35;letter-spacing:0;}
html[data-sx-shell] #view .hd p {line-height:1.7;max-width:90ch;}
html[data-sx-shell] :is(#view,#mModal,#v96DrawerPanel) .btn {
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  line-height:1.35;white-space:nowrap;vertical-align:middle;
}
html[data-sx-shell] :is(#view,#mModal,#v96DrawerPanel) :is(button,a,input,select,textarea,[role="button"]):focus-visible {
  outline:2px solid #5b8ebb;outline-offset:3px;
}
html[data-sx-shell] #view :is(.toolbar,.sx-choice) {gap:8px;}
html[data-sx-shell] #view .toolbar {align-items:center;}
/* Project list: a stable six-column filter grid, not unequal width floating boxes. */
html[data-sx-shell] #view .sf-project-list {min-width:0;}
html[data-sx-shell] #view .sf-page-heading {gap:12px!important;margin-bottom:16px!important;min-height:38px;}
html[data-sx-shell] #view .sf-page-heading h2 {font-size:22px!important;line-height:1.4;}
html[data-sx-shell] #view .sf-filter-panel {padding:18px 20px!important;margin-bottom:16px!important;border:1px solid var(--sf-line)!important;}
html[data-sx-shell] #view .sf-filter-grid {display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 16px!important;align-items:end!important;}
html[data-sx-shell] #view .sf-filter-field {min-width:0;display:flex;flex-direction:column;gap:6px;}
html[data-sx-shell] #view .sf-filter-field>label {display:block;margin:0!important;color:var(--sf-muted)!important;font-size:12.5px!important;line-height:18px;}
html[data-sx-shell] #view .sf-filter-field>.inp,
html[data-sx-shell] #view .sf-filter-field .v94-date {width:100%!important;min-width:0;max-width:100%;}
html[data-sx-shell] #view .sf-filter-field>.inp,
html[data-sx-shell] #view .sf-filter-field .v94-date>.inp:not(.v94-hidden) {height:var(--sf-field)!important;box-sizing:border-box;padding:8px 11px!important;font-size:13px!important;border-radius:6px!important;}
html[data-sx-shell] #view .sf-filter-field select {text-overflow:ellipsis;}
html[data-sx-shell] #view .sf-filter-actions {grid-column:span 2;align-self:end;justify-content:flex-end;gap:8px!important;}
html[data-sx-shell] #view .sf-filter-actions .btn {height:var(--sf-field);min-width:76px;}
/* Native date shells: one baseline; keep original hidden date control intact. */
html[data-sx-shell] :is(#view,#mModal,#v96DrawerPanel) .v94-date {display:inline-flex;align-items:stretch;gap:0;max-width:100%;}
html[data-sx-shell] :is(#view,#mModal,#v96DrawerPanel) .v94-date>.inp:not(.v94-hidden) {flex:1 1 auto;min-width:0;border-top-right-radius:0!important;border-bottom-right-radius:0!important;}
html[data-sx-shell] :is(#view,#mModal,#v96DrawerPanel) .v94-cal {flex:0 0 36px;min-width:36px;width:36px;margin:0!important;border-left:0!important;border-radius:0 6px 6px 0!important;display:inline-flex;align-items:center;justify-content:center;}
html[data-sx-shell] #view .sf-data-table {max-width:100%;min-width:0;overflow:auto!important;overscroll-behavior-x:contain;border:1px solid var(--sf-line)!important;border-radius:10px!important;scrollbar-width:thin;scrollbar-color:#bbc8d6 #f4f6f9;}
html[data-sx-shell] #view .sf-data-table table {font-variant-numeric:tabular-nums;}
html[data-sx-shell] #view .sf-data-table th {background:#f8fafc!important;color:#65758a!important;font-size:12.5px!important;font-weight:600!important;white-space:nowrap;line-height:20px;padding:13px 14px!important;vertical-align:middle;}
html[data-sx-shell] #view .sf-data-table td {padding:14px!important;line-height:1.65!important;vertical-align:middle!important;border-bottom-color:#edf1f5!important;}
html[data-sx-shell] #view .sf-data-table tbody tr:hover {background:var(--sf-hover);}
html[data-sx-shell] #view .sf-data-table td .btn {min-height:32px;padding:6px 11px!important;font-size:12.5px!important;}
html[data-sx-shell] #view .sf-project-table table {min-width:1540px!important;width:100%;}
html[data-sx-shell] #view .sf-project-table [data-sf-col] {white-space:nowrap;}
html[data-sx-shell] #view .sf-project-table [data-sf-col="name"] {min-width:250px;width:280px;white-space:normal;}
html[data-sx-shell] #view .sf-project-table [data-sf-col="name"]>span {font-weight:600;color:#274760!important;}
html[data-sx-shell] #view .sf-project-table [data-sf-col="name"]>div {color:#7a899a!important;line-height:1.55;margin-top:5px!important;}
html[data-sx-shell] #view .sf-project-table [data-sf-col="cat"] {min-width:112px;max-width:160px;white-space:normal;}
html[data-sx-shell] #view .sf-project-table [data-sf-col="range"] {min-width:118px;}
html[data-sx-shell] #view .sf-project-table [data-sf-col="no"] {min-width:140px;}
html[data-sx-shell] #view .sf-project-table [data-sf-col="hours"] {min-width:112px;}
html[data-sx-shell] #view .sf-project-table :is(td.sf-table-ops,th:last-child) {position:sticky;right:0;z-index:2;background:#fff;box-shadow:-5px 0 10px -8px #678198;text-align:center!important;min-width:128px;}
html[data-sx-shell] #view .sf-project-table tbody tr:hover td.sf-table-ops {background:var(--sf-hover);}
html[data-sx-shell] #view .sf-project-card {display:flex;flex-direction:column;min-width:0;border:1px solid var(--sf-line)!important;padding:20px!important;}
html[data-sx-shell] #view .sf-project-card .sf-card-actions {margin-top:auto!important;padding-top:18px;}
/* Overview: preserve four KPIs, tree, and tab choices; align the container edges. */
html[data-sx-shell] #view .sf-overview-head {padding:20px 22px!important;border:1px solid var(--sf-line)!important;}
html[data-sx-shell] #view .sf-overview-head>div {row-gap:16px!important;}
html[data-sx-shell] #view .sf-overview-head .btn {min-height:36px;}
html[data-sx-shell] #view .sf-kpi-row {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:14px 0 16px!important;}
html[data-sx-shell] #view .sf-kpi-row>div {min-width:0;min-height:124px;padding:16px 18px!important;border:1px solid var(--sf-line)!important;}
html[data-sx-shell] #view [data-ov-tab] {min-height:44px;padding:10px 14px!important;line-height:22px;}
/* All existing left directory/right working panes share identical geometry. */
html[data-sx-shell] #view .sf-directory-layout {grid-template-columns:260px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;}
html[data-sx-shell] #view .sf-directory-layout>* {min-width:0;max-width:100%;margin-top:0!important;}
html[data-sx-shell] #view .sf-directory-layout>.card {border:1px solid var(--sf-line)!important;border-radius:10px;}
html[data-sx-shell] #view .sf-directory-layout>div:first-child>div:first-child {min-height:52px;box-sizing:border-box;}
html[data-sx-shell] #view .sf-directory-layout [role="button"] {outline-offset:-3px;}
html[data-sx-shell] #view .sf-pane-head {padding:18px 20px!important;min-height:96px;box-sizing:border-box;}
html[data-sx-shell] #view .sf-pane-head>div:first-child>div:first-child {font-size:17px!important;line-height:1.5;}
html[data-sx-shell] #view .sf-directory-layout .toolbar .inp {min-height:36px;}
html[data-sx-shell] #view .sf-directory-layout table.tbl {font-variant-numeric:tabular-nums;}
html[data-sx-shell] #view .sf-directory-layout table.tbl :is(th,td) {vertical-align:middle!important;line-height:1.65;}
/* Adjustment controls are operational, not a deletable note. */
html[data-sx-shell] #view .sf-workload-actions {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#f0f6fc;border:1px solid #cbdff0;border-radius:8px;padding:12px 14px;margin:12px 0;}
html[data-sx-shell] #view .sf-workload-actions .btn {min-height:36px;}
html[data-sx-shell] #view .v96haIn {width:100px!important;min-width:90px;height:36px!important;font-variant-numeric:tabular-nums;}
/* Form alignment inside existing modal shell; do not change open/close logic. */
html[data-sx-shell] #mModal .form-grid {column-gap:20px;row-gap:16px;align-items:start;}
html[data-sx-shell] #mModal .form-grid>.fld {min-width:0;}
html[data-sx-shell] #mModal .fld>label:not(:has(input)) {line-height:20px;margin-bottom:7px;font-size:13px;color:#586a7c;}
html[data-sx-shell] #mModal .fld>.inp:not(textarea):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-sx-shell] #mModal .fld>.v94-date {min-height:38px;box-sizing:border-box;}
html[data-sx-shell] #mModal .fld>.inp {max-width:100%;}
html[data-sx-shell] #mModal .fld textarea {line-height:1.75;resize:vertical;}
html[data-sx-shell] #mModal .sx-choice {display:flex;gap:10px 16px;flex-wrap:wrap;}
html[data-sx-shell] #mModal .sx-choice-item {display:inline-flex;align-items:center;gap:7px;line-height:1.7;}
html[data-sx-shell] #mModal .mf {gap:10px!important;align-items:center!important;}
html[data-sx-shell] #mModal .mf .btn {min-height:38px;min-width:82px;}
/* Task-group drawer: preserve all fields/N-X behavior, remove its old dark skin. */
html[data-sx-shell] #v96Drawer {background:rgba(18,36,56,.3)!important;}
html[data-sx-shell] #v96DrawerPanel {width:min(620px,94vw)!important;background:#fff!important;color:var(--sf-text)!important;box-shadow:-12px 0 36px rgba(28,52,78,.15)!important;}
html[data-sx-shell] #v96DrawerPanel :is(.sf-drawer-head,.sf-drawer-foot) {background:#fff;border-color:var(--sf-line)!important;flex:0 0 auto;}
html[data-sx-shell] #v96DrawerPanel .sf-drawer-head {padding:20px 24px 16px!important;}
html[data-sx-shell] #v96DrawerPanel .sf-drawer-body {min-height:0;padding:20px 24px!important;}
html[data-sx-shell] #v96DrawerPanel .sf-drawer-foot {padding:16px 24px 20px!important;}
html[data-sx-shell] #v96DrawerPanel [style*="color:#E6EDF9"] {color:var(--sf-text)!important;}
html[data-sx-shell] #v96DrawerPanel [style*="color:#9FB0C7"] {color:var(--sf-muted)!important;line-height:1.7;}
html[data-sx-shell] #v96DrawerPanel [style*="color:#F0C46A"] {color:#946525!important;}
html[data-sx-shell] #v96DrawerPanel .inp {background:#fff!important;border:1px solid #ccd7e3!important;color:var(--sf-text)!important;min-height:38px;border-radius:6px;}
html[data-sx-shell] #v96DrawerPanel .inp:disabled {background:#f3f6f9!important;color:#68798b!important;}
html[data-sx-shell] #v96DrawerPanel .fld>label {color:#586a7c;line-height:20px;margin-bottom:6px;}
html[data-sx-shell] #v96DrawerPanel .form-grid {gap:16px;}
html[data-sx-shell] #v96DrawerPanel .sx-choice {display:flex;flex-direction:column;gap:10px;}
html[data-sx-shell] #v96DrawerPanel .sx-choice-item {display:flex;align-items:flex-start;gap:8px;line-height:1.65;}
html[data-sx-shell] #v96DrawerPanel .sx-choice input {margin-top:4px;}
html[data-sx-shell] #v96DrawerPanel .sf-member-toolbar {display:flex;flex-wrap:wrap;gap:8px!important;}
html[data-sx-shell] #v96DrawerPanel .sf-member-toolbar>b {flex-basis:100%;margin-bottom:3px;}
html[data-sx-shell] #v96DrawerPanel .sf-member-toolbar .inp {min-width:120px;}
html[data-sx-shell] #v96DrawerPanel #v96tgList label {padding:12px!important;background:#f6f9fc!important;border:1px solid #e4ebf2;}
html[data-sx-shell] #v96DrawerPanel #v96tgList label:has(input:checked) {background:#edf5fc!important;border-color:#9bbddc;}
html[data-sx-shell] #v96DrawerPanel .sf-drawer-foot>div {display:grid!important;grid-template-columns:94px 94px minmax(0,1fr);align-items:end!important;gap:12px!important;}
html[data-sx-shell] #v96DrawerPanel .sf-drawer-foot .fld .inp {width:100%!important;}
html[data-sx-shell] #v96DrawerPanel #v96tgPrev {grid-column:1/3;grid-row:2;min-width:0!important;}
html[data-sx-shell] #v96DrawerPanel [data-v96tg-save] {grid-column:3;grid-row:1/3;justify-self:end;min-width:110px;min-height:40px;}
/* Diagnosis: leave responsive layoutScore() in charge, improve card readability. */
html[data-sx-shell] #view [data-c-grid] {gap:16px!important;align-items:start!important;}
html[data-sx-shell] #view [data-c-col] {min-width:0;}
html[data-sx-shell] #view [data-c-col]>div {border-color:var(--sf-line)!important;}
html[data-sx-shell] #view [data-c-grid] textarea {line-height:1.8;}
html[data-sx-shell] #view :is([data-c-stage],[data-c-learner]) {line-height:1.6;padding:7px 12px!important;}
html[data-sx-shell] #view [data-c-grid] input[type="radio"] {accent-color:var(--sf-blue);flex-shrink:0;}
@media(max-width:1279px){
 html[data-sx-shell] #view .sf-filter-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
 html[data-sx-shell] #view .sf-directory-layout {grid-template-columns:224px minmax(0,1fr)!important;}
}
@media(max-width:1000px){
 html[data-sx-shell] #view {padding:18px 20px 28px;}
 html[data-sx-shell] #view .sf-filter-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
 html[data-sx-shell] #view .sf-kpi-row {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
 html[data-sx-shell] #view .sf-filter-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 html[data-sx-shell] #view .sf-directory-layout {grid-template-columns:minmax(0,1fr)!important;}
 html[data-sx-shell] #view .sf-directory-layout>div:first-child {max-height:270px;overflow:auto;}
 html[data-sx-shell] #mModal .form-grid {grid-template-columns:minmax(0,1fr);}
 html[data-sx-shell] #view .sf-filter-actions {grid-column:1/-1;}
}
@media(prefers-reduced-motion:reduce){html[data-sx-shell] :is(.sf-project-card,.sf-directory-layout,[data-c-page]) *{scroll-behavior:auto!important;transition:none!important;}}
/* Project settings has many paired fields; give both columns room without changing sections. */
html[data-sx-shell] #mModal:has(#ovSetName) {width:min(880px,calc(100vw - 64px))!important;}
html[data-sx-shell] #mModal .fld>div:has(>.inp):has(>.btn) {align-items:stretch!important;}
html[data-sx-shell] #mModal .fld>div:has(>.inp):has(>.btn)>.btn {height:38px;}
html[data-sx-shell] #mModal .fld>div:has(>.inp):has(>.btn)>.inp {height:38px;min-height:38px;box-sizing:border-box;}
html[data-sx-shell] #view .sf-project-table::after {content:"左右滚动查看其余字段 · 操作列保持可见";display:block;position:sticky;left:0;padding:9px 14px;background:#f8fafc;border-top:1px solid #e8edf3;color:#7b8999;font-size:12px;text-align:right;}
html[data-sx-shell] #view .hd h1 {font-size:24px!important;line-height:32px!important;}
html[data-sx-shell] #view #v96HaBar {font-size:13px;line-height:1.75;}
html[data-sx-shell] #view [data-recognized-workload-cell] {min-width:138px!important;white-space:nowrap;}
html[data-sx-shell] #view [data-v96r9-manual-cell] {min-width:156px!important;white-space:nowrap;}
html[data-sx-shell] body[data-pg="p67"] #view .sf-directory-layout table.tbl {min-width:1360px;}
html[data-sx-shell] #view .sf-directory-layout .v94-scroll {min-width:0;max-width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#bbc8d6 #f4f6f9;}
html[data-sx-shell] #view .sf-directory-layout .v94-scroll th {white-space:nowrap;}
html[data-sx-shell] #v96DrawerPanel .sf-member-toolbar .btn {height:38px;}

html[data-sx-shell] #view .sf-expert-heading {display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:16px 0 18px;}
html[data-sx-shell] #view .sf-expert-heading .hd {flex:1;min-width:200px;margin:0!important;}
html[data-sx-shell] #view .sf-expert-heading .hd h1 {margin:0!important;}
html[data-sx-shell] #view .sf-expert-heading .hd p {margin-bottom:0;}
html[data-sx-shell] #view .sf-expert-heading .toolbar {padding:0!important;margin:0!important;flex:0 0 auto;}

html[data-sx-shell] #view .sf-diagnosis-footer {position:sticky;bottom:0;z-index:8;background:#fff;padding:12px 18px!important;border:1px solid #e5eaf0;border-radius:8px;box-shadow:0 -4px 18px rgba(27,53,78,.05);margin-top:14px;}
html[data-sx-shell] #view .sf-diagnosis-footer .btn {min-height:38px;min-width:90px;}


html[data-sx-shell="refined-cascade"] {
 --sx-page:#f2f4f4; --sx-heading:#1c2c3b; --sx-text:#263747;
 --sx-body:#415365; --sx-muted:#657887; --sx-faint:#8494a0;
 --sx-line:#dfe6ea; --sx-line-soft:#edf1f4; --sx-line-strong:#c8d3dc;
 --sx-field-line:#c8d5df; --sx-field-hover:#8eacc2;
 --sx-table-head:#f5f8fa; --sx-row-hover:#f3f8fc;
 --sx-panel-radius:11px; --sx-control-radius:7px; --sx-modal-radius:12px;
 --sx-modal-foot:#f8fafb; --sf-line:#dfe6ec; --sf-muted:#5f7587;
 --sf-text:#263747; --sf-blue:#245f91; --sf-hover:#f4f8fc;
 --sf-field:40px; --sf-shadow:0 2px 7px rgba(24,49,72,.025);
}
/* Quiet, compact application chrome. The existing text in the icon
   rail is revealed, not regenerated; the menu order remains untouched. */
html[data-sx-shell="refined-cascade"] .main>.top {height:60px!important;min-height:60px!important;padding:0 28px!important;border-bottom-color:#e3e9ed!important;}
html[data-sx-shell="refined-cascade"] .main>.tabwrap {height:44px!important;min-height:44px!important;padding:6px 28px 0!important;gap:6px!important;align-items:flex-end!important;background:#f2f4f4!important;border-bottom:1px solid #dfe6ea!important;}
html[data-sx-shell="refined-cascade"] .tabwrap #tabbar {height:37px!important;min-height:0!important;min-width:0!important;flex:1;margin:0!important;padding:0!important;gap:5px!important;align-items:stretch!important;scrollbar-width:none;}
html[data-sx-shell="refined-cascade"] #tabbar::-webkit-scrollbar {display:none;}
html[data-sx-shell="refined-cascade"] .tabitem {height:37px!important;min-height:37px!important;padding:7px 12px!important;border:1px solid transparent!important;border-bottom:0!important;border-radius:7px 7px 0 0!important;background:transparent!important;font-size:12.5px!important;font-weight:500!important;color:#667c8b!important;gap:8px!important;}
html[data-sx-shell="refined-cascade"] .tabitem:hover {background:#e9eff3!important;color:#245f91!important;}
html[data-sx-shell="refined-cascade"] .tabitem.on {background:white!important;border-color:#dfe6ea!important;color:#245f91!important;font-weight:650!important;box-shadow:inset 0 -2px #245f91!important;}
html[data-sx-shell="refined-cascade"] .tabitem .tx {display:grid;place-items:center;width:18px;height:18px;border-radius:4px;color:#8b9ca9;}
html[data-sx-shell="refined-cascade"] .tabitem .tx:hover {color:#b04343;background:#faeeee;}
html[data-sx-shell="refined-cascade"] .top .chip {border-radius:7px!important;background:#f1f6fb!important;border-color:#d7e3ed!important;}
html[data-sx-shell="refined-cascade"] .top .iconbtn {border-radius:8px!important;border-color:#dce5eb!important;}
html[data-sx-shell="refined-cascade"] .sx-cascade-rail {box-shadow:3px 0 18px rgba(23,45,64,.07)!important;}
html[data-sx-shell="refined-cascade"] body:not(.sx-cascade-l1) .sx-cascade-groups {padding-top:7px!important;}
html[data-sx-shell="refined-cascade"] body:not(.sx-cascade-l1) .sx-cascade-group {height:54px!important;min-height:54px!important;grid-template-columns:50px!important;grid-template-rows:26px 18px!important;justify-items:center!important;align-content:center!important;padding:3px 0!important;border-radius:9px!important;}
html[data-sx-shell="refined-cascade"] body:not(.sx-cascade-l1) .sx-cascade-group .sx-shell-icon {width:50px!important;height:26px!important;}
html[data-sx-shell="refined-cascade"] body:not(.sx-cascade-l1) .sx-cascade-group .sx-label {width:50px!important;opacity:1!important;visibility:visible!important;text-align:center!important;font-size:10.5px!important;font-weight:500!important;line-height:18px!important;letter-spacing:0!important;transform:none!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html[data-sx-shell="refined-cascade"] body:not(.sx-cascade-l1) .sx-cascade-group .sx-group-meta {display:none!important;}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-group {min-height:42px!important;}
html[data-sx-shell="refined-cascade"] body.sx-cascade-l1 .sx-cascade-group .sx-label {font-weight:600!important;font-size:13px!important;}
html[data-sx-shell="refined-cascade"] .sx-cascade-item {border-radius:7px!important;}
html[data-sx-shell="refined-cascade"] .sx-quick-fab {border-radius:16px!important;box-shadow:0 6px 18px rgba(25,68,105,.2)!important;}
/* Typography and surfaces: colour carries status, not every boundary. */
html[data-sx-shell="refined-cascade"] #view {padding:24px 28px 40px!important;background:var(--sx-page)!important;scrollbar-gutter:stable;}
html[data-sx-shell="refined-cascade"] #view .j28-crumb {font-size:12px!important;line-height:18px!important;margin-bottom:14px!important;color:#758897!important;}
html[data-sx-shell="refined-cascade"] #view .hd {margin-bottom:18px!important;}
html[data-sx-shell="refined-cascade"] #view .hd h1 {font-size:24px!important;line-height:34px!important;font-weight:700!important;letter-spacing:.15px!important;color:var(--sx-heading)!important;}
html[data-sx-shell="refined-cascade"] #view .hd p {font-size:13px!important;line-height:22px!important;max-width:95ch;}
html[data-sx-shell="refined-cascade"] #view .card {border-color:var(--sf-line)!important;border-radius:11px!important;box-shadow:var(--sf-shadow)!important;}
html[data-sx-shell="refined-cascade"] #view .ch {min-height:52px!important;padding:14px 20px!important;font-size:14px!important;font-weight:650!important;border-bottom-color:#eaf0f4!important;}
html[data-sx-shell="refined-cascade"] #view .ch .cnt {font-weight:400!important;}
html[data-sx-shell="refined-cascade"] #view .cnt {font-size:12px!important;line-height:20px!important;}
html[data-sx-shell="refined-cascade"] #view .tag {border-radius:5px!important;font-weight:500!important;font-size:12px!important;line-height:19px!important;padding:2px 8px!important;white-space:nowrap;}
html[data-sx-shell="refined-cascade"] #view .sx33-tabs {border-bottom:1px solid var(--sf-line)!important;gap:26px!important;padding:0 4px!important;border-radius:0!important;}
html[data-sx-shell="refined-cascade"] #view .sx33-tab {font-size:13px!important;font-weight:500!important;min-height:44px!important;color:#64798a!important;}
html[data-sx-shell="refined-cascade"] #view .sx33-tab.on {font-weight:650!important;color:#245f91!important;}
html[data-sx-shell="refined-cascade"] #view .sx33-tab:hover {color:#245f91!important;}
/* Controls keep their native handlers, disabled state and requiredness. */
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .btn {min-height:36px!important;padding:7px 13px!important;font-size:13px!important;line-height:20px!important;font-weight:600!important;border-radius:7px!important;transition:background-color .15s,border-color .15s,box-shadow .15s!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .btn.ghost {background:#fff!important;color:#496174!important;border-color:#cbd8e2!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .btn.ghost:hover:not(:disabled) {background:#f3f8fc!important;border-color:#9db9cc!important;color:#245f91!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .btn.blue {background:#245f91!important;border-color:#245f91!important;color:white!important;box-shadow:0 1px 2px rgba(21,68,104,.08)!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .btn.blue:hover:not(:disabled) {background:#1c507c!important;border-color:#1c507c!important;box-shadow:0 3px 7px rgba(26,65,98,.12)!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .btn:disabled {opacity:.42!important;cursor:not-allowed!important;box-shadow:none!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .inp {font-family:inherit!important;font-size:13px!important;line-height:20px!important;border-color:#cad7e2!important;border-radius:7px!important;transition:border-color .15s,box-shadow .15s!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) input.inp:not([type=checkbox]):not([type=radio]):not([type=file]):not(.v94-hidden),
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) select.inp {height:40px!important;min-height:40px!important;padding:8px 11px!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) select.inp:not([multiple]) {appearance:none!important;padding-right:32px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23698295' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .inp::placeholder {color:#8798a6!important;opacity:1!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .inp:hover:not(:disabled):not([readonly]) {border-color:#9eb7cb!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .inp:focus {outline:none!important;border-color:#5a8cad!important;box-shadow:0 0 0 3px rgba(36,95,145,.1)!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .inp:disabled {background-color:#f3f6f8!important;color:#7b8c99!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) :is(input[type=checkbox],input[type=radio]) {accent-color:#245f91;cursor:pointer;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .v94-date {gap:0!important;border-radius:7px!important;align-items:stretch!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .v94-date>.inp:not(.v94-hidden) {border-radius:7px 0 0 7px!important;border-right:0!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) .v94-cal {height:40px!important;min-height:40px!important;background:#f7fafc!important;border:1px solid #cad7e2!important;border-left:0!important;border-radius:0 7px 7px 0!important;color:#688297!important;}
/* Workbench: one calm KPI band, fine panel accents, aligned short rows. */
html[data-sx-shell="refined-cascade"] #view .v092-welcome {padding:23px 25px!important;min-height:108px!important;border-left-width:3px!important;border-radius:11px!important;box-shadow:var(--sf-shadow)!important;}
html[data-sx-shell="refined-cascade"] #view .v092-welcome::after {content:none!important;}
html[data-sx-shell="refined-cascade"] #view .v092-welcome h1 {font-size:28px!important;font-weight:700!important;line-height:38px!important;letter-spacing:.3px!important;}
html[data-sx-shell="refined-cascade"] #view .v092-welcome .sub {font-size:13px!important;margin-top:5px!important;color:#6c7f8e!important;}
html[data-sx-shell="refined-cascade"] #view .v092-kpis {border:1px solid var(--sf-line)!important;border-radius:11px!important;margin-bottom:20px!important;overflow:hidden;box-shadow:var(--sf-shadow)!important;}
html[data-sx-shell="refined-cascade"] #view .v092-kpi {padding:20px 24px!important;min-height:126px!important;border-radius:0!important;transition:background .15s!important;}
html[data-sx-shell="refined-cascade"] #view .v092-kpi:hover {background:#f7fafc!important;box-shadow:none!important;}
html[data-sx-shell="refined-cascade"] #view .v092-kpi .k-lab {font-size:13px!important;font-weight:500!important;color:#617587!important;}
html[data-sx-shell="refined-cascade"] #view .v092-kpi .k-num {font-size:34px!important;line-height:41px!important;font-weight:680!important;letter-spacing:-.5px!important;}
html[data-sx-shell="refined-cascade"] #view .v092-kpi .k-num :is(small,span) {font-size:13px!important;font-weight:400!important;color:#748695!important;margin-left:5px;}
html[data-sx-shell="refined-cascade"] #view .v092-kpi .k-sub {font-size:12px!important;color:#758694!important;}
html[data-sx-shell="refined-cascade"] #view .dgrid,html[data-sx-shell="refined-cascade"] #view .dgrid>.col {gap:20px!important;}
html[data-sx-shell="refined-cascade"] #view .dgrid .card {border-top-width:2px!important;}
html[data-sx-shell="refined-cascade"] #view .sx-task-panel {border-top-color:#d39942!important;}
html[data-sx-shell="refined-cascade"] #view .sx-progress-panel {border-top-color:#6eaf98!important;}
html[data-sx-shell="refined-cascade"] #view .sx-department-panel {border-top-color:#c38c88!important;}
html[data-sx-shell="refined-cascade"] #view .sx-schedule-panel {border-top-color:#86a6c2!important;}
html[data-sx-shell="refined-cascade"] #view .rows {padding-left:20px!important;padding-right:20px!important;}
html[data-sx-shell="refined-cascade"] #view .rw {min-height:51px!important;padding:12px 0!important;font-size:13px!important;border-bottom-color:#edf1f4!important;}
html[data-sx-shell="refined-cascade"] #view .rw .btn {min-height:32px!important;padding:5px 11px!important;}
html[data-sx-shell="refined-cascade"] #view .mini {flex:0 0 96px!important;height:6px!important;background:#e8eef2!important;}
html[data-sx-shell="refined-cascade"] #view .mini.sf-meter i {transform:scaleX(var(--sf-meter-ratio,1))!important;transform-origin:left;}
/* Data lists: title rhythm, a quiet field surface and readable row actions. */
html[data-sx-shell="refined-cascade"] #view .sf-page-heading {min-height:44px!important;gap:12px!important;margin-bottom:18px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-page-heading h2 {font-size:23px!important;font-weight:700!important;color:#1d3040!important;}
html[data-sx-shell="refined-cascade"] #view .sf-page-heading>span {color:#748898!important;font-size:12px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-page-heading .btn {min-height:38px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-page-heading div:has(>[data-ov-view]) {padding:3px!important;gap:3px!important;background:#e9eef2!important;border:1px solid #dfe7ee!important;border-radius:8px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-page-heading [data-ov-view] {min-height:30px!important;padding:4px 13px!important;border-radius:5px!important;border:0!important;background:transparent!important;color:#728593!important;box-shadow:none!important;}
html[data-sx-shell="refined-cascade"] #view .sf-page-heading [data-ov-view][aria-pressed="true"] {background:white!important;color:#245f91!important;box-shadow:0 1px 3px rgba(30,50,65,.1)!important;}
html[data-sx-shell="refined-cascade"] #view .sf-filter-panel {padding:18px 20px!important;border-radius:11px!important;box-shadow:var(--sf-shadow)!important;margin-bottom:18px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-filter-grid {gap:14px 16px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-filter-field>label {font-size:12.5px!important;color:#587185!important;font-weight:500!important;}
html[data-sx-shell="refined-cascade"] #view .sf-filter-actions .btn {height:40px!important;min-width:76px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-data-table {border-color:#dfe7ed!important;border-radius:11px!important;box-shadow:var(--sf-shadow)!important;}
html[data-sx-shell="refined-cascade"] #view :is(.sf-data-table,.card) table {font-variant-numeric:tabular-nums;}
html[data-sx-shell="refined-cascade"] #view :is(.sf-data-table,.card) table>thead>tr>th {color:#5e7688!important;background:#f5f8fa!important;border-bottom:1px solid #dfe7ed!important;font-size:12px!important;font-weight:600!important;line-height:20px!important;padding:12px 14px!important;vertical-align:middle!important;}
html[data-sx-shell="refined-cascade"] #view :is(.sf-data-table,.card) table>tbody>tr>td {padding:13px 14px!important;color:#455c6e!important;font-size:13px!important;line-height:21px!important;border-bottom-color:#edf1f4!important;vertical-align:middle!important;}
html[data-sx-shell="refined-cascade"] #view :is(.sf-data-table,.card) table>tbody>tr:hover>td {background:#f4f8fc!important;}
html[data-sx-shell="refined-cascade"] #view :is(.sf-data-table,.card) table>tbody>tr:has(input[type=checkbox]:checked)>td {background:#edf5fb!important;}
html[data-sx-shell="refined-cascade"] #view :is(.sf-data-table,.card) table td .btn {min-height:30px!important;padding:5px 9px!important;font-size:12px!important;line-height:20px!important;}
html[data-sx-shell="refined-cascade"] #view .v4-ops .btn.ghost {border-color:transparent!important;background:transparent!important;color:#356988!important;}
html[data-sx-shell="refined-cascade"] #view .v4-ops .btn.ghost:hover:not(:disabled) {border-color:#cbdde9!important;background:#eaf3fa!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-table {max-height:max(270px,calc(100dvh - 490px))!important;overscroll-behavior:contain;}
html[data-sx-shell="refined-cascade"] #view .sf-project-table table {border-collapse:separate!important;border-spacing:0!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-table thead th {position:sticky!important;top:0!important;z-index:3!important;white-space:nowrap!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-table th:last-child {right:0!important;z-index:5!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-table :is(th:last-child,td.sf-table-ops) {min-width:126px!important;border-left:1px solid #e2eaf0!important;box-shadow:-5px 0 8px -6px rgba(24,48,70,.12)!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-table td.sf-table-ops {background:#fff!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-table td.sf-table-ops [data-ov-open] {background:#edf4fa!important;border-color:#d7e6f0!important;color:#245f91!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-table td.sf-table-ops [data-ov-open]:hover {background:#245f91!important;border-color:#245f91!important;color:#fff!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-table [data-sf-col="name"] {min-width:264px!important;max-width:320px;}
html[data-sx-shell="refined-cascade"] #view .sf-project-table [data-sf-col="name"]>span {color:#284f6b!important;font-weight:600!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-table [data-sf-col="name"]>span:hover {text-decoration:underline;text-underline-offset:3px;}
html[data-sx-shell="refined-cascade"] #view .sf-project-table [data-sf-col="name"]>div {font-size:12px!important;color:#7a8c9a!important;margin-top:4px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-table::after {position:sticky;bottom:0;left:0;z-index:6;padding:7px 14px;background:#f8fafc;border-top:1px solid #e2eaf0;color:#7b90a0;font-size:11.5px;text-align:right;}
html[data-sx-shell="refined-cascade"] #view th[data-ov-sort]:hover {color:#245f91!important;background:#eaf2f8!important;cursor:pointer;}
html[data-sx-shell="refined-cascade"] #view .sf-project-card {padding:20px!important;border-radius:11px!important;box-shadow:var(--sf-shadow)!important;transition:box-shadow .16s,border-color .16s;}
html[data-sx-shell="refined-cascade"] #view .sf-project-card:hover {border-color:#b8ccdc!important;box-shadow:0 5px 17px rgba(32,72,108,.065)!important;}
/* Expert registry: a single statistics band, then the distinct search surface. */
html[data-sx-shell="refined-cascade"] #view .sf-expert-heading {margin:16px 0 18px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-expert-heading .hd {margin:0!important;}
html[data-sx-shell="refined-cascade"] #view .sf-expert-heading+div {gap:0!important;background:#fff;border:1px solid var(--sf-line);border-radius:11px;overflow:hidden;box-shadow:var(--sf-shadow);}
html[data-sx-shell="refined-cascade"] #view .sf-expert-heading+div>.card {border:0!important;border-right:1px solid #e6edf2!important;border-radius:0!important;padding:18px 22px!important;box-shadow:none!important;}
html[data-sx-shell="refined-cascade"] #view .sf-expert-heading+div>.card:last-child {border-right:0!important;}
html[data-sx-shell="refined-cascade"] #view .sf-expert-heading+div>.card>div:first-child {color:#6a7f90!important;font-size:12.5px!important;font-weight:500!important;}
html[data-sx-shell="refined-cascade"] #view .sf-expert-heading+div>.card>div:nth-child(2) {font-size:30px!important;font-weight:650!important;line-height:40px!important;margin-top:3px;}
html[data-sx-shell="refined-cascade"] #view .toolbar:has(#efKw) {padding:16px 18px!important;border:1px solid var(--sf-line)!important;border-radius:11px!important;background:#fff!important;gap:10px!important;margin:16px 0!important;}
html[data-sx-shell="refined-cascade"] #view .toolbar:has(#efKw) #efKw {max-width:250px!important;}
/* Project overview: keep metadata above KPIs; keep the existing activity tree. */
html[data-sx-shell="refined-cascade"] #view .sf-overview-head {padding:22px 24px!important;border-radius:11px!important;box-shadow:var(--sf-shadow)!important;}
html[data-sx-shell="refined-cascade"] #view .sf-overview-head h2 {font-size:21px!important;line-height:31px!important;font-weight:680!important;letter-spacing:.15px!important;color:#1d3041!important;}
html[data-sx-shell="refined-cascade"] #view .sf-overview-head>div>div:first-child>div:first-child>span {padding:3px 9px!important;font-size:11.5px!important;border-radius:5px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-kpi-row {gap:14px!important;margin:16px 0 20px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-kpi-row>div {padding:18px 20px!important;min-height:124px!important;border-radius:11px!important;box-shadow:var(--sf-shadow)!important;}
html[data-sx-shell="refined-cascade"] #view .sf-kpi-row>div>div:first-child {color:#687f90!important;font-size:12px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-kpi-row>div>div:nth-child(2) {font-size:31px!important;line-height:39px!important;font-weight:650!important;letter-spacing:-.3px;}
html[data-sx-shell="refined-cascade"] #view .sf-kpi-row>div>div:last-child {font-size:12px!important;line-height:20px!important;color:#7b8c98!important;}
html[data-sx-shell="refined-cascade"] #view [data-ov-root]>div:has(>[data-ov-tab]) {padding:2px 14px 0!important;background:#fff!important;border:1px solid var(--sf-line)!important;border-radius:10px!important;margin-bottom:18px!important;gap:2px!important;box-shadow:var(--sf-shadow);}
html[data-sx-shell="refined-cascade"] #view [data-ov-tab] {padding:12px 14px!important;min-height:47px!important;font-size:13px!important;border-radius:0!important;box-shadow:none!important;}
html[data-sx-shell="refined-cascade"] #view [data-ov-tab]:hover {color:#245f91!important;background:#f7fafc!important;}
/* Left directory + right detail: one compact directory, clearly selected rows. */
html[data-sx-shell="refined-cascade"] #view .sf-directory-layout {grid-template-columns:260px minmax(0,1fr)!important;gap:18px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-directory {border-radius:11px!important;}
html[data-sx-shell="refined-cascade"] #view :is(.sf-directory,.sf-directory-layout>.card:first-child)>div:first-child {min-height:54px!important;padding:16px!important;gap:6px!important;flex-wrap:wrap!important;}
html[data-sx-shell="refined-cascade"] #view :is(.sf-directory,.sf-directory-layout>.card:first-child)>div:first-child>b {font-size:14px!important;}
html[data-sx-shell="refined-cascade"] #view :is(.sf-directory,.sf-directory-layout>.card:first-child)>div[role="button"] {padding:15px 15px 15px 12px!important;min-height:82px;border-bottom:1px solid #edf1f4!important;line-height:1.65!important;transition:background .15s;}
html[data-sx-shell="refined-cascade"] #view :is(.sf-directory,.sf-directory-layout>.card:first-child)>div[role="button"]:hover {background:#f1f6fa!important;}
html[data-sx-shell="refined-cascade"] #view :is(.sf-directory,.sf-directory-layout>.card:first-child)>div[role="button"]>div:first-child>div:first-child {font-weight:600!important;font-size:13px!important;line-height:21px!important;}
html[data-sx-shell="refined-cascade"] #view :is(.sf-directory,.sf-directory-layout>.card:first-child)>div[role="button"]>div:first-child>div:not(:first-child) {font-size:11.5px!important;line-height:19px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-pane-head {padding:20px 22px!important;min-height:100px!important;border-bottom:1px solid #e6edf3!important;background:#fff!important;}
html[data-sx-shell="refined-cascade"] #view .sf-pane-head>div:first-child>div:first-child {font-size:18px!important;font-weight:650!important;color:#203e54!important;line-height:27px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-directory-layout>.card {border-radius:11px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-directory-layout>.card>div:has(>.toolbar) {padding:16px 20px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-directory-layout .toolbar {row-gap:10px!important;}
/* Resource cards retain uploaded covers. Only generated fallback gradients
   become quiet file cards. No title, status or operation is removed. */
html[data-sx-shell="refined-cascade"] #view [data-v97-resgrid] {grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:18px!important;}
html[data-sx-shell="refined-cascade"] #view [data-v97-resgrid]>.card {display:flex!important;flex-direction:column!important;border-radius:11px!important;transition:box-shadow .16s,border-color .16s;}
html[data-sx-shell="refined-cascade"] #view [data-v97-resgrid]>.card:hover {border-color:#b3c9da!important;box-shadow:0 6px 18px rgba(29,61,91,.075)!important;}
html[data-sx-shell="refined-cascade"] #view [data-v97-resgrid]>.card>div:first-child[style*="linear-gradient"] {height:auto!important;min-height:108px!important;padding:20px 18px!important;align-items:center!important;gap:12px;background:#edf4f9!important;border-bottom:1px solid #e2ebf2;}
html[data-sx-shell="refined-cascade"] #view [data-v97-resgrid]>.card>div:first-child[style*="linear-gradient"]::before {content:"";display:block;flex:0 0 30px;height:34px;background:#457b9e;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 36'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' d='M7 2h12l7 7v23H7z M19 2v8h7 M12 17h9 M12 22h9 M12 27h6'/%3E%3C/svg%3E") center/contain no-repeat;}
html[data-sx-shell="refined-cascade"] #view [data-v97-resgrid]>.card>div:first-child[style*="linear-gradient"]>b {color:#254f6c!important;text-shadow:none!important;font-weight:650!important;font-size:14px!important;line-height:23px!important;overflow-wrap:anywhere;}
html[data-sx-shell="refined-cascade"] #view [data-v97-resgrid]>.card>div:nth-child(2) {padding:16px 18px!important;gap:9px!important;}
html[data-sx-shell="refined-cascade"] #view [data-v97-resgrid]>.card>div:last-child {padding:12px 16px!important;border-top:1px solid #e9eff4!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;align-items:center!important;min-height:63px;margin-top:auto;}
html[data-sx-shell="refined-cascade"] #view [data-v97-resgrid]>.card>div:last-child .btn {min-height:30px!important;padding:4px 8px!important;font-size:12px!important;}
html[data-sx-shell="refined-cascade"] #view .toolbar:has(#sTypeF) {padding:14px 16px!important;border:1px solid var(--sf-line)!important;border-radius:10px!important;background:#fff!important;}
/* Dialogs: restrained backdrop, deliberate section rhythm and visible footer. */
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) {border:1px solid #dfe6ec!important;border-radius:12px!important;box-shadow:0 24px 72px rgba(24,43,63,.2),0 4px 16px rgba(24,43,63,.08)!important;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .mh {min-height:64px!important;padding:19px 24px!important;border-bottom:1px solid #e1e9ef!important;background:#fff!important;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .mh b {font-size:16px!important;line-height:24px!important;font-weight:650!important;color:#243d53!important;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .mb {padding:22px 24px!important;scrollbar-width:thin;scrollbar-color:#bccdd9 #f8fafc;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .mf {min-height:66px!important;padding:14px 24px!important;gap:10px!important;border-top:1px solid #dfe8ee!important;background:#f8fafb!important;}
html[data-sx-shell="refined-cascade"] #mModal .mf .btn {min-height:38px!important;min-width:88px!important;}
html[data-sx-shell="refined-cascade"] #mModal .form-grid {gap:18px 24px!important;align-items:start!important;}
html[data-sx-shell="refined-cascade"] #mModal .fld {min-width:0!important;}
html[data-sx-shell="refined-cascade"] #mModal .fld>label:not(:has(input)) {margin-bottom:7px!important;font-size:12.5px!important;line-height:19px!important;font-weight:500!important;color:#526d81!important;}
html[data-sx-shell="refined-cascade"] #mModal .fld>textarea {min-height:84px!important;line-height:22px!important;padding:10px 12px!important;}
html[data-sx-shell="refined-cascade"] #mModal .fld>div:has(>.inp):has(>.btn) {gap:7px!important;align-items:stretch!important;}
html[data-sx-shell="refined-cascade"] #mModal .fld>div:has(>.inp):has(>.btn)>.btn {height:40px!important;min-height:40px!important;}
html[data-sx-shell="refined-cascade"] #mModal .fld.full>div[style*="border-left"] {font-size:13.5px!important;font-weight:650!important;border-left:3px solid #457aa3!important;padding:2px 0 2px 10px!important;line-height:21px!important;margin-bottom:12px!important;color:#243d53!important;}
html[data-sx-shell="refined-cascade"] #mModal .sx33-note {padding:10px 13px!important;font-size:12px!important;line-height:21px!important;border-left-width:2px!important;border-radius:0 6px 6px 0!important;background:#f5f8fa!important;color:#6b8192!important;}
html[data-sx-shell="refined-cascade"] #mModal:has(#ovSetName) {width:min(1000px,calc(100vw - 64px))!important;max-height:calc(100dvh - 64px)!important;}
html[data-sx-shell="refined-cascade"] #mModal:has(#ovSetName) .form-grid {row-gap:16px!important;}
html[data-sx-shell="refined-cascade"] #mModal .sx-choice-item {border-radius:6px;}
html[data-sx-shell="refined-cascade"] #v96DrawerPanel {width:min(640px,94vw)!important;border-left:1px solid #dce6ee!important;}
html[data-sx-shell="refined-cascade"] #v96DrawerPanel .sf-drawer-head {padding:23px 26px 20px!important;}
html[data-sx-shell="refined-cascade"] #v96DrawerPanel .sf-drawer-body {padding:22px 26px!important;}
html[data-sx-shell="refined-cascade"] #v96DrawerPanel .sf-drawer-foot {padding:18px 26px 22px!important;background:#f8fafc!important;}
html[data-sx-shell="refined-cascade"] #v96DrawerPanel .fld>label {font-size:12.5px!important;color:#5e778b!important;font-weight:500!important;line-height:20px!important;margin-bottom:7px!important;}
html[data-sx-shell="refined-cascade"] #v96DrawerPanel #v96tgList label {padding:14px!important;border-radius:8px!important;}
html[data-sx-shell="refined-cascade"] #v96DrawerPanel #v96tgPrev {color:#607a8e!important;font-size:12px!important;line-height:20px!important;}
/* Diagnosis: preserve the client three-column design, clarify reading groups. */
html[data-sx-shell="refined-cascade"] #view [data-c-grid] {gap:18px!important;}
html[data-sx-shell="refined-cascade"] #view [data-c-col]>div {border:1px solid var(--sf-line)!important;border-radius:11px!important;box-shadow:var(--sf-shadow)!important;}
html[data-sx-shell="refined-cascade"] #view [data-c-grid] label:has(input[type=radio]) {border-radius:7px!important;padding:10px 12px!important;transition:background .15s;}
html[data-sx-shell="refined-cascade"] #view [data-c-grid] label:has(input[type=radio]):hover {background:#f2f7fb!important;}
html[data-sx-shell="refined-cascade"] #view [data-c-grid] label:has(input[type=radio]:checked) {background:#edf5fc!important;border-color:#92b6d2!important;}
html[data-sx-shell="refined-cascade"] #view .sf-diagnosis-footer {border-radius:9px!important;padding:14px 20px!important;box-shadow:0 -4px 20px rgba(27,53,78,.05)!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#v96DrawerPanel) {scrollbar-width:thin;scrollbar-color:#bacbd7 #f2f5f7;}
@media(max-width:1279px){
 html[data-sx-shell="refined-cascade"] #view {padding:20px 22px 36px!important;}
 html[data-sx-shell="refined-cascade"] #view .sf-directory-layout {grid-template-columns:224px minmax(0,1fr)!important;}
 html[data-sx-shell="refined-cascade"] #view .sf-project-table {max-height:max(300px,calc(100dvh - 470px))!important;}
}
@media(max-width:1000px){
 html[data-sx-shell="refined-cascade"] #view .sf-directory-layout {grid-template-columns:210px minmax(0,1fr)!important;}
 html[data-sx-shell="refined-cascade"] #view .v092-kpi {padding:16px!important;}
 html[data-sx-shell="refined-cascade"] #mModal:has(#ovSetName) {width:calc(100vw - 40px)!important;}
}
@media(max-width:760px){
 html[data-sx-shell="refined-cascade"] #view {padding:16px 16px 32px!important;}
 html[data-sx-shell="refined-cascade"] #view .sf-directory-layout {grid-template-columns:minmax(0,1fr)!important;}
 html[data-sx-shell="refined-cascade"] #view .sf-project-table {max-height:70dvh!important;}
 html[data-sx-shell="refined-cascade"] #view .sf-page-heading>span {flex-basis:100%;}
 html[data-sx-shell="refined-cascade"] #mModal .form-grid {grid-template-columns:minmax(0,1fr)!important;}
 html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) :is(.mh,.mb,.mf) {padding-left:18px!important;padding-right:18px!important;}
}
@media(prefers-reduced-motion:reduce){html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) * {transition:none!important;scroll-behavior:auto!important;}}

/* Final optical adjustments, including active button semantics from renderer. */
html[data-sx-shell="refined-cascade"] #view .v092-welcome {border-left-color:#477fa8!important;}
html[data-sx-shell="refined-cascade"] #view .toolbar:has(>.inp)>.btn {height:40px!important;min-height:40px!important;}
html[data-sx-shell="refined-cascade"] #view [data-ov-root]>div:has(>[data-ov-tab]) {margin-top:0!important;margin-bottom:10px!important;}
html[data-sx-shell="refined-cascade"] #view [data-ov-tab] {border-bottom:2px solid transparent!important;color:#6c8190!important;background:transparent!important;font-weight:500!important;}
html[data-sx-shell="refined-cascade"] #view [data-ov-tab][aria-pressed="true"] {border-bottom-color:#245f91!important;color:#245f91!important;font-weight:650!important;}
html[data-sx-shell="refined-cascade"] #view [data-v97-resops] .btn[data-v96r-view] {background:#edf4fa!important;color:#245f91!important;border-color:#d2e2ed!important;}
html[data-sx-shell="refined-cascade"] #view [data-v97-resops] .btn[data-v96r-del]:hover:not(:disabled) {color:#ac4141!important;border-color:#dfbcbc!important;background:#fff5f5!important;}
html[data-sx-shell="refined-cascade"] #mModal .fld {gap:7px!important;}
html[data-sx-shell="refined-cascade"] #mModal .fld>label:not(:has(input)) {margin-bottom:0!important;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .mh {border-radius:11px 11px 0 0!important;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .mf {border-radius:0 0 11px 11px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-directory-layout>.card:last-child>div:first-child {padding:20px 22px!important;min-height:96px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-directory-layout>.card:last-child>div:nth-child(2):has(>[data-v97r-f]) {padding:10px 20px 16px!important;gap:8px!important;align-items:center!important;background:#fbfcfd;}
html[data-sx-shell="refined-cascade"] #view [data-v97r="ctab"] {height:34px!important;min-height:34px!important;padding:6px 10px!important;font-size:12px!important;}
html[data-sx-shell="refined-cascade"] #mModal:has(#v97efN),
html[data-sx-shell="refined-cascade"] #mModal:has(#v97neN) {width:min(900px,calc(100vw - 64px))!important;max-height:calc(100dvh - 72px)!important;}
html[data-sx-shell="refined-cascade"] #view .sf-diagnosis-footer {padding-right:92px!important;}
/* Approval designer: finish the existing vertical chain, not a new editor. */
html[data-sx-shell="refined-cascade"] #view [data-fc-root] {height:calc(100dvh - 160px)!important;min-height:530px!important;margin:0!important;border:1px solid #dfe7ee;border-radius:11px;box-shadow:var(--sf-shadow);background:#f3f6f8!important;}
html[data-sx-shell="refined-cascade"] #view [data-fc-root]>div:first-child {height:70px!important;min-height:70px!important;border-radius:11px 11px 0 0!important;padding:12px 20px!important;gap:12px!important;}
html[data-sx-shell="refined-cascade"] #view [data-fc-root]>div:nth-child(2) {grid-template-columns:minmax(380px,1fr) 360px!important;}
html[data-sx-shell="refined-cascade"] #view [data-fc-root] section {background:#f1f5f8!important;border-radius:0 0 0 11px;}
html[data-sx-shell="refined-cascade"] #view [data-fc-root] section>div:first-child {height:44px!important;padding:0 18px!important;background:#f7fafc!important;border-color:#e1e9ef!important;}
html[data-sx-shell="refined-cascade"] #view [data-fc-board] {padding:22px 20px 28px!important;scrollbar-width:thin;scrollbar-color:#baccd9 #f2f6f9;}
html[data-sx-shell="refined-cascade"] #view [data-fc-card] {border-radius:10px!important;box-shadow:0 3px 10px rgba(31,58,83,.055)!important;transition:box-shadow .15s,border-color .15s;}
html[data-sx-shell="refined-cascade"] #view [data-fc-card]:hover {box-shadow:0 5px 14px rgba(31,58,83,.1)!important;}
html[data-sx-shell="refined-cascade"] #view [data-fc-plus] {width:28px!important;height:28px!important;border-color:#bfd1de!important;background:#fff!important;}
html[data-sx-shell="refined-cascade"] #view [data-fc-plus]:hover {border-color:#245f91!important;background:#eaf3fb!important;}
html[data-sx-shell="refined-cascade"] #view [data-fc-prop] {border-color:#dfe8ef!important;border-radius:0 0 11px 0;}
html[data-sx-shell="refined-cascade"] #view [data-fc-prop]>div {padding:18px 20px!important;}
html[data-sx-shell="refined-cascade"] #view [data-fc-prop] :is(input:not([type=checkbox]):not([type=radio]),select) {height:38px!important;min-height:38px!important;padding:8px 10px!important;border-radius:7px!important;border-color:#c9d8e3!important;color:#355169!important;font-size:13px!important;}
html[data-sx-shell="refined-cascade"] #view [data-fc-prop] label {line-height:21px!important;}
@media(max-width:1100px){html[data-sx-shell="refined-cascade"] #view [data-fc-root]>div:nth-child(2) {grid-template-columns:minmax(350px,1fr) 310px!important;}}
html[data-sx-shell="refined-cascade"] #view .sf-filter-field .v94-date>.inp:not(.v94-hidden) {border-radius:7px 0 0 7px!important;border-right:0!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal,#v96DrawerPanel) select.inp[multiple] {height:auto!important;min-height:100px!important;}


html[data-sx-shell="refined-cascade"] #view:has(>.sf-project-list),
html[data-sx-shell="refined-cascade"] #view:has(>.sf-attendance-workspace) {
 display:flex!important;flex-direction:column!important;min-height:0!important;
 padding:20px 28px 16px!important;overflow:auto!important;scrollbar-gutter:auto;
}
html[data-sx-shell="refined-cascade"] #view>.sf-project-list,
html[data-sx-shell="refined-cascade"] #view>.sf-attendance-workspace {
 display:flex;flex-direction:column;flex:1 1 0%;min-height:0;min-width:0;
 margin:0!important;gap:14px;max-width:100%;
}
html[data-sx-shell="refined-cascade"] #view .sf-project-list>.sf-page-heading {
 flex:0 0 auto;margin:0!important;min-height:38px;gap:10px!important;
}
html[data-sx-shell="refined-cascade"] #view .sf-list-count {font-size:12px;color:#78909f;}
html[data-sx-shell="refined-cascade"] #view .sf-project-list>.sf-filter-panel {
 padding:12px 16px!important;margin:0!important;flex:0 0 auto;
}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-grid {
 grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px 14px!important;
}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-field {gap:4px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-field>label {font-size:12px!important;line-height:18px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-field>.inp,
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-field .v94-date,
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-field .v94-date>.inp:not(.v94-hidden),
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-field .v94-cal,
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-actions .btn {
 height:36px!important;min-height:36px!important;box-sizing:border-box;
}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-field>.inp,
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-field .v94-date>.inp:not(.v94-hidden) {padding:6px 10px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-field .v94-cal {min-width:28px!important;width:28px!important;flex-basis:28px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-actions {grid-column:-3 / -1!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-results {
 display:flex;flex-direction:column;flex:1 1 0%;min-height:260px;min-width:0;
 border:1px solid #dfe7ed;border-radius:11px;background:#fff;overflow:hidden;
 box-shadow:var(--sf-shadow);
}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-project-table {
 flex:1 1 0%;min-height:0!important;height:auto!important;max-height:none!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 scrollbar-width:auto;scrollbar-gutter:stable;overscroll-behavior:contain;
}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-project-table::after {display:none!important;content:none!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-project-table table {
 min-width:var(--sf-list-min,1480px)!important;width:100%!important;table-layout:fixed;
 border-collapse:separate!important;border-spacing:0!important;
}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-project-table thead th {padding:10px 12px!important;height:42px;box-sizing:border-box;}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-project-table tbody td {padding:10px 12px!important;line-height:21px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-project-table [data-sf-col="name"] {min-width:240px!important;width:260px!important;max-width:none;}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-project-table [data-sf-col="name"]>span {
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
 line-height:21px!important;max-height:42px;
}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-project-table [data-sf-col="name"]>div {
 display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 margin-top:3px!important;font-size:12px!important;line-height:19px!important;
}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-project-table [data-sf-col="year"] {width:76px!important;min-width:76px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-project-table [data-sf-col="cat"] {width:118px!important;min-width:118px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-project-table [data-sf-col="level"] {width:92px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-project-table [data-sf-col="range"] {width:144px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-project-table [data-sf-col="leader"] {width:104px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-project-footer {
 display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 54px;
 box-sizing:border-box;padding:10px 86px 10px 16px;min-height:54px;
 border-top:1px solid #e2eaf0;background:#fbfcfd;color:#7a8d9a;font-size:12px;
}
html[data-sx-shell="refined-cascade"] #view .sf-project-footer b {color:#3b586e;font-weight:600;}
html[data-sx-shell="refined-cascade"] #view .sf-project-card-view {flex:1 1 0%;min-height:260px;overflow:auto;padding:0 1px 70px;}
html[data-sx-shell="refined-cascade"] #view .sf-list-empty {text-align:center;padding:65px 20px;color:#7a8d9a;font-size:13px;}
/* On these full-height pages the existing shortcut docks in the empty
   right end of the footer; it can no longer cover a data row or action. */
html[data-sx-shell="refined-cascade"] body:has(.sf-project-list) .sx-quick-fab,
html[data-sx-shell="refined-cascade"] body:has(.sf-attendance-workspace) .sx-quick-fab {
 width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
 bottom:21px!important;right:35px!important;border-radius:12px!important;padding:4px!important;
}
/* Learner attendance uses the same left-directory/right-pane geometry as
   expert review. Existing menu routes remain separate and unchanged. */
html[data-sx-shell="refined-cascade"] #view .sf-att-page-title {display:flex;gap:14px;align-items:center;flex:0 0 auto;min-height:38px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-page-title h1 {margin:0;color:#1c2c3b;font-size:24px;line-height:34px;font-weight:700;}
html[data-sx-shell="refined-cascade"] #view .sf-att-page-title>span {font-size:12px;color:#7a8d9a;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-layout {display:grid;grid-template-columns:248px minmax(0,1fr);gap:18px;flex:1 1 0%;min-height:340px;min-width:0;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-layout>.card {margin:0!important;min-height:0;min-width:0;padding:0!important;border:1px solid #dfe7ed!important;background:white;overflow:hidden;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-directory {display:flex;flex-direction:column;align-self:stretch;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-head {display:flex;align-items:center;gap:7px;flex:0 0 54px;padding:0 16px;border-bottom:1px solid #e5ecf1;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-head b {font-size:13px;color:#263c4e;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-head>span {font-size:12px;color:#8797a3;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-head small {margin-left:auto;font-size:11.5px;color:#b8763c;white-space:nowrap;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-list {overflow:auto;min-height:0;flex:1;scrollbar-width:thin;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-item {border:0;border-left:3px solid transparent;border-bottom:1px solid #eef2f5;padding:16px 14px 15px 13px;cursor:pointer;background:white;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-item:hover {background:#f6f9fc;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-item.is-current {background:#edf4fb;border-left-color:#245f91;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-item:focus-visible {outline-offset:-3px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-title {display:flex;align-items:flex-start;gap:8px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-title b {flex:1;font-size:13px;font-weight:600;line-height:21px;color:#223648;overflow-wrap:anywhere;}
html[data-sx-shell="refined-cascade"] #view .sf-att-count {display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:50px;background:#fff1e6;color:#bd7737;font-size:12px;font-weight:600;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-meta {margin-top:6px;font-size:12px;line-height:19px;color:#7a8d9a;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-summary {margin-top:5px;font-size:12px;line-height:19px;color:#617b8e;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-summary.has-attention {color:#b3763f;}
html[data-sx-shell="refined-cascade"] #view .sf-att-dir-empty {font-size:13px;color:#7a8d9a;text-align:center;padding:20px 10px;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-pane {display:flex;flex-direction:column;align-self:stretch;}
html[data-sx-shell="refined-cascade"] #view .sf-att-pane-head {display:flex;align-items:center;gap:18px;flex:0 0 auto;padding:20px 22px;min-height:100px;box-sizing:border-box;}
html[data-sx-shell="refined-cascade"] #view .sf-att-project-heading {flex:1;min-width:0;}
html[data-sx-shell="refined-cascade"] #view .sf-att-project-heading h2 {margin:0 0 8px;font-size:17px;line-height:25px;font-weight:650;color:#223648;overflow-wrap:anywhere;}
html[data-sx-shell="refined-cascade"] #view .sf-att-project-tags {display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-project-dates {flex:0 0 110px;text-align:right;font-size:12px;line-height:19px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-project-dates>span {color:#8a99a5;}
html[data-sx-shell="refined-cascade"] #view .sf-att-project-dates b {display:block;color:#435b70;font-weight:500;margin-top:3px;font-variant-numeric:tabular-nums;}
html[data-sx-shell="refined-cascade"] #view .sf-att-tabs-row {display:flex;gap:16px;align-items:center;justify-content:space-between;flex:0 0 auto;padding:0 20px 14px;border-bottom:1px solid #e5ecf2;}
html[data-sx-shell="refined-cascade"] #view .sf-att-tabs {display:flex;gap:8px;align-items:center;}
html[data-sx-shell="refined-cascade"] #view .sf-att-tab {display:inline-flex;gap:8px;align-items:center;justify-content:center;height:36px;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:600;line-height:20px;color:#526f84;border:1px solid #d2e0eb;border-radius:7px;background:white;cursor:pointer;white-space:nowrap;}
html[data-sx-shell="refined-cascade"] #view .sf-att-tab.is-current {background:#245f91;color:white;border-color:#245f91;}
html[data-sx-shell="refined-cascade"] #view .sf-att-tab>span {font-size:12px;font-weight:500;opacity:.85;}
html[data-sx-shell="refined-cascade"] #view .sf-att-section-link {border:0;background:transparent;color:#527794;font-size:12px;line-height:20px;padding:7px 0;cursor:pointer;white-space:nowrap;font-family:inherit;}
html[data-sx-shell="refined-cascade"] #view .sf-att-section-link:hover {color:#245f91;text-decoration:underline;text-underline-offset:3px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-toolbar {display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:0 0 auto;padding:12px 20px;background:#fbfcfd;border-bottom:1px solid #e7eef3;}
html[data-sx-shell="refined-cascade"] #view .sf-att-toolbar label {display:flex;align-items:center;gap:8px;min-width:0;color:#6b8294;font-size:12px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-toolbar label>span {white-space:nowrap;}
html[data-sx-shell="refined-cascade"] #view .sf-att-toolbar .sf-att-search {flex:1;max-width:320px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-toolbar .sf-att-search .inp {width:100%;min-width:110px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-toolbar .sf-att-status .inp {width:118px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-toolbar .inp,
html[data-sx-shell="refined-cascade"] #view .sf-att-toolbar .btn {height:34px!important;min-height:34px!important;padding:5px 10px!important;box-sizing:border-box;font-size:12.5px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-scroll {flex:1 1 0%;min-height:130px;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-scroll table {table-layout:auto;width:100%;min-width:620px;border-collapse:separate!important;border-spacing:0;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-scroll th {position:sticky;top:0;z-index:2;padding:11px 16px!important;font-size:12px!important;white-space:nowrap;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-scroll td {padding:15px 16px!important;vertical-align:middle!important;font-size:13px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-scroll td:first-child {min-width:175px;max-width:280px;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-scroll td b {font-weight:600;line-height:21px;color:#37596f;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-scroll td .cnt {margin-top:4px;font-size:12px!important;color:#8496a4;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-scroll .sf-att-date {white-space:nowrap;font-variant-numeric:tabular-nums;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-scroll .sf-att-row-ops {white-space:nowrap;width:156px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 54px;box-sizing:border-box;padding:10px 80px 10px 18px;min-height:54px;border-top:1px solid #e5ecf2;background:#fbfcfd;color:#8597a4;font-size:11.5px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-empty {display:flex;flex-direction:column;align-items:center;gap:12px;padding:46px 12px;text-align:center;color:#71889a;}
html[data-sx-shell="refined-cascade"] #view .sf-att-empty b {font-size:13px!important;font-weight:500!important;color:#71889a!important;}
html[data-sx-shell="refined-cascade"] #view .sf-att-empty-mark {display:grid;place-items:center;width:52px;height:52px;background:#eff5fa;color:#84a6be;border-radius:14px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-empty-help {font-size:13px;text-align:center;color:#8b9ca8;}
html[data-sx-shell="refined-cascade"] #view .sf-att-inline-note {margin:0;padding:10px 20px;color:#7590a2;font-size:12px;line-height:19px;border-bottom:1px solid #eef2f5;}
html[data-sx-shell="refined-cascade"] #view .sf-att-enterprise {flex:1;padding:38px 24px;color:#456277;font-size:14px;}
html[data-sx-shell="refined-cascade"] #view .sf-att-enterprise p {font-size:13px;line-height:24px;color:#7e94a4;margin:10px 0 20px;}
@media(max-width:1279px){
 html[data-sx-shell="refined-cascade"] #view:has(>.sf-project-list),html[data-sx-shell="refined-cascade"] #view:has(>.sf-attendance-workspace){padding:18px 22px 16px!important;}
 html[data-sx-shell="refined-cascade"] #view .sf-attendance-layout {grid-template-columns:224px minmax(0,1fr);gap:14px;}
 html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-grid {gap:8px 10px!important;}
}
@media(max-height:640px){
 html[data-sx-shell="refined-cascade"] #view>.sf-project-list,html[data-sx-shell="refined-cascade"] #view>.sf-attendance-workspace {flex-basis:auto;min-height:510px;}
}
@media(max-width:900px){
 html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
 html[data-sx-shell="refined-cascade"] #view .sf-att-project-dates {flex-basis:110px;}
 html[data-sx-shell="refined-cascade"] #view .sf-attendance-layout {grid-template-columns:200px minmax(0,1fr);gap:12px;}
}
@media(max-width:760px){
 html[data-sx-shell="refined-cascade"] #view>.sf-project-list,html[data-sx-shell="refined-cascade"] #view>.sf-attendance-workspace {flex-basis:auto;min-height:600px;}
 html[data-sx-shell="refined-cascade"] #view .sf-project-list .sf-filter-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html[data-sx-shell="refined-cascade"] #view .sf-attendance-layout {display:flex;flex-direction:column;}
 html[data-sx-shell="refined-cascade"] #view .sf-attendance-directory {max-height:230px;flex:0 0 auto;}
 html[data-sx-shell="refined-cascade"] #view .sf-attendance-pane {min-height:450px!important;}
 html[data-sx-shell="refined-cascade"] #view .sf-att-tabs-row {flex-wrap:wrap;gap:6px;}
 html[data-sx-shell="refined-cascade"] #view .sf-att-project-dates {display:block;}
 html[data-sx-shell="refined-cascade"] #view .sf-project-footer>span:last-child,html[data-sx-shell="refined-cascade"] #view .sf-att-footer>span:last-child {font-size:11px;}
}

/* Match the existing highly specific native-input reset without touching
   unrelated forms. The paired calendar keeps exactly the same 36px height. */
html[data-sx-shell="refined-cascade"] #view .sf-project-list input.inp:not([type=checkbox]):not([type=radio]):not([type=file]):not(.v94-hidden) {height:36px!important;min-height:36px!important;padding:6px 10px!important;}
html[data-sx-shell="refined-cascade"] #view .sf-attendance-workspace input.inp:not([type=checkbox]):not([type=radio]):not([type=file]):not(.v94-hidden) {height:34px!important;min-height:34px!important;padding:5px 10px!important;}


html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table-scroll {
  position:relative;max-width:100%;min-width:0;overflow:auto!important;
  overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b7c7d4 #f3f6f9;
}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table-scroll:focus-visible {outline:2px solid #6d99bb;outline-offset:-2px;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) table.tbl.sf4-table {
  width:100%!important;min-width:var(--sf4-min)!important;max-width:none!important;
  table-layout:fixed!important;border-collapse:separate!important;border-spacing:0;
  font-size:13px!important;font-variant-numeric:tabular-nums;
}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table :is(th,td) {
  box-sizing:border-box;width:auto!important;min-width:0!important;max-width:none!important;
  position:static;box-shadow:none;vertical-align:middle!important;padding:12px 14px!important;
  line-height:1.65!important;white-space:normal!important;overflow-wrap:anywhere;
}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table th {
  height:44px;font-size:12px!important;line-height:20px!important;white-space:nowrap!important;
  color:#627d91!important;background:#f5f8fb!important;
}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table td {height:58px;background:#fff;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table tbody tr:nth-child(even)>td {background:#fbfcfd;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table tbody tr:hover>td {background:#f1f6fa!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table td b {min-width:0!important;max-width:100%;font-weight:600;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table td .cnt {font-size:12px!important;line-height:1.6!important;margin-top:4px;white-space:normal!important;overflow-wrap:anywhere;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table [data-sf4-cell="number"] {text-align:right!important;white-space:nowrap!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table [data-sf4-cell="number"] input {max-width:100%;text-align:right;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table :is([data-sf4-cell="status"],[data-sf4-cell="check"]) {text-align:center!important;white-space:nowrap!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table [data-sf4-cell="date"] {word-break:normal;overflow-wrap:normal;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table [data-sf4-cell="actions"] {text-align:left!important;line-height:2.4!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table td .btn {min-height:30px;padding:5px 9px!important;font-size:12px!important;max-width:100%;margin:2px 2px 2px 0;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table .sf4-pin-start {
  position:sticky!important;left:var(--sf4-left,0px)!important;z-index:2;box-shadow:1px 0 0 #e7eef3;
}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table .sf4-pin-end {
  position:sticky!important;right:0!important;z-index:3;box-shadow:-1px 0 0 #e4ecf2,-5px 0 10px -9px #718c9f;
}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table .sf4-pin-status {
  position:sticky!important;right:var(--sf4-action-width)!important;z-index:3;box-shadow:-1px 0 0 #e4ecf2;
}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table th:is(.sf4-pin-start,.sf4-pin-end,.sf4-pin-status) {z-index:4;}
html[data-sx-shell="refined-cascade"] #view .sf4-scroll-hint {font-size:11.5px!important;line-height:20px;color:#8096a7!important;padding:7px 12px!important;background:#fafcfd;border-top:1px solid #e9eff4;}
/* Approval templates: sparse references are bounded; dense steps own the space. */
html[data-sx-shell="refined-cascade"] #view .sf4-table[data-sf4-profile="flows"] td {vertical-align:top!important;padding-top:16px!important;padding-bottom:16px!important;}
html[data-sx-shell="refined-cascade"] #view .sf4-table[data-sf4-profile="flows"] td:is([data-sf4-cell="status"],[data-sf4-cell="actions"]) {vertical-align:middle!important;}
html[data-sx-shell="refined-cascade"] #view .sf4-flow-name>b {display:block!important;font-size:14px!important;color:#28485f;line-height:1.65;}
html[data-sx-shell="refined-cascade"] #view .sf4-flow-name>.cnt {font-size:11.5px!important;color:#8194a3!important;}
html[data-sx-shell="refined-cascade"] #view .sf4-flow-step {display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;}
html[data-sx-shell="refined-cascade"] #view .sf4-flow-step+.sf4-flow-step {margin-top:9px;}
html[data-sx-shell="refined-cascade"] #view .sf4-step-index {display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:20px;background:#edf4fa;border:1px solid #dbe8f2;border-radius:50%;font-size:11px;color:#46738f;margin-top:1px;}
html[data-sx-shell="refined-cascade"] #view .sf4-step-title {font-weight:600;font-size:13px;color:#37566c;line-height:21px;}
html[data-sx-shell="refined-cascade"] #view .sf4-step-people {font-size:12px;color:#74899a;line-height:19px;}
html[data-sx-shell="refined-cascade"] #view .sf4-step-rule {display:inline-block;font-size:11.5px;color:#7c91a1;margin-left:9px;white-space:nowrap;}
html[data-sx-shell="refined-cascade"] #view .sf4-flow-rest {margin-top:8px;}
html[data-sx-shell="refined-cascade"] #view .sf4-flow-rest>summary {display:list-item;cursor:pointer;color:#2c6793;font-size:12px;line-height:24px;list-style-position:inside;}
html[data-sx-shell="refined-cascade"] #view .sf4-flow-rest[open]>summary {margin-bottom:8px;}
html[data-sx-shell="refined-cascade"] #view .sf4-flow-rest>summary:focus-visible {outline:2px solid #7099b7;outline-offset:3px;border-radius:3px;}
html[data-sx-shell="refined-cascade"] #view .sf4-flow-refs>.btn {background:#eef5fb!important;border-color:#d5e5f1!important;color:#2c6693!important;box-shadow:none!important;}
html[data-sx-shell="refined-cascade"] #view .sf4-flow-refs .sf4-reference-preview {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;white-space:normal!important;line-height:19px!important;color:#8193a1!important;}
html[data-sx-shell="refined-cascade"] #mModal.sf4-reference-modal {width:min(1140px,calc(100vw - 64px))!important;max-width:calc(100vw - 64px)!important;}
html[data-sx-shell="refined-cascade"] #mModal.sf4-reference-modal .mb {padding:18px 20px!important;}
html[data-sx-shell="refined-cascade"] #mModal .sf4-table[data-sf4-profile="flow-references"] td {vertical-align:top!important;}
@media(max-width:760px){html[data-sx-shell="refined-cascade"] #mModal.sf4-reference-modal {width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;}}
/* Legacy .v4-ops sets display:flex on <td>, breaking column alignment. Keep
   actual table cells; inline controls wrap inside them without losing handlers. */
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table td.v4-ops {display:table-cell!important;}


html[data-sx-shell="refined-cascade"] {
  --sf5-label:#5d7385;--sf5-heading:#253e51;--sf5-soft:#f6f9fc;
}
html[data-sx-shell="refined-cascade"] #view:not(:has(>.sf-project-list,>.sf-attendance-workspace)) {padding:20px 26px 30px;}
html[data-sx-shell="refined-cascade"] #view>.j28-crumb {margin-bottom:9px!important;line-height:18px!important;font-size:11.5px!important;color:#8494a1!important;}
html[data-sx-shell="refined-cascade"] #view>.hd {margin-bottom:18px!important;}
html[data-sx-shell="refined-cascade"] #view>.hd h1 {font-size:23px!important;line-height:32px!important;font-weight:680!important;letter-spacing:0!important;}
html[data-sx-shell="refined-cascade"] #view>.hd p {font-size:12.5px!important;line-height:21px!important;color:#788c9d!important;}
/* Distinct roles: page tabs, compact query surface, then the content. */
html[data-sx-shell="refined-cascade"] #view .sf5-section-tabs {margin-bottom:15px!important;gap:4px!important;min-height:40px;border-bottom:1px solid #dfe8ef!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-section-tabs>.sx33-tab {padding:9px 16px!important;min-height:40px;line-height:21px!important;border-radius:5px 5px 0 0!important;font-size:13px!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-section-tabs>.sx33-tab:hover {background:#eaf2f8!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-query-panel {
  display:grid!important;grid-template-columns:repeat(var(--sf5-filter-cols,4),minmax(0,1fr))!important;
  gap:10px 16px!important;align-items:end!important;padding:12px 16px!important;border-radius:10px!important;
  margin:0 0 14px!important;box-shadow:0 2px 6px rgba(32,64,88,.025)!important;
}
html[data-sx-shell="refined-cascade"] #view .sf5-query-panel .v4-fq {min-width:0!important;margin:0!important;gap:0!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-query-panel .v4-fq>label {display:block;min-height:20px;margin:0 0 4px!important;font-size:13px!important;line-height:20px!important;font-weight:500!important;color:var(--sf5-label)!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-query-panel :is(input.inp:not([type=checkbox]):not([type=radio]),select.inp,.v94-date) {height:36px!important;min-height:36px!important;max-width:100%!important;width:100%!important;padding:6px 10px!important;line-height:22px!important;font-size:13px!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-query-panel .v94-date {padding:0!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-query-panel .v4-fq-act {grid-column:span var(--sf5-action-span,1);display:flex!important;justify-content:flex-end;align-items:end;gap:8px;}
html[data-sx-shell="refined-cascade"] #view .sf5-query-panel .btn {height:36px!important;min-height:36px!important;min-width:68px;padding:6px 14px!important;font-size:13px!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-flat-query {padding:12px 14px!important;background:#fff!important;border:1px solid var(--sf-line)!important;border-radius:10px!important;margin:0 0 16px!important;row-gap:10px!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-flat-query :is(input.inp:not([type=checkbox]):not([type=radio]),select.inp) {height:36px!important;min-height:36px!important;font-size:13px!important;padding-top:6px!important;padding-bottom:6px!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-flat-query .btn {min-height:36px!important;}
/* Local table scrolling: no second outer overflow box, no fixed-height dummy space. */
html[data-sx-shell="refined-cascade"] #view .card:has(>.sf4-table-scroll) {overflow:visible!important;}
html[data-sx-shell="refined-cascade"] #view .sf4-table-scroll {border-radius:10px;}
html[data-sx-shell="refined-cascade"] #view .sf5-bounded-list {max-height:var(--sf5-list-height)!important;scroll-padding:48px 0 8px;overscroll-behavior-y:auto;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table th {position:sticky!important;top:0;z-index:4;height:42px;padding-top:10px!important;padding-bottom:10px!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table th:is(.sf4-pin-start,.sf4-pin-end,.sf4-pin-status) {z-index:6;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table td {padding-top:11px!important;padding-bottom:11px!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table td[data-sf4-cell="actions"] {font-size:12px!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table td[data-sf4-cell="actions"] :is(.btn,a,span,summary,div) {font-size:12px!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table td[data-sf4-cell="actions"] .btn {margin:2px 5px 2px 0!important;box-shadow:none!important;}
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) .sf4-table .tag {display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:2px 7px;white-space:nowrap!important;font-size:11.5px!important;line-height:18px!important;}
html[data-sx-shell="refined-cascade"] #view .sf4-scroll-hint {padding:5px 12px!important;min-height:29px;}
/* Directory keeps position while its own list scrolls. All project entries stay. */
html[data-sx-shell="refined-cascade"] #view .sf-directory-layout {gap:16px!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-directory {position:sticky;top:8px;max-height:var(--sf5-directory-height);overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdcdda transparent;}
html[data-sx-shell="refined-cascade"] #view .sf5-directory>div:first-child {position:sticky;top:0;z-index:4;background:#fff!important;border-bottom:1px solid #e5edf3!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-directory>div[role="button"] {padding:13px 14px 13px 12px!important;min-height:76px;}
html[data-sx-shell="refined-cascade"] #view .sf5-work-pane {container-type:inline-size;}
html[data-sx-shell="refined-cascade"] #view .sf5-work-pane>.sf-pane-head {min-height:90px!important;padding:17px 20px!important;}
/* A query row and a batch row, using the original spacer and controls in place. */
html[data-sx-shell="refined-cascade"] #view .sf5-pane-toolbar {padding:12px 14px!important;gap:8px!important;row-gap:8px!important;background:#f8fafc!important;border:1px solid #e5edf3!important;border-radius:9px!important;margin-bottom:14px!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-pane-toolbar>.sf5-query-control {order:0;}
html[data-sx-shell="refined-cascade"] #view .sf5-pane-toolbar>.sf5-toolbar-break {order:0;flex:0 0 100%!important;height:0;min-height:0;}
html[data-sx-shell="refined-cascade"] #view .sf5-pane-toolbar>.sf5-batch-control {order:1;margin-left:0!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-pane-toolbar>.sf5-toolbar-note {order:2;flex:1 0 100%;font-size:11.5px!important;color:#8395a2!important;line-height:19px!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-pane-toolbar input.inp {min-width:150px;width:190px!important;max-width:240px!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-pane-toolbar>.btn {min-height:34px!important;padding:6px 11px!important;}
@container (max-width:780px) {
 html[data-sx-shell="refined-cascade"] #view .sf5-work-pane .toolbar:has([data-v97r-f]) .spacer {flex-basis:100%!important;}
 html[data-sx-shell="refined-cascade"] #view .sf5-work-pane .toolbar:has([data-v97r-f]) select {flex:1;min-width:130px!important;max-width:none!important;}
}
/* Form canvas: remove leftover dark glass bars without removing any sections. */
html[data-sx-shell="refined-cascade"] #view :is(.v4-anchor,.v4-foot) {background:#fff!important;color:var(--sf-text)!important;backdrop-filter:none!important;border:1px solid #dfe8f0!important;border-radius:10px!important;box-shadow:0 3px 12px rgba(33,63,90,.045)!important;}
html[data-sx-shell="refined-cascade"] #view .v4-anchor {padding:10px 12px!important;flex-wrap:wrap;gap:10px!important;}
html[data-sx-shell="refined-cascade"] #view .v4-anchor .btn.ghost {background:#f7fafc!important;border:1px solid transparent!important;color:#49697f!important;box-shadow:none!important;min-height:34px!important;}
html[data-sx-shell="refined-cascade"] #view .v4-anchor .btn.ghost:hover {background:#eaf3fb!important;border-color:#cddfeb!important;color:#245f91!important;}
html[data-sx-shell="refined-cascade"] #view .v4-foot {padding:11px 82px 11px 18px!important;min-height:60px;gap:10px!important;}
html[data-sx-shell="refined-cascade"] #view .v4-foot .cnt {color:#748a9b!important;}
html[data-sx-shell="refined-cascade"] #view .v4-foot .btn {min-height:36px!important;min-width:72px;}
html[data-sx-shell="refined-cascade"] #view .v4-foot .btn.ghost {color:#4f6b7e!important;background:#fff!important;border-color:#cbdbe7!important;}
html[data-sx-shell="refined-cascade"] #view .v4-sec {border-radius:10px!important;scroll-margin-top:88px;}
html[data-sx-shell="refined-cascade"] #view .v4-sec>.ch {padding:13px 18px!important;min-height:48px;background:#fafcfe!important;font-size:14px!important;}
html[data-sx-shell="refined-cascade"] #view .v4-sec-b {padding:16px 18px 20px!important;}
html[data-sx-shell="refined-cascade"] #view .v4-sec .form-grid {column-gap:20px;row-gap:16px;align-items:start;}
html[data-sx-shell="refined-cascade"] #view .v4-sec .form-grid>.fld {min-width:0;margin:0!important;}
html[data-sx-shell="refined-cascade"] #view .v4-sec .fld>label {min-height:20px;line-height:20px;margin-bottom:6px;font-size:13px;color:#526d80;}
html[data-sx-shell="refined-cascade"] #view .v4-sec .fld>.sx-choice {min-height:40px!important;align-items:center;padding:3px 8px!important;gap:8px!important;}
html[data-sx-shell="refined-cascade"] #view .v4-sec .fld>.sx-choice .sx-choice-item {min-height:29px!important;padding:3px 9px!important;}
/* Modal form rhythm: top-aligned fields, label baseline and reachable footer. */
html[data-sx-shell="refined-cascade"] #mModal.sf5-task-modal {width:min(960px,calc(100vw - 56px))!important;max-width:calc(100vw - 56px)!important;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .form-grid {align-items:start!important;column-gap:20px!important;row-gap:16px!important;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .form-grid>.fld {margin:0!important;min-width:0;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .form-grid>.fld>label {margin:0 0 6px!important;min-height:20px;line-height:20px!important;font-size:13px!important;}
html[data-sx-shell="refined-cascade"] #mModal.sf5-task-modal .mb {padding:18px 22px!important;}
html[data-sx-shell="refined-cascade"] #mModal.sf5-task-modal .mh {min-height:64px!important;padding:18px 22px!important;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .mf {border-top:1px solid #e1eaf1!important;background:#fbfcfe!important;min-height:64px!important;padding:12px 22px!important;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .mf .btn {min-height:36px!important;}
html[data-sx-shell="refined-cascade"] #mModal.sf5-long-form .fld>.cnt {margin-top:5px!important;font-size:11.5px!important;line-height:18px!important;}
/* Reports: keep all seven sections and the original plotted values/legends. */
html[data-sx-shell="refined-cascade"] #view .sf5-report-section {border-radius:11px!important;border-color:#dfe8ef!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-report-section>div:first-child {background:#f4f8fc!important;color:#305570!important;padding:13px 18px!important;font-size:14px!important;line-height:22px!important;letter-spacing:0!important;border-bottom:1px solid #dfebf3!important;text-align:left!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-report-section>div:first-child::before {content:"";display:inline-block;width:3px;height:14px;margin-right:9px;vertical-align:-2px;background:#3978a7;border-radius:2px;}
html[data-sx-shell="refined-cascade"] #view .sf5-report svg[data-tp="radar"] {max-width:720px!important;max-height:520px!important;width:100%!important;margin:0 auto;}
html[data-sx-shell="refined-cascade"] #view .sf5-report svg[data-tp="track"] {max-width:940px!important;width:100%!important;margin:0 auto;}
html[data-sx-shell="refined-cascade"] #view .sf5-report .tp-info td {padding:9px 14px!important;font-size:13px!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-report .tp-info .tp-k {background:#f7fafc!important;color:#6a8192!important;width:15%!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-report .tp-info .tp-v {color:#2f4b60!important;}
/* Semantic focus and native controls stay recognizable without dense effects. */
html[data-sx-shell="refined-cascade"] :is(#view,#mModal,#pkModal) input:is([type=checkbox],[type=radio]) {accent-color:#286798;}
html[data-sx-shell="refined-cascade"] #view .sf4-table-scroll:focus-visible {outline:2px solid #719ec0;outline-offset:2px;}
html[data-sx-shell="refined-cascade"] #view .sf5-directory [role=button]:focus-visible {outline:2px solid #6594b8;outline-offset:-3px;}
@media(max-width:1150px) {
 html[data-sx-shell="refined-cascade"] #view .sf5-query-panel {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 html[data-sx-shell="refined-cascade"] #view .sf5-query-panel .v4-fq-act {grid-column:auto;}
}
@media(max-width:760px) {
 html[data-sx-shell="refined-cascade"] #view .sf5-query-panel {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html[data-sx-shell="refined-cascade"] #view .sf5-directory {position:static;max-height:260px!important;}
 html[data-sx-shell="refined-cascade"] #view .sf-directory-layout {grid-template-columns:1fr!important;}
 html[data-sx-shell="refined-cascade"] #mModal.sf5-task-modal {width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;}
}

/* Match the earlier four-exclusion input rule explicitly; compound selectors
   otherwise leave text inputs at 40px while selects/buttons use 36px. */
html[data-sx-shell="refined-cascade"] #view :is(.sf5-query-panel,.sf5-flat-query,.sf5-pane-toolbar) input.inp:not([type=checkbox]):not([type=radio]):not([type=file]):not(.v94-hidden) {height:36px!important;min-height:36px!important;padding:6px 10px!important;}
html[data-sx-shell="refined-cascade"] #view :is(.sf5-flat-query,.sf5-pane-toolbar).toolbar:has(>.inp)>.btn {height:36px!important;min-height:36px!important;}
html[data-sx-shell="refined-cascade"] #view :is(.sf5-query-panel,.sf5-flat-query,.sf5-pane-toolbar) .v94-cal {height:36px!important;min-height:36px!important;}
html[data-sx-shell="refined-cascade"] #view .sf5-pane-toolbar select.inp {height:36px!important;min-height:36px!important;padding:6px 10px!important;}
/* Empty validation placeholders used to add 17px plus a flex gap to every
   field. Keep the nodes for the validation code; reserve space only on error. */
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .form-grid>.fld,
html[data-sx-shell="refined-cascade"] #view .v4-sec .form-grid>.fld {gap:0!important;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .sx33-error:empty {display:none!important;min-height:0!important;padding:0!important;margin:0!important;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .sx33-error:not(:empty) {display:block!important;min-height:18px!important;margin-top:5px!important;line-height:18px!important;}
html[data-sx-shell="refined-cascade"] :is(#mModal,#pkModal) .fld>.cnt,
html[data-sx-shell="refined-cascade"] #view .v4-sec .fld>.cnt {margin-top:5px!important;}