/* Table-only typography: no layout, hit-area, icon or runtime changes. */
@layer danfeng-table-type, danfeng-reference;
@layer danfeng-table-type {
 body.design-reference table { --df-table-main:13px; --df-table-secondary:12px; }
 body.design-reference table :is(th,td),
 body.design-reference table :is(th,td) :is(div,span,p,a,button,label,input:not([type=checkbox]):not([type=radio]),select,textarea,summary,time,code):not([class*="icon"]):not([class*="icon"] *) {
  font-size:var(--df-table-main)!important;
 }
 body.design-reference table.certificate-widths-only td b { font-size:13px!important; }
 body.design-reference table :is(small,.cw-feedback-dates,.cw-feedback-dates span,.cw-plan-count>span+span,.note-preview small),
 body.design-reference table small :is(span,a,button) { font-size:var(--df-table-secondary)!important; }
}
/* Local opt-in representatives only. Existing semantic status styles remain authoritative. */
@layer danfeng-reference {
 body.design-reference{--ref-blue:var(--b-accent);--ref-ink:var(--b-ink);--ref-muted:var(--b-muted);--ref-line:var(--b-line);--ref-bg:var(--b-bg);--primary:var(--b-accent)!important;--t-size:15px;--t-line:22px;--t-row:60px;--t-control:34px;--t-pad:7px}
 body.design-reference,body.design-reference *{font-family:"Noto Sans SC",sans-serif!important;font-synthesis:none!important}
 body.design-reference :is(div,span,p,td,label,input,select,textarea,button){font-weight:400!important;font-size:15px!important;line-height:22px!important}
 body.design-reference :is(b,strong){font-weight:600!important}
 body.design-reference :is(h1,#pageTitle,#pageTitle span,.dashboard-welcome h2){font-size:24px!important;line-height:32px!important;font-weight:600!important;color:var(--b-title)!important}
 body.design-reference :is(h2,#modalTitle){font-size:22px!important;line-height:30px!important;font-weight:600!important;color:var(--b-title)!important}
 body.design-reference :is(h3,h4){font-size:16px!important;line-height:24px!important;font-weight:600!important;color:#22304a!important}
 body.design-reference :is(small,.page-desc,#pageDesc,.ref-shortcut-note){font-size:13px!important;line-height:20px!important;color:var(--b-muted)!important}
 body.design-reference :is(.app-shell,.main,#content){background:var(--b-bg)!important}
 body.design-reference .sidebar{background:#fff!important;border-right:1px solid var(--b-line)!important}
 body.design-reference :is(.nav-item,.nav-item span,.nav-group-title,.nav-group-title span){font-size:14px!important;line-height:22px!important;font-weight:500!important;color:#3d4960!important}
 body.design-reference .nav-item.active,body.design-reference .nav-item.active span{color:var(--b-accent)!important;background:var(--b-tint)!important}
 body.design-reference :is(button,input,select,textarea,summary):focus-visible{outline:3px solid var(--b-accent)!important;outline-offset:3px!important}
 body.design-reference .btn{border-radius:6px!important;min-height:34px!important;font-size:14px!important;font-weight:500!important;line-height:20px!important;padding:6px 10px!important}
 body.design-reference :is(.btn.primary,#modal #submitModal,#content [data-cw="add"]){color:#fff!important;background:var(--b-accent)!important;border-color:var(--b-accent)!important}
 body.design-reference :is(.ref-environment,.design-b-environment){font-size:12px!important;line-height:18px!important;color:#516279!important;padding:0!important;margin:0 0 8px!important}
 body.design-reference :is(.cw-toolbar,.cw-filter,#cw-filter){margin:4px 0!important;gap:6px!important}
 body.design-reference .design-b-detail-toggle{width:auto!important;justify-self:start!important;margin:0 0 6px!important}
 body.design-reference .cw-scroll{background:#fff!important;border:1px solid var(--b-line)!important;border-radius:8px!important;max-height:65vh!important}
 body.design-reference .cw-fixed-product{min-width:1120px!important;table-layout:fixed!important}
 body.design-reference .cw-fixed-product col:nth-child(1){width:3%!important}body.design-reference .cw-fixed-product col:nth-child(2){width:27%!important}body.design-reference .cw-fixed-product col:nth-child(3){width:12%!important}body.design-reference .cw-fixed-product col:nth-child(4){width:7%!important}body.design-reference .cw-fixed-product col:nth-child(5){width:10%!important}body.design-reference .cw-fixed-product col:nth-child(6){width:8%!important}body.design-reference .cw-fixed-product col:nth-child(7){width:13%!important}body.design-reference .cw-fixed-product col:nth-child(8){width:20%!important}
 body.design-reference .cw-table>thead>tr>th{height:40px!important;padding:8px!important;background:var(--b-head)!important;color:#364254!important;font-size:14px!important;line-height:22px!important;font-weight:500!important}
 body.design-reference .cw-table>tbody>tr:not(.cw-detail-row)>td{box-sizing:border-box!important;height:60px!important;padding:7px 8px!important;font-size:15px!important;line-height:22px!important;color:var(--b-ink)!important;background:#fff!important;border-bottom:1px solid #e7edef!important}
 body.design-reference .cw-table>tbody>tr:hover>td{background:#f1f8f8!important}
 body.design-reference .cw-table>tbody>tr:has(>td>input:checked)>td{background:var(--b-tint)!important}
 body.design-reference .cw-table [data-cw=details],body.design-reference .cw-supplier-summary{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;max-height:44px!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--b-ink)!important;font-size:15px!important;line-height:22px!important;font-weight:400!important;text-align:left!important}
 body.design-reference .cw-table :is(.cw-plan-count,.cw-feedback-summary){font-size:15px!important;line-height:22px!important;max-height:44px!important;color:#334058!important}
 body.design-reference .cw-table small{font-size:12px!important;line-height:18px!important;color:var(--b-muted)!important}
 body.design-reference .cw-table .cw-actions{display:flex!important;flex-wrap:nowrap!important;gap:4px!important}
 body.design-reference .cw-table .cw-actions .btn{font-size:13px!important;line-height:20px!important;min-height:28px!important;padding:3px 5px!important;color:var(--b-accent)!important;background:var(--b-head)!important;border-color:var(--b-line)!important}
 body.design-reference .cw-table [data-cw=expand]{font-size:13px!important;min-width:48px!important;line-height:20px!important;min-height:28px!important;padding:3px!important}
 body.design-reference #modal :is(label,input,select,textarea){font-size:15px!important;line-height:22px!important;color:var(--b-ink)!important;font-weight:400!important}
 body.design-reference #modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:36px!important;padding:6px 9px!important;border-radius:6px!important}
 body.design-reference #modal .form-grid{gap:14px 20px!important}
 body.design-reference .design-b-form-nav{padding:7px 0!important;margin-bottom:10px!important}
 body.design-reference .modal-foot{padding:12px 18px!important}
 body.design-reference .design-b-environment{order:-20!important;grid-row:1!important} body.design-reference .cw-workspace:has(.cw-selection-toolbar) :is(.cw-settings-toolbar,.cw-selection-toolbar){grid-row:3!important} body.design-reference .cw-feedback-dates span+span{margin-left:8px!important}
 body.design-reference .cw-fixed-feedback{min-width:1120px!important;table-layout:fixed!important}
 body.design-reference .cw-fixed-feedback col:nth-child(1){width:24%!important}
 body.design-reference .cw-fixed-feedback col:nth-child(2){width:14%!important}
 body.design-reference .cw-fixed-feedback col:nth-child(3){width:8%!important}
 body.design-reference .cw-fixed-feedback col:nth-child(4){width:9%!important}
 body.design-reference .cw-fixed-feedback col:nth-child(5){width:24%!important}
 body.design-reference .cw-fixed-feedback col:nth-child(6){width:12%!important}
 body.design-reference .cw-fixed-feedback col:nth-child(7){width:9%!important}
 body.design-reference .cw-feedback-progress,body.design-reference .cw-feedback-reason{display:block!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;height:44px!important;max-height:44px!important;line-height:22px!important}
 body.design-reference .cw-feedback-dates{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;line-height:20px!important}
 body.design-reference .cw-feedback-dates span{font-size:12px!important;line-height:20px!important}
 body.design-reference .cw-feedback-reason>span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;line-height:22px!important}
 /* Workbench: original authoritative metrics once, useful entry points, original details on demand. */
 body.design-reference .dashboard-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:16px!important;padding:0!important}
 body.design-reference .dashboard-welcome{height:auto!important;grid-column:1/-1!important;grid-row:auto!important;display:block!important;padding:0 0 8px!important;background:transparent!important;border:0!important;min-height:0!important;box-shadow:none!important}
 body.design-reference .dashboard-welcome .danfeng-hero-illustration,body.design-reference .dashboard-welcome .approved-cube,body.design-reference .dashboard-welcome .hero-data{display:none!important}
 body.design-reference .dashboard-welcome h2{margin:0 0 6px!important}
 body.design-reference .dashboard-welcome p:not(.ref-environment){color:var(--b-muted)!important;font-size:14px!important;line-height:22px!important;margin:0!important}
 body.design-reference .dashboard-primary-kpis{grid-column:1/-1!important;grid-row:auto!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
 body.design-reference .dashboard-primary-kpis>button{display:grid!important;grid-template-columns:40px 1fr!important;grid-template-rows:22px 32px auto!important;column-gap:12px!important;row-gap:2px!important;background:#fff!important;border:1px solid #e0e7f0!important;border-radius:10px!important;padding:16px!important;min-height:118px!important;box-shadow:0 2px 6px #263e5e05!important;text-align:left!important}
 body.design-reference .dashboard-primary-kpis>button>b{grid-column:2!important;grid-row:2!important;font-size:26px!important;line-height:32px!important;font-weight:600!important;color:#1c2a40!important}
 body.design-reference .dashboard-primary-kpis>button>small{grid-column:1/-1!important;grid-row:3!important;font-size:12px!important;line-height:18px!important;color:#617087!important}
 body.design-reference .dashboard-primary-kpis>button:hover{border-color:var(--b-accent)!important;background:#fbfdff!important}
 body.design-reference .business-card,body.design-reference .ref-original-details{background:#fff!important;border:1px solid #e0e7f0!important;border-radius:10px!important;padding:20px!important;box-shadow:none!important}
 body.design-reference .dashboard-shortcuts{height:auto!important;max-height:none!important;overflow:visible!important;grid-column:1!important;grid-row:auto!important;min-height:232px!important}
 body.design-reference .dashboard-shortcuts>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:16px!important}
 body.design-reference .dashboard-shortcuts button{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;border:1px solid #e9eef5!important;border-radius:8px!important;padding:12px!important;min-height:66px!important;background:#fff!important;color:#344254!important}
 body.design-reference .dashboard-shortcuts button:hover{border-color:var(--b-accent)!important;background:var(--b-head)!important}
 body.design-reference .ref-shortcut-note{margin:12px 0 0!important}
 body.design-reference .ref-risk{grid-column:2!important;grid-row:auto!important}
 body.design-reference .ref-risk .business-alert.good{margin-top:14px!important;border-radius:8px!important;padding:16px!important;background:#edf7f1!important;color:#246247!important}
 body.design-reference .ref-original-details{grid-column:1/-1!important;grid-row:auto!important;padding:14px 18px!important}
 body.design-reference .ref-original-details>summary{font-size:14px!important;font-weight:500!important;color:var(--b-accent)!important;cursor:pointer!important}
 body.design-reference .ref-original-content{display:grid!important;gap:14px!important;margin-top:16px!important}
 body.design-reference .ref-original-content .center-overview-switcher{grid-column:auto!important;grid-row:auto!important}
 @media(max-width:1250px){body.design-reference .dashboard-layout{grid-template-columns:minmax(0,1fr)!important}body.design-reference .dashboard-shortcuts,body.design-reference .ref-risk{grid-column:1!important}body.design-reference .dashboard-primary-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
 @media(max-width:760px){body.design-reference .dashboard-primary-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.design-reference .dashboard-shortcuts>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.design-reference .cw-scroll{max-height:60vh!important}}
 body .ref-mobile-nav{display:none!important}
 body.design-reference .nav-item:hover,body.design-reference .nav-item:hover span{color:var(--b-accent)!important;background:var(--b-tint)!important}
 @media(max-width:1380px){}
 @media(max-width:760px){
 body.design-reference .app-shell{display:block!important;min-width:0!important}
 body.design-reference .app-shell>main{margin-left:0!important;width:100%!important;min-width:0!important;padding:0!important}
 body.design-reference .ref-mobile-nav{display:block!important;margin:12px!important}
 body.design-reference .sidebar{display:none!important;position:static!important;width:100%!important;height:auto!important;max-height:45vh!important;margin-top:64px!important;overflow:auto!important}
 body.design-reference.ref-nav-open .sidebar{display:flex!important}
 body.design-reference .topbar{width:100%!important;box-sizing:border-box!important;padding:12px!important}
 body.design-reference #content{padding:12px!important;min-width:0!important}
 body.design-reference .cw-workspace{display:flex!important;flex-direction:column!important;min-width:0!important}
 body.design-reference .cw-workspace>div{max-width:100%!important;min-width:0!important}
 body.design-reference .design-b-reading{display:flex!important;flex-direction:column!important}
 body.design-reference:is([data-page="new-products"],[data-page="artwork-center"],[data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="sample-center"],[data-page="supplier-center"],[data-page="policy-center"]) .design-b-reading{display:grid!important}
 body.design-reference .cw-table .cw-operation{position:static!important} body.design-reference .cw-scroll,body.design-reference .design-b-inspector{width:100%!important;box-sizing:border-box!important}
 body.design-reference .top-actions{display:flex!important;flex-wrap:wrap!important}
 body.design-reference .dashboard-primary-kpis>button{padding:12px!important;column-gap:8px!important;min-width:0!important}
 body.design-reference .dashboard-shortcuts button{padding:8px!important}
 body.design-reference .business-card{padding:14px!important}
 }
}

/* Round 2: operation hierarchy and strictly bounded ordinary rows. */
@layer danfeng-reference {
 body.design-reference[data-page=new-products] header .top-actions{display:none!important}
 body.design-reference #content .ref-source{display:none!important}
 body.design-reference #content .cw-workspace{display:flex!important;flex-direction:column!important;gap:0!important}
 body.design-reference #content .ref-operation-bar{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin:0 0 10px!important}
 body.design-reference #content .ref-operation-bar #cw-filter{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important}
 body.design-reference #content .ref-main-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important}
 body.design-reference #content .ref-selection-controls{display:flex!important;align-items:center!important;gap:12px!important;min-height:30px!important;margin:0 0 4px!important}
 body.design-reference #content .ref-selection-controls:empty{display:none!important}
 body.design-reference #content .ref-selection-controls span{font-size:12px!important;color:var(--b-muted)!important}
 body.design-reference #content .ref-text-link{padding:3px 5px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--b-accent)!important;font-size:13px!important}
 body.design-reference #content .ref-bulk-bar{display:flex;align-items:center;gap:12px;background:var(--b-tint);border:1px solid var(--b-line);border-radius:6px;padding:7px 12px;margin-bottom:8px}
 body.design-reference #content .ref-bulk-bar[hidden],body.design-reference .ref-menu[hidden]{display:none!important}
 body.design-reference .ref-menu{display:inline-flex!important;flex:none!important}
 body.design-reference .ref-menu-panel{position:fixed!important;margin:0!important;right:auto!important;bottom:auto!important;min-width:220px!important;max-width:calc(100vw - 16px)!important;padding:6px!important;background:#fff!important;border:1px solid var(--b-line)!important;border-radius:8px!important;box-shadow:0 8px 28px #23345126!important;z-index:10000!important}
 body.design-reference .ref-menu-panel:popover-open{display:flex!important;flex-direction:column!important;gap:2px!important}
 body.design-reference #content .ref-menu-panel .btn{width:100%!important;justify-content:flex-start!important;text-align:left!important;border:0!important;background:white!important;padding:8px 12px!important;font-size:14px!important;line-height:20px!important;min-height:36px!important;color:var(--b-ink)!important;white-space:nowrap!important}
 body.design-reference #content .ref-menu-panel .btn:hover{background:var(--b-tint)!important;color:var(--b-accent)!important}
 body.design-reference #content .cw-table>tbody>tr:not(.cw-detail-row)>td{height:56px!important;max-height:56px!important;padding:0 8px!important;overflow:visible!important;box-sizing:border-box!important}
 body.design-reference #content .cw-table>tbody>tr:not(.cw-detail-row){height:56px!important;max-height:56px!important}
 body.design-reference #content .cw-table>tbody>tr:not(.cw-detail-row)>td>.ref-cell{height:54px!important;max-height:54px!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important;min-width:0!important}
 body.design-reference #content .cw-table .cw-product{height:44px!important;max-height:44px!important;min-height:0!important;overflow:hidden!important;display:flex!important;align-items:center!important}
 body.design-reference #content .cw-table .cw-product>span{min-width:0!important}
 body.design-reference #content .cw-table .cw-product img{width:36px!important;height:36px!important;flex:none!important}
 body.design-reference #content .cw-table [data-cw=details],body.design-reference #content .cw-supplier-summary,body.design-reference #content .cw-plan-count{font-size:15px!important;line-height:22px!important;max-height:44px!important;min-height:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important}
 body.design-reference #content .cw-table .cw-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:9px!important;min-height:30px!important;white-space:nowrap!important}
 body.design-reference #content .cw-table .cw-actions>.btn,body.design-reference #content .cw-table .ref-menu-toggle{border:0!important;background:transparent!important;box-shadow:none!important;color:var(--b-accent)!important;font-size:14px!important;line-height:20px!important;padding:3px 0!important;min-height:28px!important;white-space:nowrap!important}
 body.design-reference #content .cw-fixed-product col:nth-child(2){width:29%!important}
 body.design-reference #content .cw-fixed-product col:nth-child(8){width:18%!important}
 body.design-reference .dashboard-primary-kpis>button{min-height:94px!important;height:auto!important;padding:12px 14px!important;grid-template-rows:20px 30px auto!important}
 body.design-reference .dashboard-shortcuts{min-height:0!important;padding:16px!important}
 body.design-reference .dashboard-shortcuts>div{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
 body.design-reference .dashboard-shortcuts button{flex-direction:column!important;gap:6px!important;padding:8px 3px!important;min-height:68px!important;border:0!important;background:transparent!important}
 body.design-reference .ref-shortcut-note{display:none!important}
 body.design-reference .ref-risk{align-self:start!important;padding:16px!important}
 body.design-reference .ref-risk:has(.good)>p,body.design-reference .ref-risk .good small{display:none!important}
 body.design-reference .ref-risk .business-alert.good{padding:8px 0!important;margin-top:6px!important;background:transparent!important}
 @media(max-width:1100px){body.design-reference .dashboard-shortcuts>div{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
}@layer danfeng-reference {
 body.design-reference #content .cw-fixed-product col:nth-child(2){width:27%!important}
 body.design-reference #content .cw-fixed-product col:nth-child(5){width:12%!important}
 body.design-reference #content .ref-cell>small{white-space:nowrap!important;line-height:18px!important}
 body.design-reference #content .ref-cell>.tag{align-self:flex-start!important;flex-shrink:0!important}
}
@layer danfeng-reference {
 body.design-reference #content .cw-table>tbody>tr:has([data-cw-check]:checked)>td{background:var(--b-tint)!important}
}
/* Combined candidate: independent vertical cards, retained operation menus and 56px rows. */
@layer danfeng-reference {
}/* User selected B as the base; preserve its hierarchy/grouping without reverting functionality. */
@layer danfeng-reference {
 body.design-reference{--ref-blue:var(--b-accent);--primary:var(--b-accent)!important;--b-accent:var(--b-accent)}
 body.design-reference :is(.btn.primary,#modal #submitModal,#content [data-cw="add"]){background:var(--b-accent)!important;border-color:var(--b-accent)!important}
 body.design-reference #content .cw-table>tbody>tr:not(.cw-detail-row)>td,body.design-reference #content .cw-table [data-cw=details],body.design-reference #content .cw-supplier-summary,body.design-reference #content .cw-plan-count,body.design-reference #content .cw-feedback-summary{font-size:14px!important;line-height:22px!important}
 body.design-reference #content .cw-table>thead>tr>th{font-size:13px!important;font-weight:500!important;color:#526176!important}
 body.design-reference #modal :is(label,input,select,textarea){font-size:14px!important;line-height:1.55!important}
 body.design-reference #modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:40px!important;padding:8px 10px!important}
 body.design-reference #modal .form-grid{gap:20px 24px!important}
 body.design-reference .design-b-form-nav{padding:14px 0!important;margin-bottom:14px!important}
 body.design-reference .modal-foot{padding:16px 22px!important}
}
/* Representative-only help: no blanket selectors for business data or validation. */
@layer danfeng-reference {
 body.design-reference .ref-help-source{display:none!important;margin:0!important;padding:0!important}
 body.design-reference .topbar{align-items:center!important;gap:10px!important}
 body.design-reference .ref-help-trigger{margin-left:auto!important;flex:none!important;white-space:nowrap!important;font-size:13px!important;background:transparent!important;border:0!important;color:var(--b-accent)!important}
 body.design-reference .ref-help-trigger[hidden]{display:none!important}
 body.design-reference .modal-head .ref-help-trigger{order:1!important}
 body.design-reference .modal-head #closeModal{order:2!important}
 body.design-reference #ref-help-panel{position:fixed!important;inset:70px 20px auto auto!important;margin:0!important;width:min(440px,calc(100vw - 32px))!important;max-height:calc(100dvh - 100px)!important;overflow:auto!important;padding:20px!important;background:#fff!important;color:var(--b-ink)!important;border:1px solid #dce3eb!important;border-radius:10px!important;box-shadow:0 12px 40px #23345130!important}
 body.design-reference #ref-help-panel p{white-space:pre-wrap!important;margin:12px 0!important;line-height:1.7!important}
 body.design-reference .design-b-environment,body.design-reference .ref-environment{font-size:11px!important;line-height:16px!important;margin-bottom:4px!important}
 body.design-reference #businessImagePaste{min-height:40px!important;padding:8px!important}
 body.design-reference .ref-selection-controls{min-height:24px!important}
}
@layer danfeng-reference {body.design-reference #content .cw-scroll{max-height:var(--ref-table-height,65vh)!important}}

/* First rollout module: four archive pages, original schemas and actions preserved. */
@layer danfeng-reference {
 body.design-reference .pw{background:transparent!important;color:var(--b-ink)!important}
 body.design-reference .pw-tabs{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:10px 0!important}
 body.design-reference .pw-tabs button,body.design-reference .pw-toolbar button{border-radius:6px!important;font-size:14px!important;line-height:20px!important;min-height:34px!important;padding:6px 10px!important;border:1px solid #dce3eb!important;background:white!important;color:#344457!important}
 body.design-reference .pw-tabs button.active{background:var(--b-tint)!important;border-color:var(--b-accent)!important;color:var(--b-accent)!important}
 body.design-reference .pw-toolbar{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;margin:10px 0!important}
 body.design-reference .pw-toolbar [data-pw=create]{background:var(--b-accent)!important;color:white!important;border-color:var(--b-accent)!important}
 body.design-reference .pw-table{background:#fff!important;border-collapse:separate!important;border-spacing:0!important}
 body.design-reference .pw-table th{font-size:13px!important;font-weight:500!important;background:var(--b-head)!important;color:#526176!important;height:40px!important}
 body.design-reference .pw-table .ref-archive-row>td{height:56px!important;max-height:56px!important;padding:0 8px!important;border-bottom:1px solid #e7edef!important}
 body.design-reference .ref-archive-cell{height:54px!important;max-height:54px!important;overflow:hidden!important;display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;font-size:14px!important;line-height:22px!important}
 body.design-reference .ref-archive-cell .pw-list-cell{overflow:hidden!important;max-height:44px!important;line-height:22px!important}
 body.design-reference .ref-archive-cell button{white-space:nowrap!important;font-size:14px!important;line-height:22px!important;flex-shrink:0!important}
 body.design-reference .ref-archive-cell img{max-height:36px!important;max-width:48px!important;object-fit:contain!important}
 body.design-reference .pw-pagination{background:transparent!important;font-size:13px!important}
}@layer danfeng-reference {
 body.design-reference #content .pw-table .ref-archive-row{height:56px!important;min-height:0!important;max-height:56px!important}
 body.design-reference #content .pw-table .ref-archive-row>td{height:56px!important;min-height:0!important;max-height:56px!important}
}@layer danfeng-reference {
 body.design-reference #content .pw-table>tbody>tr{height:56px!important;min-height:0!important}
 body.design-reference #content .pw-table>tbody>tr>td{height:56px!important;padding:0 8px!important}
 body.design-reference #content .pw-table>tbody>tr>td>.r4-cell{height:54px!important}
}
/* Supplier / policy list module: existing business fields and handlers retained. */
@layer danfeng-reference {
 body.design-reference .ref-business-list .business-toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:8px 0 12px!important}
 body.design-reference .ref-business-list .business-toolbar .left{display:flex!important;flex-wrap:wrap!important;gap:8px!important;flex:1!important}
 body.design-reference .ref-business-list .repair-import:has(.ref-source){display:none!important}
 body.design-reference .ref-business-list .panel{background:white!important;border:1px solid var(--b-line)!important;border-radius:8px!important;overflow:visible!important}
 body.design-reference .ref-business-list .panel-head:has(.ref-help-source){padding:8px 12px!important}
 body.design-reference .ref-business-list table th{height:40px!important;font-size:13px!important;font-weight:500!important;color:#526176!important;background:var(--b-head)!important}
 body.design-reference .ref-business-list .ref-list-row{height:56px!important;min-height:0!important}
 body.design-reference .ref-business-list .ref-list-row>td{height:56px!important;padding:0 8px!important;vertical-align:middle!important}
 body.design-reference .ref-business-list .ref-list-row>td>.r4-cell{height:54px!important;max-height:54px!important}
 body.design-reference .ref-list-cell{height:54px!important;max-height:54px!important;overflow:hidden!important;display:flex!important;align-items:center!important;gap:6px!important;font-size:14px!important;line-height:22px!important}
 body.design-reference .ref-list-cell .actions{flex-wrap:nowrap!important;white-space:nowrap!important;gap:6px!important}
 body.design-reference .ref-full-content{color:#344457!important;font-size:14px!important;line-height:22px!important;background:none!important;border:0!important;padding:0!important;cursor:pointer!important;white-space:normal!important;text-align:left!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;max-height:44px!important;overflow:hidden!important}
 body.design-reference .ref-full-content:hover{text-decoration:underline!important;color:var(--b-accent)!important}
 body.design-reference #ref-row-content{position:fixed!important;inset:70px 20px auto auto!important;width:min(540px,calc(100vw - 32px))!important;max-height:calc(100dvh - 100px)!important;overflow:auto!important;margin:0!important;padding:20px!important;background:#fff!important;border:1px solid #dce3eb!important;border-radius:10px!important;color:var(--b-ink)!important;box-shadow:0 12px 40px #23345130!important}
 body.design-reference #ref-row-content p{white-space:pre-wrap!important;overflow-wrap:anywhere!important;font-size:14px!important;line-height:22px!important}
}

@layer danfeng-reference {
 body.design-reference header .ref-source{display:none!important}
 body.design-reference .ref-list-cell:not(:has(.actions)):not(:has(.ref-menu)){display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;height:auto!important;max-height:44px!important;white-space:normal!important;overflow-wrap:anywhere!important}
 body.design-reference .ref-history-panel{width:min(480px,calc(100vw - 32px))!important;max-height:60vh!important;overflow:auto!important;white-space:normal!important}
 body.design-reference .ref-history-panel p{font-size:14px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
}

@layer danfeng-reference {
 body.design-reference .ref-business-list .business-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:8px 0 12px!important}
 body.design-reference .ref-business-list .business-summary:not(.cw-entry-cards)>button{min-height:72px!important;padding:12px!important;border:1px solid var(--b-line)!important;border-radius:8px!important;background:#fff!important;text-align:left!important;display:flex!important;align-items:center!important;gap:10px!important}
 body.design-reference .ref-business-list .business-summary:not(.cw-entry-cards)>button[aria-pressed=true]{border-color:var(--b-accent)!important;background:var(--b-tint)!important}
 body.design-reference .ref-business-list .business-summary:not(.cw-entry-cards)>button strong{font-size:22px!important;font-weight:600!important}
 body.design-reference .ref-business-list .ref-list-cell img{max-height:40px!important;width:auto!important;object-fit:contain!important}
 @media(max-width:800px){body.design-reference .ref-business-list .business-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
}

@layer danfeng-reference {
 body.design-reference .ref-business-list .pf-metric-value>svg{display:none!important}
 body.design-reference .ref-business-list .pf-count{font-size:22px!important;font-weight:600!important}
}

@layer danfeng-reference {
 /* Respect existing page-permission visibility; never grant access through styling. */
 body.design-reference #nav [data-page][hidden]{display:none!important}
}

@layer danfeng-reference {
 body.design-reference .ref-business-list .business-summary:not(.cw-entry-cards)>button{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;height:auto!important;min-height:72px!important;justify-items:start!important}
 body.design-reference .ref-business-list .business-summary .approved-stat-icon{display:none!important}
 body.design-reference .ref-business-list .business-summary:not(.cw-entry-cards)>button>b{font-size:22px!important;font-weight:600!important}
}

@layer danfeng-reference {
 body.design-reference .ref-business-list .business-summary:not(.cw-entry-cards)>button>*{grid-row:1!important;grid-column:auto!important}
}

@layer danfeng-reference { body.design-reference .ref-help-container{display:none!important;margin:0!important;padding:0!important} body.design-reference .ref-business-list .option-values .ref-list-cell{display:flex!important;flex-wrap:nowrap!important;height:44px!important} body.design-reference .ref-business-list .option-values .tag{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:0 1 auto!important} }

@layer danfeng-reference {
 body.design-reference .silver-metrics{gap:10px!important;margin:8px 0 12px!important}
 body.design-reference .silver-metrics>button{min-height:80px!important;padding:10px 14px!important;display:grid!important;grid-template-columns:32px 1fr auto!important;gap:6px 10px!important;text-align:left!important}
 body.design-reference .silver-summary-title{grid-column:2!important;font-size:14px!important}
 body.design-reference .silver-summary-value{grid-column:3!important;font-size:22px!important;font-weight:600!important;color:var(--b-ink)!important}
 body.design-reference .silver-summary-more{grid-column:2 / span 2!important;font-size:12px!important;color:#526176!important}
 body.design-reference .ref-rollout-filter{padding:8px 12px!important;gap:8px!important;align-items:center!important}
 body.design-reference .ref-rollout-filter .roll-note{font-size:12px!important}
}

@layer danfeng-reference {
 body.design-reference .cwb-header{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important}
 body.design-reference .cwb-header h2{font-size:24px!important}
 body.design-reference .cwb-metrics{gap:10px!important;margin:10px 0!important}
 body.design-reference .cwb-metrics>button{min-height:84px!important;padding:12px!important;border:1px solid var(--b-line)!important;border-radius:8px!important;background:white!important}
 body.design-reference .cwb-metrics>button>strong{font-size:24px!important;line-height:30px!important;color:var(--b-accent)!important}
 body.design-reference .cwb-scroll{overflow:auto!important}
 body.design-reference .cwb-table th{height:40px!important;background:var(--b-head)!important;font-size:13px!important;font-weight:500!important;color:#526176!important}
 body.design-reference .cwb-workspace{gap:12px!important}
}

@layer danfeng-reference {body.design-reference .cwb-workspace.ref-detail-closed{grid-template-columns:minmax(0,1fr)!important} body.design-reference .cwb-workspace.ref-detail-closed>.cwb-detail{display:none!important}}

@layer danfeng-reference {
 body.design-reference .qc-dashboard-kpis{gap:10px!important;margin:8px 0 12px!important}
 body.design-reference .qc-dashboard-kpis>button{min-height:84px!important;border:1px solid var(--b-line)!important;border-radius:8px!important;background:#fff!important;padding:12px!important}
 body.design-reference .qc-dashboard-kpis>button>b{font-size:24px!important;font-weight:600!important;color:var(--b-accent)!important}
 body.design-reference .qc-purchase-status{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:8px 0!important}
 body.design-reference .qc-purchase-status button{min-height:38px!important;border-radius:6px!important}
 body.design-reference .booking-plan-toolbar{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}
 body.design-reference .qc-empty{min-height:80px!important;padding:24px!important;background:#fff!important;border:1px solid var(--b-line)!important;border-radius:8px!important}
}

@layer danfeng-reference {body.design-reference .ref-business-list .ref-list-row>td{display:table-cell!important}}

@layer danfeng-reference {
 body.design-reference .supervision-workspace{gap:12px!important;grid-template-columns:minmax(0,1fr) minmax(260px,300px)!important}
 body.design-reference .supervision-task-card{border-radius:8px!important;padding:12px!important;background:#fff!important}
 body.design-reference .supervision-task-card h4{font-size:16px!important;line-height:24px!important;font-weight:500!important;color:#26354a!important;overflow-wrap:anywhere!important}
 body.design-reference .supervision-task-meta{font-size:13px!important;color:#526176!important}
 body.design-reference .supervision-task-actions{gap:6px!important}
 body.design-reference .supervision-insight-grid>div{padding:10px!important;min-height:62px!important;background:white!important}
 body.design-reference .supervision-filter-chips{gap:8px!important;margin:8px 0!important}
 body.design-reference .supervision-filter-chips button{border-radius:6px!important}
 body.design-reference .supervision-filter-chips button.active{background:var(--b-tint)!important;color:var(--b-accent)!important;border-color:var(--b-line)!important}
 @media(max-width:1100px){body.design-reference .supervision-workspace{grid-template-columns:minmax(0,1fr)!important}}
}

@layer danfeng-reference {
 body.design-reference .funds-toolbar,body.design-reference .order-toolbar{gap:8px!important;flex-wrap:wrap!important;margin:8px 0!important}
 body.design-reference .funds-table{min-width:980px!important}
 body.design-reference .funds-metrics>div{padding:12px!important;border-color:var(--b-line)!important;min-height:80px!important}
 body.design-reference .funds-metrics strong{font-size:24px!important;font-weight:600!important;color:var(--b-accent)!important;margin-top:6px!important}
 body.design-reference .funds-charts section,body.design-reference .order-batch-card,body.design-reference .order-formula{border:1px solid var(--b-line)!important;border-radius:8px!important;padding:14px!important;background:#fff!important}
 body.design-reference .order-batch-meta{flex-wrap:wrap!important;gap:10px!important;color:#526176!important}
 body.design-reference .order-batch-card .actions{flex-wrap:wrap!important;gap:6px!important}
 body.design-reference .order-flow{flex-wrap:wrap!important;gap:6px!important}
 body.design-reference .order-flow span{background:var(--b-tint)!important;color:var(--b-accent)!important;border-radius:5px!important;padding:6px 10px!important}
 body.design-reference .order-tabs{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
 body.design-reference .order-tabs button.active{background:var(--b-tint)!important;color:var(--b-accent)!important}
}

@layer danfeng-reference {body.design-reference .ref-list-cell.ref-inline-actions{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;overflow:visible!important}body.design-reference .order-flow button{border-radius:6px!important}body.design-reference .order-flow button.active{background:var(--b-tint)!important;color:var(--b-accent)!important}}

@layer danfeng-reference {
 body.design-reference .od5-hero{height:auto!important;min-height:64px!important;padding:12px 16px!important;gap:12px!important;flex-wrap:wrap!important;background:var(--b-head)!important}
 body.design-reference .od5-hero>svg{display:none!important}
 body.design-reference .od5-hero h2{font-size:24px!important;font-weight:600!important;margin:0!important}
 body.design-reference .od5-filters{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
 body.design-reference .od5-metric{min-height:78px!important;padding:10px!important;gap:10px!important}
 body.design-reference .od5-metric b{font-size:24px!important;font-weight:600!important;color:var(--b-accent)!important}
 body.design-reference .od5-metric span{color:#526176!important}
 body.design-reference .od5-table{overflow:auto!important}
 body.design-reference .setting-grid,body.design-reference .help-grid{gap:12px!important}
 body.design-reference .setting-card,body.design-reference .help-grid>section{background:#fff!important;border:1px solid var(--b-line)!important;border-radius:8px!important;padding:16px!important;min-width:0!important}
 body.design-reference .setting-card h3,body.design-reference .help-grid summary{font-size:16px!important;font-weight:600!important;color:var(--b-ink)!important;line-height:24px!important}
 body.design-reference .setting-actions,body.design-reference .notification-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
 body.design-reference .help-hero{min-height:70px!important;padding:16px!important;background:var(--b-head)!important;border-radius:8px!important}
 @media(max-width:1100px){body.design-reference .od5-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.design-reference .setting-grid,body.design-reference .help-grid{grid-template-columns:minmax(0,1fr)!important}}
}

@layer danfeng-reference {body.design-reference .sb-table .ref-list-row,body.design-reference .r8-log-viewport .ref-list-row{height:56px!important}body.design-reference .help-page-directory{display:flex!important;flex-wrap:wrap!important;gap:8px!important}body.design-reference[data-page=help] .panel summary,body.design-reference[data-page=help] .setting-card summary{font-size:16px!important;font-weight:600!important;cursor:pointer;padding:8px!important}body.design-reference[data-page=help] .grid-2{gap:12px!important}}

/* Layout audit: content-centered rows and balanced status groups, no typography changes. */
@layer danfeng-reference {
 body.design-reference header.topbar{flex-wrap:wrap!important;gap:10px 16px!important;align-items:center!important;justify-content:flex-start!important}
 body.design-reference header.topbar>div:first-child{flex:1 1 240px!important;min-width:0!important}
 body.design-reference header.topbar .top-actions{margin-left:auto!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
 body.design-reference header.topbar .top-actions>div:not(.date-chip):not(.ref-source){align-items:center!important;gap:8px!important}
 body.design-reference header.topbar .btn:not(.ref-source){min-height:36px!important;align-items:center!important;justify-content:center!important;gap:6px!important}
 body.design-reference .ref-business-list .business-summary{display:flex!important;flex-wrap:wrap!important}
 body.design-reference .ref-business-list .business-summary:not(.cw-entry-cards)>button{flex:1 1 var(--ref-summary-basis,150px)!important;align-items:center!important;align-content:center!important;min-width:0!important}
 body.design-reference .ref-business-list .business-summary:not(.cw-entry-cards)>button>*{align-self:center!important;margin-top:0!important;margin-bottom:0!important}
 body.design-reference .ref-list-row .r4-cell>.ref-list-cell{width:100%!important;min-width:0!important;flex:0 1 auto!important}
 body.design-reference .ref-list-row .ref-list-cell small{line-height:20px!important}
 body.design-reference .ref-list-row .ref-list-cell .tag{vertical-align:middle!important;margin-top:0!important;margin-bottom:0!important}
}
@layer danfeng-reference {
 body.design-reference .ref-list-row .ref-list-cell>small{margin:0!important;line-height:20px!important}
 body.design-reference .ref-list-row .ref-list-cell>.code-link{min-height:22px!important;height:22px!important;line-height:22px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}

@layer danfeng-reference {
 body.design-reference:has(header.topbar:not(.r8-order-topbar) .ref-environment) #content :is(.ref-environment,.design-b-environment){display:none!important}
 @media(max-width:800px){
  body.design-reference header.topbar>div:first-child{flex:1 1 180px!important}
  body.design-reference header.topbar .top-actions{order:3!important;flex-basis:100%!important;justify-content:flex-end!important}
  body.design-reference header.topbar .ref-help-trigger{margin-left:0!important}
 }
}
@layer danfeng-reference {
 body.design-reference .ref-business-list .business-summary:not(.cw-entry-cards)>button{grid-template-rows:minmax(0,1fr)!important;row-gap:0!important}
}

@layer danfeng-reference {
}
@layer danfeng-reference {
 body.design-reference .ref-business-list .business-summary:not(.cw-entry-cards)>button[hidden]{display:none!important}
}

/* Insight icons participate in layout; padding overrides cannot overlap their labels. */
@layer danfeng-reference {
 body.design-reference .supervision-insight-grid{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
 body.design-reference .supervision-insight-grid>div{flex:1 1 var(--ref-summary-basis,160px)!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;grid-template-rows:auto!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:12px!important}
 body.design-reference .supervision-insight-grid>div>.approved-insight-icon{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;grid-column:1!important;grid-row:1!important}
 body.design-reference .supervision-insight-grid>div>span{grid-column:2!important;grid-row:1!important;min-width:0!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important;margin:0!important}
 body.design-reference .supervision-insight-grid>div>b{grid-column:3!important;grid-row:1!important;white-space:nowrap!important;margin:0!important}
}

@layer danfeng-reference {body.design-reference .approved-notice-panel:has(.empty-state.ref-help-source){display:none!important}}

@layer danfeng-reference {
 body.design-reference .ref-business-list .sb-metrics{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
 body.design-reference .ref-business-list .sb-metrics>button{flex:1 1 var(--ref-summary-basis,130px)!important;min-width:0!important;box-sizing:border-box!important}
 body.design-reference .ref-business-list .sb-metrics .sb-metric-text{min-width:0!important;max-width:100%!important}
 body.design-reference .ref-business-list .sb-metrics .sb-metric-text>span{white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important}
}

@layer danfeng-reference {body.design-reference .table-wrap td[colspan]>.empty{position:sticky!important;left:0!important;width:var(--ref-visible-table-width,100%)!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}}

/* Catalog task summaries: preserve two readable lines inside the fixed row. */
body.design-reference #content .ref-cell>.ref-cell-text{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-height:22px!important;max-height:44px!important;overflow:hidden!important;flex-shrink:0!important;min-width:0!important;max-width:100%!important}
body.design-reference #content .ref-cell:has(>small)>.ref-cell-text{-webkit-line-clamp:1!important;max-height:22px!important}
body.design-reference #content .ref-cell>small{flex-shrink:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Home uses its own visible heading; keep help beside it, without a help row. */
body.design-reference .dashboard-welcome>div:first-of-type{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap}

/* Home heading: cancel legacy upward translation; leave a 16px gap below tabs. */
@layer danfeng-reference {
 body.design-reference .dashboard-layout{padding-top:16px!important}
 body.design-reference .dashboard-welcome>div:first-of-type{transform:none!important}
}/* Fifteen requested adjustments. Existing business handlers and pagination remain. */
@layer danfeng-reference {
 body.design-reference .dashboard-shortcuts>div{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-content:flex-start!important;gap:10px!important;grid-template-columns:none!important}
 body.design-reference .dashboard-shortcuts>div>button{flex:0 0 126px!important;width:126px!important;margin:0!important}
 body.design-reference .dashboard-shortcuts{height:auto!important;min-height:0!important;align-self:start!important}
 body.design-reference .ref-quick-heading{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important}
 body.design-reference .ref-quick-heading> b{flex:1 1 220px!important}
 body.design-reference .ref-heading-actions,body.design-reference .ref-price-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:wrap!important;margin-left:auto!important}
 body.design-reference .ref-price-actions{flex:0 1 auto!important}
 body.design-reference .supervision-workspace{align-items:start!important}
 body.design-reference .supervision-workspace>aside,body.design-reference .supervision-workspace>section{margin-top:0!important;padding-top:0!important;align-self:start!important}
 body.design-reference .supervision-workspace>aside>.panel{margin:0!important}
 body.design-reference .supervision-task-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
 body.design-reference #content .ref-fill-list{height:auto!important;max-height:var(--ref-table-height)!important;min-height:0!important;overflow:auto!important;scrollbar-gutter:stable;box-sizing:border-box!important}
 body.design-reference #content .ref-fill-list table{margin-bottom:0!important}
 body.design-reference :is(.ref-menu-toggle,.ref-inline-actions .btn,.cell-actions .btn){white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important}
 body.design-reference :is(.pw-toolbar,.business-toolbar,.toolbar,.funds-toolbar) :is(input:not([type=checkbox]):not([type=radio]),select){font-size:15px!important;line-height:22px!important;min-height:36px!important}
 body.design-reference :is(.workspace-tab button,.workspace-tab-picker){font-size:15px!important;line-height:22px!important}
 body.design-reference :is(.nav-item,.nav-group-title){font-size:14px!important;line-height:22px!important}
 body.design-reference :is(.pw-field label,.modal-body label){font-size:15px!important;line-height:22px!important}
 body.design-reference :is(.pw-field small,.modal-body small){font-size:12px!important;line-height:18px!important}
 body.design-reference[data-page=certificates] .certificate-widths-only :is(th,td){white-space:normal!important;word-break:normal!important;vertical-align:middle!important}
 body.design-reference[data-page=certificates] .certificate-widths-only .ref-list-cell{line-height:18px!important;max-height:42px!important}
 body.design-reference[data-page=certificates] .certificate-widths-only small{line-height:16px!important}
 body.design-reference[data-page=silver] #content table[data-r6-layout=silver]{width:1770px!important;min-width:1770px!important;max-width:none!important}
 body.design-reference[data-page=silver] #content table[data-r6-layout=silver] th{white-space:nowrap!important;word-break:keep-all!important}
 body.design-reference[data-page=silver] #content table[data-r6-layout=silver] td{vertical-align:middle!important}
 body.design-reference[data-page=silver] #content table[data-r6-layout=silver] :is(.ref-list-cell,.r4-cell){max-height:none!important;overflow:visible!important;line-height:18px!important}
 body.design-reference[data-page=silver] #content table[data-r6-layout=silver] small{line-height:16px!important;white-space:normal!important}
 body.design-reference[data-page=silver] #content table[data-r6-layout=silver] img{width:48px!important;height:38px!important;object-fit:contain!important}
 body.design-reference[data-page=silver] #content table[data-r6-layout=silver] tr.ref-list-row{height:auto!important;min-height:56px!important}
 body.design-reference[data-page=silver] #content table[data-r6-layout=silver] tr.ref-list-row>td{height:56px!important}
 body.design-reference[data-page=patrol] #content table.patrol-compact-table :is(th,td):last-child{width:130px!important;min-width:130px!important;max-width:130px!important;background:#fff!important}
 body.design-reference[data-page=patrol] #content table.patrol-compact-table th:last-child{background:var(--b-head)!important;z-index:5!important}
 body.design-reference[data-page=patrol] #content table.patrol-compact-table .ref-inline-actions{overflow:visible!important}
 body.design-reference .cwb-table col:nth-child(1){width:190px!important}
 body.design-reference .cwb-table col:nth-child(2){width:auto!important}
 body.design-reference .cwb-table col:nth-child(3){width:112px!important}
 body.design-reference .cwb-table col:nth-child(4){width:80px!important}
 body.design-reference .cwb-table{min-width:780px!important;table-layout:fixed!important}
 body.design-reference .cwb-table td:nth-child(2){text-align:left!important;line-height:20px!important}
 body.design-reference .cwb-table td:nth-child(2) .ref-list-cell{max-height:42px!important;line-height:20px!important}
 body.design-reference .cwb-header{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important}
 body.design-reference .cwb-header>div:first-child{flex:1 1 180px!important}
 body.design-reference .cwb-header>div:has([data-cwb-export]){display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin-left:auto!important}
 body.design-reference .cwb-header :is([data-cwb-export],[data-action=dashboard-types],[data-action=dashboard-links],.ref-dashboard-detail){width:94px!important;min-width:94px!important;height:36px!important;margin:0!important;padding:6px 8px!important;font-size:13px!important;white-space:nowrap!important;flex:none!important}
 body.design-reference[data-page=qc-product-images] #content table{min-width:1140px!important;table-layout:fixed!important}
 body.design-reference[data-page=qc-product-images] #content table img{width:56px!important;height:40px!important;object-fit:contain!important}
 body.design-reference .sidebar-foot{padding-bottom:8px!important;gap:6px!important;min-height:0!important}
 @media(max-width:900px){body.design-reference .supervision-workspace{grid-template-columns:minmax(0,1fr)!important}body.design-reference .ref-heading-actions,body.design-reference .ref-price-actions{margin-left:auto!important;justify-content:flex-end!important}body.design-reference .cwb-header>div:has([data-cwb-export]){flex-basis:100%!important}}
}


@layer danfeng-reference {body.design-reference[data-page=qc-product-images] #content tr.ref-list-row>td{padding-top:0!important;padding-bottom:0!important;height:56px!important}}

/* Original B concept, sampled primary #087c84; shared component contract, not page-specific skins. */
@layer danfeng-reference {
 body.design-reference{--b-accent:#087c84;--b-hover:#066970;--b-bg:#f4f7fa;--b-surface:#fff;--b-head:#f0f4f6;--b-line:#d9e1e7;--b-ink:#33414d;--b-title:#213044;--b-muted:#72818b;--b-tint:#e1f2f2;--ref-blue:var(--b-accent);--ref-bg:var(--b-bg);--ref-line:var(--b-line);--ref-ink:var(--b-ink);--ref-muted:var(--b-muted);--approved-blue:var(--b-accent);--approved-line:var(--b-line);--approved-bg:var(--b-bg);--approved-ink:var(--b-title);--approved-muted:var(--b-muted);--primary:var(--b-accent)!important;--accent:var(--b-accent);--line:var(--b-line);--text:var(--b-ink);--muted:var(--b-muted);--b-accent-bg:var(--b-tint);color:var(--b-ink)!important;background:var(--b-bg)!important}
 body.design-reference :is(h1,#pageTitle,.dashboard-welcome h2){color:var(--b-title)!important;font-size:24px!important;font-weight:600!important;line-height:32px!important}
 body.design-reference :is(h2,#modalTitle){color:var(--b-title)!important;font-size:21px!important;font-weight:600!important;line-height:29px!important}
 body.design-reference :is(h3,h4){color:var(--b-title)!important;font-size:15px!important;font-weight:600!important;line-height:22px!important}
 body.design-reference :is(.panel,.setting-card,.business-card,.pw,.cwb-detail,.design-b-inspector,.pf-detail,.funds-card,.od5-panel,.sb-panel){background:var(--b-surface)!important;border-color:var(--b-line)!important;border-radius:8px!important;box-shadow:none!important}
 body.design-reference :is(.topbar,.approved-brandbar,.danfeng-workbench-brand,.workspace-tabs){background:#fff!important;border-color:var(--b-line)!important}
 body.design-reference .nav-item.active,body.design-reference .nav-item.active span{background:var(--b-tint)!important;color:var(--b-accent)!important}
 body.design-reference :is(.workspace-tab.active,.workspace-tab.active button,.risk-group-tabs .tab.active,.business-tabs button.active){background:var(--b-tint)!important;color:var(--b-accent)!important;border-color:var(--b-accent)!important}
 body.design-reference .workspace-tab.active:after{background:var(--b-accent)!important}
 body.design-reference :is(.danfeng-avatar,.login-mark){background:var(--b-tint)!important;color:var(--b-accent)!important}
 body.design-reference :is(.approved-brandbar,.danfeng-brand-name) svg{color:var(--b-accent)!important}
 body.design-reference :is(.btn,.ref-menu-toggle,.toolbar button,.business-toolbar button,.pw-toolbar button){border-radius:5px!important;border-color:var(--b-line)!important;min-height:34px!important;font-size:13px!important;font-weight:500!important;line-height:20px!important;box-shadow:none!important}
 body.design-reference :is(.btn.primary,[data-action=run-selector],#modal #submitModal,[data-cw=add],.pw-primary){background:var(--b-accent)!important;border-color:var(--b-accent)!important;color:#fff!important}
 body.design-reference :is(.btn.primary,#modal #submitModal,[data-cw=add],.pw-primary):hover{background:var(--b-hover)!important;border-color:var(--b-hover)!important}
 body.design-reference :is(.btn.link,.inline-master-add,.ref-inline-actions button,.cw-actions .btn,.ref-full-content,a){color:var(--b-accent)!important}
 body.design-reference :is(.btn.danger,.danger,.bad,.error,.badge.red,.badge.bad){color:#b5434a!important}
 body.design-reference :is(.badge.warn,.tag.warn,.warning){color:#95641b!important}
 body.design-reference :is(.badge.good,.tag.good,.success){color:#2c7757!important}
 body.design-reference :is(button,input,select,textarea,summary,a):focus-visible{outline:2px solid var(--b-accent)!important;outline-offset:2px!important}
 body.design-reference :is(input[type=checkbox],input[type=radio]){accent-color:var(--b-accent)!important}
 body.design-reference :is(.toolbar,.business-toolbar,.filter-bar,.queue-filters,.pw-toolbar,.qc-topline){gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
 body.design-reference :is(.toolbar,.business-toolbar,.filter-bar,.queue-filters,.pw-toolbar,.qc-topline) :is(input:not([type=checkbox]):not([type=radio]),select){font-size:14px!important;line-height:20px!important;min-height:34px!important;height:34px!important;padding:6px 10px!important;line-height:20px!important;border-color:var(--b-line)!important;border-radius:5px!important;box-sizing:border-box!important}
 body.design-reference :is(.toolbar,.queue-filters,.qc-topline,.qc-search-actions) input.search{flex:1 1 240px!important;min-width:min(240px,100%)!important;max-width:100%!important}
 body.design-reference :is(.qc-topline,.qc-search-actions,.r8-receiving-tools){display:flex!important;flex-direction:row!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
 body.design-reference .qc-search-actions{flex:1 1 300px!important;min-width:0!important}
 body.design-reference :is(.business-tabs,.cr-tabs,.pw-tabs,.qc-view-buttons,.qc-record-type-tabs,.qc-purchase-status,.order-tabs){display:flex!important;flex-wrap:wrap!important;gap:4px!important;align-items:center!important;background:transparent!important;width:auto!important;min-height:0!important;padding:0!important;border:0!important;margin:0 0 8px!important}
 body.design-reference :is(.business-tabs,.cr-tabs,.pw-tabs,.qc-view-buttons,.qc-record-type-tabs,.qc-purchase-status,.order-tabs)>button{flex:0 0 auto!important;width:auto!important;min-height:32px!important;border:1px solid var(--b-line)!important;border-radius:5px!important;background:#fff!important;padding:5px 10px!important;font-size:13px!important;line-height:20px!important;color:var(--b-ink)!important}
 body.design-reference :is(.business-tabs,.cr-tabs,.pw-tabs,.qc-view-buttons,.qc-record-type-tabs,.qc-purchase-status,.order-tabs)>button.active{background:var(--b-tint)!important;border-color:var(--b-accent)!important;color:var(--b-accent)!important}
 body.design-reference :is(.ref-menu-panel,.ref-inline-panel,.df-header-panel,.modal-choice-panel,.modal-smart-panel){border:1px solid var(--b-line)!important;border-radius:6px!important;background:#fff!important;box-shadow:0 6px 20px #21304418!important;color:var(--b-ink)!important}
 body.design-reference [data-cwb-category]{border-radius:5px!important;border-color:var(--b-line)!important;background:#fff!important;color:var(--b-ink)!important;font-size:13px!important;min-height:32px!important}
body.design-reference [data-cwb-category].active{background:var(--b-tint)!important;border-color:var(--b-accent)!important;color:var(--b-accent)!important}
body.design-reference :is(.cwb-metrics strong,.funds-metrics strong,.od5-metric b,.qc-dashboard-kpis b){color:var(--b-title)!important}
body.design-reference .qc-purchase-status>button.active b{background:var(--b-accent)!important;color:#fff!important}
body.design-reference .df-account-panel button{width:100%!important;text-align:left!important;min-height:36px!important;font-size:14px!important;line-height:22px!important;padding:7px 12px!important;color:var(--b-ink)!important}
 body.design-reference .sidebar-foot{padding:12px 16px!important;margin:0!important;min-height:0!important;border-color:var(--b-line)!important}
 body.design-reference table thead :is(th,td){background:var(--b-head)!important;color:#52616d!important;border-color:var(--b-line)!important;font-weight:500!important}
 body.design-reference #content :is(td.cell-status,td.cell-number) .ref-list-cell{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:54px!important;max-height:54px!important;gap:2px!important;-webkit-line-clamp:unset!important}
body.design-reference #content td.cell-actions .ref-list-cell{display:flex!important;align-items:center!important;height:54px!important;max-height:54px!important;overflow:visible!important}
body.design-reference table td{border-bottom-color:#e7edef!important;color:var(--b-ink)!important}
 body.design-reference table tbody tr:hover>td{background:#f1f8f8!important}
 body.design-reference table tbody tr:has(input[type=checkbox]:checked)>td{background:var(--b-tint)!important}
 body.design-reference table :is(button,summary,.ref-menu-toggle){white-space:nowrap!important;word-break:keep-all!important}
 body.design-reference table :is(.badge,.tag){display:inline-flex!important;align-items:center!important;line-height:18px!important;padding:2px 6px!important;white-space:nowrap!important;word-break:keep-all!important;border-radius:4px!important;max-width:100%;box-sizing:border-box}
 body.design-reference .ref-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#52616d!important;flex:none!important;box-shadow:none!important}
 body.design-reference .ref-icon svg,body.design-reference .ref-icon svg *{width:18px!important;height:18px!important;fill:currentColor!important;stroke:none!important;color:inherit!important}
 body.design-reference .cw-entry-cards{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;margin:0 0 12px!important}
 body.design-reference .cw-entry-cards>button{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-width:0!important;min-height:84px!important;padding:10px 5px!important;background:#fff!important;border:1px solid var(--b-line)!important;border-radius:5px!important;box-shadow:none!important;color:var(--b-ink)!important;text-align:center!important}
 body.design-reference .cw-entry-cards>button.active{background:var(--b-tint)!important;border-color:#87bec2!important;color:var(--b-accent)!important}
 body.design-reference .cw-entry-cards>button:hover{background:#eef8f8!important;border-color:#9cc8cb!important}
 body.design-reference .cw-entry-cards>button :is(.ref-entry-icon,.ref-entry-label,.ref-entry-count){grid-column:auto!important;grid-row:auto!important}
 body.design-reference .cw-entry-cards .ref-entry-icon{width:20px!important;height:20px!important;color:inherit!important}
 body.design-reference .cw-entry-cards .approved-stat-icon,body.design-reference .cw-entry-cards .ref-entry-label>svg{display:none!important}
 body.design-reference .cw-entry-cards .ref-entry-label{display:block!important;white-space:normal!important;word-break:keep-all!important;line-height:18px!important;font-size:13px!important;font-weight:500!important;margin:0!important;padding:0!important;color:inherit!important}
 body.design-reference .cw-entry-cards .ref-entry-label i{font-style:normal!important;font-size:13px!important;line-height:18px!important}
 body.design-reference .cw-entry-cards .ref-entry-count{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:4px!important;margin:0!important}
 body.design-reference .cw-entry-cards .ref-entry-count b{font-size:19px!important;line-height:24px!important;font-weight:600!important;color:var(--b-title)!important}
 body.design-reference .cw-entry-cards .ref-entry-count small{font-size:10px!important;line-height:15px!important;color:var(--b-muted)!important}
 body.design-reference .dashboard-primary-kpis>button{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:8px!important;row-gap:4px!important;text-align:left!important;height:auto!important}
body.design-reference .dashboard-primary-kpis>button>.ref-icon{grid-column:1!important;grid-row:1!important}
body.design-reference .dashboard-primary-kpis>button>span:not(.ref-icon){grid-column:2!important;grid-row:1!important;order:0!important;white-space:normal!important;word-break:normal!important}
body.design-reference .dashboard-primary-kpis>button>b{grid-column:3!important;grid-row:1!important;order:0!important}
body.design-reference .dashboard-primary-kpis>button>small{grid-column:2/4!important;grid-row:2!important;order:0!important;font-size:12px!important;line-height:18px!important;color:var(--b-muted)!important}
body.design-reference .danfeng-brand-name svg [fill="#73b4ff"]{fill:#68b3b8}
body.design-reference .danfeng-brand-name svg [fill="#448aff"]{fill:var(--b-accent)}
body.design-reference .danfeng-brand-name svg [fill="#2d6edf"]{fill:var(--b-hover)}
body.design-reference .danfeng-brand-name svg [fill="#a8cdff"]{fill:var(--b-tint)}
body.design-reference .nav-item.active svg{color:var(--b-accent)!important}
body.design-reference .approved-stat-icon{background:transparent!important;border:0!important;color:var(--b-ink)!important}
body.design-reference #pageTitle>svg.ui-line-icon{color:var(--b-accent)!important}
body.design-reference :is(.dashboard-primary-kpis>button,.business-summary:not(.cw-entry-cards)>button,.sb-metrics>button,.silver-metrics>button,.queue-stats>button,.quality-metrics>button){background:#fff!important;border:1px solid var(--b-line)!important;border-radius:6px!important;box-shadow:none!important;min-height:64px!important;padding:10px 12px!important}
 body.design-reference :is(.dashboard-primary-kpis,.business-summary:not(.cw-entry-cards),.sb-metrics,.silver-metrics,.queue-stats,.quality-metrics) :is(b,strong){font-size:22px!important;line-height:28px!important;font-weight:600!important;color:var(--b-title)!important}
 body.design-reference :is(.business-summary,.sb-metrics,.silver-metrics,.queue-stats)>button.active{background:var(--b-tint)!important;border-color:#87bec2!important;color:var(--b-accent)!important}
 body.design-reference .dashboard-primary-kpis{margin-bottom:12px!important;gap:8px!important}
 body.design-reference .danfeng-hero-illustration{display:none!important}
 body.design-reference .design-b-reading{display:grid!important;gap:14px!important;grid-template-columns:minmax(0,1fr) minmax(240px,290px)!important;align-items:start!important}
 body.design-reference .design-b-reading.design-b-detail-closed{grid-template-columns:minmax(0,1fr)!important}
 body.design-reference .design-b-inspector{padding:16px!important;border:1px solid var(--b-line)!important;border-radius:6px!important;box-shadow:none!important;font-size:14px!important;line-height:22px!important}
 body.design-reference .design-b-inspector h4{border-left:3px solid var(--b-accent)!important;padding-left:9px!important;margin:18px 0 8px!important}
 body.design-reference :is(.form-grid,.cw-grid,.cw-form-grid,.pw-modal-grid){gap:14px!important}
 body.design-reference :is(.modal-body,.pw-modal-body,dialog) :is(label,.field>span){font-size:14px!important;line-height:21px!important;color:#52616d!important}
 body.design-reference :is(.modal-body,.pw-modal-body,dialog) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:14px!important;border:1px solid var(--b-line)!important;border-radius:5px!important;background:#fff!important;color:var(--b-ink)!important;min-height:36px!important;box-sizing:border-box!important}
 body.design-reference :is(.modal-body,.pw-modal-body) h3{border-left:3px solid var(--b-accent)!important;padding-left:9px!important;margin:18px 0 12px!important}
 body.design-reference :is(.modal-wrap,.pw-modal-backdrop){background:#21304470!important}
 body.design-reference :is(.modal,.pw-drawer,dialog[open]){background:#fff!important;border:1px solid var(--b-line)!important;border-radius:8px!important;box-shadow:0 12px 42px #21304422!important}
 body.design-reference :is(.modal-head,.modal-foot,.pw-drawer>header,.pw-modal-footer){background:#fff!important;border-color:var(--b-line)!important;padding:16px 20px!important}
 body.design-reference .modal-body{padding:18px 20px!important}
 body.design-reference .pw-drawer>header{display:flex!important;gap:12px!important;align-items:center!important;padding:16px 20px!important;border-bottom:1px solid var(--b-line)!important;position:relative!important}
body.design-reference .pw-drawer>header>h3{flex:1!important;font-size:21px!important;line-height:29px!important;font-weight:600!important;margin:0!important}
body.design-reference .pw-dialog-help{flex:none!important;font-size:13px!important;color:var(--b-accent)!important}
body.design-reference .pw-dialog-help>summary{cursor:pointer!important;white-space:nowrap!important}
body.design-reference .pw-dialog-help[open]>p{position:absolute!important;top:100%!important;right:20px!important;width:min(360px,calc(100vw - 48px))!important;padding:12px!important;border:1px solid var(--b-line)!important;border-radius:6px!important;background:#fff!important;z-index:4!important;color:var(--b-ink)!important;font-size:14px!important}
body.design-reference .pw-drawer>header>button{flex:none!important;min-width:32px!important;min-height:32px!important;padding:3px!important;border:0!important;background:transparent!important;font-size:20px!important;line-height:26px!important}
body.design-reference .pw-drawer>nav{display:flex!important;flex-wrap:wrap!important;gap:4px!important;background:transparent!important}
body.design-reference .pw-drawer>nav>button.active{background:var(--b-tint)!important;border-color:var(--b-accent)!important;color:var(--b-accent)!important}
body.design-reference .pw-modal-footer{display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
body.design-reference .pw-modal-footer [data-pw=save-record]{background:var(--b-accent)!important;border-color:var(--b-accent)!important;color:#fff!important}
body.design-reference .modal-head .icon-btn{background:transparent!important;border:0!important;color:#63747e!important;min-width:32px!important;min-height:32px!important}
 body.design-reference :is(.modal-foot,.pw-modal-footer) button:not(.primary):not(#submitModal):not([data-pw=save-record]){background:#fff!important;color:var(--b-ink)!important;border-color:var(--b-line)!important}
 body.design-reference :is(.form-note,.cw-form-nav,.design-b-form-nav){background:#f2f8f8!important;border-color:var(--b-line)!important;color:var(--b-muted)!important}
 body.design-reference .silver-filter-bar .toolbar-left>label{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;font-size:13px!important}
 body.design-reference .silver-filter-bar .roll-note{font-size:12px!important;line-height:18px!important;margin:0!important;padding:0!important;color:var(--b-muted)!important}
 body.design-reference .roll-silver-bar:not(:has(>label)):not(:has(>.roll-note)){margin:0!important;padding:0!important;min-height:0!important;border:0!important;background:transparent!important}
 body.design-reference .cc-query-controls .r8-schedule{display:inline-flex!important;align-items:center!important;min-height:34px!important;margin:0!important;padding:0 4px!important;color:var(--b-muted)!important;font-size:12px!important;line-height:18px!important}
 body.design-reference .cc-query-controls :is(.cr-tabs,.cc-manual){margin-bottom:0!important;align-items:center!important}
 body.design-reference .cwb-select{color:var(--b-accent)!important}
 body.design-reference #content td .ref-list-cell:has(>[data-op-r22]){display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:nowrap!important;height:54px!important}
 body.design-reference #content td .ref-list-cell:has(>[data-op-r22])>small{flex:none!important;white-space:nowrap!important;font-size:12px!important;line-height:18px!important}
 body.design-reference #content td .ref-list-cell:has(>.funds-status){display:flex!important;flex-direction:column!important;justify-content:center!important;height:54px!important;gap:0!important}
 body.design-reference #content td .ref-list-cell:has(>.funds-status)>.funds-status{font-size:13px!important;line-height:18px!important;margin:0!important;padding:0!important}
 body.design-reference #content td .ref-list-cell:has(>.funds-status)>small{font-size:12px!important;line-height:16px!important;margin:0!important}
 body.design-reference .table-wrap td[colspan] .empty-state{min-height:0!important;padding:18px 12px!important}
 @media(max-width:1100px){body.design-reference .cw-entry-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}body.design-reference .design-b-reading{grid-template-columns:minmax(0,1fr)!important}body.design-reference .design-b-reading:not(.design-b-detail-closed) .design-b-inspector{position:fixed!important;right:12px!important;top:100px!important;bottom:12px!important;width:min(320px,calc(100vw - 24px))!important;max-height:calc(100dvh - 112px)!important;overflow:auto!important;z-index:120!important;box-shadow:0 8px 28px #21304422!important}}
 @media(max-width:600px){body.design-reference .cw-entry-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.design-reference :is(.form-grid,.cw-grid,.cw-form-grid,.pw-modal-grid){grid-template-columns:minmax(0,1fr)!important}body.design-reference :is(.modal-body,.modal-head,.modal-foot){padding:12px!important}}
}

@layer danfeng-reference {
 body.design-reference .design-b-inspector{position:sticky;top:16px;max-height:calc(100dvh - 120px);overflow:auto;min-width:0;box-sizing:border-box}
 @media(max-width:1100px){body.design-reference:is([data-page="new-products"],[data-page="artwork-center"],[data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="sample-center"],[data-page="supplier-center"],[data-page="policy-center"]) .design-b-reading:not(.design-b-detail-closed) .design-b-inspector{position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;z-index:auto!important;box-shadow:none!important;align-self:start!important}}
 @media(max-width:600px){body.design-reference:is([data-page="new-products"],[data-page="artwork-center"],[data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="sample-center"],[data-page="supplier-center"],[data-page="policy-center"]) :is(.form-grid,.cw-grid,.cw-form-grid,.pw-modal-grid){grid-template-columns:minmax(0,1fr)!important}body.design-reference:is([data-page="new-products"],[data-page="artwork-center"],[data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="sample-center"],[data-page="supplier-center"],[data-page="policy-center"]) :is(.modal-body,.modal-head,.modal-foot){padding:12px!important}}
}

@layer danfeng-reference {
 body.design-reference:is([data-page="new-products"],[data-page="artwork-center"],[data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="sample-center"],[data-page="supplier-center"],[data-page="policy-center"]) .design-b-inspector{position:static;inset:auto;max-height:none;height:auto;min-height:0;overflow:visible;min-width:0;align-self:start;box-sizing:border-box}
 body.design-reference .design-b-detail-closed>.design-b-inspector{display:none!important}
 body.design-reference .design-b-form-nav{position:sticky;top:0;z-index:7;display:flex;flex-wrap:wrap;gap:8px;padding:10px 0;margin-bottom:12px;background:#fff;border-bottom:1px solid var(--b-line)}
 body.design-reference .cw-entry-cards>button>.approved-stat-icon{display:none!important}
 body.design-reference .cw-entry-cards>button>.ref-entry-label{display:block!important}
}

/* Page-flow scrolling: only horizontal overflow stays inside list containers. */

@layer danfeng-reference {
 body.design-reference:is([data-page="new-products"],[data-page="artwork-center"],[data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="sample-center"],[data-page="supplier-center"],[data-page="policy-center"]) #content#content :is(.cw-scroll,.pw-scroll,.table-wrap,.smart-table-wrap,.sb-table-scroll,.r8-log-viewport,.cwb-scroll,.booking-scroll,.repair-scroll,.funds-table-wrap,.business-table-wrap,.table-scroll,.r22-scroll,.fb-task-scroll,.pf-catalog-scroll,.pf-scroll,.detail-table-scroll){height:auto!important;max-height:none!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;contain:none!important}
 body.design-reference:is([data-page="new-products"],[data-page="artwork-center"],[data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="sample-center"],[data-page="supplier-center"],[data-page="policy-center"]) #content#content .design-b-inspector{position:static!important;max-height:none!important;height:auto!important;overflow:visible!important}
 body.design-reference:is([data-page="new-products"],[data-page="artwork-center"],[data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="sample-center"],[data-page="supplier-center"],[data-page="policy-center"]) #content#content #modal.record-pane-editor>.modal,
 body.design-reference:is([data-page="new-products"],[data-page="artwork-center"],[data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="sample-center"],[data-page="supplier-center"],[data-page="policy-center"]) #content#content #modal.record-pane-editor #modalForm,
 body.design-reference:is([data-page="new-products"],[data-page="artwork-center"],[data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="sample-center"],[data-page="supplier-center"],[data-page="policy-center"]) #content#content #modal.record-pane-editor #modalBody{height:auto!important;max-height:none!important;overflow:visible!important;flex:none!important}
 body.design-reference:is([data-page="new-products"],[data-page="artwork-center"],[data-page="lifecycle-center"],[data-page="stagnant-center"],[data-page="sample-center"],[data-page="supplier-center"],[data-page="policy-center"]) #content#content #modal.record-pane-editor .modal-foot{position:static!important}
}