/*
  V8 refined presentation layer.
  Business routes, data, field schema and handlers remain in app/index.html.
  This layer replaces only the navigation chrome and visual presentation.
*/
html[data-sx-shell],html[data-sx-shell] body{
  width:100%;height:100%;margin:0;
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  color:var(--sx-text,#202936);
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-feature-settings:"kern" 1,"tnum" 1;
}
html[data-sx-shell] *,html[data-sx-shell] *::before,html[data-sx-shell] *::after{box-sizing:border-box}
html[data-sx-shell] body{overflow:hidden;background:var(--sx-page,#f4f5f4)}
html[data-sx-shell] .bg,html[data-sx-shell] .grain{display:none!important}
/* R6（9/3 客户）：落地页保留 —— .app 已被置为 fixed 全屏，落地页靠更高层级盖在上面，并保留它自己的深色营销风格 */
html[data-sx-shell] .landing{position:fixed!important;inset:0!important;z-index:800!important;overflow:auto!important;background:#0B121E!important}
html[data-sx-shell] .landing[style*="display:none"],html[data-sx-shell] .landing[style*="display: none"]{display:none!important}
html[data-sx-shell] .app{position:fixed!important;inset:0!important;display:block!important;background:var(--sx-page,#f4f5f4)!important;color:var(--sx-text,#202936)!important;filter:none!important}
html[data-sx-shell] .app>.side{position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
html[data-sx-shell] .main{position:relative!important;width:100%!important;height:100%!important;margin:0!important;min-width:0!important;display:flex!important;flex-direction:column!important;background:var(--sx-page,#f4f5f4)!important;color:var(--sx-text,#202936)!important;filter:none!important}
/* R6（9/3 客户）：新建项目分节向导下，宿主自带的「取消 / 下一步：××」工具栏与章节脚「下一节」重复 —— 
   整条工具栏隐藏（其中的「创建并保存项目」仍供底栏程序化点击，display:none 不影响 .click()）。 */
html[data-sx-shell] body[data-pg="p14"] #view .toolbar:has([data-pt-next]),
html[data-sx-shell] body[data-pg="p14"] #view .toolbar:has([data-pt-createsave]){display:none!important}
/* 同理：宿主自带的灰色页签条与上方「章节」导航重复，分节向导下隐藏 */
html[data-sx-shell] body[data-pg="p14"] #view [data-pt-tabbar]{display:none!important}

/* R6（9/3）：弹窗里遗留的深色控件（多选下拉 / 重复行 / 治理行）在浅底新壳下翻成浅底 */
html[data-sx-shell] #mModal .sx-multi-dropdown,
html[data-sx-shell] #pkModal .sx-multi-dropdown{background:var(--sx-surface,#fff)!important;border-color:var(--sx-line,#d8dde2)!important}
html[data-sx-shell] #mModal .sx-multi-dropdown>summary,
html[data-sx-shell] #pkModal .sx-multi-dropdown>summary{color:var(--sx-text,#202936)!important}
html[data-sx-shell] #mModal .sx-repeat-row,
html[data-sx-shell] #mModal .sx-governance-row{background:var(--sx-muted-bg,#f7f8f8)!important;border-color:var(--sx-line,#d8dde2)!important;color:var(--sx-text,#202936)!important}

/* 顶部页签栏（最近打开的页面）在新壳下保留，按浅底取色重画 */
html[data-sx-shell] .main>.tabbar,html[data-sx-shell] .main>.tabwrap{display:flex!important;flex:none!important;background:var(--sx-page,#f4f5f4)!important;border-bottom:1px solid var(--sx-line,#d8dde2)!important;padding:8px 22px 0!important}
html[data-sx-shell] #tabbar{display:flex!important;background:transparent!important}
html[data-sx-shell] .tabitem{min-height:34px!important;padding:6px 12px!important;border:1px solid var(--sx-line,#d8dde2)!important;border-bottom:0!important;border-radius:8px 8px 0 0!important;background:var(--sx-control-muted,#eef1f3)!important;color:var(--sx-muted,#66717d)!important;font-size:12.5px!important;font-weight:650!important}
html[data-sx-shell] .tabitem.on{background:var(--sx-surface,#fff)!important;color:var(--sx-heading,#172230)!important;box-shadow:0 -2px 0 var(--sx-accent,#245f99) inset!important}
html[data-sx-shell] .tabitem .tx{color:var(--sx-faint,#9aa3ac)!important}
html[data-sx-shell] .tabitem .tx:hover{color:var(--sx-danger,#b7403a)!important}
html[data-sx-shell] .tabwrap .tabscroll{background:var(--sx-surface,#fff)!important;border:1px solid var(--sx-line,#d8dde2)!important;color:var(--sx-muted,#66717d)!important}
html[data-sx-shell] .switch-os,html[data-sx-shell] #v96BackAc,html[data-sx-shell] [id^="v96Back"]{display:none!important}
html[data-sx-shell] .top,html[data-sx-shell] .view,html[data-sx-shell] .card,html[data-sx-shell] .modal,html[data-sx-shell] .pop,html[data-sx-shell] .drawer-mask,html[data-sx-shell] .modal-mask{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-sx-shell] .top{position:relative;z-index:60;flex:0 0 auto}
html[data-sx-shell] .view{position:relative;z-index:1;flex:1 1 auto;min-height:0;min-width:0;overflow:auto;scrollbar-gutter:stable;background:var(--sx-page,#f4f5f4)!important;scroll-behavior:smooth}
html[data-sx-shell] .view::-webkit-scrollbar,html[data-sx-shell] .modal .mb::-webkit-scrollbar{width:10px;height:10px}
html[data-sx-shell] .view::-webkit-scrollbar-thumb,html[data-sx-shell] .modal .mb::-webkit-scrollbar-thumb{background:var(--sx-scroll,#b9c1c8);border:3px solid transparent;background-clip:padding-box;border-radius:999px}
html[data-sx-shell] a{color:var(--sx-link,#245f99)}
html[data-sx-shell] a:hover{color:var(--sx-link-hover,#164a7c)}
html[data-sx-shell] button,html[data-sx-shell] input,html[data-sx-shell] select,html[data-sx-shell] textarea{font:inherit}
html[data-sx-shell] button{cursor:pointer}
html[data-sx-shell] .fr{animation:none!important}

/* Shared product typography */
html[data-sx-shell] .j28-crumb{margin:0 0 14px!important;font-size:12px!important;line-height:20px!important;color:var(--sx-muted,#66717d)!important;letter-spacing:.01em}
html[data-sx-shell] .j28-crumb i{margin:0 7px;color:var(--sx-faint,#9aa3ac)}
html[data-sx-shell] .hd{margin:0 0 18px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html[data-sx-shell] .hd h1{margin:0!important;color:var(--sx-heading,#172230)!important;font-size:29px!important;line-height:38px!important;font-weight:760!important;letter-spacing:-.025em!important}
html[data-sx-shell] .hd p{margin:5px 0 0!important;color:var(--sx-muted,#66717d)!important;font-size:13px!important;line-height:20px!important}
html[data-sx-shell] .cnt{color:var(--sx-muted,#66717d)!important;font-size:12px!important;line-height:18px!important}
html[data-sx-shell] .more{color:var(--sx-link,#245f99)!important;font-size:12px!important;font-weight:650!important;text-decoration:none!important}

/* Surface discipline: no glass, no blanket card shadows. */
html[data-sx-shell] .card{background:var(--sx-surface,#fff)!important;color:var(--sx-card-text,var(--sx-text,#202936))!important;border:1px solid var(--sx-line,#d8dde2)!important;outline:0!important;box-shadow:none!important}
html[data-sx-shell] .card.hoverable{transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}
html[data-sx-shell] .card.hoverable:hover{transform:none!important;border-color:var(--sx-line-strong,#b8c1ca)!important;box-shadow:0 8px 22px rgba(26,39,52,.08)!important}
html[data-sx-shell] .ch{min-height:52px;padding:15px 18px 11px!important;color:var(--sx-heading,#172230)!important;font-size:14px!important;line-height:22px!important;font-weight:720!important;border-bottom:1px solid var(--sx-line-soft,#e7eaed)}
html[data-sx-shell] .ch .ci{width:16px!important;height:16px!important;flex:0 0 auto}
html[data-sx-shell] .ch .dt{margin-left:auto;color:var(--sx-muted,#66717d)!important;font-size:11.5px!important;font-weight:500!important}
html[data-sx-shell] .rows{padding:0 18px 10px!important}
html[data-sx-shell] .rw{min-height:48px;margin:0!important;padding:11px 0!important;align-items:center!important;color:var(--sx-body,#374151)!important;font-size:13px!important;line-height:20px!important;border-top:1px solid var(--sx-line-soft,#e7eaed)!important}
html[data-sx-shell] .rw:first-child{border-top:0!important}
html[data-sx-shell] .rw b{color:var(--sx-heading,#172230)!important;font-weight:680!important}
html[data-sx-shell] .rw .tm{color:var(--sx-muted,#66717d)!important}

/* Buttons and fields share a strict 40px baseline. */
html[data-sx-shell] .btn{min-height:36px;padding:7px 14px!important;border:1px solid transparent!important;border-radius:var(--sx-control-radius,8px)!important;font-size:12.5px!important;line-height:20px!important;font-weight:680!important;letter-spacing:0!important;box-shadow:none!important;transform:none!important}
html[data-sx-shell] .btn.sm{min-height:34px;padding:6px 12px!important}
html[data-sx-shell] .btn.blue,html[data-sx-shell] .btn.pri{background:var(--sx-accent,#245f99)!important;border-color:var(--sx-accent,#245f99)!important;color:#fff!important}
html[data-sx-shell] .btn.blue:hover,html[data-sx-shell] .btn.pri:hover{background:var(--sx-accent-dark,#194d7c)!important;border-color:var(--sx-accent-dark,#194d7c)!important}
html[data-sx-shell] .btn.ghost{background:var(--sx-control,#fff)!important;border-color:var(--sx-line-strong,#c2c9d0)!important;color:var(--sx-heading,#172230)!important}
html[data-sx-shell] .btn.ghost:hover{background:var(--sx-control-hover,#f3f5f6)!important;border-color:var(--sx-text-soft,#89939d)!important}
html[data-sx-shell] .btn:disabled{opacity:.45!important;cursor:not-allowed!important}
html[data-sx-shell] .inp,html[data-sx-shell] input.inp,html[data-sx-shell] select.inp,html[data-sx-shell] textarea.inp{min-height:40px;padding:8px 11px!important;border:1px solid var(--sx-field-line,#cbd2d9)!important;border-radius:var(--sx-control-radius,8px)!important;background:var(--sx-field,#fff)!important;color:var(--sx-text,#202936)!important;font-size:13px!important;line-height:20px!important;box-shadow:none!important}
html[data-sx-shell] textarea.inp{min-height:76px;resize:vertical}
html[data-sx-shell] .inp:hover{border-color:var(--sx-field-hover,#9da8b3)!important}
html[data-sx-shell] .inp:focus{outline:0!important;border-color:var(--sx-accent,#245f99)!important;box-shadow:0 0 0 3px var(--sx-focus-ring,rgba(36,95,153,.13))!important}
html[data-sx-shell] .fld{min-width:0}
html[data-sx-shell] .fld label,html[data-sx-shell] .v5-pf-f label{display:block;margin:0 0 6px!important;color:var(--sx-label,#596575)!important;font-size:12px!important;line-height:18px!important;font-weight:650!important}
html[data-sx-shell] .req{color:var(--sx-danger,#b7403a)!important;margin-left:2px}
html[data-sx-shell] .seg{padding:3px!important;border:1px solid var(--sx-line,#d8dde2)!important;border-radius:var(--sx-control-radius,8px)!important;background:var(--sx-control-muted,#eef1f3)!important}
html[data-sx-shell] .seg span{min-height:30px;padding:5px 12px!important;border-radius:calc(var(--sx-control-radius,8px) - 2px)!important;color:var(--sx-muted,#66717d)!important;font-size:12px!important;font-weight:650!important}
html[data-sx-shell] .seg span.on{background:var(--sx-surface,#fff)!important;color:var(--sx-heading,#172230)!important;box-shadow:0 1px 2px rgba(20,30,40,.08)!important}

/* Tables */
html[data-sx-shell] .tbl{width:100%;border-collapse:collapse!important;font-size:13px!important}
html[data-sx-shell] .tbl thead th{height:46px;padding:10px 14px!important;text-align:left;color:var(--sx-muted,#66717d)!important;background:var(--sx-table-head,#f3f5f6)!important;border-bottom:1px solid var(--sx-line,#d8dde2)!important;font-size:11.5px!important;line-height:18px!important;font-weight:720!important;letter-spacing:.02em!important;white-space:nowrap}
html[data-sx-shell] .tbl tbody td{height:50px;padding:10px 14px!important;color:var(--sx-body,#374151)!important;border-bottom:1px solid var(--sx-line-soft,#e7eaed)!important;vertical-align:middle!important}
html[data-sx-shell] .tbl tbody tr:hover{background:var(--sx-row-hover,#f7f8f8)!important}
html[data-sx-shell] .tag{min-height:24px;padding:3px 8px!important;border-radius:5px!important;font-size:11px!important;line-height:16px!important;font-weight:680!important}

/* Shared workbench composition */
html[data-sx-shell] .v092-welcome{display:flex!important;align-items:center!important;gap:18px!important;min-height:104px;margin:0 0 16px!important;padding:22px 24px!important}
html[data-sx-shell] .v092-welcome h1{margin:0!important;color:var(--sx-heading,#172230)!important;font-size:28px!important;line-height:36px!important;font-weight:760!important;letter-spacing:-.02em!important}
html[data-sx-shell] .v092-welcome .sub{margin-top:5px!important;color:var(--sx-muted,#66717d)!important;font-size:13px!important;line-height:20px!important}
html[data-sx-shell] .v092-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0 0 16px!important;background:var(--sx-surface,#fff)!important;border:1px solid var(--sx-line,#d8dde2)!important;border-radius:var(--sx-panel-radius,10px)!important;overflow:hidden!important}
html[data-sx-shell] .v092-kpi{min-height:116px!important;padding:18px 20px!important;border:0!important;border-right:1px solid var(--sx-line-soft,#e7eaed)!important;border-radius:0!important;background:transparent!important}
html[data-sx-shell] .v092-kpi:last-child{border-right:0!important}
html[data-sx-shell] .v092-kpi .k-lab{color:var(--sx-label,#596575)!important;font-size:12px!important;line-height:18px!important;font-weight:680!important}
html[data-sx-shell] .v092-kpi .k-num{margin-top:7px!important;color:var(--sx-heading,#172230)!important;font-size:32px!important;line-height:36px!important;font-weight:760!important;font-variant-numeric:tabular-nums}
html[data-sx-shell] .v092-kpi .k-num small{font-size:13px!important;color:var(--sx-muted,#66717d)!important;font-weight:600!important}
html[data-sx-shell] .v092-kpi .k-sub{margin-top:5px!important;color:var(--sx-muted,#66717d)!important;font-size:11.5px!important;line-height:18px!important}
html[data-sx-shell] .dgrid{display:grid!important;grid-template-columns:minmax(0,1.34fr) minmax(350px,.96fr)!important;gap:16px!important;align-items:start!important}
html[data-sx-shell] .dgrid>.col{display:flex!important;flex-direction:column!important;gap:16px!important;min-width:0}
html[data-sx-shell] .ringrow{min-height:132px;padding:18px!important;gap:20px!important}
html[data-sx-shell] .ringrow .rtext{color:var(--sx-body,#374151)!important;font-size:13px!important;line-height:22px!important}
html[data-sx-shell] .mini{height:7px!important;background:var(--sx-meter-track,#e5e8eb)!important;border-radius:999px!important}
html[data-sx-shell] .mini i{background:var(--sx-accent,#245f99)!important;border-radius:999px!important}

/* Quick entry is a utility shelf, not another dashboard card. */
html[data-sx-shell] .sx-quick-entry{margin:0 0 16px!important;padding:13px 16px!important;border-radius:var(--sx-panel-radius,10px)!important}
html[data-sx-shell] .sx-quick-entry>.ch{min-height:42px;padding:7px 4px 10px!important;border-bottom:1px solid var(--sx-line-soft,#e7eaed)!important}
html[data-sx-shell] .sx-quick-entry [data-v97-shortcut-list],html[data-sx-shell] .sx-quick-entry .v97-shortcuts,html[data-sx-shell] .sx-quick-entry>div:last-child{gap:8px!important}

/* Project list */
html[data-sx-shell] .sx33-tabs{display:flex!important;align-items:flex-end!important;gap:24px!important;min-height:44px;margin:0 0 16px!important;padding:0!important;border-bottom:1px solid var(--sx-line,#d8dde2)!important;background:transparent!important}
html[data-sx-shell] .sx33-tab{position:relative!important;min-height:44px!important;padding:9px 0 10px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--sx-muted,#66717d)!important;font-size:13px!important;line-height:20px!important;font-weight:650!important}
html[data-sx-shell] .sx33-tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}
html[data-sx-shell] .sx33-tab.on{color:var(--sx-heading,#172230)!important;font-weight:740!important}
html[data-sx-shell] .sx33-tab.on::after{background:var(--sx-accent,#245f99)}
html[data-sx-shell] .sx33-tab .cnt{display:inline-flex!important;min-width:20px!important;height:20px!important;margin-left:5px!important;padding:0 6px!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:var(--sx-control-muted,#eef1f3)!important;color:var(--sx-muted,#66717d)!important;font-size:10px!important}
html[data-sx-shell] .v5-pf{margin:0 0 12px!important;padding:16px!important;border-radius:var(--sx-panel-radius,10px)!important}
html[data-sx-shell] .v5-pf-grid{display:grid!important;grid-template-columns:minmax(220px,1.4fr) minmax(170px,.85fr) minmax(170px,.85fr) auto!important;gap:12px!important;align-items:end!important}
html[data-sx-shell] .v5-pf-more{margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--sx-line-soft,#e7eaed)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
html[data-sx-shell] .v5-pf-act{display:flex!important;align-items:center!important;gap:8px!important;padding-bottom:0!important}
html[data-sx-shell] .sx33-note{margin:0 0 12px!important;padding:11px 14px!important;border:1px solid var(--sx-note-line,#cfd9e3)!important;border-left:3px solid var(--sx-accent,#245f99)!important;border-radius:0 var(--sx-panel-radius,10px) var(--sx-panel-radius,10px) 0!important;background:var(--sx-note,#f5f8fa)!important;color:var(--sx-body,#374151)!important;font-size:12px!important;line-height:20px!important}
html[data-sx-shell] .toolbar{display:flex!important;align-items:center!important;gap:10px!important;min-height:52px!important;margin:0 0 12px!important;padding:8px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html[data-sx-shell] .toolbar .spacer{flex:1 1 auto}
html[data-sx-shell] .sx33-grid{display:grid!important;gap:14px!important;align-items:stretch!important}
html[data-sx-shell] .sx33-project{overflow:visible!important;border-radius:var(--sx-panel-radius,10px)!important}
html[data-sx-shell] .sx33-cover{min-height:124px!important;padding:18px!important;color:#fff!important;overflow:hidden!important}
html[data-sx-shell] .sx33-cover>div:first-child{background:var(--sx-project-cover,#244f77)!important}
html[data-sx-shell] .sx33-cover>b{position:relative!important;z-index:2!important;display:block!important;color:#fff!important;font-size:16px!important;line-height:24px!important;font-weight:720!important;letter-spacing:-.01em!important}
html[data-sx-shell] .sx33-body{padding:16px!important}
html[data-sx-shell] .sx-project-title{margin:0 0 7px;color:var(--sx-heading,#172230);font-size:15.5px;line-height:23px;font-weight:730;letter-spacing:-.01em}
html[data-sx-shell] .sx33-cover>b{display:none!important}

html[data-sx-shell] .sx33-meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px 16px!important;margin-top:13px!important}
html[data-sx-shell] .sx33-meta>span{min-width:0;color:var(--sx-muted,#66717d)!important;font-size:11px!important;line-height:17px!important}
html[data-sx-shell] .sx33-meta b{display:inline-block;margin-top:2px;color:var(--sx-heading,#172230)!important;font-size:12px!important;line-height:18px!important;font-weight:670!important}
html[data-sx-shell] .sx33-actions{display:flex!important;align-items:center!important;gap:7px!important;margin-top:15px!important;padding-top:13px!important;border-top:1px solid var(--sx-line-soft,#e7eaed)!important}

/* Personal application list */
html[data-sx-shell] body[data-pg="t19d"] .toolbar{padding:10px 14px!important;border:1px solid var(--sx-line,#d8dde2)!important;background:var(--sx-surface,#fff)!important;border-radius:var(--sx-panel-radius,10px)!important}
html[data-sx-shell] body[data-pg="t19d"] .v4-wide{overflow:hidden!important;border-radius:var(--sx-panel-radius,10px)!important}

/* Refined long-form modal. A generated outline mirrors existing section headings only. */
html[data-sx-shell] .modal-mask{background:rgba(24,30,36,.52)!important}
html[data-sx-shell] .modal.sx-refined-modal{left:50%!important;top:50%!important;width:min(1080px,calc(100vw - 64px))!important;height:min(860px,calc(100vh - 64px))!important;max-height:none!important;display:grid!important;grid-template-columns:196px minmax(0,1fr)!important;grid-template-rows:64px minmax(0,1fr) 64px!important;overflow:hidden!important;transform:translate(-50%,-50%)!important;border:1px solid var(--sx-modal-line,#c8ced4)!important;border-radius:var(--sx-modal-radius,12px)!important;background:var(--sx-modal,#fff)!important;color:var(--sx-text,#202936)!important;box-shadow:0 28px 80px rgba(19,29,40,.28)!important}
html[data-sx-shell] .modal.sx-refined-modal .mh{grid-column:1/-1!important;grid-row:1!important;display:flex!important;align-items:center!important;min-height:64px!important;padding:0 22px!important;border-bottom:1px solid var(--sx-line,#d8dde2)!important;background:var(--sx-modal-head,#fff)!important}
html[data-sx-shell] .modal.sx-refined-modal .mh b{color:var(--sx-heading,#172230)!important;font-size:16px!important;line-height:24px!important;font-weight:750!important}
html[data-sx-shell] .modal.sx-refined-modal .mh .x{margin-left:auto!important;color:var(--sx-muted,#66717d)!important;font-size:24px!important;line-height:1!important}
html[data-sx-shell] .modal.sx-refined-modal .mb{grid-column:2!important;grid-row:2!important;min-height:0!important;max-height:none!important;padding:24px 28px 42px!important;overflow:auto!important;background:var(--sx-modal-body,#fff)!important}
html[data-sx-shell] .modal.sx-refined-modal .mf{grid-column:1/-1!important;grid-row:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-height:64px!important;padding:0 22px!important;border-top:1px solid var(--sx-line,#d8dde2)!important;background:var(--sx-modal-foot,#f7f8f8)!important;box-shadow:none!important}
html[data-sx-shell] .modal.sx-refined-modal .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 18px!important}
html[data-sx-shell] .modal.sx-refined-modal .fld.full{grid-column:1/-1!important}
html[data-sx-shell] .modal.sx-refined-modal .sx-form-section{margin:12px 0 0!important;padding:20px 0 0!important;border-top:1px solid var(--sx-line,#d8dde2)!important}
html[data-sx-shell] .modal.sx-refined-modal .form-grid>.sx-form-section:first-child{margin-top:0!important;padding-top:0!important;border-top:0!important}
html[data-sx-shell] .modal.sx-refined-modal .sx-form-section>div:first-child,html[data-sx-shell] .modal.sx-refined-modal .sx-form-section summary{color:var(--sx-heading,#172230)!important;font-size:15px!important;line-height:24px!important;font-weight:740!important;letter-spacing:-.01em!important}
html[data-sx-shell] .modal.sx-refined-modal .sx-form-section .cnt{margin-top:3px!important}
html[data-sx-shell] .modal.sx-refined-modal .fld label{color:var(--sx-label,#596575)!important}
html[data-sx-shell] .modal.sx-refined-modal .fld .inp{background:var(--sx-field,#fff)!important;border-color:var(--sx-field-line,#cbd2d9)!important;color:var(--sx-text,#202936)!important}
html[data-sx-shell] .modal.sx-refined-modal .sx-readonly{background:var(--sx-readonly,#f1f3f4)!important;color:var(--sx-muted,#66717d)!important;border-style:solid!important}
html[data-sx-shell] .modal.sx-refined-modal .v97pa-crow,html[data-sx-shell] .modal.sx-refined-modal .v97pa-frow{padding:10px!important;border:1px solid var(--sx-line-soft,#e7eaed)!important;border-radius:var(--sx-control-radius,8px)!important;background:var(--sx-subtle,#f8f9f9)!important}
html[data-sx-shell] .modal.sx-refined-modal details{border:0!important}
html[data-sx-shell] .modal.sx-refined-modal details>summary{list-style:none!important}
html[data-sx-shell] .modal.sx-refined-modal details>summary::-webkit-details-marker{display:none}
html[data-sx-shell] .sx-form-outline{grid-column:1!important;grid-row:2!important;min-width:0!important;padding:18px 14px!important;border-right:1px solid var(--sx-line,#d8dde2)!important;background:var(--sx-outline,#f4f5f5)!important;overflow:auto!important}
html[data-sx-shell] .sx-form-outline small{display:block;margin:0 8px 10px;color:var(--sx-muted,#66717d);font-size:10px;line-height:16px;font-weight:720;letter-spacing:.12em;text-transform:uppercase}
html[data-sx-shell] .sx-form-outline button{position:relative;width:100%;min-height:42px;margin:0 0 3px;padding:8px 10px 8px 34px;border:0;border-radius:7px;background:transparent;color:var(--sx-body,#374151);text-align:left;font-size:12px;line-height:18px;font-weight:620}
html[data-sx-shell] .sx-form-outline button::before{content:attr(data-index);position:absolute;left:9px;top:10px;width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--sx-line-strong,#c2c9d0);border-radius:50%;color:var(--sx-muted,#66717d);font-size:9px;line-height:1;background:var(--sx-surface,#fff)}
html[data-sx-shell] .sx-form-outline button:hover,html[data-sx-shell] .sx-form-outline button.is-active{background:var(--sx-outline-active,#e7edf2);color:var(--sx-heading,#172230)}
html[data-sx-shell] .sx-form-outline button.is-active::before{border-color:var(--sx-accent,#245f99);background:var(--sx-accent,#245f99);color:#fff}

/* Shell root */
html[data-sx-shell] .sx-shell-root,html[data-sx-shell] .sx-shell-root *{box-sizing:border-box}
html[data-sx-shell] .sx-shell-root{position:fixed;inset:0;z-index:390;pointer-events:none;font-family:inherit;color:var(--sx-shell-text,#172230)}
html[data-sx-shell] .sx-shell-root button,html[data-sx-shell] .sx-shell-root input{font:inherit}
html[data-sx-shell] .sx-shell-root svg{display:block}
html[data-sx-shell] .sx-shell-root svg path{stroke:currentColor!important;fill:none!important}
html[data-sx-shell] .sx-shell-root [data-sx-route],html[data-sx-shell] .sx-shell-root [data-sx-group],html[data-sx-shell] .sx-shell-root .sx-interactive{pointer-events:auto}
html[data-sx-shell] .sx-shell-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;color:currentColor}
html[data-sx-shell] .sx-shell-icon svg{width:20px!important;height:20px!important}
html[data-sx-shell] .sx-shell-icon svg rect{fill:transparent!important;stroke:none!important}
html[data-sx-shell] .sx-shell-icon svg defs{display:none}
html[data-sx-shell] .sx-shell-icon svg g{transform:translate(16px,16px)}
html[data-sx-shell] .sx-nav-scrim{position:fixed;inset:0;z-index:391;display:none;pointer-events:auto;background:rgba(20,28,35,.30)}
html[data-sx-shell] body.sx-menu-visible .sx-nav-scrim{display:block}
html[data-sx-shell] .sx-shell-root button:focus-visible,html[data-sx-shell] .sx-shell-root input:focus-visible,html[data-sx-shell] .btn:focus-visible,html[data-sx-shell] .inp:focus-visible{outline:3px solid var(--sx-focus,#245f99)!important;outline-offset:2px!important}

@media(max-width:1180px){
  html[data-sx-shell] .dgrid{grid-template-columns:1fr!important}
  html[data-sx-shell] .v5-pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-sx-shell] .v5-pf-act{grid-column:1/-1!important}
}
@media(max-width:900px){
  html[data-sx-shell] .top{padding-left:16px!important;padding-right:16px!important}
  html[data-sx-shell] .top .clk{display:none!important}
  html[data-sx-shell] .view{padding-left:16px!important;padding-right:16px!important}
  html[data-sx-shell] .v092-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-sx-shell] .v092-kpi:nth-child(2){border-right:0!important}
  html[data-sx-shell] .v092-kpi:nth-child(-n+2){border-bottom:1px solid var(--sx-line-soft,#e7eaed)!important}
  html[data-sx-shell] .modal.sx-refined-modal{width:calc(100vw - 24px)!important;height:calc(100vh - 24px)!important;grid-template-columns:1fr!important}
  html[data-sx-shell] .sx-form-outline{display:none!important}
  html[data-sx-shell] .modal.sx-refined-modal .mb{grid-column:1!important;padding:20px!important}
  html[data-sx-shell] .modal.sx-refined-modal .form-grid{grid-template-columns:1fr!important}
  html[data-sx-shell] .modal.sx-refined-modal .fld.full{grid-column:auto!important}
}
@media(max-width:640px){
  html[data-sx-shell] .v092-kpis{grid-template-columns:1fr!important}
  html[data-sx-shell] .v092-kpi{border-right:0!important;border-bottom:1px solid var(--sx-line-soft,#e7eaed)!important}
  html[data-sx-shell] .v092-kpi:last-child{border-bottom:0!important}
  html[data-sx-shell] .v5-pf-grid,html[data-sx-shell] .v5-pf-more{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-sx-shell] *,html[data-sx-shell] *::before,html[data-sx-shell] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* Modal focus: navigation chrome yields completely to the active business form. */
html[data-sx-shell] body:has(.modal-mask.show) .sx-shell-root{opacity:0!important;pointer-events:none!important;transition:opacity .12s ease}
/* Preserve the baseline's collapsed advanced-filter state. */
html[data-sx-shell] .v5-pf-grid[style*="display:none"],html[data-sx-shell] .v5-pf-grid[style*="display: none"]{display:none!important}
