.oms-page-head{align-items:center}.oms-capacity{display:inline-flex;align-items:baseline;gap:4px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 13px;font-size:9px;color:#777}.oms-capacity strong{font-size:16px;color:#111}.oms-tabs{display:flex;gap:8px;margin-bottom:18px;overflow:auto}.oms-tab{min-width:170px;border:1px solid #e4e0d7;border-radius:10px;background:#fff;padding:13px 15px;text-align:left;font:800 10px Manrope;cursor:pointer}.oms-tab span{color:#aaa;margin-right:10px}.oms-tab.active{background:#111;color:#fff;border-color:#111;box-shadow:inset 0 -3px var(--yellow)}.oms-tab.active span{color:var(--yellow)}
.oms-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.oms-metric{border:1px solid #e5e1d8;border-radius:12px;background:#fff;padding:17px;text-align:left;cursor:pointer;position:relative;overflow:hidden}.oms-metric:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:#aaa}.oms-metric.overdue:after{background:var(--red)}.oms-metric.hold:after{background:#c78625}.oms-metric.ready:after{background:var(--yellow)}.oms-metric.delivered:after{background:var(--green)}.oms-metric small,.oms-metric strong,.oms-metric span{display:block}.oms-metric small{font-size:9px;color:#777;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.oms-metric strong{font-size:27px;margin:10px 0 2px}.oms-metric span{font-size:8px;color:#999}.oms-alert{display:flex;align-items:center;gap:12px;border:1px solid #ead49d;background:#fff9e7;border-radius:10px;padding:12px 15px;margin-bottom:16px;font-size:10px}.oms-alert strong{color:#6f4a00}.oms-alert span{color:#806e45}.oms-dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.oms-text-button{border:0;background:transparent;font:800 9px Manrope;cursor:pointer}.oms-stage-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.oms-stage-summary button{border:1px solid #ebe7dd;border-radius:9px;background:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:11px;text-align:left;font:700 9px Manrope;cursor:pointer}.oms-stage-summary button span{display:flex;align-items:center;gap:8px}.oms-stage-summary button strong{font-size:13px}.oms-stage-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8d8d8d}.oms-stage-dot.manufacturing,.oms-stage-dot.finishing-polishing{background:#d8881c}.oms-stage-dot.raw-product-inspection,.oms-stage-dot.final-quality-check{background:#4a75a8}.oms-stage-dot.packing-and-labelling,.oms-stage-dot.ready-to-dispatch{background:#1f7a53}.oms-recent{display:flex;flex-direction:column}.oms-recent button{border:0;border-top:1px solid #eee;background:transparent;padding:12px 0;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.oms-recent button:first-child{border-top:0;padding-top:0}.oms-recent strong,.oms-recent small{display:block}.oms-recent strong{font-size:10px}.oms-recent small{font-size:8px;color:#999;margin-top:3px}.oms-recent em{max-width:130px;font-size:8px;font-style:normal;text-align:right;color:#777}
.oms-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.oms-toolbar input,.oms-toolbar select{height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 11px;font:600 10px Manrope}.oms-toolbar input{min-width:270px;flex:1}.oms-view-switch{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.oms-view-switch button{border:0;background:#fff;padding:0 13px;font:700 9px Manrope}.oms-view-switch button.active{background:#111;color:#fff}.oms-kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x proximity}.oms-column{flex:0 0 286px;min-height:380px;border:1px solid #e5e1d8;border-radius:12px;background:#f1eee6;overflow:hidden;scroll-snap-align:start}.oms-column>header{display:flex;align-items:center;justify-content:space-between;padding:13px;background:#fff;border-bottom:1px solid #e5e1d8;font-size:9px;font-weight:800}.oms-column>header span{display:flex;align-items:center;gap:7px}.oms-column>header strong{min-width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f3f0e8}.oms-column>div{padding:10px;min-height:325px}.oms-column.drag-over{border-color:var(--yellow);box-shadow:inset 0 0 0 2px var(--yellow)}.oms-column-empty{text-align:center;color:#aaa;font-size:8px;margin-top:90px}.oms-card{background:#fff;border:1px solid #ded9cf;border-radius:9px;margin-bottom:9px;box-shadow:0 5px 14px rgba(17,17,17,.04)}.oms-card.is-hold{border-left:4px solid #c78625}.oms-card.dragging{opacity:.45}.oms-card>button{width:100%;border:0;background:transparent;padding:12px;text-align:left;cursor:pointer}.oms-card-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:800;color:#777}.oms-card-top em{font-style:normal;color:#9d5d00;background:#fff1d8;border-radius:99px;padding:3px 6px}.oms-card h3{font-size:11px;margin:8px 0 2px}.oms-card>button>small{font-size:8px;color:#999}.oms-card dl{margin:11px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #eee;padding-top:9px}.oms-card dl div{min-width:0}.oms-card dt{font-size:7px;color:#999;text-transform:uppercase}.oms-card dd{font-size:8px;font-weight:700;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-overdue{color:var(--red)!important;font-weight:800}.schedule-due-soon{color:#a0630d!important;font-weight:800}.schedule-on-track{color:var(--green)!important;font-weight:800}.schedule-hold{color:#9d5d00!important;font-weight:800}.oms-table td small,.oms-table td strong{display:block}.oms-table td small{font-size:8px;color:#999;margin-top:3px}.oms-stage-pill,.oms-hold-pill{display:inline-flex;border-radius:99px;padding:5px 8px;background:#eeeae0;font-size:8px;font-weight:800}.oms-hold-pill{color:#8c5100;background:#fff0d1}
.oms-detail-state{display:flex;gap:8px;align-items:center}.oms-progress{height:6px;background:#eee;border-radius:99px;margin:13px 0 23px;overflow:hidden}.oms-progress i{display:block;height:100%;background:var(--yellow)}.oms-detail section{border-top:1px solid #eee;padding-top:18px;margin-top:18px}.oms-detail section h3{margin:6px 0 2px}.oms-detail section p{font-size:10px;line-height:1.6;color:#666}.oms-section-head{display:flex;align-items:center;justify-content:space-between}.oms-history article{border-left:3px solid var(--yellow);background:var(--deep);padding:9px 11px;margin-top:8px}.oms-history article p{margin:0!important;color:#333!important}.oms-history article small{display:block;font-size:8px;color:#999;margin-top:4px}.oms-check{flex-direction:row!important;align-items:center;background:var(--deep);padding:10px;border-radius:8px}.oms-check input{min-height:auto;width:18px;height:18px}.oms-check span{font-size:10px;font-weight:700}
@media(max-width:1100px){.oms-metrics{grid-template-columns:repeat(3,1fr)}.oms-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.oms-page-head .actions{align-items:center}.oms-capacity{flex:0 0 auto}.oms-tabs{margin-left:-14px;margin-right:-14px;padding:0 14px}.oms-tab{min-width:145px}.oms-metrics{grid-template-columns:repeat(2,1fr);gap:9px}.oms-stage-summary{grid-template-columns:1fr}.oms-toolbar>*{flex:1 1 145px}.oms-toolbar input{min-width:100%;flex-basis:100%}.oms-view-switch{display:none}.oms-column{flex-basis:82vw}.oms-kanban{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.oms-table{min-width:900px}}
@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(6,1fr)}.mobile-nav a{font-size:8px}.mobile-nav a span{font-size:15px}}
.oms-table{min-width:1050px}.oms-table td small{font-size:9px;color:#78808d}.oms-stage-pill,.oms-hold-pill{font-size:10px}.oms-stage-pill{background:var(--blue-soft);color:var(--blue-dark)}
.oms-table-wrap{height:min(56vh,520px);max-height:520px;overflow:auto;scrollbar-gutter:stable both-edges}.oms-table th{position:sticky;top:0;z-index:3}