/* UI-only theme. Business selectors, visibility, values and events remain owned by their existing modules. */
:root{--ui-bg:#F4F2F0;--ui-card:#fff;--ui-ink:#252821;--ui-muted:#686D63;--ui-line:#DDDCD5;--ui-brand:#64744A;--ui-soft:#ECEEE4;--ui-shadow:0 3px 14px #34382b08;--yw-back:var(--ui-bg);--yw-ink:var(--ui-ink);--yw-muted:var(--ui-muted);--yw-line:var(--ui-line);--yw-green:var(--ui-brand);--yw-side:210px;color-scheme:light}
body{margin:0;background:var(--ui-bg);color:var(--ui-ink);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.6}
#app{max-width:1920px;padding:20px;margin:auto}
#app [id],#affairs-media-view{color-scheme:light;--ql-bg:#F4F2F0;--ql-paper:#FFFFFF;--ql-ink:#252821;--ql-muted:#686D63;--ql-line:#DDDCD5;--ql-brand:#64744A;--ql-onbrand:#FFFFFF;--ql-soft:#ECEEE4;--pr-bg:#F4F2F0;--pr-surface:#FFFFFF;--pr-ink:#252821;--pr-muted:#686D63;--pr-line:#DDDCD5;--pr-brand:#64744A;--pr-onbrand:#FFFFFF;--pr-soft:#ECEEE4;--pc-bg:#F4F2F0;--pc-surface:#FFFFFF;--pc-ink:#252821;--pc-muted:#686D63;--pc-line:#DDDCD5;--pc-brand:#64744A;--pc-onbrand:#FFFFFF;--pc-soft:#ECEEE4;--pc-red-bg:#F4F2F0;--al-bg:#F4F2F0;--al-paper:#FFFFFF;--al-ink:#252821;--al-muted:#686D63;--al-line:#DDDCD5;--al-brand:#64744A;--al-onbrand:#FFFFFF;--al-soft:#ECEEE4;--ar-bg:#F4F2F0;--ar-paper:#FFFFFF;--ar-ink:#252821;--ar-muted:#686D63;--ar-line:#DDDCD5;--ar-brand:#64744A;--ar-onbrand:#FFFFFF;--ar-soft:#ECEEE4;--kl-bg:#F4F2F0;--kl-paper:#FFFFFF;--kl-ink:#252821;--kl-muted:#686D63;--kl-line:#DDDCD5;--kl-brand:#64744A;--kl-soft:#ECEEE4;--ba-bg:#F4F2F0;--ba-surface:#FFFFFF;--ba-ink:#252821;--ba-muted:#686D63;--ba-line:#DDDCD5;--ba-brand:#64744A;--ba-onbrand:#FFFFFF;--ba-soft:#ECEEE4;--ar-surface:#FFFFFF;--br-bg:#F4F2F0;--br-surface:#FFFFFF;--br-ink:#252821;--br-muted:#686D63;--br-line:#DDDCD5;--br-brand:#64744A;--br-onbrand:#FFFFFF;--br-soft:#ECEEE4;--bd-bg:#F4F2F0;--bd-surface:#FFFFFF;--bd-ink:#252821;--bd-muted:#686D63;--bd-line:#DDDCD5;--bd-brand:#64744A;--bd-soft:#ECEEE4;--ca-bg:#F4F2F0;--ca-surface:#FFFFFF;--ca-ink:#252821;--ca-muted:#686D63;--ca-line:#DDDCD5;--ca-brand:#64744A;--ca-onbrand:#FFFFFF;--ca-soft:#ECEEE4;--rc-bg:#F4F2F0;--rc-surface:#FFFFFF;--rc-ink:#252821;--rc-muted:#686D63;--rc-line:#DDDCD5;--rc-brand:#64744A;--rc-onbrand:#FFFFFF;--rc-soft:#ECEEE4;--cd-bg:#F4F2F0;--cd-surface:#FFFFFF;--cd-ink:#252821;--cd-muted:#686D63;--cd-line:#DDDCD5;--cd-brand:#64744A;--cd-soft:#ECEEE4;--sr-bg:#F4F2F0;--sr-surface:#FFFFFF;--sr-ink:#252821;--sr-muted:#686D63;--sr-line:#DDDCD5;--sr-brand:#64744A;--sr-onbrand:#FFFFFF;--sr-soft:#ECEEE4;--it-bg:#F4F2F0;--it-surface:#FFFFFF;--it-ink:#252821;--it-muted:#686D63;--it-line:#DDDCD5;--it-brand:#64744A;--it-onbrand:#FFFFFF;--it-soft:#ECEEE4;--ex-bg:#F4F2F0;--ex-surface:#FFFFFF;--ex-ink:#252821;--ex-muted:#686D63;--ex-line:#DDDCD5;--ex-brand:#64744A;--ex-onbrand:#FFFFFF;--ex-soft:#ECEEE4;--av-bg:#F4F2F0;--av-paper:#FFFFFF;--av-ink:#252821;--av-muted:#686D63;--av-line:#DDDCD5;--av-brand:#64744A;--av-onbrand:#FFFFFF;--av-soft:#ECEEE4;--ag-bg:#F4F2F0;--ag-surface:#FFFFFF;--ag-ink:#252821;--ag-muted:#686D63;--ag-line:#DDDCD5;--ag-brand:#64744A;--ag-onbrand:#FFFFFF;--ag-soft:#ECEEE4;--ph-bg:#F4F2F0;--ph-surface:#FFFFFF;--ph-ink:#252821;--ph-muted:#686D63;--ph-line:#DDDCD5;--ph-brand:#64744A;--ph-onbrand:#FFFFFF;--ph-soft:#ECEEE4;--ph-red-bg:#F4F2F0;--reg-paper:#FFFFFF;--reg-ink:#252821;--reg-muted:#686D63;--reg-line:#DDDCD5;--reg-brand:#64744A;--reg-onbrand:#FFFFFF;--reg-tint:#ECEEE4;--wc-bg:#F4F2F0;--wc-surface:#FFFFFF;--wc-ink:#252821;--wc-muted:#686D63;--wc-line:#DDDCD5;--wc-brand:#64744A;--wc-onbrand:#FFFFFF;--wc-soft:#ECEEE4;--rr-bg:#F4F2F0;--rr-surface:#FFFFFF;--rr-ink:#252821;--rr-muted:#686D63;--rr-line:#DDDCD5;--rr-brand:#64744A;--rr-onbrand:#FFFFFF;--rr-soft:#ECEEE4;--rt-bg:#F4F2F0;--rt-surface:#FFFFFF;--rt-ink:#252821;--rt-muted:#686D63;--rt-line:#DDDCD5;--rt-brand:#64744A;--rt-onbrand:#FFFFFF;--rt-soft:#ECEEE4;--rs-bg:#F4F2F0;--rs-surface:#FFFFFF;--rs-ink:#252821;--rs-muted:#686D63;--rs-line:#DDDCD5;--rs-brand:#64744A;--rs-onbrand:#FFFFFF;--rs-soft:#ECEEE4;--cr-bg:#F4F2F0;--cr-surface:#FFFFFF;--cr-ink:#252821;--cr-muted:#686D63;--cr-line:#DDDCD5;--cr-brand:#64744A;--cr-onbrand:#FFFFFF;--cr-soft:#ECEEE4;--ab-bg:#F4F2F0;--ab-surface:#FFFFFF;--ab-ink:#252821;--ab-muted:#686D63;--ab-line:#DDDCD5;--ab-brand:#64744A;--ab-onbrand:#FFFFFF;--ab-soft:#ECEEE4;--rb-bg:#F4F2F0;--rb-surface:#FFFFFF;--rb-ink:#252821;--rb-muted:#686D63;--rb-line:#DDDCD5;--rb-brand:#64744A;--rb-onbrand:#FFFFFF;--rb-soft:#ECEEE4;--rf-bg:#F4F2F0;--rf-surface:#FFFFFF;--rf-ink:#252821;--rf-muted:#686D63;--rf-line:#DDDCD5;--rf-brand:#64744A;--rf-onbrand:#FFFFFF;--rf-soft:#ECEEE4;--rd-bg:#F4F2F0;--rd-surface:#FFFFFF;--rd-ink:#252821;--rd-muted:#686D63;--rd-line:#DDDCD5;--rd-brand:#64744A;--rd-onbrand:#FFFFFF;--rd-soft:#ECEEE4;--bi-bg:#F4F2F0;--bi-surface:#FFFFFF;--bi-ink:#252821;--bi-muted:#686D63;--bi-line:#DDDCD5;--bi-brand:#64744A;--bi-soft:#ECEEE4;--nw-bg:#F4F2F0;--nw-surface:#FFFFFF;--nw-ink:#252821;--nw-muted:#686D63;--nw-line:#DDDCD5;--nw-brand:#64744A;--nw-soft:#ECEEE4;--rs-warn-bg:#F4F2F0;--pr-paper:#FFFFFF;--ic-bg:#F4F2F0;--ic-paper:#FFFFFF;--ic-ink:#252821;--ic-muted:#686D63;--ic-line:#DDDCD5;--ic-brand:#64744A;--ic-onbrand:#FFFFFF;--ic-soft:#ECEEE4;--lg-bg:#F4F2F0;--lg-paper:#FFFFFF;--lg-ink:#252821;--lg-muted:#686D63;--lg-line:#DDDCD5;--lg-brand:#64744A;--lg-onbrand:#FFFFFF;--lg-soft:#ECEEE4;--wl-bg:#F4F2F0;--wl-surface:#FFFFFF;--wl-ink:#252821;--wl-muted:#686D63;--wl-line:#DDDCD5;--wl-brand:#64744A;--wl-onbrand:#FFFFFF;--wl-soft:#ECEEE4;--pc-paper:#FFFFFF;--sc-bg:#F4F2F0;--sc-surface:#FFFFFF;--sc-ink:#252821;--sc-muted:#686D63;--sc-line:#DDDCD5;--sc-brand:#64744A;--sc-onbrand:#FFFFFF;--sc-soft:#ECEEE4;--am-bg:#F4F2F0;--am-surface:#FFFFFF;--am-ink:#252821;--am-muted:#686D63;--am-line:#DDDCD5;--am-brand:#64744A;--am-onbrand:#FFFFFF;--am-soft:#ECEEE4;--nw-onbrand:#FFFFFF;--rp-bg:#F4F2F0;--rp-surface:#FFFFFF;--rp-ink:#252821;--rp-muted:#686D63;--rp-line:#DDDCD5;--rp-brand:#64744A;--rp-onbrand:#FFFFFF;--rp-soft:#ECEEE4;--ce-bg:#F4F2F0;--ce-surface:#FFFFFF;--ce-ink:#252821;--ce-muted:#686D63;--ce-line:#DDDCD5;--ce-brand:#64744A;--ce-onbrand:#FFFFFF;--ce-soft:#ECEEE4;--wr-bg:#F4F2F0;--wr-surface:#FFFFFF;--wr-ink:#252821;--wr-muted:#686D63;--wr-line:#DDDCD5;--wr-brand:#64744A;--wr-soft:#ECEEE4;--wf-bg:#F4F2F0;--wf-surface:#FFFFFF;--wf-ink:#252821;--wf-muted:#686D63;--wf-line:#DDDCD5;--wf-brand:#64744A;--wf-onbrand:#FFFFFF;--wf-soft:#ECEEE4;}
#app [hidden],#affairs-media-view [hidden]{display:none!important}
#app :is(h1,h2,h3){color:var(--ui-ink);letter-spacing:.02em}
#app h1{font-size:30px;font-weight:650;line-height:1.35;margin-bottom:12px}
#app h2{font-size:19px;font-weight:600}
#app a{color:var(--ui-brand);text-underline-offset:4px}
#app button{min-height:44px;border-radius:9px;font-size:15px;transition:background-color .15s,border-color .15s}
#app button:not(:disabled):hover{filter:brightness(.97)}
#app :is(button,input,select,textarea,a):focus-visible{outline:2px solid var(--ui-brand);outline-offset:3px}
#app button:disabled{opacity:.48;cursor:not-allowed;filter:none}
#app :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea,select){border:1px solid var(--ui-line);background:var(--ui-card);color:var(--ui-ink);border-radius:9px;padding:10px 12px;font:inherit;max-width:100%;box-sizing:border-box}
#app textarea{min-height:180px;line-height:1.7;resize:vertical;scroll-margin:80px}
#app :is(input[type=checkbox],input[type=radio]){accent-color:var(--ui-brand)}
#app :is([class$="-primary"],[data-module-save]){background:var(--ui-brand);border:1px solid var(--ui-brand);color:#fff;padding:10px 20px}
#app :is([class$="-secondary"],[data-wm-template],[data-wm-preview],[data-module-business]){background:#fff;border:1px solid var(--ui-brand);color:var(--ui-brand);padding:9px 16px}
#app :is(.ag-list,.am-list,.ar-list,.pr-list,.pm-table-wrap,.sc-list,.ic-box,.ex-template-controls,.wm-dialog,.ph-panel,.sr-section,.rr-section,.rg-section,.rb-section,.ph-work-list){background:var(--ui-card);border:1px solid var(--ui-line);border-radius:14px;box-shadow:var(--ui-shadow)}
#app :is(.ag-list,.am-list,.ar-list,.pm-table-wrap){overflow:auto}
#app :is(.ag-columns,.am-columns,.ar-cols,thead){background:var(--ui-soft);color:var(--ui-muted);font-weight:600}
#app :is(th,td){padding:16px;line-height:1.65}
#app :is(.pr-tabs,.ic-tabs,.ex-subnav){gap:10px;border-bottom:1px solid var(--ui-line);margin:20px 0}
#app :is(.pr-tabs,.ic-tabs,.ex-subnav) button{padding:12px 20px;border-radius:9px 9px 0 0}
#app :is(.pr-tabs,.ic-tabs,.ex-subnav) button:is([aria-selected=true],[aria-current=page]){background:var(--ui-soft);color:var(--ui-brand);box-shadow:inset 0 -3px var(--ui-brand)}
#app :is(.am-toolbar,.ar-filters,.pm-filters,.ex-filters){gap:12px 18px;align-items:start}
#app .yw-choice-toggle,#app .yw-choice-panel{border-color:var(--ui-line);border-radius:9px;color:var(--ui-ink)}
#app .yw-choice-label{border-radius:6px}
#app .yw-choice-label:has(input:checked),#app .yw-choice-option[aria-selected=true]{background:var(--ui-soft)}
/* Same navigation destinations and handler; only the groups move on desktop. */
#app .ui-admin-shell{position:relative;padding-top:82px!important;border:0!important;border-radius:0!important;background:var(--ui-bg)!important;min-height:calc(100vh - 40px)}
#app .ui-admin-shell>aside{padding:26px 18px!important;background:#ffffff80!important;border:0!important;border-right:1px solid var(--ui-line)!important}
#app .ui-admin-shell>main{padding:26px 30px!important;min-width:0}
#app .ui-brand{position:absolute;top:20px;left:20px;font-size:25px!important;font-weight:700!important;padding:0!important;color:var(--ui-ink)}
#app .ui-brand small{display:block;font-size:12px;font-weight:400;color:var(--ui-muted);max-width:170px;overflow-wrap:anywhere}
#app .ui-main-nav:before{content:'工作台';display:block;font-size:13px;color:var(--ui-muted);letter-spacing:.12em;margin:0 12px 16px}
#app .ui-main-nav{display:grid;gap:10px}
#app .ui-utility-nav{position:absolute;left:var(--yw-side);right:0;top:0;min-height:82px;padding:16px 20px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-bottom:1px solid var(--ui-line)}
#app aside nav .ui-utility-nav button{width:auto;min-width:0;white-space:nowrap;padding:8px 12px}
#app aside nav [data-admin-route]{display:flex;align-items:center;gap:12px;color:var(--ui-ink);font-weight:500}
#app aside nav [aria-current=page]{background:var(--ui-soft);color:var(--ui-brand);box-shadow:inset 3px 0 var(--ui-brand)}
#app aside nav .ui-utility-nav [aria-current=page]{box-shadow:inset 0 -3px var(--ui-brand);background:transparent}
.ui-nav-icon{display:inline-block;width:24px;height:24px;flex:0 0 24px;background:var(--ui-brand);mask:url('/assets/ui/work.svg') center/contain no-repeat}
[data-admin-route=overview] .ui-nav-icon,[data-admin-route=home] .ui-nav-icon{mask-image:url('/assets/ui/home.svg')}
[data-admin-route=people] .ui-nav-icon{mask-image:url('/assets/ui/people.svg')}
[data-admin-route=import] .ui-nav-icon{mask-image:url('/assets/ui/import.svg')}
[data-admin-route=sections] .ui-nav-icon{mask-image:url('/assets/ui/layers.svg')}
[data-admin-route=export] .ui-nav-icon{mask-image:url('/assets/ui/export.svg')}
#app .ui-shortcuts{border-top:1px solid var(--ui-line);margin-top:28px;padding-top:20px;display:grid;gap:12px}
#app .ui-shortcuts>span{font-size:13px;color:var(--ui-muted);padding-left:12px}
#app .ui-shortcuts a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ui-ink)}
.ui-shortcuts .ui-nav-icon{mask-image:url('/assets/ui/plus.svg')}
/* Architectural illustration uses the approved flattened asset. */
#app .ui-campus{position:relative;margin:22px 0;background:var(--ui-bg);border-radius:18px;overflow:hidden;min-height:280px}
#app .ui-campus img{display:block;width:100%;height:420px;object-fit:contain;mix-blend-mode:multiply}
#app .ui-campus figcaption{position:absolute;inset:24px;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:space-between;gap:20px;pointer-events:none}
#app .ui-campus figcaption span{background:#ffffffed;border:1px solid var(--ui-line);border-radius:8px;padding:7px 14px;box-shadow:var(--ui-shadow);font-size:14px;color:var(--ui-brand)}
#app .ag-progress{background:#fff;border:1px solid var(--ui-line);border-radius:14px;padding:22px;margin:20px 0;box-shadow:var(--ui-shadow)}
#app .ag-summary{gap:14px}
#app .ag-stat{border:1px solid var(--ui-line);border-radius:12px;padding:18px;background:#fff}
#app .ag-stat strong{font-size:32px;color:var(--ui-ink)}
/* Seven existing types, module cards and contextual insertion. */
#app #affairs-creation-entry{max-width:none;background:transparent;border:0;padding:0}
#app .ce-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
#app .ce-option{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 10px;border:1px solid var(--ui-line);border-radius:12px;background:#fff}
#app .ce-option:before{content:'';width:30px;height:30px;background:var(--ui-brand);mask:url('/assets/ui/work.svg') center/contain no-repeat}
#app .ce-option:has([value=repair]):before{mask-image:url('/assets/ui/repair.svg')}
#app .ce-option:has([value=roster]):before{mask-image:url('/assets/ui/people.svg')}
#app .ce-option:has([value=workflow]):before{mask-image:url('/assets/ui/flow.svg')}
#app .ce-option:has([value=items]):before{mask-image:url('/assets/ui/box.svg')}
#app .ce-option:has([value=reservation]):before{mask-image:url('/assets/ui/calendar.svg')}
#app .ce-option:has(input:checked){background:var(--ui-soft);border-color:var(--ui-brand);box-shadow:inset 0 0 0 1px var(--ui-brand)}
#app .ce-option>input{position:absolute;right:8px;top:8px}
#app .ce-option span{font-size:13px}
#app .ce-option strong{display:block;font-size:16px;margin-bottom:5px}
#app .ce-option small{font-size:12px;color:var(--ui-muted)}
#app .wm-editor{padding:20px;border:1px solid var(--ui-line);background:#ffffffa8;border-radius:14px;margin:20px 0}
#app .wm-toolbar{gap:12px;padding:12px 0;flex-wrap:wrap}
#app .wm-card{position:relative;border:1px solid var(--ui-line);box-shadow:var(--ui-shadow);padding:22px;margin:14px 0}
#app .wm-card-heading{gap:14px;font-size:17px}
#app .wm-card-heading>span{font-size:12px;background:var(--ui-soft);padding:3px 8px;border-radius:6px;color:var(--ui-brand)}
#app .wm-card-actions{gap:8px}
#app .wm-insertion{text-align:center;border-bottom:1px dashed var(--ui-line);padding:8px;margin:8px 0}
#app .wm-insertion button{background:var(--ui-bg);border:0;color:var(--ui-brand)}
#app .wm-module-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#app .wm-module-menu button{background:#fff;border:1px solid var(--ui-line);text-align:left;padding:12px}
#app [data-scan-preview-frame]{box-shadow:0 8px 28px #34382b12;border:1px solid var(--ui-line)!important;border-radius:14px}
#app [data-wm-preview-host]:not(:empty){margin:20px auto}
#app [data-wm-preview-host]:not(:empty):before{content:'手机端扫码预览 · 可试填，不提交';display:block;padding:12px;color:var(--ui-brand);background:var(--ui-soft);border-radius:9px;margin-bottom:16px}
/* Personal page keeps the same panels, selections and account actions. */
#app #affairs-personal-review .ph-stage{padding:0}
#app #affairs-personal-review .ph-phone{max-width:1200px;border:0;border-radius:0;background:transparent}
#app #affairs-personal-review .ph-appbar{padding:14px 8px;background:transparent}
#app #affairs-personal-review .ph-main{padding:24px 0}
#app #affairs-personal-review .ph-person{min-height:130px;padding:20px 32% 20px 12px;background:url('/assets/ui/kindergarten.png') right center/auto 160px no-repeat}
#app #affairs-personal-review .ph-person h1{font-size:28px;font-weight:650}
#app #affairs-personal-review [data-screen]:has(>.ph-nav-extra){display:grid;grid-template-columns:1fr 1fr;gap:18px}
#app #affairs-personal-review [data-screen]:has(>.ph-nav-extra)>.ph-panel:first-child,#app #affairs-personal-review .ph-nav-extra{grid-column:1/-1}
#app #affairs-personal-review .ph-panel{margin:0;padding:20px}
#app #affairs-personal-review .ph-panel-head{padding:0 0 14px}
#app #affairs-personal-review .ph-count{background:var(--ui-soft);color:var(--ui-brand);border-radius:6px;padding:2px 8px;margin-left:10px}
#app #affairs-personal-review .ph-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#app #affairs-personal-review .ph-tile{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--ui-line);background:#fafaf7;border-radius:12px;text-align:left;min-width:0}
#app #affairs-personal-review .ph-tile-mark{font-size:0;flex:0 0 32px;width:32px;height:32px;background:var(--ui-brand);border-radius:0;mask:url('/assets/ui/work.svg') center/contain no-repeat}
#app .ph-tile-mark[data-ui-kind=repair]{mask-image:url('/assets/ui/repair.svg')!important}
#app .ph-tile-mark[data-ui-kind=roster]{mask-image:url('/assets/ui/people.svg')!important}
#app .ph-tile-mark[data-ui-kind=workflow]{mask-image:url('/assets/ui/flow.svg')!important}
#app .ph-tile-mark:is([data-ui-kind=items],[data-ui-kind=borrow],[data-ui-kind=consumable]){mask-image:url('/assets/ui/box.svg')!important}
#app .ph-tile-mark[data-ui-kind=reservation]{mask-image:url('/assets/ui/calendar.svg')!important}
#app #affairs-personal-review .ph-row{padding:16px 0;min-height:80px}
#app #affairs-personal-review .ph-row-title{gap:12px;flex-wrap:wrap}
#app #affairs-personal-review .ph-status{border-radius:6px;background:var(--ui-soft);padding:3px 8px}
#app #affairs-personal-review .ph-status.ph-red{background:#fff1dc;color:#975711}
#app #affairs-personal-review .ph-nav-extra{display:flex;flex-wrap:wrap;gap:12px;background:#fff;border:1px solid var(--ui-line);border-radius:14px;padding:18px}
#app #affairs-personal-review .ph-nav-extra button{padding:10px 18px;border:1px solid var(--ui-line);border-radius:9px}
/* Scan/input screens retain native long-page scrolling. */
#app :is(.sr-stage,.rr-stage,.rg-stage,.rb-stage,.rq-stage){padding:12px 0;background:transparent}
#app :is(.sr-phone,.rr-phone,.rg-phone,.rb-phone,.rq-phone){border:0;border-radius:0;background:var(--ui-bg);max-width:480px}
#app :is(.sr-main,.rr-main,.rg-main){padding:16px}
#app :is(.sr-appbar,.rr-appbar,.rg-appbar){background:transparent;border-bottom:1px solid var(--ui-line)}
#app :is(.sr-section,.sr-context,.rr-section,.rg-section,.rb-section){padding:18px;margin-bottom:14px;border-radius:13px}
#app .sr-context{background:#fff;border:1px solid var(--ui-line)}
#app :is([data-g-add-files],[data-add-files],button[data-action=files]){display:block;margin:14px auto;max-width:100%;padding:10px 22px}
#app .wm-module:has([data-wm-upload]){border:1px solid var(--ui-line);border-radius:13px;padding:18px;background:#fff}
#app :is(.sr-media-tools,.sr-media-actions){display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
#app :is(.sr-primary,.rg-primary){width:100%}
#app .ic-range{gap:14px}
#app .ic-range>div{border:1px solid var(--ui-line);border-radius:12px;padding:18px;background:#fff}
#app .ic-notice{background:#fff2dd;color:#674b23;border:1px solid #ecd9b7;border-radius:12px}
#app :is(.ic-box,.ex-template-controls){padding:24px;margin:18px 0}
#app .ex-options{gap:12px}
#app .ex-option{border-radius:10px;padding:16px;border-color:var(--ui-line)}
#app .ex-option:has(input:checked){background:var(--ui-soft);border-color:var(--ui-brand)}
#app .ex-template-line{padding:16px;background:#fff;border:1px solid var(--ui-line);border-radius:10px;margin:10px 0}
#app .ex-word-frame{background:#fff}
#app .ex-bundle{border:1px solid var(--ui-line);border-radius:12px;padding:20px;background:#fff}
#affairs-media-view{font-family:inherit;color:var(--ui-ink)}
#affairs-media-view .av-phone{background:var(--ui-bg);border-color:var(--ui-line);border-radius:14px}
@media(max-width:1200px){#app .ui-utility-nav{gap:2px;padding:16px 10px}#app aside nav .ui-utility-nav button{font-size:13px;gap:6px;padding:8px}#app .ce-options{grid-template-columns:repeat(4,minmax(0,1fr))}#app .ui-admin-shell>main{padding:22px!important}}
@media(max-width:900px){#app{padding:12px}#app .ui-admin-shell{padding-top:0!important}#app .ui-brand{position:static;margin-bottom:20px}#app .ui-utility-nav{position:static;display:grid;min-height:0;padding:0;border:0;justify-content:stretch}#app aside nav .ui-utility-nav button{width:100%;font-size:15px;padding:10px 12px}#app .ui-admin-shell>aside{padding:16px!important}#app .ui-campus img{height:300px}#app .wm-module-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#app{padding:12px}#app .ui-admin-shell{min-height:0}#app .ui-admin-shell>aside{border-right:0!important;border-bottom:1px solid var(--ui-line)!important}#app .ui-admin-shell>main{padding:20px 0!important}#app .ui-brand{font-size:23px!important;margin:0 0 12px}#app .ui-main-nav:before,#app .ui-shortcuts>span{display:none}#app .ui-main-nav,#app .ui-utility-nav{display:flex;flex-wrap:wrap;gap:4px}#app aside nav [data-admin-route]{width:auto;font-size:13px!important;padding:8px!important;gap:6px}#app .ui-shortcuts{margin:8px 0 0;padding:8px 0 0}#app .ui-nav-icon{width:20px;height:20px;flex-basis:20px}#app h1{font-size:24px}#app :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px}#app .ce-options{grid-template-columns:repeat(2,minmax(0,1fr))}#app .ce-option{padding:16px 12px}#app .wm-editor{padding:12px}#app .ui-campus{min-height:200px}#app .ui-campus img{height:260px}#app .ui-campus figcaption{inset:12px;gap:8px}#app .ui-campus figcaption span{font-size:12px;padding:4px 8px}#app #affairs-personal-review [data-screen]:has(>.ph-nav-extra){display:block}#app #affairs-personal-review .ph-panel{padding:16px;margin-bottom:14px}#app #affairs-personal-review .ph-main{padding:16px 0}#app #affairs-personal-review .ph-person{padding:12px 26% 12px 0;background-size:auto 100px;min-height:120px}#app #affairs-personal-review .ph-person h1{font-size:24px}#app #affairs-personal-review .ph-grid{gap:8px}#app #affairs-personal-review .ph-tile{padding:12px 4px;flex-direction:column;text-align:center;gap:8px;font-size:13px}#app #affairs-personal-review .ph-tile-mark{width:28px;height:28px;flex-basis:28px}#app #affairs-personal-review .ph-nav-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:10px}#app #affairs-personal-review .ph-nav-extra button{padding:10px 6px;font-size:14px}#app .sr-main{padding:12px 0}#app .sr-section{padding:16px}#app .wm-module-menu{grid-template-columns:repeat(2,minmax(0,1fr))}#app .ic-box{padding:16px}#app .ex-template-controls{padding:16px}}
@media(prefers-reduced-motion:reduce){#app button{transition:none}}
@media print{#app .ui-utility-nav,#app .ui-admin-aside{display:none!important}#app .ui-admin-shell{display:block;padding-top:0!important}#app{padding:0;max-width:none}}

/* Decorative type arrows do not consume a mobile shortcut row. */
#app #affairs-personal-review .ph-tile-mark{padding:0;min-height:28px}
@media(max-width:760px){#app #affairs-personal-review .ph-tile-arrow{display:none}#app #affairs-personal-review .ph-tile{min-height:90px}#app #affairs-personal-review .ph-tile-name{font-size:13px;line-height:1.5}}
#app .wm-module:has(input[data-wm-file])>label:has(input[data-wm-file]){display:block;text-align:center;padding:14px;border:1px dashed var(--ui-line);border-radius:10px;margin:12px auto}
#app .wm-module input[data-wm-file]{max-width:100%;font:inherit;margin:10px auto;display:block}
#app .wm-module input[data-wm-file]::file-selector-button{border:1px solid var(--ui-brand);border-radius:8px;padding:10px 18px;background:#fff;color:var(--ui-brand);font:inherit;cursor:pointer}

/* Neutralize browser defaults for newly composed presentation containers. */
#app aside nav [data-admin-route]{border:0;background:transparent}
#app aside nav .ui-main-nav [aria-current=page]{background:var(--ui-soft)}
#app .wm-toolbar button,#app .wm-card-actions button,#app [data-wm-business-edit] button,#app .wm-module-menu button{border:1px solid var(--ui-line);background:#fff;color:var(--ui-brand);padding:8px 14px}
#app .wm-toolbar [data-wm-page][aria-pressed=true]{border-color:transparent;border-radius:0;box-shadow:inset 0 -3px var(--ui-brand);background:transparent}
#app .wm-card{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:16px;padding:18px}
#app .wm-card-actions{margin:0;display:flex;gap:8px}
#app .wm-card>[data-wm-business-edit]{min-width:0}
#app .wm-toolbar{display:flex;align-items:center;gap:12px}
#app .wm-toolbar [data-wm-preview]{margin-left:auto}
#app .ce-options{margin:12px 0 24px}
#app #affairs-creation-entry fieldset{border:0;padding:0;min-width:0}
#app #affairs-creation-entry legend{font-size:18px;font-weight:600;padding:0}
#app #affairs-creation-entry .ce-option>span{display:flex;flex-direction:column;gap:5px}
#app .ag-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;background:transparent;border:0;box-shadow:none}
#app .ag-summary{display:contents}
#app .ag-progress-head{order:4;display:flex;align-items:stretch;flex-direction:column;justify-content:center;padding:20px;background:#fff;border:1px solid var(--ui-line);border-radius:12px;gap:10px}
#app .ag-progress-head strong{font-size:32px;text-align:left}
#app .ag-progress-head progress{width:100%;height:7px}
#app .ag-stat{box-shadow:var(--ui-shadow);min-width:0}
#app .ui-campus img{mask-image:radial-gradient(ellipse 60% 65% at 50% 52%,#000 60%,transparent 100%)}
#app .ui-campus figcaption{align-content:space-around}
#app .ui-campus figcaption span{position:relative;height:fit-content}
#app .ui-campus figcaption span:after{content:'';position:absolute;width:45px;height:1px;background:var(--ui-brand);top:50%;left:100%;transform:rotate(20deg);transform-origin:left}
#app .ui-export-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;align-items:start}
#app .ui-export-left,#app .ui-export-right{min-width:0;display:grid;gap:18px}
#app .ui-export-card{background:#fff;border:1px solid var(--ui-line);border-radius:14px;padding:20px;min-width:0;box-shadow:var(--ui-shadow)}
#app .ui-export-card .ex-step{margin-top:0}
#app .ui-export-card .ex-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
#app .ui-export-card .ex-options{display:flex;flex-direction:column}
#app .ui-export-footer{grid-column:1/-1;background:#fff;border:1px solid var(--ui-line);border-radius:12px;padding:18px}
#app .ui-export-footer .ex-actions{justify-content:flex-end;margin:0}
#app #affairs-personal-review .ph-appbar strong{font-size:22px;font-weight:650}
#app :is(.pr-main,.ar-main,.am-main,.ex-main,.ic-shell>main){font-size:15px}
#app :is(.pm-table,.am-list,.ar-list){font-size:15px}
#app .pr-tabs{display:flex;flex-wrap:wrap}
#app .pr-tabs button{flex:1;min-width:max-content}
#app .pr-qr-export{margin:0 0 16px}
#app .wm-card-heading strong{font-size:17px}
@media(max-width:1200px){#app .wm-card{grid-template-columns:1fr auto}#app .wm-card>[data-wm-business-edit]{grid-column:1/-1}}
@media(max-width:1000px){#app .ui-export-grid{grid-template-columns:1fr}#app .ag-progress{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#app .wm-card{display:block}#app .wm-card-actions{margin:12px 0}#app .wm-toolbar [data-wm-preview]{margin-left:0}#app .ui-export-card{padding:14px}#app .ui-export-card .ex-filters{grid-template-columns:1fr}#app .pr-tabs button{flex:initial}#app .ag-stat{padding:14px}#app .ag-progress-head{padding:14px}}

/* Native file input still owns file selection and change events. */
#app .wm-module label.ui-upload-picker{position:relative;display:inline-flex;justify-content:center;align-items:center;min-height:44px;max-width:100%;margin:12px 0;padding:10px 22px;border:1px solid var(--ui-brand);background:#fff;border-radius:9px;color:var(--ui-brand);cursor:pointer;overflow:hidden}
#app .wm-module label.ui-file-picker{display:flex;width:170px;margin:16px auto}
#app .wm-module .ui-upload-picker input[data-wm-file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;font-size:16px}
#app .wm-module .ui-upload-picker:focus-within{outline:2px solid var(--ui-brand);outline-offset:3px}
#app .wm-module .ui-upload-picker:has(input:disabled){opacity:.48;cursor:not-allowed}
#app .wm-module .ui-upload-picker input:disabled{cursor:not-allowed}

/* Reading/tab order remains 1, 2, 3, 4; only desktop visual areas differ. */
#app .ui-export-grid{grid-template-areas:"range templates" "range options" "records bundle" "footer footer"}
#app .ui-export-range{grid-area:range}#app .ui-export-templates{grid-area:templates}#app .ui-export-options{grid-area:options}#app .ui-export-records{grid-area:records}#app .ui-export-bundle{grid-area:bundle;min-width:0}#app .ui-export-footer{grid-area:footer}
@media(max-width:1000px){#app .ui-export-grid{grid-template-areas:"range" "templates" "options" "records" "bundle" "footer"}}

/* Compact genuine filters without hiding any criteria; native output radios stay visible. */
#app .ui-export-grid{grid-template-areas:"range templates" "range options" "range bundle" "records records" "footer footer";grid-template-rows:max-content max-content minmax(0,1fr) auto auto}
#app .ui-export-card .ex-more-filters .ex-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
#app .ui-export-card .ex-options{display:grid;grid-template-columns:1fr 1fr}
#app .ui-export-card .ex-option{min-width:0;margin:0;padding:12px;display:flex;gap:8px;align-items:flex-start}
#app .ui-export-card .ex-option small{display:block;font-size:12px;line-height:1.5;color:var(--ui-muted);margin-top:5px}
@media(max-width:1000px){#app .ui-export-grid{grid-template-areas:"range" "templates" "options" "records" "bundle" "footer";grid-template-rows:auto}#app .ui-export-card .ex-more-filters .ex-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){#app .ui-export-card .ex-more-filters .ex-filters{grid-template-columns:1fr}}

/* Reference-v2: approved assets and composition. UI only. */
:root{--ui-brand:#65764b;--ui-bg:#f4f2f3;--ui-soft:#e9ebdf;--ui-line:#dedbdc;--ui-shadow:0 3px 9px #4d37400b;--yw-side:200px}
body{background:radial-gradient(ellipse at 70% 0,#f0ecef 0,transparent 65%),var(--ui-bg)}
#app{padding:0;max-width:none}
#app h1{font-size:30px;font-weight:700;line-height:1.3;letter-spacing:.02em}
#app h2{font-size:20px;font-weight:650}
#app .ui-admin-shell{display:grid!important;grid-template-columns:200px minmax(0,1fr)!important;align-items:stretch!important;padding-top:64px!important;min-height:100vh;border:0!important;background:transparent!important;overflow:visible!important}
#app .ui-admin-shell>aside{width:200px!important;min-width:0!important;max-width:none!important;padding:30px 14px!important;background:#ffffff50!important;border-right:1px solid #ffffff80!important;border-radius:0 18px 0 0}
#app .ui-admin-shell>main{padding:52px 24px 28px!important;min-width:0}
#app .ui-brand{position:absolute;top:12px;left:26px;font-size:26px!important;font-weight:750!important;line-height:1.3;z-index:2}
#app .ui-brand small{font-size:10px;line-height:1.2;letter-spacing:0;margin:0}
#app .ui-utility-nav{left:200px;right:0;top:0;height:64px;min-height:64px;padding:8px 28px;justify-content:flex-start;gap:clamp(10px,2vw,36px);border-bottom:1px solid #fff;background:#ffffff30}
#app aside nav .ui-utility-nav button{font-size:16px;font-weight:600;padding:9px 8px;min-height:44px;gap:12px}
#app .ui-main-nav{gap:14px}
#app .ui-main-nav:before{font-size:16px;font-weight:600;color:var(--ui-brand);margin:0 10px 12px;letter-spacing:0}
#app aside nav .ui-main-nav [data-admin-route]{font-size:21px;font-weight:650;padding:13px 10px;gap:15px}
#app aside nav .ui-main-nav [aria-current=page]{box-shadow:none;border-radius:10px}
#app aside nav .ui-main-nav [data-admin-route=overview]{order:0}
#app .ui-shortcuts{margin-top:34px;padding-top:22px;gap:12px}
#app .ui-shortcuts>span{font-size:16px;font-weight:600;color:var(--ui-brand);padding-left:8px}
#app .ui-shortcuts a{font-size:17px;gap:12px;padding:10px 8px}
#app .ui-nav-icon{width:27px;height:27px;flex-basis:27px}
body:has(#app .ui-admin-shell)>.yw-return-tools{position:absolute;top:74px;right:24px;z-index:10;margin:0;padding:0;display:flex;gap:14px;background:transparent;max-width:calc(100% - 230px)}
body:has(#app .ui-admin-shell)>.yw-return-tools button{min-height:28px;padding:1px 0;border:0;background:transparent;color:var(--ui-brand);font-size:13px;box-shadow:none}
#app .ui-admin-shell>main>div:first-child h1{border-left:6px solid #7b8760;padding-left:14px}
#app :is(.am-heading,.ar-heading,.pr-heading,.ic-heading,.ex-heading,.ag-heading){margin:0 0 20px;min-height:78px}
#app :is(.am-heading,.ar-heading){background:url('/assets/ui/reference-v2/campus-mini.png') right center/260px auto no-repeat}
#app :is(.am-heading,.ar-heading)>div:first-child{padding-right:250px}
#app .pr-heading{background:url('/assets/ui/reference-v2/campus-outline.png') 67% center/180px auto no-repeat}
#app :is(.am-subtitle,.ar-subtitle,.pr-subtitle,.ic-subtitle,.ex-subtitle,.ag-subtitle){font-size:16px;color:var(--ui-ink);margin:8px 0}
#app :is(.am-toolbar,.ar-filters,.pm-filters){background:#ffffffb8;border:1px solid #e5e0e3;border-radius:13px;padding:18px;box-shadow:var(--ui-shadow)}
#app :is(.am-list,.ar-list,.pr-list,.pm-table-wrap,.ag-list){background:#ffffffa8;border:1px solid #e5e0e3;border-radius:14px;padding:12px 14px;box-shadow:var(--ui-shadow)}
#app :is(.ag-columns,.am-columns,.ar-cols,thead){background:#eae8e5aa;color:#5c6847;border-radius:8px;font-weight:650}
#app :is(.am-work,.ar-row,.ag-work){padding-top:17px;padding-bottom:17px}
#app :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select){padding:7px 12px;min-height:38px}
#app .yw-choice-toggle{min-height:38px;padding:7px 30px 7px 12px}
#app .ag-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:0 12px}
#app .ag-heading{grid-column:1;margin:0;min-height:72px;flex-wrap:nowrap}
#app .ag-heading>button{font-size:13px;min-height:34px;padding:6px 12px}
#app .ag-period{grid-column:2;align-self:center;display:flex;margin:0;gap:6px;white-space:nowrap;font-size:12px}
#app .ag-period label{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#app .ag-period input{width:128px;font-size:12px;min-height:32px;padding:4px 6px}
#app .ag-period button{font-size:12px;min-height:32px}
#app .ag-main>.ui-campus,#app .ag-main>.ag-progress,#app .ag-main>.ag-list,#app .ag-main>.ag-foot{grid-column:1/-1}
#app .ui-campus{margin:0 0 12px;min-height:0;overflow:visible;border-radius:0;background:transparent}
#app .ui-campus img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;mask-image:none;mix-blend-mode:multiply}
#app .ui-campus figcaption{position:static;display:block;text-align:right;font-size:10px;line-height:1.2;color:var(--ui-muted);padding:0}
#app .ag-progress{margin:4px 0 24px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
#app .ag-stat,#app .ag-progress-head{position:relative;min-height:170px;background:#ffffffbd;border:1px solid #e6e1e5;border-radius:12px;padding:16px 20px;box-shadow:var(--ui-shadow);text-align:left}
#app .ag-stat>span:first-child{font-size:16px;color:var(--ui-ink)}
#app .ag-stat strong{display:inline;font-size:48px;line-height:1.3;color:#65704f;font-weight:650}
#app .ag-stat em{font-size:12px;min-height:18px;line-height:1.4;margin-top:6px}
#app .ag-stat[aria-pressed=true]{border-color:#a5af8d;box-shadow:inset 0 -2px #899969}
#app .ui-stat-bar{height:11px;background:#e7e4e1;border-radius:8px;margin-top:12px;overflow:hidden}
#app .ui-stat-bar i{display:block;height:100%;width:var(--ui-rate,0%);background:linear-gradient(90deg,#76845b,#a7b48a);border-radius:inherit}
#app .ui-stat-checks{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px;max-width:220px}
#app .ui-stat-checks i{width:14px;height:14px;background:#9aaa7c;mask:url('/assets/ui/reference-v2/icons/check-square.svg') center/contain no-repeat}
#app .ui-stat-dots{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;max-width:210px}
#app .ui-stat-dots i{width:12px;height:12px;border-radius:50%;background:#ded9d5}
#app .ui-stat-dots i.late{background:#d88168}
#app .ag-progress-head{justify-content:flex-start;gap:0}
#app .ag-progress-head>span{font-size:16px}
#app .ui-rate-gauge{position:relative;max-width:230px;width:100%;margin:12px auto 0}
#app .ui-rate-gauge svg{display:block;width:100%;height:100px;overflow:visible}
#app .ui-rate-gauge strong{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:38px;line-height:1.2;color:#65704f}
#app .ui-native-progress{position:absolute;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%)}
#app .ag-list-top{padding:12px 6px 18px}
#app .pr-tabs{background:#ffffff90;padding:10px;border-radius:12px;margin-bottom:14px}
#app .pr-tabs button{font-size:17px;background:transparent;border:0;border-radius:9px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:12px}
#app .pr-qr-export{display:flex;justify-content:flex-end;margin-top:-10px}
#app .ic-range{grid-template-columns:repeat(4,minmax(0,1fr))}
#app .ic-range>div{position:relative;padding:14px 12px 14px 64px;background:#ffffff80;border-radius:10px}
#app .ic-range h3{font-size:16px;margin-bottom:2px}
#app .ic-range p{font-size:12px;line-height:1.5;margin:0}
#app .ic-steps{margin:20px 0}
#app .ic-step{font-size:14px}
#app .ic-notice{padding:12px 16px;font-size:13px}
#app .ic-notice strong{font-size:16px}
#app .ic-notice p{margin:5px 0;line-height:1.6}
#app .ic-box{padding:20px;margin:16px 0;background:#ffffffb5}
#app #affairs-creation-entry>div.ui-admin-shell>main>h1{border-left:6px solid #7b8760;padding-left:14px}
#app #affairs-creation-entry fieldset.ce-types,#app #affairs-creation-entry fieldset:has(.ce-options){padding:16px;background:#ffffffb5;border:1px solid #e5e0e3;border-radius:12px;box-shadow:var(--ui-shadow)}
#app .ce-options{margin:0;gap:9px}
#app .ce-option{padding:15px 7px;gap:7px;border-radius:9px;background:#ffffff80}
#app .ce-option strong{font-size:16px}
#app .ce-option small{font-size:11px}
#app .ce-option:before{width:30px;height:30px}
#app .wm-editor{padding:16px;background:#ffffffa8}
#app .wm-card{padding:12px 16px;margin:12px 0;background:#ffffff90;gap:12px}
#app .wm-card-actions button{border:0;padding:5px 7px;min-height:32px}
#app .wm-card-heading:before{content:'';width:16px;height:24px;flex:0 0 16px;background:#81837b;mask:url('/assets/ui/reference-v2/icons/grip.svg') center/contain no-repeat}
#app .wm-dialog:has(.wm-module-menu){background:#eeeee7;border:1px solid #adb69a;padding:16px}
#app .wm-module-menu{gap:8px}
#app .wm-module-menu button{display:flex;align-items:center;gap:14px;padding:8px 12px;min-height:38px;color:var(--ui-ink)}
#app .wm-toolbar button{display:inline-flex;align-items:center;gap:8px}
#app .ui-export-grid{grid-template-areas:"range templates" "range options" "records bundle" "footer footer";grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:14px}
#app .ui-export-card{padding:16px;background:#ffffffad}
#app .ui-export-card .ex-step{font-size:17px;background:#ece9e6a0;padding:4px 8px;border-radius:7px}
#app .ui-export-card .ex-option{border:0;background:transparent;padding:8px 0}
#app .ui-export-card .ex-filters{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
#app .ui-export-card .ex-more-filters .ex-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
#app .ui-export-footer{padding:14px}
#app #affairs-personal-review .ph-phone{max-width:1400px;margin:auto}
#app #affairs-personal-review .ph-appbar{padding:12px 24px;border-bottom:1px solid #fff}
#app #affairs-personal-review .ph-appbar strong{font-size:28px}
#app #affairs-personal-review .ph-main{padding:18px 24px}
#app #affairs-personal-review .ph-person{background-image:url('/assets/ui/reference-v2/campus-mini.png');background-size:290px auto;min-height:110px;padding:12px 330px 16px 14px;border-left:6px solid #7b8760}
#app #affairs-personal-review .ph-panel{background:#ffffffb8;padding:18px}
#app #affairs-personal-review .ph-tile{background:#ffffff65;padding:16px 18px;min-height:86px;gap:14px;border-radius:10px}
#app #affairs-personal-review .ph-tile-mark{width:36px;height:36px;flex-basis:36px}
#app #affairs-personal-review .ph-tile-name{font-size:17px;font-weight:600;flex:1;border-left:1px solid var(--ui-line);padding-left:14px}
#app #affairs-personal-review .ph-tile-name small{display:table;padding:1px 9px;border-radius:9px;background:var(--ui-soft);font-size:12px;font-weight:400;color:var(--ui-brand);margin-top:6px}
#app #affairs-personal-review .ph-row{position:relative;padding:16px 0 16px 48px}
#app #affairs-personal-review .ph-row:before{content:'';position:absolute;left:2px;top:22px;width:30px;height:30px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/document.svg') center/contain no-repeat}
#app #affairs-personal-review .ph-nav-extra{background:#ffffffb8;gap:8px}
#app #affairs-personal-review .ph-nav-extra:before{content:'其他入口';font-size:20px;font-weight:650;padding:6px 18px 6px 12px;border-left:5px solid #7b8760}
#app #affairs-personal-review .ph-nav-extra button{border:0;display:flex;align-items:center;gap:12px}
#app :is(.sr-phone,.rr-phone,.rg-phone,.rb-phone,.rq-phone){background:transparent}
#app :is(.sr-section,.sr-context,.rr-section,.rg-section){background:#ffffffb8;border-color:#e5e0e3}
#app :is(.sr-media-buttons,.sr-media-tools,.sr-media-actions){display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
#app .sr-media-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:8px;white-space:nowrap}
#app :is([data-g-add-files],.ui-upload-picker>span){display:flex;align-items:center;justify-content:center;gap:8px}
#app .sr-context{box-shadow:var(--ui-shadow)}
@media(min-width:1600px){#app .ui-admin-shell>main{padding-left:32px!important;padding-right:32px!important}#app .ui-campus img{max-height:580px}}
@media(max-width:1200px) and (min-width:901px){#app .ui-utility-nav{gap:5px;padding:8px 12px}#app aside nav .ui-utility-nav button{font-size:14px;padding:8px 6px}#app .ag-main{display:block}#app .ag-period{justify-content:flex-end;margin:0 0 8px}#app .ic-range{grid-template-columns:repeat(2,minmax(0,1fr))}#app .wm-module-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){#app .ui-admin-shell{display:block!important;padding-top:0!important}#app .ui-admin-shell>aside{width:auto!important;padding:14px!important;border:0!important}#app .ui-brand{position:static;margin:0 0 12px;font-size:24px!important}#app .ui-utility-nav{position:static;height:auto;min-height:0;padding:0;display:flex;flex-wrap:wrap;gap:3px;background:transparent}#app .ui-main-nav{display:flex;flex-wrap:wrap;gap:4px}#app .ui-main-nav:before{display:none}#app aside nav .ui-main-nav [data-admin-route],#app aside nav .ui-utility-nav [data-admin-route]{font-size:14px;padding:7px;min-height:36px}#app .ui-shortcuts{margin:8px 0 0;padding:6px 0 0}#app .ui-shortcuts>span{display:none}#app .ui-shortcuts a{font-size:14px;padding:4px}body:has(#app .ui-admin-shell)>.yw-return-tools{position:static;max-width:none;padding:6px 14px;margin:0;justify-content:flex-end}#app .ui-admin-shell>main{padding:20px 14px!important}#app .ag-main{display:block}#app .ag-heading{flex-wrap:wrap}#app .ag-period{white-space:normal;margin:8px 0 12px;flex-wrap:wrap}#app .ui-campus img{height:auto;max-height:none}#app .ag-progress{grid-template-columns:repeat(2,minmax(0,1fr))}#app .ag-stat,#app .ag-progress-head{padding:14px;min-height:160px}#app .ag-stat strong{font-size:38px}#app .ic-range{grid-template-columns:repeat(2,minmax(0,1fr))}#app :is(.am-heading,.ar-heading,.pr-heading){background:none}#app :is(.am-heading,.ar-heading)>div:first-child{padding-right:0}#app .ui-export-grid{grid-template-columns:1fr;grid-template-areas:"range" "templates" "options" "records" "bundle" "footer";grid-template-rows:auto}#app .wm-module-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#app{padding:0 10px}#app:has(.ui-admin-shell){padding:0}#app .ui-admin-shell>main{padding:16px 12px!important}#app h1{font-size:25px}#app .ic-range>div{padding:12px 10px 12px 48px}#app .ce-options{grid-template-columns:repeat(2,minmax(0,1fr))}#app .ce-option{padding:14px 8px}#app #affairs-personal-review .ph-main{padding:14px 0}#app #affairs-personal-review .ph-appbar{padding:10px 6px}#app #affairs-personal-review .ph-person{padding:10px 40% 12px 8px;min-height:100px;background-size:40% auto}#app #affairs-personal-review .ph-person h1{font-size:23px}#app #affairs-personal-review .ph-panel{padding:14px;margin-bottom:14px}#app #affairs-personal-review .ph-grid{gap:8px}#app #affairs-personal-review .ph-tile{padding:10px 3px;min-height:88px;gap:6px;flex-direction:column;border:0;background:#efeee9}#app #affairs-personal-review .ph-tile-name{font-size:13px;font-weight:500;border:0;padding:0}#app #affairs-personal-review .ph-tile-name small{display:none}#app #affairs-personal-review .ph-tile-mark{width:30px;height:30px;flex-basis:30px}#app #affairs-personal-review .ph-nav-extra{display:grid;grid-template-columns:1fr 1fr;padding:14px}#app #affairs-personal-review .ph-nav-extra:before{grid-column:1/-1;border:0;padding:0}#app #affairs-personal-review .ph-nav-extra button{border:1px solid var(--ui-line);padding:8px;font-size:13px;gap:8px}#app .sr-section{padding:14px}#app textarea{min-height:180px}#app .wm-module-menu button{font-size:13px;gap:8px;padding:8px}#app .ui-export-card .ex-filters,#app .ui-export-card .ex-more-filters .ex-filters{grid-template-columns:1fr}}
@media print{body>.yw-return-tools{display:none!important}#app .ui-admin-shell{display:block!important;padding-top:0!important}}

/* Fixed icon vocabulary, matching the prepared SVG assets. */
#app [data-admin-route=overview] .ui-nav-icon{mask-image:url('/assets/ui/reference-v2/icons/home.svg')!important}
#app [data-admin-route=home] .ui-nav-icon{mask-image:url('/assets/ui/reference-v2/icons/home.svg')!important}
#app [data-admin-route=works] .ui-nav-icon{mask-image:url('/assets/ui/reference-v2/icons/clipboard.svg')!important}
#app [data-admin-route=records] .ui-nav-icon{mask-image:url('/assets/ui/reference-v2/icons/document.svg')!important}
#app [data-admin-route=people] .ui-nav-icon{mask-image:url('/assets/ui/reference-v2/icons/people.svg')!important}
#app [data-admin-route=import] .ui-nav-icon{mask-image:url('/assets/ui/reference-v2/icons/database.svg')!important}
#app [data-admin-route=sections] .ui-nav-icon{mask-image:url('/assets/ui/reference-v2/icons/layers.svg')!important}
#app [data-admin-route=export] .ui-nav-icon{mask-image:url('/assets/ui/reference-v2/icons/export.svg')!important}
#app .ui-shortcuts .ui-nav-icon{mask-image:url('/assets/ui/reference-v2/icons/plus-square.svg')!important}
#app .ce-option:has([value=general]):before{mask-image:url('/assets/ui/reference-v2/icons/document.svg')!important}
#app .ce-option:has([value=repair]):before{mask-image:url('/assets/ui/reference-v2/icons/wrench.svg')!important}
#app .ce-option:has([value=registration]):before{mask-image:url('/assets/ui/reference-v2/icons/clipboard-check.svg')!important}
#app .ce-option:has([value=roster]):before{mask-image:url('/assets/ui/reference-v2/icons/id-card.svg')!important}
#app .ce-option:has([value=workflow]):before{mask-image:url('/assets/ui/reference-v2/icons/flow.svg')!important}
#app .ce-option:has([value=items]):before{mask-image:url('/assets/ui/reference-v2/icons/box.svg')!important}
#app .ce-option:has([value=reservation]):before{mask-image:url('/assets/ui/reference-v2/icons/calendar.svg')!important}
#app .wm-module-menu [data-wm-kind=info]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/document.svg') center/contain no-repeat}
#app .wm-module-menu [data-wm-kind=display]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/image.svg') center/contain no-repeat}
#app .wm-module-menu [data-wm-kind=upload]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/upload.svg') center/contain no-repeat}
#app .wm-module-menu [data-wm-kind=date]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/calendar.svg') center/contain no-repeat}
#app .wm-module-menu [data-wm-kind=choice]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/check-square.svg') center/contain no-repeat}
#app .wm-module-menu [data-wm-kind=text]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/text.svg') center/contain no-repeat}
#app .wm-module-menu [data-wm-kind=reference]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/folder.svg') center/contain no-repeat}
#app .wm-module-menu [data-wm-kind=person]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/user.svg') center/contain no-repeat}
#app .wm-module-menu [data-wm-kind=heading]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/list.svg') center/contain no-repeat}
#app .wm-module-menu [data-wm-kind=repeat]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/layers.svg') center/contain no-repeat}
#app .wm-module-menu [data-wm-kind=location]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/pin.svg') center/contain no-repeat}
#app .wm-module-menu [data-wm-kind=entity]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/people.svg') center/contain no-repeat}
#app .wm-module-menu [data-wm-kind=purchase]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/cart.svg') center/contain no-repeat}
#app .pr-tabs [data-tab=staff]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/people.svg') center/contain no-repeat}
#app .pr-tabs [data-tab=students]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/graduation.svg') center/contain no-repeat}
#app .pr-tabs [data-tab=parents]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/people.svg') center/contain no-repeat}
#app .pr-tabs [data-tab=classes]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/school.svg') center/contain no-repeat}
#app .pr-tabs [data-tab=transfer]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/transfer.svg') center/contain no-repeat}
#app .pr-tabs [data-tab=bulk]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/layers.svg') center/contain no-repeat}
#app [data-action=qr-export]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/qr.svg') center/contain no-repeat}
#app [data-wm-template]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/layers.svg') center/contain no-repeat}
#app [data-wm-preview]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/qr.svg') center/contain no-repeat}
#app [data-g-capture=photo]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/camera.svg') center/contain no-repeat}
#app [data-g-capture=video]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/video.svg') center/contain no-repeat}
#app [data-g-album]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/image.svg') center/contain no-repeat}
#app [data-g-add-files]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/paperclip.svg') center/contain no-repeat}
#app .ui-file-picker>span:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/paperclip.svg') center/contain no-repeat}
#app .ui-upload-picker:not(.ui-file-picker)>span:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/upload.svg') center/contain no-repeat}
#app .ph-nav-extra [data-nav=manage]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/layers.svg') center/contain no-repeat}
#app .ph-nav-extra [data-nav=schedule]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/calendar.svg') center/contain no-repeat}
#app .ph-nav-extra [data-nav=kitchen]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/cutlery.svg') center/contain no-repeat}
#app .ph-nav-extra [data-nav=inventory]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/warehouse.svg') center/contain no-repeat}
#app .ph-nav-extra [data-password]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/lock.svg') center/contain no-repeat}
#app [data-action=templates]:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/download.svg') center/contain no-repeat}
#app .ic-range>div:nth-child(1):before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/people.svg') center/contain no-repeat}
#app .ic-range>div:nth-child(2):before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/graduation.svg') center/contain no-repeat}
#app .ic-range>div:nth-child(3):before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/user.svg') center/contain no-repeat}
#app .ic-range>div:nth-child(4):before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;flex:0 0 24px;margin-right:7px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/id-card.svg') center/contain no-repeat}
#app .ic-range>div:before{position:absolute;left:18px;top:22px;width:32px;height:32px}
#app #affairs-personal-review .ph-tile-mark[data-ui-icon="flame"]{mask-image:url('/assets/ui/reference-v2/icons/flame.svg')!important}#app #affairs-personal-review .ph-row[data-ui-icon="flame"]:before{mask-image:url('/assets/ui/reference-v2/icons/flame.svg')}
#app #affairs-personal-review .ph-tile-mark[data-ui-icon="book"]{mask-image:url('/assets/ui/reference-v2/icons/book.svg')!important}#app #affairs-personal-review .ph-row[data-ui-icon="book"]:before{mask-image:url('/assets/ui/reference-v2/icons/book.svg')}
#app #affairs-personal-review .ph-tile-mark[data-ui-icon="wrench"]{mask-image:url('/assets/ui/reference-v2/icons/wrench.svg')!important}#app #affairs-personal-review .ph-row[data-ui-icon="wrench"]:before{mask-image:url('/assets/ui/reference-v2/icons/wrench.svg')}
#app #affairs-personal-review .ph-tile-mark[data-ui-icon="people"]{mask-image:url('/assets/ui/reference-v2/icons/people.svg')!important}#app #affairs-personal-review .ph-row[data-ui-icon="people"]:before{mask-image:url('/assets/ui/reference-v2/icons/people.svg')}
#app #affairs-personal-review .ph-tile-mark[data-ui-icon="clipboard-check"]{mask-image:url('/assets/ui/reference-v2/icons/clipboard-check.svg')!important}#app #affairs-personal-review .ph-row[data-ui-icon="clipboard-check"]:before{mask-image:url('/assets/ui/reference-v2/icons/clipboard-check.svg')}
#app #affairs-personal-review .ph-tile-mark[data-ui-icon="cart"]{mask-image:url('/assets/ui/reference-v2/icons/cart.svg')!important}#app #affairs-personal-review .ph-row[data-ui-icon="cart"]:before{mask-image:url('/assets/ui/reference-v2/icons/cart.svg')}
#app #affairs-personal-review .ph-tile-mark[data-ui-icon="archive"]{mask-image:url('/assets/ui/reference-v2/icons/archive.svg')!important}#app #affairs-personal-review .ph-row[data-ui-icon="archive"]:before{mask-image:url('/assets/ui/reference-v2/icons/archive.svg')}
#app #affairs-personal-review .ph-tile-mark[data-ui-icon="calendar-check"]{mask-image:url('/assets/ui/reference-v2/icons/calendar-check.svg')!important}#app #affairs-personal-review .ph-row[data-ui-icon="calendar-check"]:before{mask-image:url('/assets/ui/reference-v2/icons/calendar-check.svg')}
#app #affairs-personal-review .ph-tile-mark[data-ui-icon="document"]{mask-image:url('/assets/ui/reference-v2/icons/document.svg')!important}#app #affairs-personal-review .ph-row[data-ui-icon="document"]:before{mask-image:url('/assets/ui/reference-v2/icons/document.svg')}
#app #affairs-personal-review .ph-tile-mark[data-ui-icon="id-card"]{mask-image:url('/assets/ui/reference-v2/icons/id-card.svg')!important}#app #affairs-personal-review .ph-row[data-ui-icon="id-card"]:before{mask-image:url('/assets/ui/reference-v2/icons/id-card.svg')}
#app #affairs-personal-review .ph-tile-mark[data-ui-icon="flow"]{mask-image:url('/assets/ui/reference-v2/icons/flow.svg')!important}#app #affairs-personal-review .ph-row[data-ui-icon="flow"]:before{mask-image:url('/assets/ui/reference-v2/icons/flow.svg')}
#app #affairs-personal-review .ph-tile-mark[data-ui-icon="box"]{mask-image:url('/assets/ui/reference-v2/icons/box.svg')!important}#app #affairs-personal-review .ph-row[data-ui-icon="box"]:before{mask-image:url('/assets/ui/reference-v2/icons/box.svg')}
#app #affairs-personal-review .ph-tile-mark[data-ui-icon="calendar"]{mask-image:url('/assets/ui/reference-v2/icons/calendar.svg')!important}#app #affairs-personal-review .ph-row[data-ui-icon="calendar"]:before{mask-image:url('/assets/ui/reference-v2/icons/calendar.svg')}
@media(max-width:760px){#app .ic-range>div:before{left:10px;width:26px;height:26px}#app .wm-module-menu button:before{width:20px;height:20px;flex-basis:20px;margin-right:0}}


body{padding:0}
#app #affairs-home-prototype .ag-stat:first-child{padding-left:20px;border-left:1px solid #e6e1e5}
#app #affairs-home-prototype .ag-stat{vertical-align:top;align-self:stretch}
#app #affairs-personal-review .ph-tile{flex-direction:row}
#app #affairs-personal-review .ph-panel-head h2{font-size:21px}
#app #affairs-personal-review .ph-row-title{justify-content:flex-start}
#app #affairs-personal-review .ph-row-title strong{font-size:17px;font-weight:600}
#app #affairs-personal-review .ph-row small{font-size:13px}
#app #affairs-personal-review .ph-link{font-size:15px}
#app #affairs-personal-review .ui-personal-admin>.ph-phone{width:100%;max-width:none;min-width:0;padding:44px 24px 24px}
#app #affairs-personal-review .ui-personal-admin .ph-main{padding:0}
@media(min-width:901px){#app #affairs-personal-review .ui-personal-admin .ph-appbar{position:absolute;top:110px;right:24px;border:0;padding:0;z-index:3}#app #affairs-personal-review .ui-personal-admin .ph-appbar>strong{display:none}#app #affairs-personal-review .ui-personal-admin .ph-person{padding-right:420px;background-position:75% center}}
@media(max-width:900px){#app #affairs-personal-review .ui-personal-admin>aside{display:none}#app #affairs-personal-review .ui-personal-admin>.ph-phone{padding:0}}
@media(max-width:760px){#app #affairs-personal-review .ph-tile{flex-direction:column}#app #affairs-personal-review .ph-panel-head h2{font-size:18px}#app #affairs-personal-review .ph-row-title strong{font-size:16px}#app #affairs-home-prototype .ag-stat:first-child{padding-left:14px}}

/* Page-specific composition where the original DOM has no heading wrapper. */
#app #affairs-records [data-list-view]{position:relative}
#app #affairs-records [data-list-view]>h1{border-left:6px solid #7b8760;padding-left:14px;margin:0 0 8px}
#app #affairs-records [data-list-view]:before{content:'';position:absolute;right:0;top:-8px;width:260px;height:90px;background:url('/assets/ui/reference-v2/campus-mini.png') center/contain no-repeat;pointer-events:none}
#app #affairs-records .ar-subtitle{margin-bottom:30px}
#app #affairs-records .ar-filters{border-bottom:0;border-radius:13px 13px 0 0;margin-bottom:0;padding-bottom:12px;box-shadow:none}
#app #affairs-records .ar-date-filters{display:flex;gap:24px;flex-wrap:wrap;margin:0;padding:0 18px 18px;background:#ffffffb8;border:1px solid #e5e0e3;border-top:0;border-radius:0 0 13px 13px;box-shadow:var(--ui-shadow)}
#app #affairs-records .ar-date-filters label{display:flex;align-items:center;gap:12px}
#app #affairs-records .ar-date-filters input{width:205px}
#app #affairs-records .ar-filter-note{font-size:12px;margin:10px 0}
#app #affairs-records .ar-caption{margin:20px 0 10px}
#app #affairs-work-management .am-heading{background-position:70% center}
#app #affairs-work-management .am-toolbar{display:flex;align-items:center;gap:18px;padding:20px}
#app #affairs-work-management .am-toolbar label{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:nowrap}
#app #affairs-work-management .am-toolbar .yw-choice{min-width:160px}
#app #affairs-work-management .am-work{padding:0}
#app #affairs-work-management .wm-list-code{display:flex;align-items:center;gap:6px}
#app #affairs-work-management .wm-list-qr,#app #affairs-work-management .wm-list-qr svg{width:28px;height:28px;min-height:28px}
#app #affairs-work-management .wm-list-work{grid-template-columns:minmax(0,1fr) 82px;align-items:center;gap:4px 12px}
#app #affairs-work-management .am-row{min-height:108px;padding:14px 12px}
#app #affairs-work-management .am-name{font-size:18px;font-weight:650}
#app #affairs-work-management .am-meta{font-size:12px}
#app #affairs-work-management .am-actions button{font-size:14px}
#app #affairs-work-management .wm-list-state{min-height:26px}
#app #affairs-creation-entry .ce-option>span{font-size:14px;font-weight:600}
#app #affairs-creation-entry .ce-option>span>span{font-size:12px;font-weight:400}
#app #affairs-creation-entry .ce-option small{font-weight:400}
#app .wm-insertion{padding:2px;margin:4px 0}
#app .wm-insertion button{min-height:28px;padding:3px 10px;border-radius:0}
#app .wm-toolbar:before{content:'工作内容';font-size:20px;font-weight:650}
#app .wm-toolbar [data-wm-template]{order:2;margin-left:auto}
#app .wm-toolbar [data-wm-preview]{order:3;margin-left:0}
#app .wm-card{min-height:56px;margin:8px 0;padding:10px 14px}
#app .wm-editor{counter-reset:module-number}
#app .wm-card{counter-increment:module-number}
#app .wm-card-heading strong:before{content:counter(module-number,decimal-leading-zero);display:inline-block;color:#64744a;background:#e9ebdf;border-radius:5px;margin-right:14px;padding:0 7px;font-size:16px}
#app .wm-card-actions [data-wm-up]:before{content:'↑';margin-right:5px}
#app .wm-card-actions [data-wm-down]:before{content:'↓';margin-right:5px}
@media(max-width:900px){#app #affairs-records [data-list-view]:before{display:none}#app #affairs-work-management .am-heading{background:none}#app #affairs-work-management .am-toolbar label{flex-wrap:wrap}#app #affairs-records .ar-date-filters label{flex-wrap:wrap;gap:4px}}
@media(max-width:760px){#app .wm-toolbar:before{font-size:18px}#app .wm-toolbar [data-wm-template]{margin-left:0}#app #affairs-work-management .am-toolbar label{flex-direction:column;align-items:stretch}#app #affairs-records .ar-date-filters{gap:10px;padding:0 14px 14px}#app #affairs-records .ar-date-filters label{flex:1;min-width:120px}#app #affairs-records .ar-date-filters input{width:100%}}

/* Keep the reference's compact columns, larger text and visual rhythm. */
#app #affairs-export-review .ui-export-grid{grid-template-rows:max-content minmax(0,1fr) auto auto}
#app #affairs-export-review .ui-export-card .ex-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#app #affairs-export-review .ui-export-card .ex-more-filters .ex-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
#app #affairs-export-review .ex-filters label{gap:5px;margin:0}
#app #affairs-export-review .ex-dates{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#app #affairs-export-review .ex-dates label{display:flex;align-items:center;gap:12px}
#app #affairs-export-review .ex-dates input{width:100%;min-width:0}
#app #affairs-export-review .ex-filters input,#app #affairs-export-review .ex-filters .yw-choice-toggle{min-height:34px;padding-top:5px;padding-bottom:5px}
#app #affairs-export-review .ex-picker{margin:12px 0 0}
#app #affairs-export-review .ex-picker>summary{margin-bottom:10px}
#app #affairs-export-review .ex-filters{margin:10px 0}
#app #affairs-export-review .ex-step{margin:0 0 12px}
#app #affairs-export-review .ex-option{padding:6px 0}
#app #affairs-export-review .ex-subnav{margin:16px 0 20px}
#app #affairs-export-review .ex-main>h1{border-left:6px solid #7b8760;padding-left:14px}
#app #affairs-export-review .ex-subnav [data-tab][aria-selected=true]{background:linear-gradient(135deg,#92a075,#6c7d50);color:white}
#app :is(#affairs-people-review,#affairs-import-center-review,#affairs-export-review) :is(button,input,select){font-size:14px}
#app #affairs-people-review .pm-table{font-size:15px}
#app #affairs-people-review .pm-table th{font-size:16px;color:#65704f}
#app #affairs-people-review .pm-table td:first-child{position:relative;padding-left:54px;font-size:17px;font-weight:600}
#app #affairs-people-review .pm-table td:first-child small{font-size:12px;font-weight:400}
#app .ui-person-avatar{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e3e6d5;color:#65704f;font-size:18px;font-weight:600}
#app #affairs-people-review .pr-main{position:relative}
#app #affairs-people-review .pr-qr-export{position:absolute;right:180px;top:74px;margin:0}
#app #affairs-people-review .pr-heading{margin-bottom:26px}
#app #affairs-people-review .pr-tabs{border-radius:13px 13px 0 0;margin-bottom:0;padding:12px 10px}
#app #affairs-people-review .pm-filters{border-radius:0;padding:18px;box-shadow:none;border-top:0}
#app #affairs-people-review .pm-filters label{display:flex;align-items:center;gap:12px;flex-direction:row}
#app #affairs-people-review .pr-tabs button{font-size:17px}
#app #affairs-import-center-review .ic-notice{font-size:13px}
#app #affairs-import-center-review .ic-notice strong{font-size:16px;font-weight:650}
#app #affairs-import-center-review .ic-steps{display:flex;align-items:center;gap:12px}
#app #affairs-import-center-review .ic-step{display:flex;align-items:center;gap:10px;flex:1;white-space:nowrap}
#app #affairs-import-center-review .ic-step:not(:last-child):after{content:'';height:1px;background:#c9ccbd;flex:1;margin-left:8px}
#app #affairs-import-center-review .ic-step>span{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;margin:0}
#app #affairs-import-center-review .ic-range h3{font-size:17px;font-weight:650}
#app #affairs-import-center-review .ic-relation{display:flex;align-items:center;gap:12px}
#app #affairs-import-center-review .ic-relation:before{content:'';width:24px;height:24px;flex:0 0 24px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/link.svg') center/contain no-repeat}
#app #affairs-import-center-review .ic-tabs [aria-selected=true]{background:linear-gradient(135deg,#92a075,#6c7d50);color:#fff;box-shadow:none}
#app #affairs-personal-review .ph-person{margin-bottom:18px}
@media(max-width:1100px){#app #affairs-people-review .pr-qr-export{position:static}#app #affairs-people-review .pm-filters label{flex-direction:column;align-items:stretch}#app #affairs-export-review .ui-export-card .ex-filters,#app #affairs-export-review .ui-export-card .ex-more-filters .ex-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){#app #affairs-export-review .ui-export-grid{grid-template-rows:auto}#app #affairs-import-center-review .ic-step{flex-direction:column;font-size:12px;white-space:normal;gap:6px}#app #affairs-import-center-review .ic-step:after{display:none}#app #affairs-export-review .ex-dates label{display:block}}
@media(max-width:760px){#app #affairs-export-review .ui-export-card .ex-filters,#app #affairs-export-review .ui-export-card .ex-more-filters .ex-filters{grid-template-columns:1fr}#app :is(#affairs-people-review,#affairs-import-center-review,#affairs-export-review) :is(input,select){font-size:16px}#app #affairs-personal-review .ph-panel-head{padding-bottom:10px}#app #affairs-personal-review .ph-empty{margin:12px 0}}

#app .wm-toolbar:before{content:none}
#app .wm-editor>.wm-toolbar:before{content:'工作内容';font-size:20px;font-weight:650}
#app [data-ce-content]>.wm-toolbar{justify-content:flex-end}
#app [data-module-save]{background:linear-gradient(135deg,#8b9c69,#65764b);color:white;min-width:150px}
@media(min-width:901px){#app .ui-admin-shell>aside .ui-main-nav [data-admin-route]{font-size:21px!important}#app .ui-admin-shell>aside .ui-utility-nav [data-admin-route]{font-size:16px!important}
#app #affairs-export-review .ex-dates label,#app #affairs-export-review .ex-filters label{flex-direction:row;align-items:center;white-space:nowrap;font-size:13px;gap:8px}
#app #affairs-export-review .ex-filters label>:is(input,select,.yw-choice){flex:1;min-width:0;width:0}
#app #affairs-export-review .ex-filters .yw-choice-toggle{width:100%}
#app #affairs-export-review .ex-more-filters{position:relative;padding-bottom:36px;margin:10px 0}
#app #affairs-export-review [data-clear-export-filters]{position:absolute;right:0;bottom:0;min-height:28px;padding:3px 8px}
#app #affairs-export-review .ex-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
#app #affairs-people-review .pm-table td:first-child:not(:has(.ui-person-avatar)){padding-left:16px}

@media(min-width:901px){
#app #affairs-records .ar-filters>label{display:flex;flex-direction:row;align-items:center;gap:10px;white-space:nowrap}
#app #affairs-records .ar-filters>label>.yw-choice{flex:1;min-width:0;width:0}
#app #affairs-records .ar-filters .yw-choice-toggle{width:100%}
#app #affairs-records .ar-date-filters label{flex-direction:row;white-space:nowrap}
}
#app #affairs-records .ar-cols{font-size:16px;font-weight:600}
#app #affairs-records .ar-title{font-size:18px;font-weight:650}
#app #affairs-records .ar-row{font-size:14px}
#app #affairs-records .ar-row small{font-size:12px}
#app #affairs-records .ar-row button{font-size:14px}
@media(max-width:760px){#app #affairs-records .ar-title{font-size:16px}}

/* Final review: preserve navigation semantics and prevent desktop filter label wrapping. */
@media(min-width:901px){
#app #affairs-people-review .pm-filters label>span{flex:0 0 auto;white-space:nowrap}
#app #affairs-people-review .pm-filters label>:is(input,select,.yw-choice){flex:1;min-width:0;width:0}
#app #affairs-work-management .am-toolbar>label,#app #affairs-work-management .am-toolbar>label:has(>input[data-name-filter]){flex-direction:row;align-items:center;white-space:nowrap}
#app #affairs-work-management .am-toolbar>label>input[data-name-filter]{margin:0;min-height:38px}
}
#app #affairs-personal-review .ph-person{border-left:0;padding-left:0;min-height:110px}
#app #affairs-personal-review .ui-person-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
#app #affairs-personal-review .ui-person-heading h1{margin:0 8px 0 0;font-size:30px;border-left:6px solid #7b8760;padding-left:14px}
#app #affairs-personal-review .ui-person-heading>strong{font-size:20px;font-weight:500}
#app #affairs-personal-review .ui-job-badge{border:1px solid #83916b;border-radius:5px;color:#596a3e;font-size:13px;padding:1px 7px;white-space:nowrap}
#app #affairs-personal-review .ui-person-subtitle{font-size:15px;margin:6px 0 0 20px;color:var(--ui-ink)}
#app #affairs-personal-review .ph-panel-head{padding:0 0 10px;margin-bottom:0;border-bottom:1px solid #e3dfdf}
#app #affairs-personal-review .ph-panel-head h2{margin:0}
#app #affairs-personal-review .ph-grid{padding-top:12px;padding-bottom:0}
#app .ui-campus img{mix-blend-mode:darken;mask-image:linear-gradient(to right,transparent,#000 1%,#000 99%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect}
#app #affairs-export-review .ex-bundle ul{padding:0;margin:0;list-style:none}
#app #affairs-export-review .ex-bundle li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--ui-line);font-size:13px}
#app #affairs-export-review .ex-bundle li:last-child{border:0}
#app #affairs-export-review .ex-bundle li:before{content:'';display:inline-block;flex:0 0 25px;width:25px;height:25px;background:var(--ui-brand);mask:url('/assets/ui/reference-v2/icons/file-word.svg') center/contain no-repeat}
#app #affairs-export-review .ex-bundle li:nth-child(2):before{mask-image:url('/assets/ui/reference-v2/icons/document.svg')}
#app #affairs-export-review .ex-bundle li:nth-child(3):before{mask-image:url('/assets/ui/reference-v2/icons/folder.svg')}
#app #affairs-export-review .ex-bundle li:nth-child(4):before{mask-image:url('/assets/ui/reference-v2/icons/info.svg')}
@media(max-width:760px){
#app #affairs-personal-review .ui-person-heading{gap:6px}
#app #affairs-personal-review .ui-person-heading h1{font-size:15px;flex:0 0 100%;padding-left:8px;margin-bottom:5px;border-left-width:4px}
#app #affairs-personal-review .ui-person-heading>strong{font-size:21px;font-weight:650}
#app #affairs-personal-review .ui-person-subtitle{font-size:12px;margin:5px 0 0}
#app #affairs-personal-review .ph-person{padding-right:38%;min-height:120px}
}

@media(min-width:901px){#app .ui-campus img{max-height:min(620px,max(380px,calc(100vh - 360px)))}}
@media(min-width:1600px){#app .ui-campus img{max-height:min(680px,max(380px,calc(100vh - 360px)))}}

/* Six user-marked alignment corrections, 2026-11-05. */
#app #affairs-people-review .pm-filters{align-items:center}
#app #affairs-people-review .pm-filters label{align-items:center;margin:0}
#app #affairs-people-review .pm-filters :is(input,select,.yw-choice-toggle){box-sizing:border-box;height:40px;min-height:40px;margin-block:0;padding-block:8px}
#app #affairs-export-review .ex-template-filters{align-items:center}
#app #affairs-export-review .ex-template-filters :is(input,select,.yw-choice-toggle,[data-clear-template-filters]){box-sizing:border-box;height:36px;min-height:36px;margin-block:0;padding-block:6px}
#app #affairs-items-intake .it-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}
#app #affairs-items-intake .it-toolbar .it-tabs{margin:0}
#app #affairs-items-intake .it-shell{position:relative}
#app #affairs-items-intake .it-header-art{position:absolute;right:24px;top:28px;width:280px;height:158px;object-fit:contain;pointer-events:none}
@media(min-width:1000px){#app #affairs-items-intake .it-shell>header{padding-right:300px;min-height:110px}#app #affairs-items-intake .it-toolbar{padding-right:290px}}
@media(max-width:999px){#app #affairs-items-intake .it-header-art{width:180px;height:105px;top:24px;right:18px}#app #affairs-items-intake .it-shell>header{padding-right:185px}}
@media(max-width:560px){#app #affairs-items-intake .it-header-art{width:110px;height:80px}#app #affairs-items-intake .it-shell>header{padding-right:110px}}
#app [data-reservation-runtime] [data-nav]{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
#app [data-reservation-runtime] [data-nav]>[hidden]{display:none!important}
/* Overview only: larger architecture and compact summary, user revision. */
@media(min-width:901px){
#app #affairs-home-prototype .ag-stat,#app #affairs-home-prototype .ag-progress-head{min-height:136px;padding:12px 18px}
#app #affairs-home-prototype .ag-stat strong{font-size:32px;line-height:1.15}
#app #affairs-home-prototype .ag-stat>span:first-child,#app #affairs-home-prototype .ag-progress-head>span{font-size:14px}
#app #affairs-home-prototype .ui-stat-checks{gap:4px;margin-top:7px;max-width:220px}
#app #affairs-home-prototype .ui-stat-checks i{width:10px;height:10px}
#app #affairs-home-prototype .ui-stat-dots{gap:6px;margin-top:8px;max-width:none}
#app #affairs-home-prototype .ui-stat-dots i{width:8px;height:8px}
#app #affairs-home-prototype .ui-stat-bar{height:7px;margin-top:8px}
#app #affairs-home-prototype .ui-rate-gauge{max-width:150px;margin-top:6px}
#app #affairs-home-prototype .ui-rate-gauge svg{height:72px}
#app #affairs-home-prototype .ui-rate-gauge strong{font-size:27px}
}
/* Function-specific header art: decorative only, no interaction changes. */
@media(min-width:901px){
#app #affairs-work-management .am-heading{background-image:url('/assets/ui/reference-v2/header-manage.png');background-size:auto 110px;background-position:70% center;min-height:110px}
#app #affairs-work-management .am-heading>div:first-child{padding-right:0;max-width:40%}
#app #affairs-records [data-list-view]:before{display:block;right:12%;top:-10px;width:42%;height:110px;background-image:url('/assets/ui/reference-v2/header-records.png')}
#app .ui-editor-main,#app .ex-main{position:relative}
#app .ui-editor-main:after,#app .ex-main:after{content:'';position:absolute;right:14%;top:28px;width:40%;height:110px;background:center/contain no-repeat;pointer-events:none}
#app .ui-editor-main:after{background-image:url('/assets/ui/reference-v2/header-create.png')}
#app .ex-main:after{background-image:url('/assets/ui/reference-v2/header-export.png')}
#app .ui-editor-main>h1,#app .ex-main>h1,#app .ex-main>.ex-subtitle{max-width:43%}
#app .ic-heading,#app .sc-heading{position:relative;min-height:110px}
#app .ic-heading:after,#app .sc-heading:after{content:'';position:absolute;right:15%;top:0;width:40%;height:110px;background:center/contain no-repeat;pointer-events:none}
#app .ic-heading:after{background-image:url('/assets/ui/reference-v2/header-import.png')}
#app .sc-heading:after{background-image:url('/assets/ui/reference-v2/header-sections.png')}
#app .ic-heading>div:first-child,#app .sc-heading>div:first-child{max-width:43%}
}
#app #affairs-kitchen-lunch .kl-page>header{background:url('/assets/ui/reference-v2/header-dining.png') right center/32% auto no-repeat;min-height:180px;padding-right:35%;box-sizing:border-box}
@media(max-width:600px){#app #affairs-kitchen-lunch .kl-page>header{background-size:125px auto;background-position:right top;padding-right:0;padding-top:105px;min-height:0}}