:root{--green:#1d6b43;--green2:#2f8d5d;--bg:#f4f7f5;--card:#fff;--text:#1c2922;--muted:#66736c;--line:#dbe4df;--warn:#ad6500;--bad:#b42318;--good:#137a42;--blue:#175cd3}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.top{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;padding:18px 20px}.top h1{font-size:21px;margin:0 0 3px}.top p{margin:0;opacity:.9}.wrap{max-width:1180px;margin:auto;padding:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 2px 8px #00000008}.card h2,.card h3{margin:0 0 10px}.big{font-size:28px;font-weight:700}.muted{color:var(--muted);font-size:13px}.btn{border:0;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer;background:var(--green);color:white}.btn.secondary{background:#eaf3ee;color:var(--green)}.btn.warn{background:#fff3df;color:#8a4d00}.btn.bad{background:#feeceb;color:var(--bad)}.btn.blue{background:#eaf1ff;color:var(--blue)}.btn:disabled{opacity:.45;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.field{margin:10px 0}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.field input,.field select,.field textarea{width:100%;padding:10px;border:1px solid #cfd9d3;border-radius:9px;background:#fff}.field textarea{min-height:78px}.tabs{display:flex;gap:7px;overflow:auto;padding:4px 0 14px}.tab{white-space:nowrap;border:1px solid var(--line);background:white;border-radius:18px;padding:8px 12px;cursor:pointer}.tab.active{background:var(--green);color:#fff;border-color:var(--green)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:10px;border-bottom:1px solid #e7ede9;font-size:13px}th{background:#f6faf7}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf2ef;font-size:11px;font-weight:700}.badge.ACTIVE,.badge.PAID,.badge.COMPLETED,.badge.READY,.badge.SETTLEMENT_PENDING{background:#e5f7eb;color:#137a42}.badge.PENDING_APPROVAL,.badge.AWAITING_DELIVERY_QUOTE,.badge.AWAITING_PAYMENT,.badge.AWAITING_BUYER_CONFIRMATION{background:#fff3df;color:#8a4d00}.badge.DISPUTED,.badge.REJECTED{background:#feeceb;color:#b42318}.notice{padding:12px;border-radius:10px;margin:10px 0;background:#eaf1ff;color:#174ea6}.success{background:#e5f7eb;color:#137a42}.error{background:#feeceb;color:#b42318}.hidden{display:none!important}.mobile-shell{max-width:560px;margin:auto;min-height:100vh;background:var(--bg)}.mobile-shell .wrap{padding:13px}.product{display:grid;grid-template-columns:84px 1fr;gap:12px}.photo{height:84px;border-radius:10px;background:#e8eeea;display:flex;align-items:center;justify-content:center;font-size:34px;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.price{font-weight:800;color:var(--green)}.hero{padding:24px;border-radius:18px;background:linear-gradient(135deg,#e8f7ee,#fff)}.hero h2{margin-top:0}.login-box{max-width:420px;margin:36px auto}.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nav{display:flex;gap:8px;overflow:auto;margin:12px 0}.nav button{white-space:nowrap}.otp{font-size:24px;letter-spacing:3px;font-weight:800}.footer{font-size:12px;color:var(--muted);padding:20px;text-align:center}@media(max-width:650px){.wrap{padding:12px}.top{padding:15px}.top h1{font-size:18px}table{min-width:700px}.quick{grid-template-columns:1fr}.hide-mobile{display:none}}
.badge.AWAITING_TRANSPORT_QUOTES,.badge.PENDING_SELLER_CONFIRMATION,.badge.AWARDED_AWAITING_PAYMENT{background:#fff3df;color:#8a4d00}.badge.ASSIGNED,.badge.DRIVER_ACCEPTED,.badge.READY_FOR_PICKUP,.badge.COLLECTED,.badge.IN_TRANSIT,.badge.ARRIVED_DESTINATION{background:#eaf1ff;color:#175cd3}.badge.DELIVERED,.badge.ONLINE{background:#e5f7eb;color:#137a42}.badge.OFFLINE,.badge.NOT_AWARDED,.badge.SELLER_REJECTED{background:#edf2ef;color:#66736c}@media print{.top,.tabs,.btn{display:none!important}.wrap{max-width:none;padding:0}.card{box-shadow:none;break-inside:avoid}.table-wrap{overflow:visible}table{min-width:0!important}body{background:white}}

.line{padding:7px 0;border-bottom:1px solid var(--line)}.line:last-child{border-bottom:0}.goodText{color:var(--good)}.badText{color:var(--bad)}.grid.mini{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.grid.mini>div{display:flex;flex-direction:column;gap:3px}.badge.REFUNDED,.badge.PARTIALLY_REFUNDED,.badge.RESOLVED{background:#e5f7eb;color:#137a42}.badge.PENDING_FARMER,.badge.PENDING_BUYER,.badge.READY{background:#fff3df;color:#8a4d00}

/* Unified Browser Toolkit layout */
.sync-pill{display:inline-block;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#e5f7eb;color:#137a42;border:1px solid #b8e2c7}
.sync-pill.bad{background:#feeceb;color:#b42318;border-color:#f4b9b5}.sync-pill.new{background:#fff3df;color:#8a4d00;border-color:#f1d09b}.sync-pill.ok{background:#e5f7eb;color:#137a42}
.top-link{background:#ffffff1f;color:#fff;border:1px solid #ffffff55;text-decoration:none}.office-wrap{max-width:1480px;margin:auto;padding:18px}.admin-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.admin-menu-panel{position:sticky;top:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;max-height:calc(100vh - 24px);overflow:auto}.menu-title{font-weight:800;margin:3px 5px 10px}.admin-sidebar{display:flex;flex-direction:column;gap:5px;padding:0}.admin-sidebar .tab{text-align:left;border-radius:9px;width:100%;white-space:normal}.menu-help{font-size:11px;color:var(--muted);line-height:1.45;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.admin-content{min-width:0}.mobile-sync-row{margin-top:8px}.mobile-main{padding-bottom:24px}.mobile-nav .tab{display:flex;align-items:center;gap:6px}.nav-ico{min-width:22px;text-align:center;font-size:14px}.mobile-content .card{padding:14px}.mobile-content h2{font-size:19px}.mobile-content .big{font-size:24px}.mobile-body input,.mobile-body select,.mobile-body textarea,.mobile-body button{font-size:16px}
@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-menu-panel{position:static;max-height:none}.admin-sidebar{display:flex;flex-direction:row;overflow:auto}.admin-sidebar .tab{width:auto;white-space:nowrap}.office-wrap{padding:12px}}
@media(max-width:650px){.mobile-shell{max-width:none}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible;position:sticky;top:0;z-index:6;background:var(--bg);padding:8px 0;margin:4px 0 10px}.mobile-nav .tab{white-space:normal;min-height:52px;padding:7px 4px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;gap:3px;text-align:center;font-size:10px;line-height:1.05}.mobile-nav .nav-ico{font-size:16px}.mobile-content .row>.field{min-width:100%!important;width:100%!important}.mobile-content .table-wrap{border:0;overflow:visible}.mobile-content table,.mobile-content thead,.mobile-content tbody,.mobile-content th,.mobile-content td,.mobile-content tr{display:block;min-width:0!important}.mobile-content thead{display:none}.mobile-content tr{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:8px}.mobile-content td{border:0;padding:6px 8px;word-break:break-word}.mobile-content td+td{border-top:1px solid #eef2ef}.mobile-content .btn{min-height:42px}.mobile-top h1{font-size:17px}.mobile-top .row.between{align-items:flex-start}.sync-pill{font-size:10px}}

/* Installable PWA additions */
.install-banner{margin-top:10px;background:#fff;color:#173c2b;border:1px solid #b9dfc8;border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;box-shadow:0 5px 18px #00000018}
.install-note{font-size:11px;color:#587064;margin-top:2px}.install-btn{background:#123d29;min-height:38px}.install-close{border:0;background:transparent;color:#50645a;font-size:24px;line-height:1;cursor:pointer;padding:4px 6px}.standalone .install-banner{display:none!important}
@media(max-width:480px){.install-banner{grid-template-columns:1fr auto;gap:8px}.install-close{position:absolute;right:14px;margin-top:-42px}.install-btn{grid-column:2}.install-note{max-width:240px}}