html,body{background:#f1f5f8;width:auto!important;height:auto!important;font-size:16px}body{min-width:360px}button{font-family:inherit}.startup{padding:80px;text-align:center;font-size:23px;color:#496b83}.layout{min-height:100vh}.sidebar{position:fixed;z-index:10;height:100vh;width:228px;padding:28px 17px}.sidebar .logo{font-size:22px;margin-bottom:25px}.sidebar .logo-sub{font-size:10px;letter-spacing:1.3px}.sidebar .nav-item{padding:12px 13px;font-size:17px;margin-bottom:5px}.sidebar .nav-item.active{padding-left:10px}.sidebar .group{margin-top:16px;font-size:12px}.sidebar .sidebar-bottom{font-size:14px}.sidebar-intro{font-size:12px;margin-top:10px}.main-wrap{margin-left:228px}.app-top{position:sticky;top:0;left:auto;height:75px;z-index:8;padding:0 30px}.app-top .top-right{font-size:15px;gap:16px}.app-top select{height:37px;background:#f5f8fa;border:1px solid #d8e4ec;border-radius:6px;padding:0 10px;color:#4d7089}.app-main{position:static;padding:27px 30px 35px;overflow:visible;max-width:1740px;margin:0 auto}.app-footer{position:static;height:auto;min-height:46px;left:auto;padding:13px 30px;gap:18px;flex-wrap:wrap;font-size:12px}.page-title{gap:20px;margin-bottom:23px;align-items:flex-start}.page-title h1{font-size:29px}.page-title .sub{font-size:15px;max-width:900px}.title-actions{flex-wrap:wrap;justify-content:flex-end}.btn{height:40px;font-size:15px;padding:0 16px;white-space:nowrap}.btn.sm{height:33px;font-size:14px}.btn.danger{color:#ba514e;background:#fff3f1;border-color:#ebc9c5}.btn:disabled{cursor:not-allowed;opacity:.45}.tag{font-size:13px;padding:5px 9px}.tag.demo{font-size:13px}.kpis{gap:18px}.kpi{padding:17px 20px}.kpi .k-label{font-size:16px}.kpi .k-value{font-size:40px}.kpi .k-note{font-size:13px;line-height:1.6}.kpi.alert,.kpi.warn{padding-top:15px}.panel-head{padding:19px 22px 12px;gap:16px}.panel-head h3{font-size:20px}.panel-body{padding:14px 22px 22px}.chart-title-sub{font-size:14px;line-height:1.7}.sub{font-size:16px}.footnote{font-size:13px}.callout{font-size:16px;padding:14px 18px;line-height:1.8}.callout.warn{border-color:#d89a36}.notice{margin-bottom:20px;padding:12px 17px;border:1px solid #d4e6e7;border-left:4px solid var(--teal);background:#edf7f7;border-radius:7px;font-size:15px;line-height:1.8}.notice.warn{background:#fff6e9;border-color:#ebd6ad;border-left-color:#d89a36}.notice.error{background:#fff0ef;border-color:#efd1cd;border-left-color:#cc5c59;color:#b24c49}.notice .btn{margin-left:15px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.row2{grid-template-columns:1.5fr 1fr}.row2.equal{grid-template-columns:1fr 1fr}.row-bottom{margin-top:22px}.table-wrap{overflow-x:auto}.table{font-size:15px;min-width:760px}.table th{font-size:13px;padding:12px 15px;line-height:1.6}.table td{padding:12px 15px;line-height:1.7}.table .item-name{font-size:12px}.table .tag{font-size:12px}.table.condensed td{padding:10px 14px}.table.condensed th{padding:11px 14px}.table code{font-size:13px;font-family:ui-monospace,Menlo,monospace}.table tr[role=button]{cursor:pointer}.table tr[role=button]:hover td{background:#f2f8fa}.link{font-size:15px}.empty{padding:48px 25px;text-align:center;color:#879aa8;line-height:1.9;font-size:16px}.filterbar{flex-wrap:wrap;padding:15px 18px;margin-bottom:18px}.filterbar input{width:270px}.filterbar select{min-width:130px}.filterbar input,.filterbar select{height:37px;font-size:14px}.filter-count{margin-left:auto;color:#8b9ba6;font-size:14px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;color:#8b9eaa}.pagination>div{display:flex;gap:9px;align-items:center}.bucket-summary .count{font-size:29px}.bucket-summary .name{font-size:13px}.legend{font-size:14px;flex-wrap:wrap;gap:16px}.customer-row{font-size:16px;grid-template-columns:85px 1fr 65px}.material-layout{grid-template-columns:1.5fr 1fr}.demand-row{font-size:16px;grid-template-columns:103px 1fr 74px;gap:13px}.demand-track{height:22px}.material-note{font-size:14px}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.metric-pair span{font-size:14px;color:#889da9}.metric-pair b{display:block;font-size:27px;margin-top:7px}.material-layout #material-detail{position:sticky;top:94px;align-self:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-field label{display:block;font-size:15px;color:#7c92a3;margin-bottom:8px}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #d3e0e9;border-radius:7px;background:white;padding:10px 12px;color:#284f69;font-size:16px;min-height:42px}.form-field textarea{min-height:110px;resize:vertical;line-height:1.8}.form-field input[type=file]{font-size:14px}.form-field input[type=checkbox]{width:auto;min-height:auto;margin-right:9px}.form-field.full{grid-column:1/-1}.form-hint{color:#8b9ca9;font-size:13px;line-height:1.7;margin-top:7px}.form-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:23px;flex-wrap:wrap}.checkline{display:flex;align-items:flex-start;gap:9px;line-height:1.8;font-size:15px;color:#637f92;margin-top:12px}.checkline input{margin-top:5px;width:17px;height:17px}.error-box{font-size:14px;color:#b14d49;line-height:1.8;margin-top:13px;white-space:pre-wrap}.error-box:empty{display:none}.upload-area{border:1px dashed #adcad7;background:#f5fafb;border-radius:10px;padding:27px}.import-plan{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:19px 0}.import-plan>div{border:1px solid #e1e8ee;border-radius:8px;padding:15px;background:white}.import-plan span{font-size:13px;color:#7e94a5}.import-plan b{display:block;font-size:28px;color:#254e68;margin-top:6px}.scenario-card{border:1px solid #dce7ee;border-radius:10px;background:white;padding:22px;display:flex;flex-direction:column;min-height:210px}.scenario-card h3{font-size:21px;margin-bottom:12px;color:#224b67}.scenario-card p{font-size:15px;color:#7e93a2;line-height:1.9;margin-bottom:19px}.scenario-card .btn{margin-top:auto;align-self:start}.scenario-card .tag{margin-bottom:13px;align-self:start}.guide-strip{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:19px 22px;background:#eaf3f5;border-radius:9px;margin-bottom:23px;font-size:16px}.guide-strip .arrow{color:#9cb4c1}.history-layout{grid-template-columns:1fr}.event{padding-bottom:22px}.event b{font-size:16px}.event p{font-size:13px;line-height:1.8}.pre{white-space:pre-wrap;word-break:break-word;font:13px/1.8 ui-monospace,monospace;background:#f4f7f9;padding:15px;border-radius:6px;max-height:230px;overflow:auto}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.source-grid span{font-size:13px;color:#879ba8;display:block;margin-bottom:6px}.source-grid b{font-size:16px;font-weight:500}.qc-summary{padding:16px;font-size:14px;gap:15px}.qc-summary span{font-size:13px}.qc-summary b{font-size:21px}.mail-layout{grid-template-columns:1fr 350px}.email-card{padding:25px}.mail-head{font-size:23px}.mail-meta{font-size:14px;line-height:2}.mail-counts{gap:15px}.mail-count{padding:17px}.mail-count b{font-size:31px}.mail-count span{font-size:14px}.attachment{padding:16px;font-size:15px;flex-wrap:wrap}.mail-side-item{font-size:16px}.mail-side-item p{font-size:14px}.stack{display:grid;gap:21px}.stats-line{display:flex;gap:30px;align-items:center;flex-wrap:wrap;padding:16px 20px;font-size:15px}.stats-line b{font-size:23px;margin-left:7px}.modal-back{position:fixed;z-index:30;padding:22px;background:#153c606b;display:flex}.modal{width:min(1140px,98vw);max-height:calc(100vh - 44px);overflow:auto;border-radius:12px}.modal.wide{width:min(1450px,98vw)}.modal .modal-head{position:sticky;top:0;background:white;z-index:2;border-bottom:1px solid #e1e8ed;padding:19px 24px;gap:18px}.modal h2{font-size:24px}.modal-body{padding:23px 25px}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e1e8ee;background:#fbfcfd;position:sticky;bottom:0;z-index:2}.modal-foot .footnote{margin-right:auto}.tab{font-size:16px;padding:13px 0}.toast{position:fixed;z-index:50;bottom:25px;display:block;max-width:800px;line-height:1.7;font-size:15px;background:#173e60}.toast.error{background:#a54d49}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-left{padding:75px;background:#173e60;color:#fff;display:flex;flex-direction:column;justify-content:center}.login-left .eyebrow{color:#8fcecd}.login-left h1{font-size:43px;line-height:1.65;margin:25px 0}.login-left p{color:#bed1df;line-height:2;font-size:18px}.login-points{display:grid;gap:15px;margin-top:32px;font-size:17px;color:#d5e6ee}.login-right{display:flex;justify-content:center;align-items:center;padding:50px}.login-box{width:100%;max-width:520px}.login-box h2{font-size:30px;color:#173e60;margin:15px 0}.account-card{width:100%;display:flex;gap:19px;align-items:center;text-align:left;border:1px solid #dce6ee;background:#fff;padding:22px;margin:15px 0;border-radius:10px}.account-card b{font-size:20px;font-weight:600;color:#28516d;display:block}.account-card span{font-size:14px;color:#8a9eac;display:block;margin-top:7px;line-height:1.8}.account-card .role-icon{background:#edf5f6;padding:13px;border-radius:10px;color:#27858a}.login-note{font-size:14px;line-height:1.9;color:#859aa8;margin-top:26px}.busy{opacity:.65;pointer-events:none}.chart-svg{width:100%;height:auto}.archive-row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #e3ebf0;font-size:14px}.archive-row b{display:block;font-size:15px;margin-bottom:5px}.mobile-brand{display:none}
@media(min-width:1700px){.app-main{padding:30px 36px 40px}.app-top{padding:0 36px}}
@media(max-width:1350px){.sidebar{width:200px}.main-wrap{margin-left:200px}.sidebar .logo{font-size:19px;margin-left:10px}.app-main{padding:22px}.app-top{padding:0 22px}.kpis{gap:12px}.kpi{padding:15px}.kpi .k-note{font-size:12px}.row2,.material-layout{grid-template-columns:1.3fr 1fr}.mail-layout{grid-template-columns:1fr 300px}.grid.three{grid-template-columns:1fr 1fr}.table{font-size:14px}.title-actions .tag{display:none}}
@media(max-width:1050px){.sidebar{width:174px;padding:22px 10px}.main-wrap{margin-left:174px}.sidebar .nav-item{font-size:15px;gap:10px}.sidebar .logo{font-size:18px}.sidebar-bottom .avatar{display:none}.sidebar .sidebar-intro{display:none}.top-right>.date-label{display:none}.page-title h1{font-size:25px}.row2,.row2.equal,.material-layout,.mail-layout{grid-template-columns:1fr}.material-layout #material-detail{position:static}.kpis{grid-template-columns:1fr 1fr}.grid.two{grid-template-columns:1fr}.mail-side-item{padding:12px 0}.bucket-summary{gap:8px}.bucket-summary .name{font-size:12px}.form-grid{gap:15px}.modal{max-height:95vh}.login-left{padding:35px}.login-left h1{font-size:32px}.login-right{padding:35px}}
@media(max-width:700px){.sidebar{position:static;width:100%;height:auto;padding:13px 15px;display:block}.sidebar .logo{display:none}.sidebar .group,.sidebar .sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px;overflow-x:auto}.sidebar .nav-item{display:inline-flex;white-space:nowrap;width:auto;padding:9px 12px;font-size:13px;margin:0}.sidebar .nav-item .icon{display:none}.sidebar .nav-item.active{border:0;padding-left:12px}.main-wrap{margin:0}.app-top{height:60px;padding:0 14px}.app-top .crumb{font-size:15px}.app-top .top-right{gap:6px}.app-top .tag{font-size:11px}.app-top select{max-width:115px;font-size:12px}.app-main{padding:18px 13px}.page-title{display:block}.title-actions{justify-content:flex-start;margin-top:14px}.page-title h1{font-size:25px}.page-title .sub{font-size:13px}.kpis{gap:10px}.kpi .k-value{font-size:34px}.kpi .k-label{font-size:13px}.kpi .icon{display:none}.kpi .k-note{font-size:11px}.panel-head{padding:16px}.panel-body{padding:12px 16px 18px}.panel-head h3{font-size:18px}.row2,.grid{gap:15px}.bucket-summary{grid-template-columns:repeat(3,1fr);row-gap:15px}.filterbar{padding:13px;gap:9px}.filterbar input{width:100%}.filterbar select{flex:1;min-width:110px}.form-grid{grid-template-columns:1fr}.source-grid{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:1fr}.import-plan{grid-template-columns:repeat(3,1fr)}.modal-back{padding:7px}.modal{max-height:97vh}.modal .modal-head{padding:15px}.modal h2{font-size:21px}.modal-body{padding:16px}.modal-foot{padding:13px;flex-wrap:wrap}.modal-foot .footnote{flex-basis:100%}.login{display:block}.login-left{padding:24px}.login-left h1{font-size:28px;margin:13px 0}.login-left p{font-size:15px}.login-points{display:none}.login-right{padding:26px 18px}.login-box h2{font-size:25px}.login-note{font-size:12px}.qc-summary{grid-template-columns:1fr;gap:10px}.qc-summary b{font-size:19px}.mail-counts{gap:10px}.mail-count{padding:12px}.mail-count b{font-size:26px}.mail-count span{font-size:12px}.app-footer{font-size:11px;padding:12px 15px}.stats-line{gap:15px}.guide-strip{font-size:14px}.btn{font-size:13px;padding:0 12px}.callout{font-size:14px}}

.domain-accounts{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px;padding-top:20px;border-top:1px solid #dce6ec}.login-box .form-actions{justify-content:space-between}.domain-accounts .btn{flex:1}
@media(max-width:700px){.app-top .crumb{display:none}.app-top .top-right{width:100%;justify-content:space-between;gap:6px}.app-top .btn{padding:0 10px}.toast{width:max-content;max-width:calc(100vw - 32px);padding:12px 18px}.panel{min-width:0}.row2>*,.grid>*,.material-layout>*{min-width:0}.sidebar-bottom .flex>div{min-width:0}}
.sidebar-bottom .flex>div{overflow-wrap:anywhere}

/* Quantity shares use the same red/amber/blue risk meaning across the page. */
.material-note b{font-weight:500;color:#45697e}.material-expiry{margin:20px 0 22px}.expiry-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.expiry-chart-head h4{font-size:17px;font-weight:600;margin:0;color:#284f69}.expiry-chart-head>span{font-size:13px;color:#8297a6;white-space:nowrap}.expiry-chart-head b{font-size:17px;color:#284f69;margin-left:4px}.expiry-stacked{display:flex;height:36px;border-radius:7px;overflow:hidden;background:#eef3f7}.expiry-segment{height:100%;display:flex;align-items:center;justify-content:center;flex:none;min-width:0;color:#fff;font-size:13px;font-weight:600;overflow:hidden}.expiry-segment+.expiry-segment{border-left:2px solid #fff}.expiry-segment.expired{background:#cc5c59}.expiry-segment.due{background:#d89a36}.expiry-segment.later{background:#3c739b}.expiry-empty{margin:auto;font-size:13px;color:#8297a6}.expiry-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}.expiry-bucket{min-width:0}.expiry-bucket-label{display:flex;align-items:center;gap:7px;font-size:13px;color:#748e9f;line-height:1.6}.expiry-bucket-label i{width:7px;height:7px;border-radius:2px;flex:none;background:currentColor}.expiry-bucket.expired .expiry-bucket-label i,.expiry-bucket.expired>b{color:#cc5c59}.expiry-bucket.due .expiry-bucket-label i,.expiry-bucket.due>b{color:#d89a36}.expiry-bucket.later .expiry-bucket-label i,.expiry-bucket.later>b{color:#3c739b}.expiry-bucket>b{display:block;font-size:28px;line-height:1.3;margin-top:8px;font-weight:600}.expiry-percent{display:block;font-size:12px;color:#8a9eac;line-height:1.7;margin-top:4px}
@media(max-width:700px){.expiry-chart-head h4{font-size:16px}.expiry-legend{gap:9px}.expiry-bucket-label{font-size:12px;gap:4px}.expiry-percent{font-size:11px}.expiry-bucket>b{font-size:26px}.expiry-stacked{height:32px}}


.material-code-link{color:#15858a;font-weight:600;text-decoration:underline;text-decoration-color:#9acbc9;text-underline-offset:3px}.material-code-link:hover{color:#106b70;text-decoration-color:currentColor}

.demand-stack-track{display:flex;height:28px;background:#f1f5f8;border-radius:4px;overflow:hidden;min-width:0}.demand-segment{display:flex;align-items:center;justify-content:center;height:100%;flex:none;min-width:0;container-type:inline-size;container-name:demand-part;color:#fff}.demand-segment+.demand-segment{border-left:2px solid #fff}.demand-segment-number{display:block;font:600 12px/1.3 "Avenir Next",Arial,sans-serif;white-space:nowrap;max-width:100%;overflow:hidden}.demand-segment.demand-90{background:#278177}.demand-segment.demand-180{background:#4978a6}.demand-segment.demand-later{background:#85669b}.demand-total-only{display:block;height:100%;background:#a9bbc8}.demand-row .demand-total{text-align:right}.demand-breakdown{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;margin:0 0 8px;font-size:12px;line-height:1.8}.demand-component{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.demand-component i{display:block;width:6px;height:6px;border-radius:2px;background:currentColor;flex:none}.demand-component b{font-weight:600;margin-left:2px}.demand-component.demand-90{color:#278177}.demand-component.demand-180{color:#4978a6}.demand-component.demand-later{color:#85669b}.demand-plus{color:#8a9eac;font-size:12px}.demand-unavailable{margin:0 0 8px;font-size:12px;line-height:1.8;color:#879ba8}.demand-quality-notice{margin:12px 0;font-size:13px}.material-comparison .demand-row{grid-template-columns:103px minmax(0,1fr) 74px}
@container demand-part (max-width:44px){.demand-segment-number{display:none}}
@media(max-width:700px){.demand-breakdown,.demand-unavailable{margin-left:0}.demand-breakdown{gap:4px 7px}.demand-component{font-size:11px}.material-comparison .demand-row{grid-template-columns:91px minmax(0,1fr) 57px;gap:9px;font-size:14px}}

.inventory-table .qc-status-cell{white-space:normal;overflow:visible}.qc-date-note{font-size:11px;color:#6f899c;line-height:1.7;margin-top:6px}.qc-date-note time{white-space:nowrap}.qc-review-note{font-size:11px;line-height:1.6;color:#b37d2d;margin-top:2px}.inventory-table .qc-effective-date{color:#15858a;font-weight:600}.inventory-table .qc-comment-cell{white-space:normal;overflow:visible;font-size:13px}.qc-comment-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#5b778b}.qc-comment-more{font-size:12px!important;margin-top:5px;line-height:1.8;text-align:left}.qc-comment-missing{font-size:12px;color:#b7802d}

.record-search{position:relative;flex:0 1 270px;min-width:0;max-width:100%}.filterbar .record-search input{width:100%;padding-right:40px}.record-search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:5px;background:transparent;color:#7892a3;font-size:23px;line-height:1;cursor:pointer}.record-search-clear:hover{background:#edf5f6;color:#15858a}.record-search-clear:focus-visible{outline:2px solid #15858a;outline-offset:1px}@media(max-width:700px){.record-search{flex:1 1 100%;width:100%}}

.qc-submitted-base{font-size:12px;line-height:1.8;color:#6f899c;margin-top:8px}.event .qc-history-base{color:#3a758c;font-size:13px}.source-change-history[open]>summary{margin-bottom:16px}

.language-control{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;color:#698498}.language-control select{height:34px;width:92px;padding:0 9px;border:1px solid #d3e0e9;border-radius:6px;background:#fff;color:#284f69;font:inherit;cursor:pointer}.language-control select:focus-visible{outline:2px solid #15858a;outline-offset:2px}.login-language{display:flex;justify-content:flex-end;margin-bottom:20px}.modal-head-actions{display:flex;align-items:center;gap:15px}.modal-head-actions .language-control{font-size:12px}.top-right{gap:12px}html[lang="ja-JP"] .nav-item{font-size:16px}html[lang="ja-JP"] .page-title h1{font-size:29px}html[lang="ja-JP"] .demand-row{font-size:14px}
@media(max-width:1250px){.top-right .date-label{display:none}.app-top .language-control>span{display:none}.top-right{gap:8px}}
@media(max-width:700px){.app-top .top-right>.tag{display:none}.app-top .crumb{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-top .top-right{flex-shrink:0;gap:5px}.app-top .language-control select{width:75px;padding:0 5px;height:31px;font-size:12px}.app-top #role-switch{max-width:93px}.app-top .btn{padding:0 8px;min-width:30px}.modal-head-actions{gap:7px}.modal-head-actions .language-control>span{display:none}.modal-head-actions .language-control select{width:79px}html[lang="ja-JP"] .page-title h1{font-size:23px}html[lang="ja-JP"] .nav-item{font-size:13px}.login-language{margin-bottom:14px}}

/* The ledger fits its content area. At smaller widths each row becomes a labelled record. */
.inventory-ledger-panel{container-type:inline-size;container-name:inventory-ledger;min-width:0}
.inventory-table-wrap{overflow:visible;min-width:0;max-width:100%}
.table.inventory-table{min-width:0;width:100%;table-layout:fixed}
.table.inventory-table th,.table.inventory-table td{padding:12px 10px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.table.inventory-table th{vertical-align:middle}
.table.inventory-table td{vertical-align:top;font-size:14px}
.inventory-table .material-code-link,.inventory-table code,.inventory-table .item-name{white-space:normal;overflow-wrap:anywhere;word-break:normal}
.inventory-table .base-expiry,.inventory-table .effective-expiry{white-space:nowrap!important}
.inventory-table .tag{display:inline-block;max-width:100%;padding:4px 7px;white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.inventory-table .qc-comment-text{display:block;-webkit-line-clamp:unset;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere}
.inventory-table .link{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:14px}
.inventory-ledger-panel .pagination{gap:16px;flex-wrap:wrap}
.inventory-ledger-panel .pagination>span{flex:1;min-width:0;line-height:1.8;overflow-wrap:anywhere}
.inventory-ledger-panel .pagination>div{flex-shrink:0}
@container inventory-ledger (max-width:980px){
 .table.inventory-table,.inventory-table tbody{display:block;width:100%}
 .inventory-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .table.inventory-table tbody tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 18px;padding:18px;border-bottom:1px solid #e0e9ef}
 .table.inventory-table tbody tr:last-child{border-bottom:0}
 .table.inventory-table td{display:block;min-width:0;padding:0;border:0;white-space:normal!important}
 .inventory-table td::before{content:attr(data-label);display:block;font-size:12px;line-height:1.7;color:#7f96a6;font-weight:400;margin-bottom:6px}
 .inventory-table td:nth-child(1),.inventory-table td:nth-child(2){grid-column:span 2}
 .inventory-table td:nth-child(8){grid-column:span 2}
 .inventory-table td:last-child{align-self:start}
 .inventory-table td:last-child .link{padding:7px 14px;border:1px solid #c8dee6;border-radius:6px;background:#f4fafb}
}
@container inventory-ledger (max-width:560px){
 .table.inventory-table tbody tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;padding:16px}
 .inventory-table td:nth-child(1),.inventory-table td:nth-child(2),.inventory-table td:nth-child(7),.inventory-table td:nth-child(8),.inventory-table td:last-child{grid-column:1/-1}
 .inventory-ledger-panel .pagination{padding:15px 16px;display:block}
 .inventory-ledger-panel .pagination>span{display:block;margin-bottom:14px}
 .inventory-ledger-panel .pagination>div{justify-content:flex-end}
}

.app-top .crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-top .top-right{flex-shrink:0}@media(max-width:1050px){.app-top .top-right>.tag{display:none}}

.table-sticky-overlay{position:fixed;overflow:hidden;background:#f5f8fa;box-shadow:0 3px 8px #173e621c;pointer-events:auto}
.table-sticky-overlay .table-sticky-copy{margin:0;border-radius:0;pointer-events:none}
.table-sticky-overlay th{background:#f5f8fa}
@media print{.table-sticky-overlay{display:none!important}}

.material-table th,.material-table td{padding:12px 10px;white-space:normal;overflow-wrap:anywhere}
.material-table td.n{white-space:nowrap}
.material-table .due-quantity{color:#b57b20;background:#fff9ee;font-weight:600}
.material-table-note{padding:13px 18px;border-top:1px solid #e0e8ee}