/* Master Hub v5: the existing vocabulary, on the shared Crane Tea tokens. */
.v5-body{height:100vh;overflow:hidden;background:#fbf7ed;color:#0d2318;font:400 13px/1.55 'Be Vietnam Pro',sans-serif}
.v5-app{display:flex;height:100vh;min-width:0;overflow:hidden}
.v5-app *{box-sizing:border-box}
.v5-app .v3-rail{position:relative;inset:auto;flex:0 0 268px;width:268px;height:100%;display:flex;flex-direction:column;background:#062b1c;color:rgba(255,255,255,.86);padding:20px 12px 12px;gap:0;overflow:hidden;border:0}
.v5-app .v3-rail-brand{display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:0 8px 16px;gap:4px}
.v5-app .v3-rail-brand strong{font-size:12px;font-weight:700;letter-spacing:.18em;color:#e8b23a;line-height:1.55}
.v5-app .v3-rail-brand>span{font-size:11px;font-weight:600;letter-spacing:.12em;color:rgba(255,255,255,.55);line-height:1.55}
.function-search{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;margin:0 0 14px;border-radius:14px;border:0;background:#e8b23a;color:#062b1c;font:600 13px 'Be Vietnam Pro';cursor:pointer;text-align:left;box-shadow:var(--shadow-card);flex:none}
.function-search>span{flex:1}.function-search kbd{font:700 11px 'Be Vietnam Pro';padding:3px 6px;border-radius:6px;background:rgba(6,43,28,.14);white-space:nowrap}
.v5-app .v3-rail-nav{display:flex;flex:1;min-height:0;overflow-y:auto;flex-direction:column;gap:14px;padding:0 2px 0 0;scrollbar-color:#647a6c transparent}
.nav-group{margin:0;border:0;background:none;padding:0}.nav-group summary{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;color:rgba(255,255,255,.55);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;list-style:none}.nav-group summary::-webkit-details-marker{display:none}.nav-group:not([open]) .nav-caret{transform:rotate(-90deg)}.nav-group>div{display:flex;flex-direction:column;gap:2px}
.v5-app .v3-rail-link{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:12px;color:rgba(255,255,255,.86);font-size:13px;font-weight:500;box-shadow:none;border:0;text-decoration:none;flex:none;width:100%}
.v5-app .v3-rail-glyph{display:flex;width:18px;height:18px;flex:none;background:none;border:0;box-shadow:none;color:#b7c8bd;border-radius:0}.v5-app .v3-rail-glyph svg{width:18px;height:18px;stroke-width:1.9}
.v5-app .v3-rail-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}
.v5-app .v3-rail-link.on{background:#fbf7ed;color:#062b1c;font-weight:700}.v5-app .v3-rail-link.on .v3-rail-glyph{color:#0a5236}
.nav-badge{font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:#e8b23a;color:#062b1c}
.v5-app .v3-rail-user{display:flex;align-items:center;gap:10px;padding:12px 6px 2px;margin-top:8px;border-top:1px solid rgba(255,255,255,.1);flex:none}
.v5-app .v3-rail-avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border-radius:7px;background:#e8b23a;color:#062b1c;font-size:11px;font-weight:700}
.v5-app .v3-rail-user-copy{display:flex;flex-direction:column;flex:1;min-width:0}.v5-app .v3-rail-user-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v5-app .v3-rail-user-copy span{font-size:11px;color:rgba(255,255,255,.55)}
.v5-app .v3-rail-logout{background:#cf3f0a;color:white;padding:7px 10px;border-radius:8px;font-size:12px;margin:0}
.v5-app .v3-workspace{display:flex;flex-direction:column;flex:1;min-width:0;width:auto;max-width:none;height:100%;margin:0;overflow:hidden;border:0;border-radius:0}
.v5-app .v3-header{position:relative;display:flex;flex-direction:column;flex:none;gap:12px;background:white;color:#0d2318;padding:14px 28px 0;z-index:5;box-shadow:var(--shadow-card);border:0;min-height:0}
.breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:#647a6c;line-height:1.35}.breadcrumb a{color:inherit}.breadcrumb a:last-child,.breadcrumb strong{color:#0d2318;font-weight:600}
.header-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.title-tile{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:14px;background:#f1f7f3;color:#0a5236}
.header-copy{flex:1;min-width:240px;display:flex;flex-direction:column;gap:2px}.v5-app .header-copy h1{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0;line-height:1.35}.header-copy p{font-size:13px;color:#4f6558;margin:0;line-height:1.55;text-wrap:pretty}
.record-search{position:relative;width:min(420px,100%)}.record-search form{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:14px;background:#f1f7f3;border:1.5px solid #2f8f5f;margin:0;color:#0a5236}.record-search input[type=search]{flex:1;min-width:0;border:0;outline:none;background:transparent;box-shadow:none;padding:0;height:40px;font:500 13px 'Be Vietnam Pro';color:#0d2318;width:100%}
.sibling-tabs{display:flex;gap:2px;flex-wrap:wrap;margin:0 -4px}.sibling-tabs a{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:13px;color:#4f6558;white-space:nowrap;text-decoration:none}.sibling-tabs .on{font-weight:700;color:#0a5236;box-shadow:inset 0 -3px #0a5236}
.v5-app .v3-main{flex:1;min-height:0;overflow:auto;padding:24px 28px 40px;background:#fbf7ed;max-width:none;width:100%}.page-content{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;gap:24px;min-width:0}.page-content>*{min-width:0;max-width:100%}.page-content>h1,.page-content>h1+.sub{display:none}
.v5-app .panel,.v5-app .card,.v5-app .grid-wrap{background:white;border:0;border-radius:20px;box-shadow:var(--shadow-card);margin:0}.v5-app .panel,.v5-app .card{padding:16px}.v5-app .grid-wrap{overflow-x:auto;padding:0;width:100%;min-width:0}
.v5-app h2{font-size:15px;line-height:1.35;font-weight:600;margin:0 0 12px}.v5-app h3{font-size:13px;font-weight:600}.v5-app p{margin-top:0}.v5-app .muted,.v5-app .sub,.v5-app .note{color:#647a6c}.v5-app .sub,.v5-app .note{font-size:11px}
.v5-app table{border-collapse:collapse;width:100%;font-size:13px}.v5-app .grid-wrap>table{min-width:760px}.v5-app th{background:#f5efe0;color:#647a6c;font-size:11px;font-weight:600;padding:10px 16px;text-transform:none;letter-spacing:0;white-space:nowrap;border:0}.v5-app td{padding:10px 16px;border:0;border-bottom:1px solid rgba(10,82,54,.08);font-size:13px;line-height:1.35}.v5-app tfoot td{background:#f1f7f3}.v5-app td.num,.v5-app .n{font-variant-numeric:tabular-nums;text-align:right}.v5-app tr[data-href]{cursor:pointer}.table-note{padding:12px 16px;font-size:11px;color:#647a6c;margin:0}
.v5-app .btn,.v5-app button.btn{border:0;border-radius:12px;background:rgba(10,82,54,.07);color:#3d5245;min-height:40px;padding:10px 14px;font:600 12px 'Be Vietnam Pro';display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:none;text-decoration:none;cursor:pointer}.v5-app .btn.primary{background:#0a5236;color:white;font-weight:700}.v5-app .btn.danger{background:rgba(207,63,10,.1);color:#cf3f0a}
.v5-app input,.v5-app select,.v5-app textarea{font-family:inherit;font-size:13px;border-radius:12px}.v5-app input:not([type=checkbox]):not([type=radio]),.v5-app select{min-height:36px}.v5-app .toolbar{gap:8px;flex-wrap:wrap;margin:0}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-pills a,.v5-app .filter-pills .btn,.v5-app .order-filters .btn{border-radius:999px;min-height:38px;padding:9px 16px;font-size:12px;font-weight:500;background:rgba(10,82,54,.06);color:#3d5245;text-decoration:none}.filter-pills a.on,.v5-app .filter-pills .primary,.v5-app .order-filters .primary{background:#0a5236;color:white;font-weight:700}
.v5-app .pill{border:0;border-radius:999px;font-size:11px;line-height:1.55;font-weight:700;padding:3px 8px;white-space:nowrap}.v5-app .pill.DRAFT,.v5-app .pill.SUBMITTED{background:#f7dd9d;color:#63490d}.v5-app .pill.APPROVED{background:rgba(10,82,54,.08);color:#0a5236}.v5-app .pill.APPLIED,.v5-app .pill.DELIVERED{background:rgba(111,218,162,.22);color:#0f7a4d}.v5-app .pill.REJECTED,.v5-app .pill.CANCELLED{background:rgba(207,63,10,.1);color:#cf3f0a}
.v5-app .banner{background:white;border:0;border-radius:16px;padding:14px 16px;font-size:12px;line-height:1.6;box-shadow:inset 3px 0 0 #e8b23a,var(--shadow-card);margin:0}.v5-app .banner.danger{box-shadow:inset 3px 0 0 #cf3f0a,var(--shadow-card)}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.v5-app .kpi-card{display:flex;flex-direction:column;gap:8px;color:#0d2318;padding:16px;text-decoration:none}.kpi-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#4f6558}.kpi-label .title-tile{width:24px;height:24px;border-radius:10px}.kpi-value{font-size:28px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi-basis{font-size:11px;color:#647a6c}.kpi-value.green{color:#0a5236}.kpi-value.danger{color:#cf3f0a}
.two-column{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}.two-column>*{min-width:0}.stack{display:flex;flex-direction:column;gap:16px}.record-hero{box-shadow:var(--shadow-raised)!important;padding:20px!important}.record-heading{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.record-heading .title-tile{width:48px;height:48px}.record-heading h1{font-size:28px;line-height:1.1;margin:4px 0;font-weight:700}.record-heading p{margin:4px 0 0;color:#4f6558;font-size:13px}.record-heading .record-title{flex:1;min-width:210px}.record-heading .back{font-size:12px;color:#4f6558}.record-actions{display:flex;gap:8px;flex-wrap:wrap}.record-steps{display:flex;list-style:none;padding:16px 0 0;margin:18px 0 0;border-top:1px solid rgba(10,82,54,.08)}.record-steps li{flex:1;position:relative;font-size:12px;padding:20px 8px 0 0;color:#647a6c}.record-steps li:before{content:'';position:absolute;top:0;left:0;width:12px;height:12px;border-radius:50%;background:#e1e8e3;z-index:1}.record-steps li:not(:last-child):after{content:'';position:absolute;top:5px;left:17px;right:6px;height:2px;background:rgba(10,82,54,.12)}.record-steps .done:before{background:#2f8f5f}.record-steps .current:before{background:#e8b23a;box-shadow:0 0 0 4px #f7dd9d}.record-steps .current{color:#0d2318;font-weight:600}.record-steps small{display:block;font-size:11px;font-weight:400;margin-top:4px}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;margin-left:5px;padding:0 0 16px 18px;border-left:1px solid #dbe6df}.timeline li:before{content:'';position:absolute;left:-4px;top:6px;width:7px;height:7px;background:#2f8f5f;border-radius:50%}.timeline small{display:block;color:#647a6c;font-size:11px}
.function-list{display:flex;flex-direction:column;gap:2px}.function-list a,.quick-grid a{display:flex;align-items:center;gap:12px;color:#0d2318;padding:7px 0;text-decoration:none}.function-list strong{display:block;font-size:13px}.function-list small{display:block;font-size:11px;color:#647a6c}.function-list a>span:nth-child(2){flex:1}.function-list .title-tile{width:32px;height:32px;border-radius:10px}.group-heading{font-size:11px!important;font-weight:700!important;color:#647a6c;letter-spacing:.06em;text-transform:uppercase}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.quick-grid a{padding:14px}.quick-grid .title-tile{background:#0a5236;color:white;width:40px;height:40px}
.function-palette{position:fixed;top:12vh;margin:0 auto;width:min(620px,calc(100vw - 32px));max-height:75vh;padding:0;border:0;border-radius:20px;background:white;color:#0d2318;box-shadow:var(--shadow-popover);font:400 13px/1.55 'Be Vietnam Pro'}.function-palette::backdrop{background:rgba(6,43,28,.45)}.palette-input{display:flex;align-items:center;gap:12px;margin:0;padding:16px 20px;border-bottom:1px solid #e4ebe6}.palette-input input{flex:1;min-width:0;border:0;background:white;color:#0d2318;outline:none;font:400 16px 'Be Vietnam Pro';height:32px}.palette-input button{border:0;background:none;color:#647a6c;font-size:22px;cursor:pointer}.palette-results{overflow:auto;max-height:50vh;padding:6px}.palette-results a{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;color:#0d2318;text-decoration:none}.palette-results a[hidden]{display:none}.palette-results a.selected{background:#f1f7f3}.palette-results strong{display:block;font-size:13px}.palette-results small{display:block;font-size:11px;color:#647a6c}.palette-results .title-tile{width:30px;height:30px;border-radius:9px}.function-palette footer{background:#fbf7ed;padding:8px 16px;font-size:11px;color:#647a6c}.palette-empty{padding:16px}
.record-results{position:absolute;top:calc(100% + 6px);right:0;width:100%;max-height:60vh;overflow:auto;padding:6px;border-radius:16px;background:white;box-shadow:var(--shadow-popover);z-index:20}.record-results h3{padding:6px 10px 4px;font-size:11px;text-transform:uppercase;color:#647a6c;margin:0}.record-results p{font-size:11px;color:#647a6c;padding:8px 10px;margin:0}.record-results a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:#0d2318;text-decoration:none}.record-results a strong{font-size:13px}.record-results a small{display:block;font-size:11px;color:#647a6c}.record-results .pill{font-size:11px;margin-left:auto}.record-results a:hover{background:#f1f7f3}.dev-marker{background:#f7dd9d;color:#63490d}
.v5-app .order-progress-bars{gap:3px}.v5-app .order-progress-bar{width:18px;height:6px;border-radius:99px;background:rgba(10,82,54,.12)}.v5-app .order-progress-bar.on,.v5-app .order-progress-bar.warn{background:#2f8f5f}.v5-app .order-progress-label{font-size:11px;color:#4f6558}.v5-app .order-queue{display:flex;flex-direction:column;gap:16px}.v5-app .order-queue>h1,.v5-app .order-queue>.sub,.v5-app .order-kpis{display:none}.v5-app .order-filters .ident{display:inline;color:inherit;font:inherit}.v5-app .order-view-switch{margin-left:auto}.v5-app .order-view-switch .btn{min-height:36px;background:transparent}.v5-app .order-view-switch .primary{background:white;color:#0a5236;box-shadow:var(--shadow-card)}
.v5-app .order-detail{display:flex;flex-direction:column;gap:16px}.v5-app .order-progress-panel{padding:0;margin:18px 0 0;box-shadow:none;border:0;border-top:1px solid rgba(10,82,54,.08);border-radius:0}.v5-app .order-progress-panel>h2{display:none}.v5-app .order-progress-steps{gap:0;padding:16px 0 0}.v5-app .order-progress-step{padding:0 8px 0 0;min-width:0}.v5-app .order-progress-dot{width:12px;height:12px}.v5-app .order-progress-step.current .order-progress-dot{background:#e8b23a;box-shadow:0 0 0 4px #f7dd9d}.v5-app .order-step-actions{margin-top:8px}.v5-app .order-history{margin:0}.v5-app .order-overview{display:flex;flex-direction:column;gap:16px}.v5-app .order-lines{margin:0}
.v5-app .bom-chrome{position:static;flex-wrap:wrap;background:white;color:#0d2318;box-shadow:var(--shadow-card);border-radius:20px;padding:16px;margin:0 0 16px}.v5-app .bom-titles{display:none}.v5-app .bom-body{height:auto}.v5-app .bom-body>.page-content>div{min-width:0!important;max-width:100%;overflow:auto}
.v5-app .toggle{appearance:none;width:40px!important;height:24px;min-height:24px;margin:0;border:0;border-radius:999px;background:rgba(10,82,54,.18);position:relative;cursor:pointer;vertical-align:middle;flex:none}.v5-app .toggle:before{content:'';position:absolute;width:18px;height:18px;top:3px;left:3px;background:white;border-radius:50%;transition:transform 120ms}.v5-app .toggle:checked{background:#2f8f5f}.v5-app .toggle:checked:before{transform:translateX(16px)}
a,button{transition:background-color 120ms,color 120ms,transform 120ms}button:active,.btn:active{transform:scale(.97)}
@media(hover:hover){.v5-app .v3-rail-link:hover{background:rgba(255,255,255,.07)}.v5-app .v3-rail-link.on:hover{background:#f5efe0}.v5-app .btn:hover,.function-search:hover{filter:brightness(.95)}.v5-app tr[data-href]:hover{background:#f1f7f3}}
@media(max-width:1100px){.two-column{grid-template-columns:minmax(0,1fr)}.v5-app .order-progress-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.v5-app .v3-rail{flex-basis:64px;width:64px;padding:14px 6px}.v5-app .v3-rail-brand,.v5-app .v3-rail-label,.nav-group summary,.v5-app .v3-rail-user-copy,.v5-app .v3-rail-logout,.function-search>span,.function-search kbd{display:none}.function-search{padding:0;justify-content:center}.v5-app .v3-rail-link{justify-content:center}.v5-app .v3-header{padding:12px 16px 0}.v5-app .v3-main{padding:20px 16px}.sibling-tabs a{font-size:11px;padding:8px}.header-copy{min-width:160px}.kpi-grid{grid-template-columns:minmax(0,1fr)}.record-steps{flex-wrap:wrap;gap:12px}.record-steps li{min-width:40%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.chart-empty{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#647a6c;gap:10px}.chart-empty p{margin:0}.coverage-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(10,82,54,.08);color:#0d2318}.coverage-row progress{flex-basis:100%;height:6px;accent-color:#96591f;width:100%}
body.v5-body{min-width:0;padding:0}.v5-app{min-height:640px}.v5-app .v3-header{height:auto;align-items:stretch;justify-content:flex-start;width:100%}.v5-app .v3-rail-brand>span{margin-top:0}.v5-app .nav-group{flex:none}.v5-app .v3-rail-link.on .v3-rail-glyph{background:none}.v5-app a{text-decoration:none}.v5-app .khung.v3-workspace{min-height:0}.v5-app .header-row{width:100%}.v5-app .record-search{flex:none}
.v5-app .order-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:0;background:none;border:0;box-shadow:none;margin:0}.v5-app .order-filters{padding:0;background:none;box-shadow:none}.v5-app .order-filters .ident:before{content:' · '}.v5-app .order-worklist td{white-space:nowrap}.v5-app .order-worklist td:nth-child(2){min-width:230px}.v5-app .order-search{display:flex;gap:6px}.v5-app .order-queue .order-toolbar>.toolbar{display:none}.v5-app .order-progress-step{font-size:12px}.v5-app .order-progress-step .btn{font-size:11px;min-height:32px;padding:6px}.v5-app .order-queue .grid-wrap{margin:0}
.v5-app .v3-rail-brand strong{line-height:1}.v5-app .v3-rail-brand>span{line-height:1.3}.v5-app .v3-header{gap:10px}.v5-app .header-copy p{line-height:1.35}.v5-app .sibling-tabs a{line-height:1.35}.v5-app .po-groups{display:flex;flex-direction:column;gap:16px}.v5-app .po-group-head{display:flex;gap:12px;align-items:center;padding-bottom:14px}.po-group-head>div{flex:1}.v5-app .po-group-head h2{margin:0 0 4px}.v5-app .po-preview{background:white;border:0;border-radius:20px;box-shadow:var(--shadow-card);padding:16px}.v5-app .po-preview img{width:760px;max-width:100%;display:block;margin:20px auto 0}.quantity-stepper{display:inline-flex;gap:4px;align-items:center}.quantity-stepper button{width:32px;height:32px;border:0;background:#f1f7f3;border-radius:8px;color:#0a5236;cursor:pointer}.quantity-stepper input{width:75px!important;text-align:center}.quantity-edited{color:#2c6fd1!important;border-color:#2c6fd1!important}.v5-app details.panel>summary{cursor:pointer;font-size:12px;color:#4f6558}.v5-app details.panel[open]>summary{margin-bottom:16px}
.v5-app .scm-flow{padding:0;background:none;box-shadow:none;border:0}.v5-app .scm-lane{padding:0;margin:0 0 24px}.v5-app .scm-lane-title{font-size:11px;font-weight:700;letter-spacing:.06em;color:#647a6c;margin:0 0 12px;text-transform:uppercase}.v5-app .scm-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;min-width:0}.v5-app .scm-arrow{display:none}.v5-app .scm-node{display:flex;flex-direction:column;gap:8px;min-height:170px;min-width:0;padding:16px;background:white;border:0;border-radius:20px;box-shadow:var(--shadow-card);color:#0d2318}.v5-app .scm-node.empty{background:transparent;border:1px solid rgba(10,82,54,.12);box-shadow:none}.v5-app .scm-step{position:static;width:auto;height:auto;background:none;color:#647a6c;font-size:11px;padding:0;font-weight:400}.v5-app .scm-node-title{font-size:15px;font-weight:600}.v5-app .scm-node-count{font-size:22px;font-weight:700}.v5-app .scm-node-count small{font-size:12px;font-weight:400}.v5-app .scm-node-foot{margin-top:auto}.v5-app .scm-period{padding:0;background:none;border:0;box-shadow:none}.v5-app .scm-period a{border-radius:999px}.v5-app .batch-filters,.v5-app .unmapped-kinds{background:none;box-shadow:none;padding:0}.v5-app .unmapped-worklist table{min-width:980px}
.switch{width:40px;height:24px;border:0;border-radius:999px;background:rgba(10,82,54,.18);position:relative;cursor:pointer}.switch:before{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;transition:transform 120ms}.switch[aria-checked=true]{background:#2f8f5f}.switch[aria-checked=true]:before{transform:translateX(16px)}.position-control{display:flex;align-items:center;gap:3px}.v5-app .position-control input{width:44px;padding:0 3px;border:0;font-weight:700}.position-control button{width:28px;height:28px;border:0;border-radius:7px;background:#f1f7f3;color:#0a5236;cursor:pointer}.unsaved .catalogue-name strong:after{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#e8b23a;margin-left:6px}.preview-item{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid rgba(10,82,54,.08)}.preview-item small{color:#647a6c}.catalogue-preview h4{font-size:11px;color:#647a6c;margin:12px 0 0}.v5-app .catalogue-name{min-width:200px}.v5-app .catalogue-table{min-width:980px}.v5-app .qaqc-tabs{margin:0}.v5-app [data-qaqc-catalogue]{display:flex;flex-direction:column;gap:16px}.qaqc-preview-item{padding:12px 0;border-bottom:1px solid rgba(10,82,54,.08)}.qaqc-preview-item small{display:block;font-size:11px;color:#647a6c}.qaqc-preview-item p{font-size:12px;margin:5px 0 0}.v5-app .qaqc-table textarea{min-height:40px}
.user-identity{display:flex;gap:12px;align-items:center;min-width:210px}.user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#e8b23a;color:#062b1c;font-weight:700;font-size:11px;border-radius:7px;flex:none}.user-identity small{display:block;font-size:11px;color:#647a6c}.push-right{margin-left:auto}.v5-app .user-grid table{min-width:1100px}.v5-app .user-grid select{font-size:12px;min-width:145px}.v5-app .role-grid th{min-width:170px}.v5-app .role-grid td{padding:10px}.v5-app .role-grid td:first-child{min-width:200px}
.system-summary{display:flex;gap:16px;align-items:center;justify-content:space-between;border-radius:20px;padding:20px;background:#0a5236;color:white;box-shadow:var(--shadow-card)}.system-summary small{display:block;font-size:11px;color:#b7c8bd}.v5-app .system-summary .btn{background:#e8b23a;color:#062b1c}.v5-app .account-toolbar>a:not(.primary){display:none}.v5-app .account-table{min-width:980px}.v5-app .account-scope{font-size:11px;color:#647a6c;white-space:normal}
.coverage-store{display:block;padding:12px 0;border-bottom:1px solid rgba(10,82,54,.08);color:#0d2318}.coverage-store small{display:block;font-size:11px;color:#647a6c}.v5-app progress{height:6px;border:0;border-radius:999px;accent-color:#2f8f5f}
.v5-app .mapping-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:start}.mapping-source{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 10px;border-bottom:1px solid var(--vien);color:var(--ink);border-radius:10px}.mapping-source strong,.mapping-source small{display:block}.mapping-source small{font-size:11px;color:var(--ink-400);margin-top:3px}.mapping-source.on,.mapping-chosen{background:#eaf2e8}.mapping-chosen{border-radius:12px;padding:14px;margin:14px 0}.mapping-chosen>*{display:block}.v5-app .mapping-workbench .toolbar input{min-width:100px;width:100%}.v5-app .units-name{min-width:145px}.v5-app .units-config{min-width:190px}.v5-app .units-config .tier{grid-template-columns:38px minmax(70px,1fr) 12px 70px 50px 125px 125px}.v5-app .units-config .tier input[type=number]{width:70px}.unit-chain{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.unit-token{background:#eef4e9;border:1px solid #d4dfcd;border-radius:8px;padding:5px 9px;color:#254b34;font-weight:600}.unit-edit{color:#235d3d;margin-top:7px;cursor:pointer;font-size:12px}.v5-app .units-types li{background:#f6f7f0;border:0}.v5-app .units-layout{grid-template-columns:minmax(0,1fr) 260px}@media(max-width:1100px){.v5-app .units-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:700px){.v5-app .mapping-workbench{grid-template-columns:minmax(0,1fr)}}
.master-workbench{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}.master-workbench .on{background:#edf3e8;border-radius:9px}.conversion-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f0f0e9}.conversion-row strong{font-size:13px}.purchase{background:#fae49d;border-color:#e9d395}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-heading small{color:var(--ink-400);font-size:11px}.supplier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:1100px){.master-workbench,.v5-app .mapping-workbench{grid-template-columns:minmax(0,1fr)}}
.audit-timeline{list-style:none;padding:0;margin:0}.audit-timeline li{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--vien)}.audit-timeline p{margin:5px 0}.audit-timeline small{color:var(--ink-400)}.v5-app .audit-filters{background:transparent;padding:0;box-shadow:none}.v5-app .gr-head{display:none}.v5-app .record-list{overflow:auto;padding:0;margin-top:0}.v5-app .record-list table{min-width:500px}
.workload-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;color:#0d2318;border-bottom:1px solid var(--vien)}.workload-row strong{margin-left:auto}.function-children{margin-left:48px;border-left:2px solid #eaf2e8;padding-left:12px}.function-children a{padding:8px!important;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.v5-app .v3-header{padding-top:14px;gap:9px}.v5-app .v3-rail-brand{padding-bottom:19px}.v5-app .v3-main,.v5-app .v3-rail-nav{scrollbar-gutter:stable}.v5-app .v3-rail-nav{padding-right:2px}.v5-app .order-queue{gap:8px}.v5-app .order-filters{margin:0;gap:6px!important}.v5-app .order-filters .btn{padding:10px 12px;font-size:12px}.v5-app .order-worklist td:nth-child(2){min-width:210px}.order-more-filters{position:relative;font-size:12px;color:#647a6c}.order-more-filters summary{cursor:pointer}.order-more-filters[open]>.panel{position:absolute;z-index:3;top:25px;left:0;width:360px;max-width:70vw;padding:16px;background:white;box-shadow:var(--shadow-raised)}.order-more-filters .order-search{margin:12px 0}.record-actions .order-step-action{width:auto}.record-actions .order-force-approve{width:auto}.record-actions .order-step-action input{width:100px!important}.record-actions .order-force-approve[open]{max-width:220px}.v5-app .record-heading h1{margin-top:4px}.home-period{margin:0}.home-period>small{display:block;margin-top:10px}.v5-app .qaqc-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.v5-app .qaqc-summary .kpi-card{padding:10px 12px!important;gap:4px}.v5-app .qaqc-summary .title-tile,.v5-app .qaqc-summary .kpi-basis{display:none}.v5-app .qaqc-summary .kpi-value{font-size:15px}.v5-app .qaqc-summary .kpi-label{font-size:11px;font-weight:400}.qaqc-guidance{font-size:11px;color:#647a6c;margin:8px 0}.qaqc-guidance summary{cursor:pointer}.v5-app [data-qaqc-total]{font-size:12px;padding:8px 12px;margin:0}
.po-share{border:1px solid #e1e8e3;border-radius:16px;overflow:hidden;margin-top:16px;background:white}.po-share header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;background:#062b1c;color:white}.po-share header small{color:#e8b23a;letter-spacing:.12em;font-size:11px}.po-share header h2{color:white!important;margin:10px 0!important;font-size:22px!important}.po-share header p{font-size:12px}.po-share header svg{width:96px;height:96px;flex:none;border-radius:8px}.po-share td small{display:block;font-size:11px;color:#647a6c}.po-share footer{border-top:1px solid #e1e8e3;padding:14px;color:#647a6c;font-size:11px}.subpage-cards small{display:block;color:#647a6c;font-size:12px}.subpage-cards a{color:#0d2318;display:flex;flex-direction:column;gap:8px}
.mapping-workbench>.panel:last-child{box-shadow:var(--shadow-raised)}.mapping-source.on{box-shadow:var(--edge-gold)}.mapping-match{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e1e8e3;border-radius:12px;background:white;text-align:left;font:inherit;width:100%;cursor:pointer;margin:8px 0}.mapping-match>span:last-child{flex:1}.mapping-match strong,.mapping-match small{display:block}.mapping-match small{font-size:11px;color:#647a6c}.mapping-match progress{width:100%;height:4px!important}.mapping-match.on{background:#f1f7f3;border-color:#2f8f5f}.radio-mark{width:15px;height:15px;border:1px solid #8ba396;border-radius:50%}.mapping-match.on .radio-mark{background:#0a5236;box-shadow:inset 0 0 0 3px white}.supplier-choice{color:#0d2318}.supplier-choice.on{box-shadow:var(--edge-gold)}
.v5-app .order-filters .btn{font-size:11px;padding:10px}.v5-app .scm-lane{display:block;background:none}.v5-app .scm-step{justify-content:flex-start}.period-custom,.record-reason{position:relative}.period-custom summary,.record-reason summary{list-style:none;cursor:pointer}.period-custom[open] form,.record-reason[open] form{position:absolute;top:44px;right:0;z-index:4;background:white;padding:12px;border-radius:14px;box-shadow:var(--shadow-raised);width:max-content}.record-actions .order-step-action{width:auto}.count-list-options{font-size:12px;color:#647a6c}.count-list-options[open]>.toolbar{margin-top:12px}.v5-app .scm-period+.sub{margin:0}.record-actions{align-items:flex-start}.record-heading .record-actions{justify-content:flex-start}.v5-app .record-actions .btn{min-height:36px;padding:9px 12px;font-size:12px}
.v5-app [hidden]{display:none!important}.v5-app .scm-period{margin-bottom:-18px}.scm-node-top,.scm-node-totals{display:flex;align-items:center;justify-content:space-between;gap:8px}.scm-node-top .pill{padding:1px 6px;font-size:10px}.scm-node-description{font-size:12px;line-height:1.35;color:#4f6558}.v5-app .scm-node-count{font-size:16px}.v5-app .scm-node-value{font-size:13px;font-weight:600}.scm-node-totals{margin-top:auto}.v5-app .scm-node-foot{margin-top:0}.v5-app .scm-node{min-height:170px}.catalogue-search{font-size:11px;color:#647a6c;margin-top:-16px;margin-bottom:-16px}.catalogue-search summary{cursor:pointer}.catalogue-save:has([data-save-changes][hidden]){display:none}.catalogue-save{display:flex;align-items:center;gap:12px;position:sticky;bottom:0;background:#fbf7ed;z-index:3;padding:8px}.v5-app .catalogue-toolbar{margin:8px 0}.v5-app .qaqc-guidance{margin-top:-12px;margin-bottom:-12px}.v5-app .qaqc-summary{margin-top:0;margin-bottom:0}.v5-app [data-qaqc-catalogue]{display:flex;flex-direction:column;gap:12px}
.units-search,.mapping-search,.data-tools{font-size:11px;color:#647a6c}.units-search summary,.mapping-search summary,.data-tools summary{cursor:pointer}.units-search{margin:8px 0}.mapping-search{margin-bottom:8px}.mapping-search[open] .toolbar{flex-wrap:nowrap}.mapping-workbench .group-heading{margin-bottom:6px}.mapping-workbench .mapping-source{padding:10px}.data-tools{order:2}.data-grid{display:flex;flex-direction:column;gap:16px}.v5-app .data-tools+.data-grid{order:0}
.v5-app .qaqc-items{min-width:660px!important}.qaqc-items textarea{min-height:40px!important;height:42px;min-width:140px;width:100%;padding:8px;background:#f8faf8;border:0}.qaqc-items textarea[data-qaqc-text]{font-weight:600;color:#0d2318}.qaqc-item-points label{font-size:10px;display:block;color:#647a6c}.qaqc-item-points input{min-height:30px!important;width:62px!important}.qaqc-items td{white-space:normal;vertical-align:top}.qaqc-items td details{font-size:11px;width:130px}.qaqc-items td details label{display:block;margin-bottom:8px}.v5-app .qaqc-section{padding:16px 0 0}.qaqc-section>h2,.qaqc-section>summary,.qaqc-section>.sub{margin-left:16px!important;margin-right:16px!important}.qaqc-section>summary{padding-bottom:16px}
.qaqc-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v5-app .qaqc-totals .banner{box-shadow:var(--shadow-card);color:#647a6c;padding:10px 12px!important;font-size:11px!important}.qaqc-totals strong{color:#0d2318;white-space:nowrap}.units-name>.pill{margin-top:10px}.v5-app .sibling-tabs a{transition:background-color 200ms,color 200ms}.v5-app .record-list small.ident{display:block;margin:4px 0 0}
.v5-app .account-toolbar{margin:0}.record-actions form{max-width:100%}.record-actions form input{max-width:100%;min-width:0!important}.v5-app .record-steps li{min-width:0}
.audit-more{font-size:11px;color:#647a6c;margin-top:-16px;margin-bottom:-16px}.audit-more summary{cursor:pointer}.audit-more[open] .toolbar{margin-top:10px}
.po-share{width:760px;max-width:100%;margin:16px auto 0}.po-share-strip{height:12px;background:#062b1c}.po-share header{background:white;color:#0d2318;padding:24px;align-items:flex-start}.po-share header small{color:#0a5236;font-weight:700}.v5-app .po-share header h2{color:#062b1c!important;font-size:24px!important}.po-share-brand{border-left:5px solid #e8b23a;padding-left:14px}.po-share-meta{display:flex;gap:24px;padding:0 24px 20px}.po-share-meta>div{display:flex;flex:1;flex-direction:column;gap:4px}.po-share-meta small{color:#647a6c;font-size:10px;letter-spacing:.08em}.po-share-meta strong{font-size:14px}.po-share-meta span{font-size:11px;color:#647a6c}.po-share-qr{border:1px solid #e1e8e3;padding:8px;border-radius:12px}.po-share-qr svg{display:block}.v5-app .po-share th{background:#0a5236;color:white}.v5-app .po-share tbody tr:nth-child(even){background:#fbf7ed}.v5-app .po-share .grid-wrap{border-radius:0;box-shadow:none}.po-share footer{margin:16px 24px 0;padding:12px 0 18px}
.audit-timeline li>div{flex:1;min-width:0}.audit-timeline li>.pill{align-self:flex-start}.audit-timeline p{overflow-wrap:anywhere}
.count-period-options{font-size:11px;color:#647a6c;margin-top:-14px;margin-bottom:-16px}.count-period-options summary{cursor:pointer}.count-period-options[open] .scm-period{margin:12px 0}.v5-app .count-list-options{margin-top:-14px;margin-bottom:-12px}

/* Subpage introductions share the handoff’s individual action cards. */
.v5-app .subpage-cards{padding:0;background:none;box-shadow:none}.subpage-cards a{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;row-gap:2px;align-items:start;text-align:left;padding:16px;background:white;border-radius:20px;box-shadow:var(--shadow-card)}.subpage-cards .title-tile{grid-row:1 / 3;background:#fae49d;color:#0a5236}.subpage-cards small{grid-column:2}.record-results a>span:not(.pill):not(.title-tile){min-width:0;flex:1}.record-results a small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-results a .pill{background:#e6f3ec;color:#0a5236;white-space:nowrap}.record-results .title-tile{width:28px;height:28px;border-radius:9px}.record-results a .pill.draft{background:#fae49d;color:#63490d}
/* Long live catalogue names and decimal quantities use the same business type. */
.v5-app .item-meta{display:block;font-family:inherit;font-weight:400;font-size:11px;line-height:1.5;color:var(--ink-500);margin:3px 0 0;white-space:normal}
.v5-app .units-name>.pill{display:block;width:fit-content;margin:10px 0 0}.v5-app .units-name>strong{display:block;line-height:1.5}
.v5-app .order-lines table{table-layout:fixed;min-width:0}.v5-app .order-lines th:first-child{width:32px}.v5-app .order-lines th:nth-child(2){width:42%}.v5-app .order-lines th:nth-child(3){width:44px}.v5-app .order-lines td{max-width:none;white-space:nowrap;padding:10px 8px}.order-line-heading{display:flex;align-items:center;gap:8px;min-width:0}.order-line-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.v5-app .order-stock-ok{flex:none;display:inline-flex;margin:0;font-size:10px;white-space:nowrap}.v5-app .order-product .item-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-app .suggestion-table{table-layout:fixed;min-width:900px;width:100%}.v5-app .suggestion-table th,.v5-app .suggestion-table td{padding:10px 7px;white-space:normal;max-width:none;min-width:0}.v5-app .suggestion-table th:first-child{width:30%}.v5-app .suggestion-table th:last-child{width:124px}.v5-app .suggestion-table th:nth-child(3){width:76px}.v5-app .suggestion-table td{font-size:12px}.v5-app .suggestion-table .pe-product>strong{display:block;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.v5-app .suggestion-table .pe-safety{width:56px;text-align:right}.v5-app .suggestion-table .quantity-stepper{gap:2px}.v5-app .suggestion-table .quantity-stepper input{width:52px!important;padding:6px}.v5-app .suggestion-table .quantity-stepper button{width:25px}.v5-app .po-group-head{flex-wrap:wrap}.v5-app .pe-total{white-space:normal}
.pnl-view{display:flex;flex-direction:column;gap:16px}.pnl-view>.panel,.pnl-view .kpi-grid{margin:0}.pnl-slicers label{display:flex;align-items:center;gap:8px}.pnl-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pnl-counts .panel{display:flex;gap:12px;align-items:center;margin:0}.pnl-counts strong{font-size:24px;color:var(--green-900)}.pnl-counts span{font-size:12px;color:var(--ink-500)}.v5-app .pnl-statement table{table-layout:auto;min-width:980px}.v5-app .pnl-statement th:first-child{width:25%}.v5-app .pnl-statement td,.v5-app .pnl-statement th{white-space:normal;max-width:none;padding:12px 8px}.v5-app .pnl-statement .n{font-size:13px;white-space:nowrap;overflow-wrap:normal}.pnl-subtotal{background:var(--mint-50)}.pnl-statement .pill{font-size:12px;white-space:nowrap}.pnl-view .table-note{line-height:1.6}
@media(max-width:1000px){.v5-app .suggestion-table th:first-child{width:27%}.v5-app .suggestion-table th:last-child{width:110px}.v5-app .suggestion-table td,.v5-app .suggestion-table th{padding:9px 5px}.pnl-counts .panel{flex-direction:column;align-items:flex-start;gap:4px}.v5-app .order-lines th:nth-child(2){width:36%}}
.pnl-material-kpis{margin:12px 0 20px}.pnl-material-kpis>div{display:flex;flex-direction:column;gap:4px;min-width:0}.pnl-material-kpis strong{overflow-wrap:anywhere}
.pnl-gmv{display:flex;flex-direction:column;gap:10px}.pnl-gmv h2{margin:0;font-size:18px;color:var(--green-900)}.pnl-gmv .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pnl-gmv .kpi-card{min-width:0}.pnl-gmv .kpi-value{white-space:normal;overflow-wrap:anywhere}.pnl-gmv .table-note{margin:0}@media(max-width:800px){.pnl-gmv .kpi-grid{grid-template-columns:minmax(0,1fr)}}
.revenue-chart{display:block;width:100%;height:auto;margin:12px 0 0}.revenue-chart text{font-family:inherit;font-size:10px;fill:#647a6c}.chart-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#26794d}.chart-legend .current-week{color:#4f906a}.chart-legend .net{color:#527ee1}.chart-legend .target{color:#a67516}
.v5-app .grid-wrap>table.suggestion-table{min-width:900px}.v5-app .grid-wrap>table.po-lines-table{min-width:760px}.v5-app .suggestion-table th:last-child{width:124px}.v5-app .suggestion-table th:nth-child(3){width:66px}.v5-app .suggestion-table .item-meta{font-size:12px;white-space:nowrap}.v5-app .po-lines-table{table-layout:fixed}.v5-app .po-lines-table th:first-child{width:30px}.v5-app .po-lines-table th:nth-child(2){width:40%}.v5-app .po-lines-table th,.v5-app .po-lines-table td{white-space:normal;padding:10px 8px;max-width:none}.v5-app .po-lines-table .ident{display:block;margin:3px 0 0;font-family:inherit}
.v5-app .pnl-view .kpi-value{font-size:clamp(19px,1.85vw,29px);white-space:nowrap}.v5-app .pnl-gmv .kpi-value{white-space:normal}.v5-app .pnl-slicers select{width:auto;max-width:100%}.v5-app .pnl-slicers label{max-width:100%}.v5-app .pnl-slicers label:last-of-type{flex:1}.v5-app .pnl-slicers label:last-of-type select{max-width:420px;flex:1}
@media(max-width:1500px){.v5-app .order-detail>.two-column,.v5-app .two-column:has(>.catalogue-preview){grid-template-columns:minmax(0,1fr)}.v5-app .order-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
.v5-app .grid-wrap>.catalogue-table{min-width:0;table-layout:fixed}.v5-app .catalogue-table th,.v5-app .catalogue-table td{padding:10px 6px;white-space:normal;min-width:0;max-width:none}.v5-app .catalogue-table th:first-child{width:92px}.v5-app .catalogue-table th:nth-child(2){width:29%}.v5-app .catalogue-table th:nth-child(6){width:60px}.v5-app .catalogue-table th:last-child{width:56px}.v5-app .catalogue-table input[name=category],.v5-app .catalogue-table select{width:100%;min-width:0;padding:7px;font-size:11px}.v5-app .catalogue-table .position-control{gap:2px;flex-wrap:wrap}.v5-app .catalogue-table .position-control input{width:36px}.v5-app .catalogue-table .position-control button{width:20px}.v5-app .catalogue-table .btn{padding:6px 9px;min-height:32px}.v5-app .catalogue-table .switch{min-width:40px}
.v5-app .order-worklist table{min-width:0;table-layout:fixed}.v5-app .order-worklist th,.v5-app .order-worklist td{padding:10px 7px;min-width:0;max-width:none;white-space:normal}.v5-app .order-worklist th:nth-child(2){width:21%}.v5-app .order-worklist th:first-child{width:105px}.v5-app .order-worklist th:last-child{width:60px}.v5-app .order-worklist td:nth-child(2){min-width:0}.v5-app .order-worklist .pill{white-space:normal}.v5-app .order-worklist td{font-size:12px}.v5-app .order-worklist .ident{font-family:inherit;margin-left:0}.v5-app .order-worklist .order-progress-bars{flex-wrap:nowrap}
@media(max-width:1000px){.v5-app .order-overview{grid-template-columns:minmax(0,1fr)}.v5-app .order-worklist th,.v5-app .order-worklist td{font-size:10px;padding:9px 4px}.v5-app .order-worklist th:first-child{width:82px}.v5-app .order-worklist th:last-child{width:40px}.v5-app .order-worklist .btn{padding:5px;min-height:30px;font-size:10px}.v5-app .order-progress-bar{width:12px}.v5-app .catalogue-table th:nth-child(2){width:25%}.v5-app .catalogue-table th:first-child{width:60px}.v5-app .catalogue-table .position-control input{width:44px}.v5-app .catalogue-table .position-control button{width:21px}.v5-app .catalogue-table td{font-size:11px}.v5-app .suggestion-table th:first-child{width:28%}}
.v5-app .order-worklist th:nth-child(2){width:29%}.v5-app .order-worklist th:nth-child(3){width:125px}.queue-store{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.v5-app .order-worklist .item-meta{font-size:10px;white-space:nowrap}.v5-app .order-worklist td:nth-child(3){white-space:nowrap}.v5-app .order-worklist .pill{padding:4px 7px}.v5-app .order-worklist th:nth-child(4){width:125px}
.v5-app .record-list>table{table-layout:auto;min-width:900px}.v5-app .record-list th,.v5-app .record-list td{padding:11px 8px;white-space:normal;max-width:none;min-width:0}.v5-app .record-list th:first-child{width:140px}.v5-app .record-list th:nth-child(2){width:20%}.v5-app .record-list th:last-child{width:24px}.v5-app .record-list .ident{font-family:inherit;font-size:10px;display:block;margin:3px 0 0}.v5-app .supplier-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-height:245px;overflow:auto;padding:4px;gap:10px}.v5-app .supplier-choice{padding:12px}.v5-app .supplier-choice h2{margin:0 0 4px}.v5-app .master-workbench th .ident{display:none}
@media(max-width:1000px){.v5-app .order-worklist th:nth-child(2){width:26%}.v5-app .order-worklist th:nth-child(3){width:84px}.v5-app .order-worklist th:nth-child(4){width:85px}.v5-app .order-worklist .item-meta{font-size:9px}.v5-app .order-worklist .pill{font-size:9px;line-height:1.3}.v5-app .record-list th,.v5-app .record-list td{padding:10px 5px;font-size:11px}.v5-app .record-list th:first-child{width:105px}.v5-app .record-list .item-meta{font-size:12px}.v5-app .record-list th:nth-child(2){width:15%}.v5-app .order-lines th:nth-child(2){width:41%}.v5-app .order-lines td,.v5-app .order-lines th{font-size:11px;padding:9px 5px}.v5-app .order-stock-ok{font-size:9px;padding:2px 4px}.v5-app .order-line-heading{gap:4px}}
@media(min-width:1101px){.v5-app .user-grid table{min-width:0;table-layout:fixed}.v5-app .user-grid th:first-child{width:26%}.v5-app .user-grid th:last-child{width:70px}.v5-app .user-grid td,.v5-app .user-grid th{padding:10px 8px;max-width:none;white-space:normal}.v5-app .user-grid select{min-width:0;width:100%;font-size:11px}.v5-app .user-identity{min-width:0}.v5-app .user-identity>span:last-child{min-width:0;overflow-wrap:anywhere}}
@media(max-width:1100px){.v5-app .user-grid table,.v5-app .user-grid tbody{display:block;min-width:0}.v5-app .user-grid thead{display:none}.v5-app .user-grid tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px;gap:12px;border-bottom:1px solid var(--vien)}.v5-app .user-grid td{height:auto;display:block;padding:0;min-width:0;max-width:none;white-space:normal;border:0}.v5-app .user-grid td:first-child{grid-column:1/-1}.v5-app .user-grid td:nth-child(2):before{content:'Đăng nhập bằng';display:block;font-size:10px;color:var(--ink-500)}.v5-app .user-grid td:nth-child(5):before{content:'Hoạt động gần nhất';display:block;font-size:10px;color:var(--ink-500)}.v5-app .user-grid select{width:100%;min-width:0}.v5-app .user-grid td:last-child{display:flex;gap:8px;flex-wrap:wrap;align-items:center}}
.v5-app .order-progress{min-width:0;flex-direction:column;align-items:flex-start;gap:4px}.v5-app .order-progress-label{white-space:nowrap;max-width:none;overflow:visible}.v5-app .order-progress-bars{display:flex}
.v5-app .master-workbench>aside{max-height:calc(100vh - 240px);overflow:auto}@media(max-width:1100px){.v5-app .master-workbench>aside{max-height:360px}}

/* Keep operational values intact; wide tables scroll inside their card. */
.v5-app .record-list td,.v5-app .record-list th{font-size:13px;white-space:nowrap}
.v5-app .record-list .ident,.v5-app .record-list .item-meta{font-size:12px;white-space:nowrap}
.v5-app .record-list .order-progress-label,.v5-app .record-list .pill{font-size:12px;white-space:nowrap}
.v5-app .suggestion-table td.n,.v5-app .suggestion-table .pe-total,.v5-app .po-lines-table td.n{white-space:nowrap;overflow-wrap:normal}
.v5-app .suggestion-table th{font-size:12px;white-space:normal}.v5-app .suggestion-table th:nth-child(3){width:105px}
.v5-app .pnl-statement td:first-child{min-width:230px}.v5-app .pnl-statement th{white-space:nowrap}
.v5-app .pnl-statement[data-scope="company"] table{min-width:800px}
.pnl-explain,.pnl-card-explain{display:inline-block;max-width:100%}
.pnl-explain summary,.pnl-card-explain summary{display:inline-block;list-style:none;cursor:help;border-radius:4px;outline-offset:3px}
.pnl-explain summary::-webkit-details-marker,.pnl-card-explain summary::-webkit-details-marker{display:none}
.pnl-explain summary:hover,.pnl-card-explain summary:hover{text-decoration:underline dotted;text-underline-offset:3px}
.pnl-total-cell summary{font-weight:700}
.pnl-statement .pnl-source{margin-left:6px;font-size:10.5px;padding:1px 7px;vertical-align:middle}
.pnl-statement span.sub.pnl-source{padding:0;margin-bottom:0;font-style:italic}
.pnl-explain summary:focus-visible,.pnl-card-explain summary:focus-visible{outline:2px solid var(--green-700)}
.pnl-tooltip{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:1000;width:min(560px,calc(100vw - 28px));max-height:min(45vh,300px);overflow:auto;padding:12px 16px;border-radius:12px;background:var(--green-900);color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.32);font-size:12px;font-weight:500;line-height:1.5;white-space:normal;text-align:left;overflow-wrap:anywhere;visibility:hidden;opacity:0;pointer-events:none}
.pnl-counts .pnl-tooltip{color:#fff}
.pnl-explain:hover .pnl-tooltip,.pnl-explain:focus-within .pnl-tooltip,.pnl-explain[open] .pnl-tooltip,.pnl-card-explain:hover .pnl-tooltip,.pnl-card-explain:focus-within .pnl-tooltip,.pnl-card-explain[open] .pnl-tooltip{visibility:visible;opacity:1}
.v5-app .pnl-slicers label:nth-of-type(2){flex:1}
.v5-app .pnl-slicers label:nth-of-type(2) select{max-width:420px;flex:1}
.v5-app .pnl-slicers label:last-of-type{flex:none}
.v5-app .pnl-slicers label:last-of-type select{flex:none}
.v5-app .pnl-view .kpi-value{white-space:normal;overflow-wrap:anywhere}
/* Preserve a usable recipe editor when the shared navigation consumes width. */
@media(max-width:1400px){
 .v5-app .catalog-layout{display:grid;grid-template-columns:230px minmax(0,1fr);height:auto;gap:16px;align-items:start}
 .v5-app .catalog-layout>.catalog-picker{width:auto;height:auto;max-height:680px;padding:0}
 .v5-app .catalog-layout>.catalog-detail{width:auto;min-width:0;height:auto;overflow:visible;padding:0}
 .v5-app .catalog-detail>.scroll{overflow-x:auto;min-width:0}
 .v5-app .catalog-detail .recipe-table,.v5-app .catalog-detail .explode-table{min-width:620px}
 .v5-app .catalog-insights{grid-column:1/-1;width:auto;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
 .v5-app .catalog-detail-stats{flex-basis:100%}
}
@media(max-width:1100px){
 .v5-app .catalog-layout{grid-template-columns:minmax(0,1fr)}
 .v5-app .catalog-layout>.catalog-picker{max-height:260px;width:100%}
 .v5-app .catalog-picker .product-list{max-height:160px;overflow:auto}
 .v5-app .catalog-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .v5-app .catalog-insights{grid-template-columns:minmax(0,1fr)}
}

/* One surface per section; inner table wrappers only provide scrolling. */
.v5-app .panel .grid-wrap,.v5-app .panel .panel,.v5-app .card .grid-wrap{box-shadow:none;border-radius:0;background:transparent}
.v5-app .panel>.panel{padding:0}
.v5-app .v3-main{padding-left:clamp(16px,2vw,32px);padding-right:clamp(16px,2vw,32px)}
.v5-app .table-note{max-width:90ch}
.v5-app .suggestion-table .pe-product>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-app .suggestion-table th:first-child{width:30%}
.v5-app .order-worklist .item-meta,.v5-app .order-worklist .pill{font-size:11px}

/* Compact operational rows: no repeated action/status, no stacked metadata. */
.v5-app .order-worklist table{min-width:900px;table-layout:auto}
.v5-app .order-worklist th,.v5-app .order-worklist td{font-size:12px;padding:10px 12px;white-space:nowrap}
.v5-app .order-worklist th:first-child,.v5-app .order-worklist th:nth-child(2),.v5-app .order-worklist th:nth-child(3),.v5-app .order-worklist th:nth-child(4),.v5-app .order-worklist th:last-child{width:auto}
.v5-app .order-worklist .pill{white-space:nowrap}.v5-app .order-worklist .order-progress{flex-direction:row;align-items:center;gap:8px}
.v5-app .receipt-list>table{min-width:900px;table-layout:auto}.v5-app .receipt-list th:last-child{width:auto}
.inventory-sections{display:flex;flex-direction:column;gap:16px;min-width:0}
.store-stock-coverage{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 24px}.store-stock-coverage>h2,.store-stock-coverage>p{grid-column:1/-1}
.v5-app .units-layout{grid-template-columns:minmax(0,1fr)}.v5-app .units-layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
/* Keep three-tier conversions, status and edit in one readable, internally scrollable row. */
.v5-app .grid-wrap>table.units-table{table-layout:fixed;min-width:920px}.v5-app .units-table th:first-child{width:44%}.v5-app .units-table th:nth-child(2){width:32%}.v5-app .units-table th:nth-child(3){width:16%}.v5-app .units-table th:last-child{width:8%}
.v5-app .units-table td{padding:0;white-space:normal;max-width:none}
.unit-summary{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,32fr) minmax(0,16fr) minmax(0,8fr);align-items:center;padding:12px 16px;gap:12px;cursor:pointer;list-style:none}
.unit-summary::-webkit-details-marker{display:none}.v5-app .unit-summary .units-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.v5-app .unit-summary .units-name>strong,.v5-app .unit-summary .item-meta{display:inline;font-size:12px;white-space:nowrap;margin:0}
.unit-summary .unit-chain{white-space:nowrap;flex-wrap:nowrap;gap:4px}.unit-summary .unit-token{padding:4px 6px;font-size:12px}.unit-summary>.pill{width:fit-content;font-size:11px}
.unit-summary .unit-edit{font-size:12px;color:var(--green-700);text-align:right;white-space:nowrap}
.unit-row-details>.units-config{padding:16px;border-top:1px solid var(--vien);background:var(--mint-50)}
.level-pill{position:relative;display:flex;align-items:center;justify-content:center;min-width:124px;min-height:38px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;background:#eef1ee;color:#647a6c}
.level-pill[data-level="view"]{background:#f6dfa0;color:#5a4108}
.level-pill[data-level="full"]{background:#0a5236;color:#fff}
.level-pill select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-align:center;text-align-last:center;width:100%;min-height:38px;padding:0;cursor:pointer}
.level-pill.cycling select{pointer-events:none}
.level-pill:focus-within{outline:2px solid #e8b23a;outline-offset:2px}
.level-pill.locked{cursor:default;opacity:.85}
.role-grid th small,.role-module small{display:block;font-size:11px;font-weight:500;color:#647a6c;margin-top:2px;white-space:normal}
.role-access{justify-content:space-between;align-items:center}
.role-access .level-pill{min-width:112px;flex:none}

/* Góp ý uses the shared record list/hero/timeline; each list entry stays one line. */
.v5-app .gopy-list>table{table-layout:fixed;min-width:940px}.v5-app .gopy-list th:first-child{width:25%}.v5-app .gopy-list th:nth-child(2){width:15%}.v5-app .gopy-list th:nth-child(3){width:13%}.v5-app .gopy-list th:nth-child(4){width:18%}.v5-app .gopy-list th:nth-child(5){width:13%}.v5-app .gopy-list th:last-child{width:16%}
.gopy-list tr[data-href]{cursor:pointer}.gopy-list tr[data-href]:hover{background:var(--surface-subtle,#f4f8f5)}
.gopy-truncate,.gopy-excerpt{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gopy-excerpt{width:100%}.gopy-text{white-space:pre-wrap;overflow-wrap:anywhere}.gopy-detail dd{min-width:0;overflow-wrap:anywhere}
.gopy-action{min-width:0;max-width:100%}.gopy-action summary{list-style:none;cursor:pointer}.gopy-action summary::-webkit-details-marker{display:none}
.gopy-action[open]{width:300px}.gopy-action form{padding-top:12px;display:grid;gap:8px}.gopy-action textarea{width:100%;min-width:0;resize:vertical}.gopy-action .sub{margin:0}

.v5-app .expected-panel{min-width:0;max-width:100%;overflow-wrap:anywhere}.v5-app .expected-panel form{display:flex;flex-wrap:wrap;gap:12px;min-width:0}.v5-app .expected-panel form label{display:flex;flex-direction:column;flex:1 1 240px;min-width:0;max-width:100%}.v5-app .expected-panel form input,.v5-app .expected-panel form select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.v5-app .expected-panel .grid-wrap{max-width:100%}
.v5-app .hr-list>table{table-layout:fixed;min-width:960px}.v5-app .hr-list th:first-child{width:24%}.v5-app .hr-list th:nth-child(2){width:13%}.v5-app .hr-list th:nth-child(3){width:17%}.v5-app .hr-list th:nth-child(4){width:12%}.v5-app .hr-list th:nth-child(5){width:14%}
.hr-list tr[data-href],.hr-stores tr[data-href]{cursor:pointer}.hr-list tr[data-href]:hover,.hr-stores tr[data-href]:hover{background:var(--surface-subtle,#f4f8f5)}.hr-phone{font-variant-numeric:tabular-nums;white-space:nowrap}
.hr-form{display:grid;gap:10px}.hr-form label{display:grid;gap:4px;font-size:12px;font-weight:600;color:#4f6558}.hr-form textarea{width:100%;font-family:ui-monospace,monospace;font-size:12px}.hr-add summary{list-style:none;cursor:pointer;display:inline-flex}.hr-add summary::-webkit-details-marker{display:none}.hr-add[open] .hr-form{margin-top:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hr-add .hr-form .sub,.hr-add .hr-form button{grid-column:1/-1;justify-self:start}
.hr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.hr-tiers select{width:100%;min-height:160px}.hr-form h3{font-size:14px;margin:8px 0 0}.hr-stars{color:#c48a0c;letter-spacing:1px;font-size:12px}.hr-full{color:#cf3f0a;font-weight:700}.v5-app form.inline{display:inline-flex}
.hr-add[open]{background:#fff;border-radius:20px;padding:16px;box-shadow:var(--shadow-card)}
.hr-form>button{justify-self:start}
.pnl-close-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.pnl-close-bar .sub{font-size:13px;color:var(--ink-500)}.pnl-close-bar form.inline{margin:0}.pnl-reopen form{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-width:520px}.pnl-reopen>summary{list-style:none;cursor:pointer}
.hr-eval p{margin:0 0 6px}.hr-eval-group{margin:6px 0}.hr-eval-group>strong{font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:#4f6558}.hr-eval ul{list-style:none;margin:2px 0 0;padding:0}.hr-eval li{font-size:12px;line-height:1.5}.hr-eval-pass>span:first-child{color:#1f7a3d;font-weight:700}.hr-eval-fail{color:#cf3f0a}.hr-eval-fail>span:first-child{font-weight:700}
