.sidebar{width:245px;padding:25px 18px 18px}.shell-main{margin-right:245px}.sidebar-logo{padding:0 15px 20px}.sidebar nav{gap:2px}.navitem{min-height:39px;padding:8px 12px;font-size:11px}.workspace-label{padding:8px 12px}.side-bottom{padding-top:12px}.profile{margin-top:12px}.notification-btn{position:relative}.notification-btn>span{position:absolute;top:-5px;right:-5px;border:2px solid #fff;background:var(--accent);border-radius:20px;color:#fff;font-size:9px;min-width:19px;height:19px;line-height:16px}.workflow-banner{background:#e9eedf;border:1px solid #dce4d0;border-radius:var(--radius);padding:25px 29px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:22px 0}.workflow-banner .small{color:#879a6e}.workflow-banner h2{font-size:26px;line-height:1.8;color:#3e5738;margin:4px 0}.workflow-banner p{font-size:11px;color:#819272}.workflow-times{display:flex;gap:12px}.workflow-times>span{background:#ffffff8c;border:1px solid #dce4cf;border-radius:13px;padding:12px 18px;text-align:center;font-size:10px;color:#8b9b77;min-width:105px}.workflow-times b{display:block;font-size:24px;line-height:1.5;color:#526e41;margin-top:4px}.content{padding-top:29px}.stats .stat-num .money{font-size:24px}.report-row{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0}.report-row:first-child{padding-top:4px}.report-row:last-child{border-bottom:0}.report-row strong{font-size:12px}.report-row p{font-size:10px;color:var(--muted);margin-top:5px}.event-list{display:grid;gap:0;margin-top:16px}.event-list>div{display:flex;align-items:flex-start;gap:13px;padding:13px 0;border-bottom:1px dashed var(--line)}.event-list>div:last-child{border-bottom:0}.event-dot{margin-top:9px;background:#91a77c;width:7px;height:7px;border-radius:50%;flex-shrink:0}.event-list strong{font-size:11px;font-weight:500}.event-list p{font-size:10px;color:#939c86;margin-top:4px}.notification-item.read{opacity:.6}.wf-timeline{margin:27px 0}.wf-timeline>div{font-size:9px}.invoice-input-line{border:1px solid var(--line);padding:17px;border-radius:14px;background:#fff;margin-bottom:14px}.invoice-input-line label.row{flex-wrap:wrap;gap:9px}.invoice-input-line input[type=checkbox]{width:18px;height:18px}.invoice-input-line>label strong{font-size:13px}.invoice-input-line .small{margin-right:auto}.invoice-input-line .field{font-size:10px}[hidden]{display:none!important}.map-view{height:350px;min-height:250px;border:1px solid #d9dfd1;background:#f0f1e7;border-radius:14px;overflow:hidden;z-index:0;direction:ltr}.map-view .leaflet-container{font-family:var(--font)}.map-view .leaflet-tooltip,.map-view .leaflet-popup-content{font-family:var(--font);font-size:11px;direction:rtl;text-align:right}.map-view .leaflet-control-attribution{font-size:8px;background:#ffffffe3;color:#819172}.map-search{margin:13px 0}.map-search input{flex:1}.map-search-results{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.map-search-results button{padding:5px 9px;border:1px solid var(--line);border-radius:7px;background:#f0f3e7;color:#718663;font-size:10px}.route-marker{background:none;border:0;display:block}.route-marker>span{display:flex;align-items:center;justify-content:center;background:var(--accent);color:white;width:32px;height:32px;border-radius:50% 50% 50% 2px;transform:rotate(-45deg);border:3px solid white;box-shadow:0 2px 8px #31402133;font:700 13px var(--font)}.route-marker>span>.icon{width:16px;height:16px}.route-map{height:360px}.route-stop-list{display:grid;gap:0;margin:17px 0}.route-stop{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.route-stop strong{font-size:12px}.route-stop p{font-size:10px;color:var(--muted);margin-top:4px}.route-number{border-radius:50%;width:30px;height:30px;background:#edf1e5;color:#79955c;font-size:13px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.modal .form-grid.full{width:100%}.order-actions .btn{font-size:11px}.product-image .tag{z-index:1}.accounts-grid .account:last-child{grid-column:1/-1}.guide .tablewrap{margin-top:15px}.wf-inventory-actions{white-space:normal}.map-location-coordinates{font-size:10px;direction:ltr}.notification-item .btn{flex-shrink:0}.event-list .spacer{min-width:0}.event-list strong,.event-list p{overflow-wrap:anywhere}
@media(min-width:1450px){.content{max-width:1650px}.sidebar{width:252px}.shell-main{margin-right:252px}.workflow-banner{padding:30px 35px}}
@media(max-width:1100px){.sidebar{width:215px;padding:23px 13px 17px}.shell-main{margin-right:215px}.topbar{gap:12px;padding:0 24px}.workflow-banner{padding:22px;gap:18px}.workflow-banner h2{font-size:24px}.workflow-times>span{padding:10px 12px;min-width:83px}.workflow-times b{font-size:21px}.navitem{font-size:10px;min-height:37px}.profile strong{font-size:10px}}
@media(max-width:900px){.workflow-banner{align-items:flex-start}.workflow-times{flex-direction:column;gap:7px}.workflow-times>span{display:flex;align-items:center;gap:13px;justify-content:space-between;min-width:140px;padding:6px 11px}.workflow-times b{font-size:18px;margin:0}.workflow-banner h2{font-size:23px}.workflow-banner p{font-size:10px;line-height:2.1}.card-head{flex-wrap:wrap}.topbar .breadcrumb{display:none}.content{padding:24px}.report-row{align-items:flex-start;flex-direction:column;gap:10px}.report-row .row{width:100%;justify-content:space-between}}
@media(max-width:640px){.sidebar{width:250px;padding:22px 17px 15px}.shell-main{margin-right:0}.navitem{font-size:12px;min-height:44px}.content{padding:22px 16px}.topbar{height:65px;padding:0 15px;gap:11px}.topbar .top-date{display:none}.topbar .demo-tag{font-size:9px;padding:3px 8px}.workflow-banner{padding:21px 18px;display:block}.workflow-banner h2{font-size:23px}.workflow-banner p{font-size:10px;line-height:2.3}.workflow-times{flex-direction:row;margin-top:17px;gap:10px}.workflow-times>span{display:block;min-width:0;flex:1;font-size:10px;padding:10px}.workflow-times b{font-size:21px;margin-top:4px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-top{align-items:flex-start;line-height:1.8}.stats .stat-num .money{font-size:19px}.stat-note{font-size:9px;line-height:1.9}.order-actions .btn{font-size:10px;padding:8px 10px;min-height:38px}.wf-timeline{overflow-x:auto;padding-bottom:5px;gap:0}.wf-timeline>div{font-size:8px;min-width:62px}.order-card .order-meta{font-size:10px}.page-intro{align-items:flex-start}.page-intro .row{flex-shrink:0}.page-intro h1{font-size:23px}.page-intro p{font-size:11px}.toolbar>label{width:100%;justify-content:space-between}.map-view{height:300px}.route-map{height:320px}.map-search{flex-wrap:wrap}.map-search input{min-width:190px}.invoice-input-line .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.invoice-input-line .field{font-size:9px}.invoice-input-line input{padding:9px;font-size:11px}.invoice-input-line{padding:13px}.invoice-input-line>label strong{font-size:12px}.invoice-input-line .small{margin-right:0}.route-stop .iconbtn{width:29px;height:32px}.route-stop{gap:8px}.route-stop strong{font-size:11px}.route-stop p{font-size:10px}.event-list strong{font-size:11px}.event-list p{font-size:9px}.modal .amount-summary strong{font-size:13px}.notification-item{flex-wrap:wrap}.notification-item .spacer{min-width:200px}}
@media print{.map-view,.map-search{display:none}.invoice-input-line{break-inside:avoid}.workflow-banner{background:white}.event-list>div{break-inside:avoid}}

.route-marker>span{border-radius:50%;transform:none}