/* Shared reading scale and inventory workspace. */
:root{--paper:#f5f7f5;--ink:#243c33;--line:#dce5df;--gold:#a67c37}
body{font-family:"Leelawadee UI",Tahoma,"Segoe UI",sans-serif;font-size:16px;line-height:1.75}
h1,h2,h3,h4{letter-spacing:0;line-height:1.5}h1{font-size:clamp(1.75rem,3vw,2.4rem)}
.topbar{font-size:12px;letter-spacing:.04em;padding:8px 16px}.nav-link,.btn,.form-label,label,.admin-nav a{font-size:15px}
.navbar-brand{margin-right:24px}.navbar{padding:14px 0}.nav-link{padding:10px!important}.btn{min-height:44px;border-radius:10px}.form-control,.form-select{min-height:46px;font-size:16px}
.form-label,label{margin-bottom:6px;color:#3e554a}.eyebrow{font-size:12px;letter-spacing:.12em;color:#526c5b}
.card{border-radius:18px;box-shadow:0 4px 20px #163b2605}.table{font-size:15px}.table thead th{font-size:13px;color:#425b4d;letter-spacing:0;padding:16px;background:#f0f5f1}.table td{padding:17px 16px}.table tbody tr:hover{background:#f7faf7}
.metric-card{border-radius:18px;padding:24px}.metric-card span{font-size:14px;color:#546b5e}.metric-card strong{font-variant-numeric:tabular-nums;line-height:1.4}.metric-card p{font-size:13px;color:#607369;margin:10px 0 0}
.alert{font-size:15px}.text-muted{color:#607067!important}.badge{font-size:12px;line-height:1.5}.admin-nav a{padding:10px 12px}.admin-nav a.active{background:#e4efe7;color:#154d37}
.stock-heading{margin-bottom:28px}.heading-dot{color:#b99856}.stock-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.stock-tabs a{padding:10px 18px;border:1px solid var(--line);border-radius:12px;color:#4c6256;text-decoration:none;background:white;min-height:46px}.stock-tabs a.selected{background:var(--herb);color:white;border-color:var(--herb)}.stock-tabs a span{margin-left:10px;font-size:12px;opacity:.85}
.stock-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stock-metrics strong{display:block;font-size:34px;margin-top:10px}.stock-metrics small{font-size:14px;font-weight:400}.stock-primary{background:linear-gradient(120deg,#164e3a,#236448);border-color:#164e3a}.stock-primary span,.stock-primary strong,.stock-primary p{color:#fff}.stock-primary p{opacity:.85}
.stock-filters{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(160px,1fr) minmax(160px,1fr) auto auto;gap:14px;padding:22px;align-items:end}.stock-filters>div{min-width:0}
.stock-section-title{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px}.stock-section-title h2{font-size:20px;font-weight:700;margin:0}.stock-section-title p{font-size:14px;margin:4px 0 0;color:#607067}.stock-table{min-width:780px}.stock-table small{display:block;color:#65766c;font-size:13px;margin-top:4px}.stock-table td:nth-child(3),.stock-table td:nth-child(4),.stock-table td:nth-child(5){font-variant-numeric:tabular-nums;font-size:18px}.stock-warning{background:#fff1d4;color:#76520c}.stock-danger{background:#fbe5e2;color:#923a32}.stock-good{background:#e0f1e6;color:#225b3d}
.stock-empty{text-align:center;padding:48px 20px!important}.stock-empty h3{font-size:20px}.stock-empty p{color:#607067}.empty-symbol{display:block;font-size:42px;color:#789782;margin-bottom:10px}.skip-link{position:absolute;left:12px;top:-100px;z-index:10000;background:white;padding:12px;border:2px solid var(--herb);border-radius:8px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #9c772f;outline-offset:3px}
@media(max-width:1199px){.stock-filters{grid-template-columns:1fr 1fr}.stock-filters>div:first-child{grid-column:1/-1}.stock-metrics{gap:12px}.stock-metrics .metric-card{padding:18px}.admin-nav a{font-size:14px}}
@media(max-width:767px){.stock-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-section-title{align-items:start;flex-direction:column}.stock-section-title .text-end{text-align:left!important}.stock-filters{padding:18px}.stock-tabs a{padding:9px 12px;font-size:14px}.stock-metrics strong{font-size:28px}.stock-metrics p{font-size:12px}.stock-metrics .metric-card{padding:16px}.page-heading{align-items:start;flex-direction:column}.site-footer{margin-top:40px}}
@media(max-width:400px){.stock-filters{grid-template-columns:1fr}.stock-metrics{gap:10px}.stock-metrics strong{font-size:25px}.stock-metrics span{font-size:13px}}
@media print{.stock-metrics{grid-template-columns:repeat(4,1fr)}.stock-primary{background:white}.stock-primary span,.stock-primary strong,.stock-primary p{color:black}.table-responsive{overflow:visible}.stock-table{min-width:0;font-size:10px}.stock-table td,.stock-table th{padding:8px}.stock-table td:nth-child(n){font-size:11px}.stock-table small{font-size:10px}.stock-section-title{padding:12px}.stock-metrics .metric-card{padding:12px}.stock-metrics strong{font-size:22px}details:not([open])>div,details:not([open])>p{display:block!important}.card{break-inside:auto}tr{break-inside:avoid}}
.stock-primary small{color:#e5f2e8}
@media screen and (max-width:767px){.stock-table{min-width:0;width:100%;display:block}.stock-table thead{display:none}.stock-table tbody{display:block}.stock-table tr{display:block;padding:16px 20px;border-top:1px solid var(--line)}.stock-table td{display:block;padding:6px 0;border:0;white-space:normal;overflow-wrap:anywhere}.stock-table td[data-label]{display:flex;align-items:center;justify-content:space-between}.stock-table td[data-label]::before{content:attr(data-label);font-size:14px;font-weight:400;color:#607067}.stock-table td:nth-child(2){padding-bottom:12px}.stock-table td:last-child{padding-top:12px}.stock-table .stock-empty{padding:24px 0!important}}