/* 03 · Refined Ribbon workbench
   A single professional desktop-style navigation: module tabs + contextual page commands. */
html[data-sx-shell="refined-ribbon"]{
  --sx-page:#eef1f4;
  --sx-surface:#ffffff;
  --sx-text:#1e2935;
  --sx-heading:#132232;
  --sx-body:#334152;
  --sx-muted:#667483;
  --sx-faint:#9aa5af;
  --sx-line:#cfd6dc;
  --sx-line-soft:#e3e8ec;
  --sx-line-strong:#aeb9c3;
  --sx-accent:#1f5c8a;
  --sx-accent-dark:#17486c;
  --sx-link:#1f5c8a;
  --sx-link-hover:#143f60;
  --sx-danger:#a83d36;
  --sx-field:#fff;
  --sx-field-line:#bbc5cd;
  --sx-field-hover:#8796a2;
  --sx-focus:#1f5c8a;
  --sx-focus-ring:rgba(31,92,138,.14);
  --sx-control:#fff;
  --sx-control-hover:#edf1f4;
  --sx-control-muted:#e7ecf0;
  --sx-table-head:#e8edf1;
  --sx-row-hover:#f4f7f9;
  --sx-note:#edf3f7;
  --sx-note-line:#b9cbd8;
  --sx-readonly:#edf0f2;
  --sx-subtle:#f5f7f8;
  --sx-outline:#e8edf1;
  --sx-outline-active:#d6e2eb;
  --sx-modal:#fff;
  --sx-modal-head:#f7f9fa;
  --sx-modal-body:#fff;
  --sx-modal-foot:#edf1f3;
  --sx-modal-line:#bcc6ce;
  --sx-scroll:#aeb9c2;
  --sx-panel-radius:4px;
  --sx-control-radius:3px;
  --sx-modal-radius:5px;
  --sx-ribbon-top:60px;
  --sx-ribbon-height:104px;
}
html[data-sx-shell="refined-ribbon"] .top{
  height:var(--sx-ribbon-top)!important;
  padding:0 24px!important;
  border-bottom:1px solid #c8d0d7!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-sx-shell="refined-ribbon"] .view{
  padding:calc(var(--sx-ribbon-height) + 22px) 26px 54px!important;
  background:#eef1f4!important;
}
html[data-sx-shell="refined-ribbon"] .crumbs{font-size:12px!important;color:#73808c!important}
html[data-sx-shell="refined-ribbon"] .crumbs .cp{font-size:15px!important;color:#132232!important;font-weight:760!important}
html[data-sx-shell="refined-ribbon"] .chip,
html[data-sx-shell="refined-ribbon"] .iconbtn{
  border-radius:3px!important;border-color:#c6cfd6!important;background:#f6f8f9!important;box-shadow:none!important
}
html[data-sx-shell="refined-ribbon"] .card{border-radius:4px!important}
html[data-sx-shell="refined-ribbon"] .hd h1{font-size:27px!important;letter-spacing:-.018em!important}

/* Workbench: briefing strips, not floating dashboard cards. */
html[data-sx-shell="refined-ribbon"] .v092-welcome{
  min-height:94px!important;padding:18px 22px!important;border-radius:4px!important;border-left:4px solid #1f5c8a!important;background:#fff!important
}
html[data-sx-shell="refined-ribbon"] .v092-welcome::after{
  content:"工作简报";margin-left:auto;padding:7px 10px;border:1px solid #c8d2da;color:#5c6976;font-size:11px;font-weight:720;letter-spacing:.08em
}
html[data-sx-shell="refined-ribbon"] .v092-kpis{border-radius:4px!important;background:#fff!important}
html[data-sx-shell="refined-ribbon"] .v092-kpi{min-height:106px!important;padding:16px 18px!important}
html[data-sx-shell="refined-ribbon"] .v092-kpi .k-num{font-size:30px!important;line-height:34px!important}
html[data-sx-shell="refined-ribbon"] .v092-kpi::after{
  content:"";display:block;width:32px;height:2px;margin-top:11px;background:#1f5c8a
}
html[data-sx-shell="refined-ribbon"] .v092-kpi:nth-child(2)::after{background:#287a5b}
html[data-sx-shell="refined-ribbon"] .v092-kpi:nth-child(3)::after{background:#ae741b}
html[data-sx-shell="refined-ribbon"] .v092-kpi:nth-child(4)::after{background:#6d5aa6}
html[data-sx-shell="refined-ribbon"] .dgrid{gap:14px!important}
html[data-sx-shell="refined-ribbon"] .dgrid>.col{gap:14px!important}
html[data-sx-shell="refined-ribbon"] .dgrid .card{border-radius:4px!important}
html[data-sx-shell="refined-ribbon"] .ch{min-height:48px!important;padding:13px 16px 10px!important}
html[data-sx-shell="refined-ribbon"] .rows{padding-left:16px!important;padding-right:16px!important}
html[data-sx-shell="refined-ribbon"] .rw{min-height:45px!important}
html[data-sx-shell="refined-ribbon"] .sx-task-panel{border-top:2px solid #b57719!important}
html[data-sx-shell="refined-ribbon"] .sx-schedule-panel{border-top:2px solid #1f5c8a!important}
html[data-sx-shell="refined-ribbon"] .sx-progress-panel{border-top:2px solid #287a5b!important}
html[data-sx-shell="refined-ribbon"] .sx-department-panel{border-top:2px solid #a83d36!important}

/* Project list: compact project records with a visual identification strip. */
html[data-sx-shell="refined-ribbon"] body[data-pg="p13"] .sx33-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html[data-sx-shell="refined-ribbon"] .sx33-project{
  display:grid!important;grid-template-columns:126px minmax(0,1fr)!important;min-height:252px!important;border-radius:4px!important;overflow:hidden!important
}
html[data-sx-shell="refined-ribbon"] .sx33-cover{
  min-height:100%!important;padding:16px 13px!important;border-right:1px solid #cfd6dc!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important
}
html[data-sx-shell="refined-ribbon"] .sx33-cover>div:first-child{background:#244e70!important}
html[data-sx-shell="refined-ribbon"] .sx33-project:nth-child(2n) .sx33-cover>div:first-child{background:#46626f!important}
html[data-sx-shell="refined-ribbon"] .sx33-project:nth-child(3n) .sx33-cover>div:first-child{background:#596b49!important}
html[data-sx-shell="refined-ribbon"] .sx33-project:first-child .sx33-cover>div:first-child{
  background-color:#244e70!important;background-image:url("../app/course-ai-project-teaching-cover.png")!important;background-size:cover!important;background-position:center!important;filter:brightness(.72) saturate(.65)
}
html[data-sx-shell="refined-ribbon"] .sx33-cover::after{background:none!important}
html[data-sx-shell="refined-ribbon"] .sx33-cover>span[style*="font-size:46px"]{display:none!important}
html[data-sx-shell="refined-ribbon"] .sx33-body{padding:15px 16px!important;display:flex!important;flex-direction:column!important}
html[data-sx-shell="refined-ribbon"] .sx33-meta{gap:9px 14px!important;margin-top:10px!important}
html[data-sx-shell="refined-ribbon"] .sx33-actions{margin-top:auto!important;padding-top:10px!important}
html[data-sx-shell="refined-ribbon"] .sx33-tabs{margin-bottom:12px!important}
html[data-sx-shell="refined-ribbon"] .v5-pf{border-radius:4px!important;padding:14px!important}
html[data-sx-shell="refined-ribbon"] .sx33-note{border-radius:0 4px 4px 0!important}
html[data-sx-shell="refined-ribbon"] .toolbar{min-height:46px!important}

/* Modal becomes a professional task sheet aligned with the desktop-workbench system. */
html[data-sx-shell="refined-ribbon"] .modal.sx-refined-modal{border-radius:5px!important;grid-template-columns:190px minmax(0,1fr)!important}
html[data-sx-shell="refined-ribbon"] .sx-form-outline{background:#e8edf1!important}
html[data-sx-shell="refined-ribbon"] .sx-form-outline::before{
  content:"表单步骤";display:block;margin:0 8px 7px;color:#132232;font-size:13px;font-weight:760;letter-spacing:.04em
}
html[data-sx-shell="refined-ribbon"] .sx-form-outline button{border-radius:2px!important}
html[data-sx-shell="refined-ribbon"] .modal.sx-refined-modal .sx-form-section>div:first-child,
html[data-sx-shell="refined-ribbon"] .modal.sx-refined-modal .sx-form-section summary{
  padding:6px 10px;border-left:3px solid #1f5c8a;background:#edf3f7
}

/* Ribbon chrome */
html[data-sx-shell="refined-ribbon"] .sx-ribbon-shell{
  position:fixed;z-index:397;left:0;right:0;top:var(--sx-ribbon-top);height:var(--sx-ribbon-height);pointer-events:auto;
  display:grid;grid-template-columns:176px minmax(0,1fr) 176px;grid-template-rows:42px 62px;
  background:#f8fafb;border-bottom:1px solid #aeb9c3;box-shadow:0 5px 12px rgba(28,42,55,.10)
}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-brand{
  grid-column:1;grid-row:1/3;display:flex;align-items:center;gap:10px;padding:0 18px;background:#18344d;color:#fff;border-right:1px solid #0e263b
}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #6d879b;background:#fff;color:#18344d;border-radius:4px}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-mark .mk{display:contents}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-mark svg{width:20px!important;height:20px!important}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-mark svg path{stroke:#18344d!important}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-brand b{display:block;font-size:14px;line-height:20px;font-weight:760}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-brand small{display:block;margin-top:2px;color:#aebdca;font-size:9px;line-height:14px;letter-spacing:.08em}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-primary{
  grid-column:2;grid-row:1;display:flex;min-width:0;overflow-x:auto;scrollbar-width:none;background:#18344d
}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-tab{
  position:relative;flex:0 0 auto;min-width:82px;height:42px;padding:0 12px;border:0;border-right:1px solid #29445c;background:#18344d;color:#bfcbd5;
  display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:680;white-space:nowrap
}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-tab .sx-shell-icon{width:18px;height:18px}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-tab .sx-shell-icon svg{width:15px!important;height:15px!important}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-tab .sx-group-count{display:none}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-tab:hover{background:#21415e;color:#fff}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-tab.is-active,
html[data-sx-shell="refined-ribbon"] .sx-ribbon-tab.is-route-active{background:#f8fafb;color:#17324a}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-tab.is-active::after,
html[data-sx-shell="refined-ribbon"] .sx-ribbon-tab.is-route-active::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:#1f5c8a}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-current{
  grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 16px;background:#18344d;color:#fff;border-left:1px solid #29445c
}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-current .sx-shell-icon{width:21px;height:21px;color:#8fb3cf}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-current small{display:block;color:#9fb0bf;font-size:8px;line-height:12px;letter-spacing:.08em}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-current b{display:block;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-secondary{
  grid-column:2/4;grid-row:2;display:flex;align-items:stretch;min-width:0;padding:6px 12px 4px;overflow-x:auto;scrollbar-width:thin;background:#f8fafb
}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-command-group{
  position:relative;display:flex;align-items:flex-start;gap:4px;min-width:max-content;padding:0 14px 13px 0;margin-right:14px;border-right:1px solid #d5dbe0
}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-command-group:last-child{border-right:0}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-group-caption{
  position:absolute;left:0;right:14px;bottom:1px;color:#788590;font-size:8.5px;line-height:11px;text-align:center;white-space:nowrap
}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-command{
  min-width:112px;height:42px;padding:4px 8px;border:1px solid transparent;border-radius:3px;background:transparent;color:#263544;
  display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;text-align:left;font-size:10.5px;line-height:15px;font-weight:660
}
html[data-sx-shell="refined-ribbon"] .sx-command-number{width:23px;height:23px;display:grid;place-items:center;border:1px solid #b9c4cc;background:#fff;color:#667583;font-size:8px;font-weight:760}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-command:hover{background:#eaf0f4;border-color:#bdcad3}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-command.is-active{background:#dbe8f0;border-color:#7ea2bd;color:#143f60}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-command.is-active .sx-command-number{background:#1f5c8a;border-color:#1f5c8a;color:#fff}
html[data-sx-shell="refined-ribbon"] .sx-ribbon-tab .sx-badge{position:absolute;right:3px;top:3px;min-width:14px;height:14px;border-radius:7px;background:#a83d36;color:#fff;font-size:8px;line-height:14px}

@media(max-width:1320px){
  html[data-sx-shell="refined-ribbon"] .sx-ribbon-shell{grid-template-columns:144px minmax(0,1fr) 142px}
  html[data-sx-shell="refined-ribbon"] .sx-ribbon-brand{padding:0 12px}
  html[data-sx-shell="refined-ribbon"] .sx-ribbon-tab{min-width:72px;padding:0 9px}
  html[data-sx-shell="refined-ribbon"] .sx-ribbon-command{min-width:102px}
  html[data-sx-shell="refined-ribbon"] body[data-pg="p13"] .sx33-grid{grid-template-columns:1fr!important}
}
@media(max-width:980px){
  html[data-sx-shell="refined-ribbon"] .sx-ribbon-shell{grid-template-columns:78px minmax(0,1fr);grid-template-rows:42px 62px}
  html[data-sx-shell="refined-ribbon"] .sx-ribbon-brand{grid-column:1;grid-row:1/3;justify-content:center;padding:0}
  html[data-sx-shell="refined-ribbon"] .sx-ribbon-brand>span:last-child{display:none}
  html[data-sx-shell="refined-ribbon"] .sx-ribbon-primary{grid-column:2}
  html[data-sx-shell="refined-ribbon"] .sx-ribbon-current{display:none}
  html[data-sx-shell="refined-ribbon"] .sx-ribbon-secondary{grid-column:2}
}