/* UI交互设计稿03：按字段尺度与任务层级修订。来源/候选边界见 UI-REVIEW-02.md。 */
html:not(.mobile-h5) .pd-page .pd-main .pd-basic-grid{grid-template-columns:536px minmax(232px,328px);max-width:928px;gap:32px}
html:not(.mobile-h5) .pd-page .pd-main .pd-basic-fields .pd-field{grid-template-columns:72px minmax(0,448px);gap:16px}
html:not(.mobile-h5) .pd-page .pd-field[data-field-kind]{--field-width:448px}
html:not(.mobile-h5) .pd-page .pd-field[data-field-kind=code]{--field-width:288px}
html:not(.mobile-h5) .pd-page .pd-field[data-field-kind=unit]{--field-width:96px}
html:not(.mobile-h5) .pd-page .pd-field[data-field-kind=qty],html:not(.mobile-h5) .pd-page .pd-field[data-field-kind=price]{--field-width:160px}
html:not(.mobile-h5) .pd-page .pd-main .pd-field[data-field-kind]>input,html:not(.mobile-h5) .pd-page .pd-main .pd-field[data-field-kind]>.pd-value{width:var(--field-width);max-width:100%;min-width:0;box-sizing:border-box}
.pd-page .pd-main .pd-param,.pd-page .pd-main .pd-param:last-child{border:0;box-shadow:none}
html:not(.mobile-h5) .pd-page .pd-main .pd-param{grid-template-columns:96px 320px minmax(0,1fr);gap:16px;justify-content:start;margin-bottom:8px}
html:not(.mobile-h5) .pd-page .pd-main .pd-param>input,html:not(.mobile-h5) .pd-page .pd-main .pd-param>.pd-value{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere}
.pd-page .pd-main .pd-param-actions{flex-wrap:wrap;justify-content:flex-start;align-content:start;gap:8px;min-width:0}
.pd-page .pd-main .pd-param-actions>*{max-width:100%;box-sizing:border-box}
.pd-page .pd-main .pd-param.is-editing{padding-bottom:20px}
.pd-page .pd-main .pd-summary-mark{color:#66758b;background:#f0f3f7}
.pd-page .pd-main section{margin-bottom:32px}
.pd-page .pd-main section.pd-empty-section{display:block;padding:0;margin-bottom:32px}
.pd-page .pd-main section.pd-empty-section h2{display:flex;min-height:44px;margin:0 0 16px;padding:8px 16px;background:var(--ui-surface);border-radius:8px}
.pd-page .pd-main section.pd-empty-section>.pd-block{padding:0 16px 8px}
.pd-page .pd-main #pd-videos,.pd-page .pd-main #pd-files{min-height:92px}
.pd-page .locked-note:not(.alert-error){display:flex;align-items:flex-start;gap:8px;background:#fff9ee;border:1px solid #f3d5a0;color:#8c5c16;padding:12px 16px;margin:12px 16px 0;border-radius:6px;line-height:22px}
.pd-page .locked-note:not(.alert-error):before{content:'!';display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;height:18px;border:1px solid currentColor;border-radius:50%;font-size:12px;font-weight:600;margin-top:2px}
.rs-content.rs-terms .terms-nav .term-nav-group,.terms-nav .term-nav-group{font-size:14px;font-weight:600;color:#262626;line-height:24px;background:#f5f6f8;border:0;border-radius:4px;padding:8px 12px;margin:24px 0 8px;cursor:default}
.rs-content.rs-terms .terms-nav button[data-term-jump],.terms-nav button[data-term-jump]{padding-left:24px;min-height:40px;font-size:13px;font-weight:400;border-left:2px solid transparent;cursor:pointer}
.rs-content.rs-terms .terms-nav button[data-term-jump].active,.terms-nav button[data-term-jump].active{border-left-color:#1890ff;background:#eaf4ff;color:#1677c8}
.pk-task-summary{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-top:16px;margin-top:16px;border-top:1px solid #edf0f3;font-size:12px;color:#626b76}
.pk-task-summary .pk-collection-actions{display:flex;gap:8px;flex-wrap:wrap}
.pk-task-summary button[aria-pressed=true]{color:#1677c8;background:#eaf4ff;border-color:#d3e7fb}
.pk-page .pk-utility{justify-content:flex-start;align-items:center;gap:12px;padding:12px 16px;min-height:56px}
.pk-page .pk-utility>.pk-location-label{flex:0 0 auto;font-size:12px;color:#737d89}
.pk-page .pk-utility .pk-breadcrumb{min-height:0;padding:0;gap:8px;flex:1;font-size:14px}
.pk-page .pk-navigation-query{background:#fafbfc;border:1px solid #e8ebef;border-radius:8px;padding:16px;margin:16px 0 24px}
.pk-query-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.pk-query-heading strong{font-size:14px;font-weight:600;color:#262626}
.pk-query-heading span{font-size:12px;color:#626b76}
.pk-page .pk-search{margin:0;align-items:center;gap:12px;flex-wrap:wrap}
.pk-page .pk-search-unit{flex:1 1 280px;max-width:480px;min-width:240px}
.pk-search-scope{display:flex;align-items:center;gap:8px;font-size:12px;color:#626b76}
.pk-page .pk-search-scope select{width:180px}
.pk-page .pk-toolbar{padding:0 0 16px;margin-bottom:8px;border-bottom:1px solid #e8ebef;align-items:center}
.pk-page .pk-toolbar .pk-result-heading{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pk-result-heading h2{font-size:16px;font-weight:600;margin:0;color:#262626}
.pk-result-heading>span{font-size:13px;color:#626b76}
.pk-result-heading>p{flex-basis:100%;margin:0;font-size:12px;line-height:20px;color:#737d89}
.pk-page .pk-query-context:empty{display:none}
.mobile-h5 .pd-page .pd-main section.pd-empty-section h2{min-height:40px;padding:8px 12px}
.mobile-h5 .pd-page .pd-main .pd-param{grid-template-columns:minmax(0,1fr);gap:8px}
.mobile-h5 .pd-page .pd-main .pd-param>input,.mobile-h5 .pd-page .pd-main .pd-param>.pd-value{width:100%;max-width:100%;box-sizing:border-box}
.mobile-h5 .pk-page .pk-task-summary{padding:12px 0;margin-top:12px}
.mobile-h5 .pk-page .pk-navigation-query{margin:12px 0 24px;padding:12px}
.mobile-h5 .pk-page .pk-search-unit{min-width:0;flex-basis:100%;max-width:none}
.mobile-h5 .pk-page .pk-utility{padding:12px;gap:8px}

.pk-task-summary .pk-collection-actions{margin-left:0;margin-right:auto}

/* 03: widths include block padding; keep the 976px desktop canvas. */
html:not(.mobile-h5) .pd-page .pd-main .pd-basic-grid{box-sizing:border-box;width:100%;padding-left:0;padding-right:0;max-width:928px}
html:not(.mobile-h5) .pd-page .pd-main .pd-block{padding-left:0;padding-right:0}
html:not(.mobile-h5) .pd-page .pd-main .pd-large-image{width:100%;max-width:328px}
.pd-page .pd-main .pd-value{min-height:32px;box-sizing:border-box}
.pd-page .pd-main .pd-param.is-editing{padding-bottom:8px}
.pd-page .pd-main section>h2,.pd-page .pd-main section.pd-empty-section h2{padding-left:0;background:transparent;border-bottom:1px solid #e8ebef;border-radius:0;margin-bottom:20px}
.pd-page .pd-main .pd-param-actions{gap:8px 12px}
.pk-page .pk-navigation-query{border:0;background:transparent;padding:0;margin:0 0 24px;border-radius:0}
.pk-page .pk-search{display:flex;gap:16px;align-items:center}
.pk-page .pk-search-unit{flex:1 1 320px;max-width:480px;min-width:240px}
.pk-page .pk-search-scope{gap:8px}
.pk-page .pk-search-scope select{width:170px}
.pk-page .pk-toolbar{margin:0 0 16px;padding:0 0 12px}
.pk-page .pk-result-heading>p{display:none}
.pk-page .pk-categories>p{display:none}
.pk-page .pk-work{padding:0;min-width:0}
.pk-side-modes{display:flex;gap:4px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid #e8ebef}
.pk-side-modes button{font-size:12px;padding:6px 8px}
.pk-side-modes button[aria-pressed=true]{background:#eaf4ff;color:#1677c8}
.pk-side-collection{padding:16px}
.pk-side-collection h3{font-size:14px;margin:0 0 8px}
.pk-side-item{padding:16px 0;border-bottom:1px solid #e8ebef}
.pk-side-item strong{font-size:13px;line-height:22px;overflow-wrap:anywhere}
.pk-side-item p{font-size:12px;color:#737d89;overflow-wrap:anywhere;margin:4px 0 8px}
.pk-side-item>div{display:flex;gap:16px}
.pk-side-empty{padding:24px 0;color:#737d89}
.pk-side-pagination{display:flex;align-items:center;justify-content:space-between;margin:16px 0}
.mobile-h5 .pk-page .pk-navigation-query{padding:0;margin:0 0 24px}
.mobile-h5 .pk-page .pk-search-unit{min-width:0;max-width:none;flex-basis:100%}
.mobile-h5 .pd-page .pd-main .pd-basic-grid{padding:0 4px 8px}
/* 04: preserve established card layout and right-aligned query controls. */
html:not(.mobile-h5) .pk-page .pk-search{justify-content:flex-end;margin-left:auto}
html:not(.mobile-h5) .pk-page .pk-search-unit{flex:0 1 320px;width:320px;min-width:240px;max-width:320px}
.pk-offpage-selection{padding:16px;line-height:1.8}
html:not(.mobile-h5) .pk-page .pk-search-scope{flex:0 0 auto;white-space:nowrap}

/* 05: task collections belong to the main workspace. */
.pk-collection-tabs{display:flex;gap:28px;border-bottom:1px solid #e5e8ed;margin:0 0 20px;padding:0}
.pk-collection-tabs button{background:transparent;border:0;border-radius:0;padding:12px 0;font-size:14px;color:#626b77;border-bottom:3px solid transparent}
.pk-collection-tabs button[aria-current=page]{color:#1677c8;border-bottom-color:#1687ee;font-weight:600}
.pk-page .pk-toolbar{display:flex;justify-content:space-between;gap:20px}
.pk-page .pk-compare-entry{flex-shrink:0}
.pk-page [hidden]{display:none!important}
.pk-page .pk-categories button:disabled{opacity:.45;cursor:default}
.pk-assistant-section{margin:20px 16px;border-top:1px solid #e5e8ed;padding-top:16px}
.pk-assistant-section>summary{color:#1677c8;cursor:pointer}
.pk-assistant-section .pk-side-card{padding:16px 0;border:0}
html.mobile-h5 .pk-collection-tabs{gap:16px;overflow-x:auto}
html.mobile-h5 .pk-collection-tabs button{white-space:nowrap}
/* 07: equal-height tree peers; one CSS chevron only. */
.supplier-options .supplier-parent{height:36px;gap:0}
.supplier-options button{box-sizing:border-box;min-height:36px;line-height:20px;margin:0;border-radius:4px}
.supplier-options .supplier-parent>[data-supplier-expand]{height:36px;width:32px;display:flex;align-items:center;justify-content:center}
.supplier-options .supplier-parent>[data-supplier-expand]::after{margin:0}
.supplier-options .supplier-parent>[data-supplier-value]{height:36px;padding:8px}
.supplier-options .supplier-temporary{height:36px;padding:8px 8px 8px 40px}
.document-access-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.document-access-tabs [aria-pressed=true]{background:#eaf4ff;color:#1677c8;border-color:#91caff}
.document-access-note{background:#fff8e8;padding:12px;line-height:1.7}

/* 08: creation submodules; same established field widths. */
#create-form .create-section{margin:0;padding:0;border:0}
#create-form .create-section+.create-section{margin-top:32px}
#create-form .create-section>h2{font-size:16px;line-height:24px;font-weight:600;margin:0 0 16px}
.demo-purpose{font-size:12px;line-height:1.6;color:#62748a;margin:8px 0;white-space:normal}
.demo-test-info{margin:20px 0;padding:16px;background:#f1f6fb;border-radius:6px;line-height:1.7}
.doc-preview[open]{display:flex;flex-direction:column;width:min(1180px,96vw);height:92vh;max-width:none;max-height:none;padding:24px;border:1px solid #cad4de;border-radius:8px;overflow:hidden}
.doc-preview.is-full{width:100vw;height:100dvh;margin:0;border-radius:0}
.doc-preview header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none}
.doc-preview h2{margin:0;font-size:20px}.doc-preview header>div{display:flex;gap:8px}
.doc-preview .doc-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0}
.doc-preview .doc-options label{display:flex;align-items:center;gap:6px}
.doc-preview .doc-options input{width:auto}
.doc-preview iframe{width:100%;flex:1;min-height:120px;border:1px solid #cad4de;background:#e9edf2}
.doc-preview p{margin:8px 0;line-height:1.6}.doc-preview .doc-note{font-size:12px;color:#62748a}
@media(max-width:700px){.doc-preview[open]{padding:12px;width:100vw;height:100dvh;margin:0;border-radius:0}.doc-preview .doc-options{gap:8px}.doc-preview .doc-note{max-height:50px;overflow:auto}}
.doc-preview .doc-options label{width:auto;flex:none;white-space:nowrap;font-size:13px}
.doc-preview .doc-options select{width:auto;min-width:100px;max-width:none}
.doc-preview .doc-options input[type=checkbox]{width:16px;height:16px;min-width:16px;margin:0;flex:none}