/* 05 · Right-side indexed shelf
   A persistent narrow index opens a document directory inward and reflows the work canvas. */
html[data-sx-shell="refined-shelf"]{
  --sx-page:#f2eee8;
  --sx-surface:#fffdfa;
  --sx-text:#2b2928;
  --sx-heading:#201d1c;
  --sx-body:#44403d;
  --sx-muted:#756e68;
  --sx-faint:#aaa19a;
  --sx-line:#d4ccc5;
  --sx-line-soft:#e7e0da;
  --sx-line-strong:#b9aea7;
  --sx-accent:#7c342f;
  --sx-accent-dark:#5e2521;
  --sx-link:#71332e;
  --sx-link-hover:#4e221f;
  --sx-danger:#9e3833;
  --sx-field:#fffefa;
  --sx-field-line:#c7bdb5;
  --sx-field-hover:#968982;
  --sx-focus:#7c342f;
  --sx-focus-ring:rgba(124,52,47,.14);
  --sx-control:#fffdfa;
  --sx-control-hover:#eee7e1;
  --sx-control-muted:#ece5df;
  --sx-table-head:#e9e2dc;
  --sx-row-hover:#f8f4f0;
  --sx-note:#f2e7e2;
  --sx-note-line:#ceb0a8;
  --sx-readonly:#eee9e5;
  --sx-subtle:#f8f5f2;
  --sx-outline:#eee7e1;
  --sx-outline-active:#e3d5ce;
  --sx-modal:#fffdfa;
  --sx-modal-head:#f4eeea;
  --sx-modal-body:#fffdfa;
  --sx-modal-foot:#eee7e1;
  --sx-modal-line:#c8bdb6;
  --sx-scroll:#b7ada6;
  --sx-panel-radius:3px;
  --sx-control-radius:3px;
  --sx-modal-radius:4px;
  --sx-shelf-rail:62px;
  --sx-shelf-panel:min(342px,27vw);
}
html[data-sx-shell="refined-shelf"] .main{padding-right:var(--sx-shelf-rail)!important;transition:padding-right .2s ease!important}
html[data-sx-shell="refined-shelf"] body.sx-shelf-open .main{padding-right:calc(var(--sx-shelf-rail) + var(--sx-shelf-panel))!important}
html[data-sx-shell="refined-shelf"] .top{
  height:66px!important;padding:0 25px!important;background:#fffdfa!important;border-bottom:1px solid #d1c8c1!important;box-shadow:none!important
}
html[data-sx-shell="refined-shelf"] .view{padding:25px 28px 60px!important;background:#f2eee8!important}
html[data-sx-shell="refined-shelf"] .crumbs{font-size:11.5px!important;letter-spacing:.04em!important;color:#857c76!important}
html[data-sx-shell="refined-shelf"] .crumbs .cp{font-family:"Songti SC","STSong",SimSun,serif!important;font-size:16px!important;color:#211e1d!important;font-weight:700!important}
html[data-sx-shell="refined-shelf"] .chip,
html[data-sx-shell="refined-shelf"] .iconbtn{border-radius:3px!important;background:#f7f2ee!important;border-color:#cabfb8!important;box-shadow:none!important}
html[data-sx-shell="refined-shelf"] .hd{padding-bottom:14px!important;border-bottom:2px solid #7c342f!important}
html[data-sx-shell="refined-shelf"] .hd h1,
html[data-sx-shell="refined-shelf"] .v092-welcome h1{font-family:"Songti SC","STSong",SimSun,serif!important;font-weight:700!important;letter-spacing:.01em!important}
html[data-sx-shell="refined-shelf"] .card{border-radius:3px!important;background:#fffdfa!important}

/* Dossier page styling. */
html[data-sx-shell="refined-shelf"] .v092-welcome{
  min-height:104px!important;padding:21px 24px!important;border-radius:3px!important;border-top:5px solid #7c342f!important;background:#fffdfa!important
}
html[data-sx-shell="refined-shelf"] .v092-welcome::after{
  content:"业务档案";margin-left:auto;align-self:flex-start;padding:4px 7px;border:1px solid #bcaea5;color:#7c342f;font-family:"Songti SC","STSong",SimSun,serif;font-size:11px;letter-spacing:.12em
}
html[data-sx-shell="refined-shelf"] .v092-kpis{border-radius:3px!important;background:#fffdfa!important}
html[data-sx-shell="refined-shelf"] .v092-kpi{position:relative!important;min-height:112px!important;padding:19px 20px 17px 45px!important}
html[data-sx-shell="refined-shelf"] .v092-kpi::before{content:attr(data-sx-kpi-index);position:absolute;left:16px;top:18px;color:#9c8e86;font-family:Georgia,serif;font-size:11px;font-weight:700}
html[data-sx-shell="refined-shelf"] .v092-kpi .k-num{font-family:Georgia,"Times New Roman",serif!important;color:#5f2825!important}
html[data-sx-shell="refined-shelf"] .dgrid{gap:16px!important}
html[data-sx-shell="refined-shelf"] .dgrid>.col{gap:16px!important}
html[data-sx-shell="refined-shelf"] .ch{font-family:"Songti SC","STSong",SimSun,serif!important;font-size:15px!important;border-bottom:1px solid #d7cec7!important}
html[data-sx-shell="refined-shelf"] .rw{border-top-color:#e6dfda!important}
html[data-sx-shell="refined-shelf"] .sx-task-panel{border-left:4px solid #9b5c26!important}
html[data-sx-shell="refined-shelf"] .sx-schedule-panel{border-left:4px solid #4c6573!important}
html[data-sx-shell="refined-shelf"] .sx-progress-panel{border-left:4px solid #59715b!important}
html[data-sx-shell="refined-shelf"] .sx-department-panel{border-left:4px solid #7c342f!important}

/* Project records become horizontal archive folders. */
html[data-sx-shell="refined-shelf"] body[data-pg="p13"] .sx33-grid{grid-template-columns:1fr!important;gap:12px!important}
html[data-sx-shell="refined-shelf"] .sx33-project{
  display:grid!important;grid-template-columns:182px minmax(0,1fr)!important;min-height:236px!important;border-radius:3px!important;overflow:hidden!important;background:#fffdfa!important
}
html[data-sx-shell="refined-shelf"] .sx33-cover{
  min-height:100%!important;padding:18px 16px!important;border-right:1px solid #d3cac3!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important
}
html[data-sx-shell="refined-shelf"] .sx33-cover>div:first-child{background:#6e423c!important}
html[data-sx-shell="refined-shelf"] .sx33-project:nth-child(2n) .sx33-cover>div:first-child{background:#53665a!important}
html[data-sx-shell="refined-shelf"] .sx33-project:nth-child(3n) .sx33-cover>div:first-child{background:#5b6471!important}
html[data-sx-shell="refined-shelf"] .sx33-project:first-child .sx33-cover>div:first-child{
  background-color:#6e423c!important;background-image:url("../app/course-ai-project-teaching-cover.png")!important;background-size:cover!important;background-position:center!important;filter:brightness(.68) saturate(.55) sepia(.15)
}
html[data-sx-shell="refined-shelf"] .sx33-cover::after{background:none!important}
html[data-sx-shell="refined-shelf"] .sx33-cover>span[style*="font-size:46px"]{display:none!important}
html[data-sx-shell="refined-shelf"] .sx33-body{display:flex!important;flex-direction:column!important;padding:16px 20px!important}
html[data-sx-shell="refined-shelf"] .sx33-meta{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:12px 0;border-top:1px solid #ded6d0;border-bottom:1px solid #ded6d0}
html[data-sx-shell="refined-shelf"] .sx33-actions{margin-top:auto!important;border-top:0!important;padding-top:12px!important}
html[data-sx-shell="refined-shelf"] .sx33-tabs{border-bottom:2px solid #7c342f!important}
html[data-sx-shell="refined-shelf"] .sx33-tab.on::after{background:#7c342f!important}
html[data-sx-shell="refined-shelf"] .v5-pf{border-radius:3px!important}
html[data-sx-shell="refined-shelf"] .sx33-note{border-radius:0!important}

/* Application dossier: generated outline on the right, while fields remain unchanged. */
html[data-sx-shell="refined-shelf"] .modal.sx-refined-modal{grid-template-columns:minmax(0,1fr) 198px!important;border-radius:4px!important}
html[data-sx-shell="refined-shelf"] .modal.sx-refined-modal .mb{grid-column:1!important}
html[data-sx-shell="refined-shelf"] .sx-form-outline{grid-column:2!important;border-right:0!important;border-left:1px solid #d1c7c0!important;background:#eee7e1!important}
html[data-sx-shell="refined-shelf"] .sx-form-outline::before{content:"卷内目录";display:block;margin:0 8px 6px;color:#7c342f;font-family:"Songti SC","STSong",SimSun,serif;font-size:15px;font-weight:700;letter-spacing:.08em}
html[data-sx-shell="refined-shelf"] .sx-form-outline button{border-radius:2px!important}
html[data-sx-shell="refined-shelf"] .modal.sx-refined-modal .sx-form-section>div:first-child,
html[data-sx-shell="refined-shelf"] .modal.sx-refined-modal .sx-form-section summary{padding:6px 10px;border-left:4px solid #7c342f;background:#f2e9e4;font-family:"Songti SC","STSong",SimSun,serif!important}

/* Right index chrome. */
html[data-sx-shell="refined-shelf"] .sx-shelf-rail{
  position:fixed;z-index:398;right:0;top:0;bottom:0;width:var(--sx-shelf-rail);pointer-events:auto;display:flex;flex-direction:column;background:#612d2a;border-left:1px solid #431c1a;color:#eadfda
}
html[data-sx-shell="refined-shelf"] .sx-shelf-brand{
  height:76px;flex:0 0 76px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid #7b4541;color:#fff
}
html[data-sx-shell="refined-shelf"] .sx-shelf-brand span{font-size:9px;line-height:14px;letter-spacing:.18em}
html[data-sx-shell="refined-shelf"] .sx-shelf-brand b{font-family:"Songti SC","STSong",SimSun,serif;font-size:15px;line-height:20px}
html[data-sx-shell="refined-shelf"] .sx-shelf-tabs{flex:1;min-height:0;padding:8px 5px;overflow-y:auto;scrollbar-width:none}
html[data-sx-shell="refined-shelf"] .sx-shelf-tab{
  position:relative;width:52px;min-height:54px;margin:0 auto 4px;padding:5px 2px;border:1px solid transparent;border-radius:2px;background:transparent;color:#cdbdb8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px
}
html[data-sx-shell="refined-shelf"] .sx-shelf-tab .sx-shell-icon{width:23px;height:23px}
html[data-sx-shell="refined-shelf"] .sx-shelf-tab .sx-shell-icon svg{width:17px!important;height:17px!important}
html[data-sx-shell="refined-shelf"] .sx-shelf-abbr{font-size:9px;line-height:13px;font-weight:680;white-space:nowrap}
html[data-sx-shell="refined-shelf"] .sx-shelf-tab .sx-label{display:none}
html[data-sx-shell="refined-shelf"] .sx-shelf-tab:hover{background:#743a36;color:#fff}
html[data-sx-shell="refined-shelf"] .sx-shelf-tab.is-active,
html[data-sx-shell="refined-shelf"] .sx-shelf-tab.is-route-active{background:#fffdfa;border-color:#d6c9c1;color:#672e2a}
html[data-sx-shell="refined-shelf"] .sx-shelf-tab.is-open::before{content:"";position:absolute;left:-6px;top:16px;width:4px;height:22px;background:#d7aa66}
html[data-sx-shell="refined-shelf"] .sx-shelf-tab .sx-group-count,
html[data-sx-shell="refined-shelf"] .sx-shelf-tab .sx-badge{display:none}
html[data-sx-shell="refined-shelf"] .sx-shelf-panel{
  position:fixed;z-index:397;right:var(--sx-shelf-rail);top:0;bottom:0;width:var(--sx-shelf-panel);pointer-events:none;overflow:auto;
  transform:translateX(calc(100% + var(--sx-shelf-rail)));transition:transform .2s ease;background:#fffdfa;border-left:1px solid #b8aca4;color:#302c2a;box-shadow:-12px 0 30px rgba(55,39,35,.14)
}
html[data-sx-shell="refined-shelf"] body.sx-shelf-open .sx-shelf-panel{transform:translateX(0);pointer-events:auto}
html[data-sx-shell="refined-shelf"] .sx-shelf-head{display:flex;align-items:flex-start;gap:12px;min-height:112px;padding:23px 20px;border-bottom:1px solid #cfc4bd;background:#f0e9e4}
html[data-sx-shell="refined-shelf"] .sx-shelf-title{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}
html[data-sx-shell="refined-shelf"] .sx-shelf-title>.sx-shell-icon{width:38px;height:38px;border:1px solid #b9aaa1;background:#fffdfa;color:#7c342f}
html[data-sx-shell="refined-shelf"] .sx-shelf-title small{display:block;color:#8a7d75;font-size:9px;line-height:14px;letter-spacing:.11em}
html[data-sx-shell="refined-shelf"] .sx-shelf-title h2{margin:3px 0 0;font-family:"Songti SC","STSong",SimSun,serif;font-size:21px;line-height:28px;font-weight:700}
html[data-sx-shell="refined-shelf"] .sx-shelf-close{width:48px;height:32px;border:1px solid #b6aaa2;border-radius:2px;background:#fffdfa;color:#5c514b;font-size:11px}
html[data-sx-shell="refined-shelf"] .sx-shelf-rule{height:34px;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;border-bottom:2px solid #7c342f;color:#867971;font-size:9px;letter-spacing:.08em}
html[data-sx-shell="refined-shelf"] .sx-shelf-list{padding:8px 18px 22px}
html[data-sx-shell="refined-shelf"] .sx-shelf-item{
  width:100%;min-height:70px;padding:12px 8px;border:0;border-bottom:1px solid #dcd3cd;background:transparent;color:#34302e;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:18px 23px;gap:0 10px;text-align:left
}
html[data-sx-shell="refined-shelf"] .sx-shelf-item:hover{background:#f5efeb}
html[data-sx-shell="refined-shelf"] .sx-shelf-item.is-active{background:#eee0dc;color:#6a2d29}
html[data-sx-shell="refined-shelf"] .sx-shelf-number{grid-row:1/3;align-self:center;width:30px;height:30px;display:grid;place-items:center;border:1px solid #b8aaa2;color:#81746d;font-family:Georgia,serif;font-size:10px}
html[data-sx-shell="refined-shelf"] .sx-shelf-module{color:#998b83;font-size:9px;line-height:16px;letter-spacing:.08em}
html[data-sx-shell="refined-shelf"] .sx-shelf-item .sx-item-label{font-family:"Songti SC","STSong",SimSun,serif;font-size:14px;line-height:21px;font-weight:700}
html[data-sx-shell="refined-shelf"] .sx-shelf-foot{margin:0 18px 22px;padding:14px 0;border-top:2px solid #7c342f}
html[data-sx-shell="refined-shelf"] .sx-shelf-foot small{display:block;color:#93867e;font-size:9px;letter-spacing:.08em}
html[data-sx-shell="refined-shelf"] .sx-shelf-foot b{display:block;margin-top:4px;font-family:"Songti SC","STSong",SimSun,serif;font-size:14px}

@media(max-width:1320px){
  html[data-sx-shell="refined-shelf"]{--sx-shelf-panel:310px}
  html[data-sx-shell="refined-shelf"] .sx33-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  html[data-sx-shell="refined-shelf"]{--sx-shelf-panel:286px}
  html[data-sx-shell="refined-shelf"] body.sx-shelf-open .main{padding-right:var(--sx-shelf-rail)!important}
  html[data-sx-shell="refined-shelf"] .sx-shelf-panel{box-shadow:-16px 0 38px rgba(55,39,35,.22)}
  html[data-sx-shell="refined-shelf"] .sx33-project{grid-template-columns:150px minmax(0,1fr)!important}
}
@media(max-width:900px){
  html[data-sx-shell="refined-shelf"] .modal.sx-refined-modal{grid-template-columns:1fr!important}
  html[data-sx-shell="refined-shelf"] .modal.sx-refined-modal .mb{grid-column:1!important}
}
