*{box-sizing:border-box} :root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172d25;background:#f2f5f4;font-size:16px;--green:#123f31;--lime:#cee889;--muted:#66766e;--line:#dce5df}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--green);border-radius:9px;padding:10px 15px;font-weight:600}button:hover{background:#edf3ed}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#226249}button.subtle{background:transparent;border:none}a{color:#1e6248}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd8d0;background:white;border-radius:8px;color:#172d25}textarea{min-height:82px;resize:vertical}label{display:grid;gap:7px;font-size:14px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-.8px;margin-bottom:8px}h2{font-size:21px;letter-spacing:-.3px}h3{font-size:16px}small,.muted{color:var(--muted)}small{font-size:13px}p{line-height:1.6}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;max-width:1000px;margin:0 auto;box-shadow:0 0 0 1px var(--line)}.sidebar{background:var(--green);color:#fff;display:flex;flex-direction:column;gap:28px;padding:32px 20px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;font-size:26px;letter-spacing:1px;font-weight:750}.brand-mark{width:38px;height:38px;border:1px solid #6d9881;display:grid;place-items:center;border-radius:50%;color:var(--lime);font-size:25px}.brand-sub{color:#a9c5b5;font-size:13px;margin:9px 0 0 50px}.nav{display:grid;gap:7px}.nav button{text-align:left;display:flex;align-items:center;gap:12px;border:0;color:#bcd0c3;background:transparent;padding:13px;border-radius:9px;font-weight:500}.nav button.active{background:#2c5745;color:white}.nav button:hover{background:#254e3d}.nav-icon{font-size:20px;width:22px;text-align:center}.sidebar-foot{margin-top:auto;border-top:1px solid #41614e;padding-top:20px}.sidebar-foot p{margin:0 0 12px;color:#bcd0c3;font-size:13px}.sidebar-foot button{background:transparent;color:white;border-color:#4d6c58}.content{padding:30px 38px 50px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:16px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:12px;font-weight:700;color:#668371;margin-bottom:9px}.topbar small{display:block}.account{display:flex;align-items:center;gap:12px;font-size:14px}.avatar{display:grid;place-items:center;background:#e2ecdf;width:38px;height:38px;border-radius:50%;font-weight:700}.demo-band{padding:10px 14px;border:1px solid #d3dfb3;background:#f4f8e8;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:9px;font-size:13px;margin-bottom:22px}.demo-band button{padding:5px 9px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.stat.accent{background:var(--green);color:#fff}.stat-label{font-size:14px;color:#708076;margin-bottom:14px}.stat.accent .stat-label,.stat.accent small{color:#bfd0be}.stat strong{font-size:32px;line-height:1;display:block;margin-bottom:10px}.panel{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px 23px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0}.toolbar{padding:17px 23px;display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.toolbar input{max-width:310px}.toolbar select{width:auto;max-width:240px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{padding:13px 20px;color:#738078;font-size:12px;text-transform:uppercase;letter-spacing:.6px;background:#f8faf8;font-weight:600}td{padding:17px 20px;border-bottom:1px solid #edf1ed;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{font-size:14px;display:block;margin-bottom:4px}td small{display:block;font-size:12px;margin-top:3px}.order-link{font-size:14px;padding:0;border:0;background:transparent;font-weight:700;color:#215f44;white-space:nowrap}.pill{display:inline-flex;align-items:center;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:600;white-space:nowrap;background:#edf1ee;color:#5e6c63}.pill.ready,.pill.paid,.pill.delivered{background:#e8f1df;color:#3e6b2e}.pill.awaiting_payment{background:#fff0d7;color:#8e651e}.pill.assembling,.pill.checking{background:#e6edf8;color:#456688}.pill.in_transit,.pill.available{background:#d9ece8;color:#256756}.city-tabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.city-tabs button{font-size:14px}.city-tabs button.active{background:var(--green);color:white}.city-tabs span{opacity:.65;margin-left:6px}.trip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.trip-card{padding:23px;background:white;border:1px solid var(--line);border-radius:13px}.trip-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.trip-title h2{margin:0 0 8px}.trip-meta{display:flex;gap:30px;margin:22px 0}.trip-meta strong{display:block;font-size:21px;margin-bottom:4px}.trip-meta small{font-size:12px}.progress{height:6px;border-radius:4px;background:#e8eee7;overflow:hidden;margin-bottom:12px}.progress progress{width:100%;height:6px;display:block;accent-color:#669343}.stop{padding:14px 0;border-top:1px solid var(--line)}.stop p{font-size:14px;margin:5px 0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:15px}.actions button{font-size:13px;padding:9px 12px}.notice{background:#f3f6ed;border:1px solid #dfe7cf;border-radius:8px;padding:14px 16px;font-size:14px;line-height:1.6;margin-bottom:18px}.empty{padding:45px 25px;text-align:center;color:var(--muted)}.empty h3{color:var(--green);font-size:19px}.loading{padding:60px;text-align:center}.modal-shade{position:fixed;inset:0;background:#09211985;z-index:20;display:flex;justify-content:flex-end}.modal{background:#fff;width:min(720px,100%);height:100%;overflow:auto;box-shadow:-15px 0 70px #0a271c24}.modal.wide{width:min(900px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:23px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:1}.modal-head h2{margin:0}.modal-body{padding:25px}.modal-head button{font-size:23px;padding:4px 12px}.section{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.section:last-child{border:0;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.item-editor{display:grid;grid-template-columns:minmax(120px,1fr) 75px 105px 35px;gap:8px;margin-bottom:10px}.item-editor input{font-size:14px;padding:10px 8px}.item-editor button{padding:5px}.item-editor-head{font-size:12px;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-card{border:1px solid var(--line);border-radius:10px;overflow:hidden}.photo-card img{width:100%;height:180px;object-fit:cover}.photo-card p{padding:10px;margin:0;font-size:14px}.photo-card button{margin:0 10px 12px}.timeline{border-left:2px solid #dfe8df;padding-left:18px}.timeline div{position:relative;margin-bottom:20px}.timeline div:before{content:'';width:8px;height:8px;background:#669343;border-radius:50%;position:absolute;left:-23px;top:7px}.timeline p{margin:0;font-size:14px}.timeline small{font-size:12px}.detail-summary{display:flex;justify-content:space-between;gap:20px;margin:20px 0}.detail-summary strong{font-size:24px;display:block}.check-row{display:flex;gap:10px;align-items:center}.check-row input{width:20px;height:20px;accent-color:var(--green)}.login{max-width:460px;margin:8vh auto;padding:35px;background:#fff;border:1px solid var(--line);border-radius:16px}.login .brand{color:var(--green);margin-bottom:25px}.login label{margin-bottom:15px}.login h1{font-size:25px}.demo-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-roles button:first-child{grid-column:1/-1}.login p{color:var(--muted);font-size:14px}.login .primary{width:100%}.customer-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.customer-order{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.customer-order .primary{padding:7px 12px;font-size:14px}.customer-order .trip-title{align-items:center}.customer-order h2{margin:0;font-size:17px}.eta{background:#edf4e6;padding:16px;border-radius:8px;margin:20px 0}.customer-order .eta{padding:8px 10px;margin:8px 0;font-size:14px;line-height:1.45}.customer-order .eta strong{font-size:15px}.eta strong{font-size:21px}.integration{padding:24px}.integration h3{margin-top:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173e30;color:white;padding:14px 22px;border-radius:10px;z-index:40;display:none;max-width:90vw;box-shadow:0 8px 40px #0002}#toast.show{display:block}#toast.error{background:#923e31}.inline-error{color:#a13d2c;font-size:14px;line-height:1.5}.head-actions{display:flex;gap:10px}.notifications{margin-top:16px}.notifications p{padding:6px 0;border-bottom:1px solid var(--line);margin:0;font-size:14px}.login-separator{margin:24px 0 14px}.mobile-title{display:none}.table-footer{padding:13px 23px;color:var(--muted);font-size:12px;background:#fcfdfb}.summary-note{font-size:14px;color:var(--muted)}
@media(max-width:1100px){.shell{grid-template-columns:190px minmax(0,1fr)}.content{padding:25px 22px}.sidebar{padding:26px 15px}.stats{gap:10px}.stat{padding:16px}.trip-grid{grid-template-columns:1fr}.account{display:none}td,th{padding:14px}}
@media(max-width:700px){.shell{display:block}.sidebar{position:relative;height:auto;padding:16px;gap:14px}.sidebar .brand{font-size:21px}.brand-sub,.sidebar-foot{display:none}.nav{display:flex;overflow:auto;gap:5px}.nav button{padding:9px 12px;white-space:nowrap;font-size:13px}.nav-icon{display:none}.content{padding:22px 15px 40px}.topbar{margin-bottom:20px;align-items:flex-start}h1{font-size:26px}.head-actions button{font-size:13px;padding:10px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:27px}.demo-band{align-items:flex-start;font-size:12px}.panel-head{padding:17px}.toolbar{padding:12px}.toolbar input{max-width:none}.toolbar select{flex:1;min-width:110px;font-size:14px}.city-tabs{gap:6px}.city-tabs button{font-size:12px;padding:8px 10px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-body{padding:18px}.modal-head{padding:18px}.login{margin:25px 15px;padding:25px}.photo-grid{grid-template-columns:1fr}.detail-summary{gap:10px}.detail-summary strong{font-size:20px}.trip-meta{gap:22px}.item-editor{grid-template-columns:minmax(100px,1fr) 55px 85px 30px;gap:5px}.customer-order{padding:20px}.table-footer{padding:12px}}
@media print{body{background:white}.notice{border:1px solid #ccc}button{display:none}}

#app>.demo-band{max-width:1000px;margin:0 auto;border-radius:0;box-sizing:border-box}
.order-page{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 24px}
.order-page-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.order-page-head h2{margin:0}
@media(max-width:700px){.order-page{padding:14px}}
.paid-tick{display:inline-flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;white-space:nowrap}
.paid-tick input{width:20px;height:20px;margin:0}
tr.paid-row td{background:#eaf5e1}
.order-split{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}
.tracker{position:sticky;top:16px;background:#f7faf4;border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.tracker h3{margin:0 0 12px;font-size:16px}
.tracker ol{list-style:none;margin:0;padding:0}
.tracker li{position:relative;padding:0 0 16px 26px;color:#9aa59c}
.tracker li:last-child{padding-bottom:0}
.tracker li:before{content:'';position:absolute;left:0;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #cfd8cf;box-sizing:border-box}
.tracker li:after{content:'';position:absolute;left:5px;top:17px;bottom:-1px;width:2px;background:#dfe6df}
.tracker li:last-child:after{display:none}
.tracker li strong{display:block;font-size:14px;font-weight:600}
.tracker li small{display:block;font-size:12px;margin-top:2px}
.tracker li.done{color:var(--muted,#5c6b5f)}
.tracker li.done strong{color:#2f4a38}
.tracker li.done:before{background:#669343;border-color:#669343}
.tracker li.done:after{background:#669343}
.tracker li.current{color:#2f4a38}
.tracker li.current strong{color:#173e30;font-size:15px;font-weight:700}
.tracker li.current:before{background:#fff;border:4px solid #669343;width:16px;height:16px;left:-2px;top:1px}
.tracker .when{color:#7d8a80}
@media(max-width:900px){.order-split{grid-template-columns:1fr}.tracker{position:static;order:-1}}
.delivery-date{display:inline-flex;flex-direction:column;margin:12px 0 4px;padding:10px 14px;border-radius:10px;background:#f4f6f1;border:1px dashed #c9d3c6}
.delivery-date small{font-size:12px;color:var(--muted,#5c6b5f)}
.delivery-date strong{font-size:20px}
.delivery-date.confirmed{background:#eaf5e1;border:1px solid #9cc27f}
/* compact order card */
.order-page{padding:14px 18px;font-size:14px}
.order-page-head{margin-bottom:10px;padding-bottom:10px}
.order-page-head h2{font-size:18px}
.order-page-head button{padding:6px 10px;font-size:13px}
.order-page .section{padding-bottom:12px;margin-bottom:12px}
.order-page .section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.order-page h2{font-size:18px;margin:0}
.order-page h3{font-size:15px;margin:0 0 8px}
.order-page p{margin:6px 0}
.order-top{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:10px 0 6px}
.order-top .delivery-date{margin:0;padding:6px 12px}
.order-top .delivery-date strong{font-size:17px}
.order-top .detail-summary{margin:0;gap:10px}
.order-top .detail-summary>div{padding:6px 12px;border:1px solid var(--line);border-radius:10px}
.order-page .detail-summary strong{font-size:17px}
.order-page td{padding:7px 10px}
.order-page th{padding:7px 10px}
.order-page td strong{margin-bottom:0}
.order-page label{gap:4px;font-size:13px}
.order-page input,.order-page select,.order-page textarea{padding:7px 10px}
.order-page textarea{min-height:52px}
.order-page .actions{margin-top:8px}
.order-page .actions button{padding:6px 10px}
.order-split{gap:16px}
.tracker{padding:12px 14px}
.tracker li{padding-bottom:11px}
.tracker .delivery-date{display:flex;margin:0 0 14px;padding:8px 12px;background:#fff}
.tracker .delivery-date.confirmed{background:#eaf5e1}
.tracker .delivery-date strong{font-size:18px}
.detail-summary.cost{flex-wrap:wrap}
.detail-summary .to-pay{border-color:#e0b25c!important;background:#fff8ea}
.detail-summary .is-paid{border-color:#9cc27f!important;background:#eaf5e1}
.mini-track{display:flex;gap:3px;margin:8px 0 2px}
.mini-track i{flex:1;height:5px;border-radius:3px;background:#e1e7e0}
.mini-track i.done{background:#669343}
.mini-track i.current{background:#9cc27f}
.mini-track-label{display:block;font-size:12px;color:var(--muted,#5c6b5f)}
.next-step{margin:8px 0 0;font-weight:700;font-size:15px;color:#173e30}
.next-step.awaiting_payment{color:#9a6a12}
.next-step.available{color:#3f7a1f}
.panel-head{flex-wrap:wrap;gap:10px}
.status-chips{display:flex;flex-wrap:wrap;gap:6px}
.status-chips button{padding:4px 10px;font-size:12px;border-radius:999px;background:#f4f6f1;border:1px solid var(--line);font-weight:600}
.status-chips button span{margin-left:6px;padding:0 6px;border-radius:999px;background:#fff;font-size:11px}
.status-chips button.active{background:#173e30;color:#fff;border-color:#173e30}
.status-chips button.active span{background:#2f5a46;color:#fff}
.date-filter{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:0 0 14px}
.date-filter label{display:grid;gap:4px;font-size:13px}
.date-filter input[type=date]{width:auto;padding:7px 10px}
.date-filter .tick{display:flex;align-items:center;gap:6px;padding-bottom:8px;cursor:pointer}
.date-filter .tick input{width:18px;height:18px;margin:0}
.date-filter button{padding:7px 10px;font-size:13px}
/* dialogs: centred over the content column, right of the green sidebar */
.modal-shade{justify-content:center;align-items:center;padding:24px 20px 24px 234px;box-sizing:border-box}
.modal{height:auto;max-height:calc(100vh - 48px);width:min(720px,100%);border-radius:14px;box-shadow:0 20px 70px #0a271c40}
.modal.wide{width:min(900px,100%)}
.modal-head{border-radius:14px 14px 0 0}
@media(max-width:1100px){.modal-shade{padding-left:210px}}
@media(max-width:700px){.modal-shade{padding:10px}.modal{max-height:calc(100vh - 20px)}}
.panel-note{margin:0;padding:10px 20px;font-size:13px;color:var(--muted,#5c6b5f);border-bottom:1px solid var(--line)}
.panel.soon{opacity:.75;margin-top:16px}
.money-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;padding:14px 20px}
.money-tile{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}
.money-tile small{display:block;font-size:12px;color:var(--muted,#5c6b5f)}
.money-tile strong{display:block;font-size:19px;margin:2px 0}
.money-tile span{font-size:12px;color:var(--muted,#5c6b5f)}
.money-tile.ok{background:#eaf5e1;border-color:#9cc27f}
.money-tile.warn{background:#fff8ea;border-color:#e0b25c}
.money-tile.muted{opacity:.75}
.pill.invoice{background:#e8eefc;color:#2c4a8a}
.order-page tfoot td{border-bottom:0;padding-top:4px;padding-bottom:4px;color:var(--muted,#5c6b5f)}
.order-page tfoot tr:first-child td{border-top:1px solid var(--line);padding-top:8px}
.order-page tfoot tr.grand td{color:#173e30;font-weight:700;font-size:16px;padding-top:6px}
.hand-col{width:64px;text-align:center}
.hand-tick{display:inline-flex;cursor:pointer;position:relative}
.hand-tick input{position:absolute;opacity:0;width:44px;height:44px;margin:0;cursor:pointer}
.hand-tick span{width:34px;height:34px;border:2px solid #9fb49f;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}
.hand-tick input:checked+span{background:#669343;border-color:#669343}
.hand-tick input:checked+span:after{content:'✓'}
.hand-tick input:focus-visible+span{outline:3px solid #9cc27f}
.hand-tick.off{cursor:not-allowed;opacity:.4}
tr.given-row td{background:#f3f6f2;color:#8a978c}
tr.given-row td strong{color:#8a978c}
.brand-logo{display:block;width:100%;max-width:150px;height:auto;border-radius:10px;margin:0 auto}
.login-logo{display:block;width:140px;height:140px;border-radius:14px;margin:0 0 20px}
@media(max-width:700px){.brand-logo{width:64px;margin:0}}
.brand-box{align-self:flex-start}
.brand-logo{width:75px;max-width:75px;margin:0;border-radius:8px}
.trip-card.drv{margin-bottom:12px;padding:14px 16px}
.trip-card.drv.current{border:2px solid #669343;box-shadow:0 6px 24px #66934326}
.trip-card.drv.upcoming{opacity:.85}
.trip-card.drv h2{font-size:18px;margin:0 0 4px}
.stop-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:flex-start}
.stop-head small{display:block;font-size:12px;color:var(--muted,#5c6b5f);margin-top:2px}
.stop-head .actions{margin-top:0}
.drv-orders{width:100%;margin-top:8px}
.drv-orders td{padding:6px 8px;vertical-align:middle}
.drv-orders a{color:inherit}
.done-head{margin:18px 0 8px;font-size:14px;color:var(--muted,#5c6b5f)}
.trip-done{display:flex;flex-wrap:wrap;gap:6px 16px;padding:8px 12px;margin-bottom:6px;border:1px solid var(--line);border-radius:8px;background:#f6f7f5;color:#8a978c;font-size:13px}
.driver-form{display:grid;grid-template-columns:2fr 1.4fr 1.4fr auto;gap:10px;align-items:end;padding:14px 20px}
@media(max-width:700px){.driver-form{grid-template-columns:1fr}}
.city-cards{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;align-items:flex-start}
.city-card{display:grid;gap:5px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:150px}
.city-card.active{border-color:#669343;box-shadow:0 0 0 1px #669343}
.city-card>button{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:999px;font-weight:600}
.city-card>button span{padding:0 7px;border-radius:999px;background:#eef2ec;font-size:12px}
.city-card>button.active{background:#173e30;color:#fff;border-color:#173e30}
.city-card>button.active span{background:#2f5a46;color:#fff}
.city-card input[type=date]{padding:5px 8px;font-size:13px}
.city-ticks{display:flex;gap:10px;font-size:12px;font-weight:600}
.city-ticks label{display:flex;align-items:center;gap:4px;cursor:pointer}
.city-ticks input{width:16px;height:16px;margin:0}
.city-card small{font-size:11px;color:var(--muted,#5c6b5f)}
.city-card.all{margin-left:auto;border:0;background:transparent;padding:8px 0;min-width:0}
/* compact pass for all pages */
.content{padding:16px 22px 30px}
.topbar{margin-bottom:14px}
h1{font-size:22px;margin-bottom:2px}
h2{font-size:17px}
.eyebrow{font-size:11px;margin-bottom:3px}
.topbar small{font-size:12px}
.sidebar{padding:18px 14px;gap:16px}
.nav{gap:3px}
.nav button{padding:8px 10px;font-size:14px}
button{padding:7px 12px}
.panel-head{padding:10px 14px}
.toolbar{padding:8px 14px}
.toolbar input{padding:7px 10px}
th{padding:7px 12px}
td{padding:8px 12px}
td strong{margin-bottom:0}
td small{margin-top:1px}
.pill{padding:3px 7px;font-size:11px}
.table-footer{padding:7px 14px}
.panel-note{padding:7px 14px}
.empty{padding:20px}
.notice{padding:10px 14px;margin-bottom:12px}
.trip-card{padding:14px 16px}
.trip-meta{margin:10px 0;gap:20px}
.trip-meta strong{font-size:17px}
.stop{padding:8px 0}
.customer-order{padding:10px 12px}
.money-tiles{padding:10px 14px}
.demo-band{padding:5px 12px;font-size:12px}
.demo-band button{padding:3px 8px;font-size:12px}
/* status counters: one tight line */
.status-chips{gap:4px}
.status-chips button{padding:2px 8px;font-size:11px;line-height:18px;font-weight:600}
.status-chips button span{margin-left:4px;padding:0;background:transparent;font-weight:700;font-size:11px}
.status-chips button.active span{background:transparent}
.panel-head h2{flex:none}
.panel-head .status-chips{flex:1 1 300px;justify-content:flex-end;min-width:0}
.status-chips{align-items:center;align-content:flex-start}
.status-chips button{align-self:center;height:auto}
.panel-head .status-chips{flex:1 1 auto;height:auto}
.chips-row{padding:6px 14px;border-bottom:1px solid var(--line)}
/* city cards v2 */
.city-cards{gap:10px}
.city-card{gap:6px;padding:10px 12px 9px;min-width:168px;border-radius:12px;border:1px solid var(--line);border-top:3px solid #d9ded7;box-shadow:0 1px 3px #0a271c0f}
.city-card.conf{border-top-color:#669343}
.city-card.exp{border-top-color:#e0b25c}
.city-card.active{background:#f4f9ef;border-color:#9cc27f;box-shadow:0 0 0 1px #9cc27f}
.city-card>button{padding:0;border:0;background:transparent;border-radius:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:#173e30}
.city-card>button b{font-size:15px}
.city-card>button span{background:transparent;padding:0;font-size:11px;font-weight:600;color:var(--muted,#5c6b5f)}
.city-card>button.active,.city-card>button.active span{background:transparent;color:#173e30}
.city-card input[type=date]{padding:4px 6px;font-size:13px;font-weight:600;border-radius:7px;border:1px solid #dfe5dd;background:#fbfcfa}
.city-card input[type=date]:disabled{color:#5c6b5f;background:#f3f5f2}
.city-ticks{gap:8px;font-size:10.5px;font-weight:600;color:var(--muted,#5c6b5f)}
.city-ticks label{gap:3px}
.city-ticks input{width:12px;height:12px}
.city-card small{font-size:10.5px}
.city-card.all{min-width:0;border:0;box-shadow:none;background:transparent;padding:10px 0 0}
.city-card.all>button{border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:#fff}
.city-card.all>button.active{background:#173e30;color:#fff;border-color:#173e30}
.city-card.all>button.active b,.city-card.all>button.active span{color:#fff}
.city-card.all>button b{font-size:13px}
.item-thumb{float:left;margin:0 8px 0 0}
.item-thumb img{width:36px;height:36px;object-fit:cover;border-radius:6px;display:block}
.live-note{margin:0 0 12px;padding:7px 10px;border-radius:8px;background:#fff8ea;border:1px solid #f0d9a6;font-size:12px;line-height:1.35;color:#6b4e12}
.call-nursery{display:block;margin-top:14px;padding:9px 12px;border-radius:10px;background:#173e30;color:#fff;text-decoration:none;font-weight:700;font-size:14px;text-align:center}
.call-nursery small{display:block;font-weight:500;font-size:12px;opacity:.85}
.min-warn{margin:8px 0;padding:6px 10px;border-radius:8px;background:#fff8ea;border:1px solid #f0d9a6;font-size:12.5px;color:#6b4e12}
.pill.not_taken{background:#fde7d6;color:#9a4d12}
tr.missed-row td{background:#fff6ec}
.drv-act{white-space:nowrap;text-align:right}
.miss-btn{padding:5px 9px;font-size:12px;border-color:#e6c08a;color:#8a5a12;background:#fff;margin-right:6px}
.miss-btn.on{background:#e8a24a;border-color:#e8a24a;color:#fff}
.ho{margin-bottom:14px}
.ho-live{padding:10px 14px;border-bottom:1px solid var(--line)}
.ho-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}
.ho-row span{color:var(--muted,#5c6b5f)}
.ho-bar{display:flex;height:8px;border-radius:5px;background:#e7ece5;overflow:hidden;margin:6px 0 4px;min-width:80px}
.ho-bar i{display:block;height:100%}
.ho-bar i.g{background:#669343}
.ho-bar i.m{background:#e8a24a}
.ho-nums{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted,#5c6b5f)}
.ho-nums .g{color:#3e6b2e;font-weight:700}
.ho-nums .m{color:#9a4d12;font-weight:700}
.ho-wait{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:8px 14px;background:#fff6ec;border-bottom:1px solid var(--line);font-size:13px}
.ho td .ho-bar{display:inline-flex;width:90px;vertical-align:middle;margin:0 0 0 6px}
.ho tfoot td{font-weight:700}
.item-editor{grid-template-columns:minmax(120px,1fr) 80px 70px 100px 32px}
@media(max-width:700px){.item-editor{grid-template-columns:minmax(90px,1fr) 55px 50px 75px 28px}}
/* brand bar */
.brand-top{max-width:1000px;margin:0 auto;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 0 0 1px var(--line)}
.brandbar{display:flex;align-items:center;gap:12px;padding:8px 18px}
.brand-icon{width:46px;height:46px;flex:none}
.brand-name{font-size:12px;line-height:1.25;letter-spacing:.6px;color:#2f4a38;font-weight:600}
.brand-name b{display:block;font-size:19px;letter-spacing:1px;color:#1f7a2a;font-weight:800}
.brand-tag{margin-left:6px;padding-left:14px;border-left:2px solid #cfe0c6;font-size:15px;font-weight:600;color:#5c6b5f}
.login .brandbar{padding:0 0 18px;margin-bottom:6px}
@media(max-width:700px){.brandbar{padding:6px 12px;gap:9px}.brand-icon{width:38px;height:38px}.brand-name b{font-size:16px}.brand-tag{font-size:12px;padding-left:9px;margin-left:2px}}
/* client cabinet: list + selected order on one screen */
.client-split{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px;align-items:start}
.client-list{display:grid;gap:6px;position:sticky;top:10px}
.co-item{display:grid;gap:3px;text-align:left;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:500;color:#173e30}
.co-item.active{border-color:#669343;box-shadow:0 0 0 1px #669343;background:#f4f9ef}
.co-top{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:13px}
.co-sub{font-size:12px;color:var(--muted,#5c6b5f)}
.co-sub b{color:#173e30}
.co-next{font-size:11.5px;color:#3e6b2e;font-weight:600}
.co-notes{margin-top:8px;font-size:12px}
.co-notes h3{font-size:13px;margin:0 0 4px}
.co-notes p{margin:0;padding:4px 0;border-bottom:1px solid var(--line)}
@media(max-width:800px){.client-split{grid-template-columns:1fr}.client-list{position:static}}
/* driver: trips list + selected trip */
.trip-split{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;align-items:start}
.trip-list{display:grid;gap:6px;position:sticky;top:10px}
.tl-item{display:grid;gap:3px;text-align:left;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:500;color:#173e30}
.tl-item.now{border-left:4px solid #669343}
.tl-item.old{background:#f6f7f5;color:#8a978c}
.tl-item.old b{color:#8a978c}
.tl-item.active{border-color:#669343;box-shadow:0 0 0 1px #669343;background:#f4f9ef;opacity:1}
.tl-top{display:flex;justify-content:space-between;gap:6px;align-items:baseline;font-size:13px}
.tl-top small{font-size:11px;color:var(--muted,#5c6b5f)}
.tl-sub{font-size:12px;color:var(--muted,#5c6b5f)}
.trip-detail .trip-card.drv{margin:0}
.done-card{opacity:.85}
@media(max-width:800px){.trip-split{grid-template-columns:1fr}.trip-list{position:static}}
.shell.client{grid-template-columns:minmax(0,1fr)}
.shell.client .sidebar{display:none}
.client-detail .order-split{grid-template-columns:minmax(0,1fr) 250px;gap:14px}
@media(max-width:1000px){.client-detail .order-split{grid-template-columns:1fr}.client-detail .tracker{position:static;order:-1}}
/* client order: what matters first */
.client-now{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:#f4f9ef;border:1px solid #cfe3bf}
.client-now strong{font-size:16px;color:#173e30}
.client-now.awaiting_payment{background:#fff8ea;border-color:#f0d9a6}
.client-now.not_taken{background:#fff1e6;border-color:#f3c79d}
.client-detail .detail-summary.cost>div:not(.is-paid):not(.to-pay){display:none}
.client-detail .order-main{display:flex;flex-direction:column}
.client-detail .order-main>.sec-receive{order:-1}
.client-detail .order-main>.section:first-child{order:-2}
.client-detail .staff-only{display:none}
.receive{display:grid;grid-template-columns:170px 1fr;gap:6px 12px;margin:0;font-size:14px}
.receive dt{color:var(--muted,#5c6b5f)}
.receive dd{margin:0}
@media(max-width:600px){.receive{grid-template-columns:1fr}.receive dd{margin-bottom:6px}}
.client-detail .order-main>.section{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.client-detail .order-main>.section:last-of-type{border-bottom:0}
.topbar .buyer{font-weight:700;color:#173e30;font-size:14px}
.eyebrow-buyer{margin-left:10px;padding-left:10px;border-left:1px solid #cfd8cf;text-transform:none;letter-spacing:0;font-size:13px;font-weight:500;color:#173e30}
.eyebrow-buyer .buyer{font-size:13px}
/* buyer login */
.buyer-login{margin:6px 0 18px}
.buyer-login h1{font-size:24px}
.buyer-login form{display:grid;gap:10px}
.buyer-login input{font-size:18px;padding:12px}
.buyer-login input[name=code]{letter-spacing:8px;text-align:center;font-size:24px}
.primary.big{padding:13px;font-size:16px}
.link-btn{border:0;background:transparent;color:#3e6b2e;text-decoration:underline;padding:4px;font-weight:500}
.code-sent{margin:0;font-size:14px}
.demo-code{color:#9a6a12}
.small{font-size:12.5px}
.notice.warn{background:#fff8ea;border-color:#f0d9a6}
.staff-login{border-top:1px solid var(--line);padding-top:12px}
.staff-login summary{cursor:pointer;font-weight:600;color:#5c6b5f;margin-bottom:10px}
.copy-field{font-size:13px}
/* buyer on a phone: cards that open under «+» */
.acc-list{display:grid;gap:8px}
.acc{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.acc.open{border-color:#9cc27f;box-shadow:0 0 0 1px #9cc27f}
.acc-head{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-radius:0;background:transparent;padding:12px;color:#173e30;font-weight:500}
.acc-main{flex:1;display:grid;gap:4px;min-width:0}
.acc-plus{flex:none;width:34px;height:34px;border-radius:50%;background:#eef4e8;color:#3e6b2e;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;line-height:1}
.acc.open .acc-plus{background:#669343;color:#fff}
.acc-body{border-top:1px solid var(--line)}
.acc-body .order-page{border:0;border-radius:0;padding:10px 12px}
.acc-body .order-page-head{display:none}
.acc-body .order-split{grid-template-columns:1fr}
.acc-body .tracker{position:static;order:0}
.acc-body .order-main{display:flex;flex-direction:column}
.acc-body .order-main>.sec-receive{order:-1}
.acc-body .order-main>.section:first-child{order:-2}
.acc-body .detail-summary.cost>div:not(.is-paid):not(.to-pay){display:none}
.acc-body .staff-only{display:none}
.acc-body .order-main>.section{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.acc-body table th,.acc-body table td{padding:6px 6px;font-size:13px}
@media(max-width:800px){
 .eyebrow-buyer{display:block;margin:4px 0 0;padding:0;border:0}
 .topbar{flex-wrap:wrap}
 .head-actions button{padding:6px 10px;font-size:13px}
 .content{padding:12px 10px 24px}
 .co-notes{margin-top:12px}
}
.acc-body .order-split{grid-template-columns:minmax(0,1fr)}
.acc-body .order-main,.acc-body .order-page{min-width:0}
.acc-body .table-scroll{max-width:100%;overflow-x:auto}
.acc-body .client-now{display:none}
.client-detail .client-now,.acc-body .client-now{display:none}
.acc-body .tracker .delivery-date{display:none}
/* buyer on a computer: same cards, details open with the status column beside */
@media(min-width:801px){.acc-body .order-split{grid-template-columns:minmax(0,1fr) 240px;gap:14px}.acc-body .tracker{position:static}.acc-list{max-width:1000px}}
/* buyer: exit buttons on the «Кабинет покупателя» line */
.shell.client .topbar{align-items:flex-start}
.shell.client .head-actions{gap:4px}
.shell.client .head-actions button{padding:1px 8px;font-size:12px;line-height:18px}
/* phones: no horizontal scrolling anywhere */
@media(max-width:700px){
 html,body{overflow-x:hidden}
 #app,.shell,.content,main{max-width:100vw}
 .table-scroll{overflow-x:visible}
 table.stackable,table.stackable tbody,table.stackable tfoot,table.stackable tr,table.stackable td{display:block;width:auto}
 table.stackable thead{display:none}
 table.stackable tbody tr{padding:8px 0;border-bottom:1px solid var(--line)}
 table.stackable td{border:0;padding:1px 0;text-align:left}
 table.stackable td[data-label]:not(:first-child)::before{content:attr(data-label) ': ';color:var(--muted,#5c6b5f);font-size:12px;font-weight:500;text-transform:none}
 table.stackable td:first-child{font-weight:600}
 table.stackable tfoot tr{display:flex;justify-content:space-between;padding:2px 0}
 table.stackable tfoot td{padding:2px 0}
 table.stackable tfoot td[colspan]{flex:1}
 /* plants: one compact line under the name */
 tr.item-row{display:flex!important;flex-wrap:wrap;gap:0 6px;align-items:baseline}
 tr.item-row td.c-name{flex:1 1 100%}
 tr.item-row td.c-cont,tr.item-row td.c-qty,tr.item-row td.c-price{font-size:13px;color:var(--muted,#5c6b5f)}
 tr.item-row td::before{content:none!important}
 tr.item-row td.c-qty::before{content:'· '!important}
 tr.item-row td.c-qty::after{content:' шт'}
 tr.item-row td.c-price::before{content:'× '!important}
 tr.item-row td.c-sum{margin-left:auto;font-weight:700}
 tr.item-row td.c-sum::before{content:'= '!important;font-weight:400;color:var(--muted,#5c6b5f)}
 .brandbar{flex-wrap:wrap}
 .city-cards{flex-wrap:wrap}.city-card{min-width:0;flex:1 1 140px}
 .demo-band{flex-wrap:wrap}
 input,select,textarea{max-width:100%}
}
/* buyer: current orders green, received ones grey */
.acc.live{background:#f1f8ec;border-color:#c9e2b5}
.acc.live .acc-head{color:#173e30}
.acc.live .acc-plus{background:#fff}
.acc.got{background:#f3f4f2;border-color:#e2e5e0}
.acc.got .acc-head,.acc.got .acc-head b,.acc.got .co-sub b{color:#8a948c}
.acc.got .co-next{color:#8a948c}
.acc.got .pill{background:#e6e8e4;color:#7d877f}
.acc.got .acc-plus{background:#e6e8e4;color:#7d877f}
.acc.open .acc-body{background:#fff}
/* buyer notifications behind a bell */
.bell-wrap{position:relative;display:inline-block}
.bell{position:relative;font-size:15px!important;padding:1px 6px!important}
.bell-n{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#d9534f;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}
.bell-panel{position:absolute;right:0;top:26px;z-index:30;width:min(320px,90vw);max-height:60vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #0a271c33;padding:8px 12px;text-align:left}
.bell-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.bell-panel p{margin:0;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px;color:#173e30}
.bell-panel p small{display:block;color:var(--muted,#5c6b5f);font-size:11px}
.bell-panel p.new{font-weight:600}
.bell-panel p:last-child{border-bottom:0}
@media(max-width:800px){.shell.client .topbar{flex-wrap:nowrap;align-items:flex-start;gap:6px}.shell.client .topbar>div:first-child{flex:1;min-width:0}.shell.client .head-actions{flex:none;flex-wrap:nowrap;gap:2px}.shell.client .head-actions button{padding:1px 5px!important;font-size:12px!important}.shell.client .eyebrow{letter-spacing:1px}}
@media(max-width:700px){.acc-body .table-scroll{overflow-x:visible}table.stackable tfoot tr{gap:10px}table.stackable tfoot td:last-child{white-space:nowrap;text-align:right}}
/* staff, computer: all cities in one compact row */
@media(min-width:801px){
 .city-cards{flex-wrap:nowrap;gap:6px;align-items:stretch}
 .city-card{flex:1 1 0;min-width:0;padding:6px 8px 6px;gap:4px;border-radius:10px;border-top-width:3px}
 .city-card>button b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .city-card>button span{font-size:10.5px;white-space:nowrap}
 .city-card input[type=date]{width:100%;min-width:0;padding:2px 4px;font-size:12px;border-radius:6px}
 .city-ticks{gap:6px;font-size:10.5px}
 .city-ticks input{width:11px;height:11px}
 .city-card small{font-size:10px}
 .city-card.all{flex:none;align-self:flex-start;padding:4px 0 0}
 .city-card.all>button{padding:4px 10px;font-size:12px;gap:6px}
 .city-card.all>button span{font-size:10.5px}
 .status-chips{gap:3px}
 .status-chips button{padding:1px 7px;font-size:10.5px;line-height:17px}
 .chips-row{padding:5px 12px}
}
.city-ticks label{font-size:10.5px;font-weight:600;gap:3px;display:flex;align-items:center;white-space:nowrap}
@media(min-width:801px){.city-ticks{gap:5px;flex-wrap:nowrap;overflow:hidden}}
/* staff order card: status column with ticks */
.order-split.staff{grid-template-columns:minmax(0,1fr) 215px;gap:12px}
.tracker.staff{padding:10px 12px}
.tracker.staff li{padding:0 0 9px 0}
.tracker.staff li:before,.tracker.staff li:after{display:none}
.tracker.staff .step{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#9aa59c;cursor:default}
.tracker.staff li.done .step,.tracker.staff li.current .step{color:#2f4a38}
.tracker.staff li.current .step{color:#173e30;font-weight:800}
.tracker.staff .step input{width:17px;height:17px;margin:0;accent-color:#669343;flex:none}
.tracker.staff .step.can{color:#173e30;cursor:pointer}
.tracker.staff .step.can input{outline:2px solid #9cc27f;outline-offset:1px}
.tracker.staff small{display:block;margin:1px 0 0 24px;font-size:11px;color:var(--muted,#5c6b5f)}
.tracker.staff .warn-t{color:#9a4d12;font-weight:600}
@media(max-width:900px){.order-split.staff{grid-template-columns:1fr}.order-split.staff .tracker{order:-1;position:static}}
.tracker.staff .step input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #b9c6b5;border-radius:5px;background:#fff;display:grid;place-content:center;outline:0}
.tracker.staff .step input:checked{background:#669343;border-color:#669343}
.tracker.staff .step input:checked::before{content:'✓';color:#fff;font-size:12px;font-weight:800;line-height:1}
.tracker.staff .step input:disabled:not(:checked){background:#f1f3f0;border-color:#dde3da}
.tracker.staff .step.can input:not(:checked){border-color:#669343;box-shadow:0 0 0 3px #66934333}
.tracker.staff .step.can input{cursor:pointer}
tr:has(.order-link[data-action="order"]){cursor:pointer}
tr:has(.order-link[data-action="order"]):hover td{background:#f2f7ee}
.brand-who{margin-left:auto;font-size:13px;color:#5c6b5f;white-space:nowrap}
.brand-who b{color:#173e30}
@media(max-width:700px){.brand-who{margin-left:0;flex-basis:100%;font-size:12px}}
.order-line{font-size:13px;color:var(--muted,#5c6b5f)}
.order-line b{color:#173e30}
.date-st{display:inline-block;margin-left:4px;padding:0 6px;border-radius:5px;font-size:11px;font-weight:700;line-height:17px}
.date-st.conf{background:#e3f1d8;color:#3e6b2e}
.date-st.exp{background:#fff1d6;color:#8e651e}
.order-line{display:flex!important;flex-wrap:wrap;align-items:center;gap:0 4px}
.order-line .date-st{display:inline-block;margin-left:2px}
.order-page .trip-title>div:first-child{flex:1;min-width:0}
/* invoice in the account */
.invoice-box{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0;padding:10px 12px;border-radius:10px;border:1px solid #e0d5bd;background:#fffaf0}
.invoice-box small{display:block;font-size:12px;color:var(--muted,#5c6b5f)}
.invoice-box .claimed,.claimed{color:#3e6b2e;font-weight:600}
.inv-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inv-link{font-weight:700;color:#173e30;text-decoration:none;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.inv-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.inv-form input[type=file]{font-size:12px;max-width:230px;padding:4px}
.invoice-box.client{background:#fff8ea;border-color:#f0d9a6}
tr.claim-row td{background:#f3f9ec}
.date-st{padding:1px 8px;font-size:11.5px}
.date-st.none{background:#eef0ec;color:#6b766d}
.note-state{display:block;min-height:16px;margin-top:3px;font-size:12px;color:#3e6b2e}
/* cancellation */
.cancel-btn{display:block;width:100%;margin-top:10px;padding:7px;font-size:13px;color:#a13d2c;border-color:#e6b9b1;background:#fff}
.cancel-btn:hover{background:#fdf1ef}
button.danger{background:#a13d2c;border-color:#a13d2c;color:#fff}
.cancel-box{margin-bottom:12px;padding:10px;border-radius:9px;background:#fdf1ef;border:1px solid #efc9c1}
.cancel-box b{color:#a13d2c}
.cancel-box small{display:block;margin-top:3px;font-size:12px;color:#6b4a44}
.cancel-box button{margin-top:8px;font-size:12px;padding:5px 9px}
.refund{color:#a13d2c!important;font-weight:700}
.pill.cancelled{background:#f4e3e0;color:#9a3e31}
/* plants editor in the order card */
.pe-table input{padding:4px 6px;font-size:13px;width:100%;min-width:0}
.pe-table .pe-qty{width:60px}.pe-table .pe-price{width:80px}.pe-table .pe-cont{width:60px}
.pe-table td{padding:5px 6px;vertical-align:middle}
.pe-del{padding:2px 8px;color:#a13d2c;border-color:#efc9c1;background:#fff}
.pe-sum{white-space:nowrap;font-weight:600}
.pe-warn{color:#8e651e;font-size:12.5px;background:#fff8ea;border:1px solid #f0d9a6;border-radius:8px;padding:6px 10px}
@media(max-width:700px){#plants-editor table.stackable td::before{content:none!important}#plants-editor .pe-row{display:grid!important;grid-template-columns:1fr 60px;gap:4px;padding:8px 0}#plants-editor .pe-row td:first-child{grid-column:1/-1}}
/* Trips as an accordion, like the orders */
.acc-group{margin:22px 0 10px;font-size:15px;color:var(--muted);font-weight:600}
.trip-acc .co-sub{color:#33493f}
.trip-acc em.need{color:#a3591c;font-style:normal;font-weight:600}
.trip-acc.got{opacity:.85}
.pill.planning{background:#eef1e6;color:#5c6b3a}.pill.completed{background:#edf1ee;color:#5e6c63}
.trip-body{padding:4px 14px 14px}
.tsec{padding:12px 0;border-bottom:1px solid var(--line)}.tsec:last-child{border-bottom:0}
.tsec h3{margin:0 0 10px;font-size:15px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.tsec h3 small{font-weight:500}
.tline{margin:0 0 4px;font-size:14px}
.crew-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:10px 14px}
.crew-grid label{font-size:13px;gap:5px}.crew-grid input,.crew-grid select{padding:9px 10px}
.crew-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.crew-foot small{max-width:440px}
.crew-form .inline-error{margin:6px 0 0}.crew-form .inline-error:empty{display:none}
.crew-view{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:14px}.crew-view dt{color:var(--muted)}.crew-view dd{margin:0;font-weight:600}
.tstop{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}.tstop small{display:block;margin-top:3px}.tstop .actions{margin:0}
.tsec .table-scroll{border:1px solid var(--line);border-radius:10px}
.tsec-actions{justify-content:flex-end;margin-top:12px}
button.linkish{border:0;background:none;padding:0 4px;color:#1e6248;text-decoration:underline;font-weight:600;font-size:14px}
@media(max-width:800px){.crew-grid{grid-template-columns:1fr}.crew-foot{flex-direction:column;align-items:stretch}.tstop{flex-direction:column;align-items:flex-start}.trip-body{padding:2px 10px 10px}}
.acc.live.open .acc-plus,.acc.got.open .acc-plus{background:#669343;color:#fff}
.got-mark{display:inline-flex;align-items:center;padding:7px 10px;border-radius:8px;background:#e8f1df;color:#3e6b2e;font-weight:700;font-size:13px;white-space:nowrap}
.tsec-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:transparent;padding:0;text-align:left;font-size:15px;font-weight:700;color:#173e30}.tsec-toggle:hover{background:transparent}.tsec-toggle small{font-weight:500;margin-left:6px}.tsec-toggle .acc-plus{width:30px;height:30px;font-size:21px}.tsec-toggle[aria-expanded=true] .acc-plus{background:#669343;color:#fff}.tsec-toggle[aria-expanded=true]{margin-bottom:10px}
.acc.open .tsec-toggle[aria-expanded=false] .acc-plus{background:#eef4e8;color:#3e6b2e}
/* Pickup point on top of a trip and the «Адреса точек» page */
.tpoint{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}.tpoint-label{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.tpoint b{font-size:15px}.tpoint select{max-width:560px;font-weight:600}
.points-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.points-city .panel-head{padding:14px 16px}.points-list{padding:10px 16px 14px;display:grid;gap:10px}
.point-form,.point-new{display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:center}.point-form small,.point-form .inline-error,.point-new .inline-error{grid-column:1/-1;margin:0}.point-form .inline-error:empty,.point-new .inline-error:empty{display:none}
.point-acts{display:flex;gap:6px}.point-acts button,.point-new button{padding:8px 11px;font-size:13px}.point-form input,.point-new input{padding:9px 10px;font-size:14px}
.point-form.off input{color:var(--muted);text-decoration:line-through;background:#f6f8f6}
.point-new{border-top:1px dashed var(--line);padding-top:10px}.points-empty{margin:0;font-size:14px}
@media(max-width:800px){.points-grid{grid-template-columns:1fr}.point-form{grid-template-columns:1fr}.point-acts{justify-content:flex-end}}
.points-grid{grid-template-columns:1fr}.point-form:not([data-dirty]) button.primary{display:none}.point-form[data-dirty] input{border-color:#669343}
.picker-sec form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.picker-sec input{flex:1;min-width:220px;max-width:420px;padding:9px 10px}.picker-sec button{padding:9px 14px}.picker-sec .inline-error{flex-basis:100%;margin:0}.picker-sec .inline-error:empty{display:none}
/* Share icon next to the buyer's name, with its own hint */
.name-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.share-btn{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid var(--line);background:#eef4e8;color:#3e6b2e}
.share-btn:hover,.share-btn:focus-visible{background:#669343;color:#fff}
.share-btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.share-btn svg circle{fill:currentColor;stroke:none}
.share-btn:after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);width:260px;padding:9px 11px;border-radius:8px;background:#173e30;color:#fff;font-size:13px;font-weight:500;line-height:1.45;letter-spacing:0;text-align:left;white-space:normal;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5;box-shadow:0 6px 24px #0003}
.share-btn:hover:after,.share-btn:focus-visible:after{opacity:1}
@media(max-width:800px){.share-btn:after{left:auto;right:-10px;transform:none}}
/* Orders table: compact, one bold thing per row — the buyer */
.orders-table{font-size:13px}
.orders-table th{padding:9px 12px;font-size:10.5px;letter-spacing:.5px;font-weight:600;white-space:nowrap}
.orders-table td{padding:10px 12px;font-weight:400;vertical-align:middle}
.orders-table td strong{font-size:13px;font-weight:650;margin-bottom:2px;color:#173e30}
.orders-table td small{font-size:11.5px;margin-top:1px}
.orders-table .order-link{font-size:13px;font-weight:500;color:#215f44;text-decoration:underline;text-decoration-color:#bcd3c4;text-underline-offset:3px}
.orders-table .pill{font-weight:500}
.orders-table .date-st{font-weight:500;white-space:nowrap}
.orders-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.orders-table .picker-cell{color:#33493f;max-width:160px}
.orders-table .dim{color:#b3beb6}
.orders-table tbody tr{cursor:pointer;transition:background .12s}
.orders-table tbody tr:hover td{background:#f5f9f2}
.orders-table tr.paid-row:hover td{background:#e2f0d7}
/* Picker in the order card header */
.picker-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:13px;color:var(--muted)}
.picker-line label,.picker-line>span:first-child{font-size:13px;font-weight:500;color:var(--muted)}
.picker-line input{width:auto;min-width:200px;max-width:320px;padding:6px 9px;font-size:13px;border-color:#d6e0d9}
.picker-line .pv{color:#173e30}
.picker-line button{padding:6px 12px;font-size:13px}
#picker-form:not([data-dirty]) button{display:none}
#picker-form .inline-error{font-size:13px}
.name-line .share-btn{margin-left:10px}
.share-btn:after{width:220px;padding:7px 9px;font-size:12px;font-weight:400;line-height:1.4;font-family:inherit;letter-spacing:0;text-transform:none}
/* Plants, prices and sums on a soft green card */
.section.plants-sec{background:#f3f8ee;border:1px solid #dce8d2;border-radius:12px;padding:14px 16px 12px;margin-bottom:20px}
.section.plants-sec:last-child{margin-bottom:0;border:1px solid #dce8d2}
.plants-sec h3{margin-bottom:10px;color:#2f5a3f}
.plants-sec .table-scroll{background:transparent}
.plants-sec table{background:transparent}
.plants-sec th{background:#e6f0dc;color:#4f6b55}
.plants-sec td{border-bottom-color:#e2ecd9;background:transparent}
.plants-sec tfoot td{background:#eaf3e1}
.plants-sec tfoot tr.grand td{background:#dcebcf;color:#173e30}
.plants-sec input{background:#fff}
/* Status ticks are true squares; the picker sits on top of the status panel */
.tracker.staff .step input{padding:0;width:18px;height:18px;min-width:18px;min-height:18px;aspect-ratio:1;box-sizing:border-box}
.picker-box{margin:-2px 0 14px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.picker-box .picker-line{display:grid;grid-template-columns:1fr;gap:6px;margin:0}
.picker-box .picker-line label,.picker-box .picker-line>span:first-child{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#668371}
.picker-box .picker-line input{width:100%;min-width:0;max-width:none}
.picker-box .picker-line .pv{font-size:14px}
.picker-box #picker-form[data-dirty] button{display:block;justify-self:start}
/* Plants block fits its column: no horizontal scroll, long names wrap */
.plants-sec .table-scroll{overflow:visible}
.plants-sec table{table-layout:fixed;width:100%;font-size:12.5px}
.plants-sec table:not(.pe-table){table-layout:auto;width:auto;max-width:100%}
.plants-sec th{padding:7px 6px;font-size:10px;letter-spacing:.3px;white-space:normal;line-height:1.25}
.plants-sec td{padding:7px 6px;white-space:normal;overflow-wrap:anywhere}
.plants-sec th:nth-child(2){width:62px}.plants-sec th:nth-child(3){width:50px}
.plants-sec th:nth-child(4){width:80px}.plants-sec th:nth-child(5){width:86px}
.plants-sec .pe-table th:nth-child(6){width:30px}
.plants-sec td:nth-child(n+3),.plants-sec th:nth-child(n+3){text-align:right}
.plants-sec tfoot td{text-align:right}.plants-sec tfoot td:first-child{text-align:left}
.plants-sec td small{overflow-wrap:anywhere}
.plants-sec .pe-table input,.plants-sec .pe-table .pe-qty,.plants-sec .pe-table .pe-price,.plants-sec .pe-table .pe-cont{width:100%;min-width:0;padding:4px 5px;font-size:12.5px}
.plants-sec .pe-table .pe-qty,.plants-sec .pe-table .pe-price{text-align:right}
.plants-sec .pe-del{padding:2px 6px}
.plants-sec .pe-sum{font-weight:500;white-space:nowrap}
.name-line .share-btn+.share-btn{margin-left:0}
.share-btn.edit-btn svg path{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.items-changed{margin:0 0 10px;padding:8px 12px;border-radius:8px;background:#fff0d7;color:#8e651e;font-weight:700;font-size:14px}
.sec-receive:not(:has(>*)){display:none}
.plants-sec table:not(.pe-table) td:nth-child(n+2),.plants-sec table:not(.pe-table) tfoot td{white-space:nowrap}
.plants-sec tfoot td{white-space:nowrap}.plants-sec th:nth-child(5){width:104px}
/* Plants: names shown in full, fields blend into the row, rows alternate */
.pe-table td:first-child{min-width:220px;width:42%}
.pe-table textarea.pe-name{min-height:0;resize:none;field-sizing:content;overflow:hidden;line-height:1.35;padding:4px 6px;font-size:13px;font-weight:600}
.pe-table input,.pe-table textarea{background:transparent;border-color:#e1e8e3}
.pe-table input:hover,.pe-table textarea:hover{border-color:#c3d2c8}
.pe-table input:focus,.pe-table textarea:focus{background:#fff;border-color:#8fae9a}
.pe-table tbody tr:nth-child(odd),.plants-sec tbody tr.item-row:nth-child(odd){background:#f3f7f1}
.plants-sec td.c-name,.pe-off-name{white-space:normal;overflow-wrap:anywhere}
/* Plant status: confirmed / waiting / unavailable */
.c-st{min-width:120px}
.c-st .it-btn{padding:3px 8px;font-size:12px;border-radius:6px;margin:2px 4px 2px 0;font-weight:600}
.it-btn.ok.on{background:#e8f1df;color:#3e6b2e;border-color:#c9dcb8}
.it-btn.off{color:#a13d2c;border-color:#efc9c1;background:#fff}
.it-btn.off:hover{background:#fbe6e1}
.it-st{display:inline-block;padding:2px 7px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}
.it-st.ok{background:#e8f1df;color:#3e6b2e}.it-st.wait{background:#eef1ec;color:#66766e}.it-st.off{background:#fbe6e1;color:#a13d2c}
.it-why{display:block;font-size:12px;color:#a13d2c;margin-top:2px}
tr.is-off td:not(.c-st),.pe-off td:not(.c-st){text-decoration:line-through;color:#98a49c}
tr.is-off td:not(.c-st) small{text-decoration:line-through}
.refund-row td{color:#a13d2c;font-weight:700}
.detail-summary .refunded strong{color:#a13d2c}
@media(max-width:700px){tr.item-row td.c-st{flex:1 1 100%}tr.item-row td.c-st::before{content:none!important}#plants-editor .pe-row td.c-st,#plants-editor .pe-off td.c-st{grid-column:1/-1}#plants-editor .pe-off{display:grid!important;grid-template-columns:1fr 60px;gap:4px;padding:8px 0}#plants-editor .pe-off td:first-child{grid-column:1/-1}}
.plants-sec table td.c-st:nth-child(n){white-space:normal}
/* Plant status as icons: tick = confirmed, cross = unavailable */
.it-ico{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;margin:1px 4px 1px 0;border-radius:50%;font-size:16px;font-weight:700;line-height:1;border:1.5px solid #cbd8d0;background:#fff;color:#98a49c;vertical-align:middle}
.it-ico.ok:hover{border-color:#6c9a52;color:#3e6b2e;background:#eef6e6}
.it-ico.ok.on{background:#4f8a3a;border-color:#4f8a3a;color:#fff}
.it-ico.off:hover{border-color:#a13d2c;color:#a13d2c;background:#fbe6e1}
span.it-ico{width:24px;height:24px;font-size:13px}
.c-st{min-width:76px;white-space:nowrap}
.it-why{white-space:normal}
/* Plants as two-line rows at every width: the name gets the whole first line (never cut), figures go under it */
.plants-sec table,.plants-sec table tbody,.plants-sec table tfoot{display:block;width:100%;max-width:none}
.plants-sec table thead{display:none}
.plants-sec table tbody tr{display:grid;grid-template-columns:auto auto auto 1fr auto;column-gap:12px;row-gap:3px;align-items:center;padding:7px 10px;border-bottom:1px solid #e2ecd9}
.plants-sec table tbody tr td{padding:0;border:0;text-align:left;white-space:nowrap;width:auto;min-width:0}
.plants-sec table tbody tr td:first-child{grid-column:1/5;white-space:normal;overflow-wrap:normal;word-break:normal;font-size:14px;font-weight:600}
.plants-sec table tbody tr td.c-st{grid-column:5;grid-row:1;text-align:right;white-space:nowrap}
.plants-sec table tbody tr td:nth-child(5){text-align:right;font-weight:700}
.plants-sec table tbody tr td small{display:inline;margin-left:6px;font-weight:400}
.plants-sec tr.item-row td.c-cont,.plants-sec tr.item-row td.c-qty,.plants-sec tr.item-row td.c-price{font-size:13px;color:var(--muted)}
.plants-sec tr.item-row td.c-qty::after{content:' шт'}
.plants-sec tr.item-row td.c-price::before{content:'× '}
.plants-sec tr.item-row td.c-sum::before{content:'= ';font-weight:400;color:var(--muted)}
.plants-sec tr.item-row.is-off td.c-sum{font-weight:400}
.plants-sec .pe-table tbody tr td:nth-child(2),.plants-sec .pe-table tbody tr td:nth-child(3),.plants-sec .pe-table tbody tr td:nth-child(4){display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}
.plants-sec .pe-table .pe-row td:nth-child(2)::before{content:'Контейнер'}
.plants-sec .pe-table .pe-row td:nth-child(3)::before{content:'Кол-во'}
.plants-sec .pe-table .pe-row td:nth-child(4)::before{content:'Цена, ₽'}
.plants-sec .pe-table .pe-cont{width:64px!important}.plants-sec .pe-table .pe-qty{width:56px!important}.plants-sec .pe-table .pe-price{width:84px!important}
.plants-sec .pe-table textarea.pe-name{width:100%;font-size:14px}
.plants-sec .pe-off td:nth-child(3)::after{content:' шт'}.plants-sec .pe-off td:nth-child(4)::before{content:'× '}
.plants-sec table tfoot tr{display:flex;justify-content:space-between;gap:10px;padding:0 10px}
.plants-sec table tfoot td{padding:4px 0;border:0;white-space:nowrap}
.plants-sec table tfoot td:empty{display:none}
.plants-sec table tbody tr td.c-st:nth-child(n){display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 6px;max-width:300px;white-space:nowrap}
.plants-sec .c-st .it-ico{margin:0}
.plants-sec .c-st .it-why{display:inline;margin:0}
.plants-sec .c-st .it-btn{margin:0;white-space:nowrap}
.plants-sec .pe-table td input{flex:none}
.plants-sec .pe-table textarea.pe-name{min-width:100%}
.plants-sec table tbody tr td:nth-child(n){min-width:auto}
.plants-sec table tbody tr td:first-child{min-width:0;width:auto}
.plants-sec table tbody tr td.c-st:nth-child(n){flex-wrap:nowrap}
.plants-sec table tbody tr.pe-off td.c-st:nth-child(n),.plants-sec table tbody tr.is-off td.c-st:nth-child(n){flex-wrap:wrap;max-width:220px}
.plants-sec table tbody tr{column-gap:8px}
.plants-sec .pe-table .pe-row td:nth-child(2)::before{content:'Конт.'}
.plants-sec .pe-table .pe-row td:nth-child(3)::before{content:'Шт'}
.plants-sec .pe-table .pe-row td:nth-child(4)::before{content:'₽'}
.plants-sec .pe-table .pe-cont{width:52px!important}.plants-sec .pe-table .pe-qty{width:46px!important}.plants-sec .pe-table .pe-price{width:72px!important}
.plants-sec table tfoot td{background:transparent!important}
.plants-sec table tfoot tr{background:#eaf3e1}
.plants-sec table tfoot tr.grand{background:#dcebcf}
.plants-sec table tfoot tr.refund-row{background:#fbeae5}
@media(max-width:700px){
 #plants-editor table tbody tr.pe-row,#plants-editor table tbody tr.pe-off{display:grid!important;grid-template-columns:auto auto auto 1fr auto!important;gap:3px 6px!important;padding:7px 4px!important}
 #plants-editor table tbody tr td:first-child{grid-column:1/5!important}
 #plants-editor table tbody tr td.c-st{grid-column:5!important;grid-row:1!important}
 #plants-editor table.stackable .pe-row td:nth-child(2)::before{content:'Конт.'!important}
 #plants-editor table.stackable .pe-row td:nth-child(3)::before{content:'Шт'!important}
 #plants-editor table.stackable .pe-row td:nth-child(4)::before{content:'₽'!important}
 .plants-sec .pe-table .pe-cont{width:44px!important}.plants-sec .pe-table .pe-qty{width:38px!important}.plants-sec .pe-table .pe-price{width:60px!important}
 tr.item-row td.c-st{flex:0 0 auto!important;margin-left:auto}
 tr.item-row td.c-name{flex:1 1 60%!important}
}
/* Softer outlines, clearer difference between neighbouring plants (14.10) */
.plants-sec .pe-table input,.plants-sec .pe-table textarea{border-color:transparent;background:#ffffff80}
.plants-sec .pe-table input:hover,.plants-sec .pe-table textarea:hover{border-color:#d3dfd6}
.plants-sec .pe-table input:focus,.plants-sec .pe-table textarea:focus{border-color:#8fae9a;background:#fff}
.plants-sec .it-ico{border-color:#e0e7e2}
.plants-sec table tbody tr:nth-child(n){background:#fff;border-bottom:0}
.plants-sec table tbody tr:nth-child(even){background:#e3eed8}
.plants-sec table tbody tr{border-radius:8px}
.plants-sec table tbody{display:grid;gap:3px}
.plants-sec .pe-table input,.plants-sec .pe-table textarea{background:transparent}
/* Each plant line: name · line total (plants + delivery) · status on top; container, qty, price, plants, delivery under it (14.10) */
#app .plants-sec table tbody tr.pe-row,#app .plants-sec table tbody tr.pe-off,#app .plants-sec table tbody tr.item-row{display:grid!important;grid-template-columns:auto auto auto auto 1fr auto auto!important;gap:3px 8px!important;align-items:center;padding:7px 10px!important}
#app .plants-sec table tbody tr>td:nth-child(n){grid-row:2!important;flex:none!important;margin:0;text-align:left;font-weight:400}
#app .plants-sec table tbody tr>td:nth-child(1){grid-row:1!important;grid-column:1/6!important;font-weight:600;font-size:14px}
#app .plants-sec table tbody tr>td:nth-child(2){grid-column:1!important}
#app .plants-sec table tbody tr>td:nth-child(3){grid-column:2!important}
#app .plants-sec table tbody tr>td:nth-child(4){grid-column:3!important}
#app .plants-sec table tbody tr>td:nth-child(5){grid-column:4!important;color:var(--muted)}
#app .plants-sec table tbody tr>td:nth-child(6){grid-column:5/8!important;color:var(--muted);font-size:13px}
#app .plants-sec table tbody tr>td:nth-child(7){grid-row:1!important;grid-column:6!important;font-weight:700;font-size:14px;text-align:right;color:#173e30}
#app .plants-sec table tbody tr>td:nth-child(8){grid-row:1!important;grid-column:7!important}
#app .plants-sec tr.item-row td.c-sum::before{content:'= '}
#app .plants-sec tr.item-row td.c-sum{font-size:13px}
#app .plants-sec td.c-dlv::before,#app .plants-sec td.pe-dlv::before{content:'+ доставка '}
#app .plants-sec td.pe-sum{font-weight:400}
#app .plants-sec tr.is-off td.c-tot,#app .plants-sec tr.pe-off td.pe-tot{color:#98a49c;font-weight:400}
#app .plants-sec .pe-table tbody tr.pe-row,#app .plants-sec .pe-table tbody tr.pe-off{gap:3px 6px!important;padding:7px 8px!important}
#app .plants-sec td.pe-dlv::before{content:'+ дост. '}
#app .plants-sec .pe-table tbody tr>td:nth-child(n){min-width:0}
#app .plants-sec .pe-table tbody tr>td:nth-child(5),#app .plants-sec .pe-table tbody tr>td:nth-child(6){font-size:12px}
@media(max-width:700px){#app .plants-sec tr.item-row td.c-dlv::before{content:'+ доставка '!important}#app .plants-sec tr.item-row td.c-sum::before{content:'= '!important}#app .plants-sec td.pe-dlv::before{content:'+ дост. '!important}}
.max-band{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.max-text{flex:1 1 260px;line-height:1.5}
.max-on{display:flex;align-items:center;gap:10px;flex:1 1 260px}
.max-logo{width:28px;height:28px;border-radius:8px;flex:none;display:block}
.max-btn{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 8px;background:var(--green);color:#fff;border-color:var(--green);white-space:nowrap}
.max-btn:hover{background:#226249}
@media(max-width:560px){.max-btn{width:100%;justify-content:center}}
.max-band button{font-size:14px}