/* Retail Transport v2 — approved visual contract. */
:root{--rt-bg:#f3f5f8;--rt-card:#fff;--rt-navy:#0d1728;--rt-burg:#7d1236;--rt-mag:#d51f55;--rt-blue:#174f79;--rt-teal:#0d7b78;--rt-line:#e4e8ee;--rt-muted:#6f7a89}
/* Artwork safety: the WINETIME fox/logo must always be fully visible. Never crop faces/artwork. */
.side,.side .brand{overflow:visible!important}.side .brand{height:auto!important;min-height:112px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px 18px!important;box-sizing:border-box}.side .brand img{display:block!important;width:100%!important;max-width:180px!important;height:auto!important;max-height:86px!important;object-fit:contain!important;object-position:50% 50%!important;clip-path:none!important;mask:none!important;transform:none!important;border-radius:0!important;overflow:visible!important}.rt-shell{display:flex;flex-direction:column;gap:16px;min-width:0;width:100%;max-width:100%}.rt-hero{min-height:150px;border-radius:18px;padding:28px 32px;color:#fff;background:linear-gradient(115deg,#101c31 0%,#18324a 56%,#6e1538 100%);position:relative;overflow:hidden;box-shadow:0 12px 28px #14223818}.rt-hero:after{content:"";position:absolute;right:24px;top:14px;width:200px;height:122px;background-image:url('./assets/winetime-reference.png');background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.18}.rt-hero>*{position:relative;z-index:1}.rt-hero small{letter-spacing:.15em;font-weight:800;opacity:.72}.rt-hero h2{margin:7px 0 5px;font-size:30px;line-height:1.05}.rt-hero p{margin:0;opacity:.78}.rt-kpis{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}.rt-kpi{background:var(--rt-card);border:1px solid var(--rt-line);border-radius:14px;padding:15px 17px;box-shadow:0 5px 18px #18253b0a;min-width:0}.rt-kpi small{display:block;color:var(--rt-muted);font-weight:700;margin-bottom:6px}.rt-kpi strong{font-size:24px;color:var(--rt-navy)}.rt-panel{background:var(--rt-card);border:1px solid var(--rt-line);border-radius:16px;padding:16px;box-shadow:0 6px 22px #1520330a;min-width:0}.rt-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.rt-panel-title h3{margin:0;color:var(--rt-navy);font-size:17px}.rt-filters{display:grid;grid-template-columns:2fr repeat(5,minmax(120px,1fr)) auto;gap:9px;align-items:end}.rt-filters label,.rt-form label{font-size:11px;font-weight:800;color:#586474;display:flex;flex-direction:column;gap:5px;min-width:0}.rt-filters input,.rt-filters select,.rt-form input,.rt-form select,.rt-form textarea{width:100%;min-width:0;min-height:38px;border:1px solid #d8dee7;border-radius:9px;background:#fff;padding:8px 10px;color:#172235;font:inherit;box-sizing:border-box}.rt-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rt-btn{border:0;border-radius:9px;min-height:38px;padding:9px 14px;font-weight:800;cursor:pointer;background:#edf1f5;color:#233047}.rt-btn.primary{background:var(--rt-mag);color:#fff}.rt-btn.dark{background:var(--rt-navy);color:#fff}.rt-btn.danger{background:#fff0f3;color:#a81842;border:1px solid #f1c8d5}.rt-table-wrap{width:100%;max-width:100%;overflow:auto;max-height:calc(100vh - 360px);border:1px solid var(--rt-line);border-radius:12px;-webkit-overflow-scrolling:touch}.rt-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1280px;font-size:12px}.rt-table th{position:sticky;top:0;z-index:2;background:#f7f8fa;color:#667181;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:10px 9px;border-bottom:1px solid var(--rt-line);white-space:nowrap}.rt-table td{padding:10px 9px;border-bottom:1px solid #edf0f4;vertical-align:middle;color:#263244}.rt-table tbody tr:hover{background:#fafbfc}.rt-table .main{font-weight:800;color:#152238}.rt-table .sub{display:block;color:#7b8593;font-size:10px;margin-top:2px}.rt-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;background:#edf2f6;color:#445064;white-space:nowrap}.rt-pill.ok{background:#e8f7f2;color:#14715c}.rt-pill.wait{background:#fff4df;color:#8a6113}.rt-pill.move{background:#e8f1fb;color:#205b8c}.rt-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,390px);gap:14px;align-items:start;min-width:0}.rt-drawer{position:sticky;top:12px;min-width:0}.rt-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.rt-form .wide{grid-column:1/-1}.rt-stops{display:flex;flex-direction:column;gap:8px;margin-top:12px}.rt-stop{display:grid;grid-template-columns:34px minmax(0,1fr) 130px 160px;gap:8px;align-items:center;padding:10px;border:1px solid var(--rt-line);border-radius:11px;background:#fafbfc;min-width:0}.rt-stop .num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--rt-navy);color:#fff;font-weight:900}.rt-stop input{width:100%;box-sizing:border-box}.rt-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.rt-summary div{padding:10px;border-radius:10px;background:#f5f7f9;min-width:0}.rt-summary small{display:block;color:var(--rt-muted)}.rt-summary b{font-size:17px}.rt-empty{text-align:center;padding:45px;color:#8b94a0}.rt-nav-note{font-size:10px;opacity:.55;padding:0 18px 7px}.side nav a[data-rt]{display:flex;align-items:center;gap:10px}.side nav a.active{background:#ffffff14!important;border-left-color:#e52b5e!important}.rt-upload{border:1px dashed #b9c4d1;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fafbfd}.rt-upload b{color:var(--rt-navy)}
@media(max-width:1200px){.rt-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.rt-layout{grid-template-columns:1fr}.rt-drawer{position:static}.rt-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.content{overflow-x:hidden}.rt-hero:after{right:10px;width:145px;opacity:.12}.rt-panel-title{align-items:flex-start;flex-direction:column}.rt-panel-title>.rt-actions{width:100%}}
@media(max-width:720px){.side .brand{min-height:92px!important;padding:10px 12px!important}.side .brand img{max-width:150px!important;max-height:70px!important}.rt-hero{min-height:120px;padding:20px;padding-right:20px}.rt-hero:after{display:none}.rt-hero h2{font-size:23px}.rt-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-filters{grid-template-columns:1fr 1fr}.rt-filters .wide{grid-column:1/-1}.rt-panel{padding:11px}.rt-layout{display:block}.rt-drawer{margin-top:12px}.rt-form{grid-template-columns:1fr}.rt-form .wide{grid-column:auto}.rt-stop{grid-template-columns:30px minmax(0,1fr)}.rt-stop>input,.rt-stop>div:last-child{grid-column:2}.rt-summary{grid-template-columns:1fr 1fr}.rt-table-wrap{max-height:none}.rt-actions .rt-btn{flex:1 1 145px}}
@media(max-width:430px){.rt-kpis{grid-template-columns:1fr 1fr;gap:8px}.rt-kpi{padding:12px}.rt-kpi strong{font-size:20px}.rt-filters{grid-template-columns:1fr}.rt-filters .wide{grid-column:auto}.rt-hero h2{font-size:21px}.rt-panel{border-radius:13px}.rt-summary{grid-template-columns:1fr 1fr}}