.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.calendar-toolbar h2{margin:0;text-transform:capitalize}.calendar-toolbar>div{display:flex;gap:7px}.calendar-toolbar .secondary{font-size:22px;padding:4px 13px;min-height:36px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays{color:#657989;font-size:13px;font-weight:700;text-align:center;padding:12px 0}.day-cell{min-height:118px;padding:7px;border:1px solid #e0e8ed;margin:0 -1px -1px 0;overflow:hidden}.day-cell.blank{background:#f7f9fa}.day-number{font-size:13px;color:#557081;margin-bottom:5px;font-weight:700}.calendar-event{display:flex;flex-wrap:wrap;gap:3px 5px;text-align:left;width:100%;border:0;background:#e8f7f3;color:#075c55;padding:6px;border-radius:6px;margin-bottom:4px;font-size:12px}.calendar-event small{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.calendar-event.in_progress{background:#fff2d6;color:#79500e}.calendar-event.done{background:#e8edf1;color:#526575}.unscheduled{margin-top:24px}.unscheduled .calendar-event{max-width:260px}.order-panel{position:sticky;top:18px}.order-panel h3{font-size:17px;margin:25px 0 15px}.order-panel .field{margin-bottom:12px}.order-contact{font-weight:700;color:#087e77}.order-finance{border-top:1px solid #dce5eb;border-bottom:1px solid #dce5eb;margin:16px 0;padding:10px 0}.order-finance>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:14px}.order-finance .profit{font-size:16px;color:#087e77;font-weight:800;border-top:1px solid #e1e8ec;margin-top:5px;padding-top:14px}.customer-record{border-top:1px solid #e1e8ec}.customer-record summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:18px 0}.customer-record summary::-webkit-details-marker{display:none}.customer-record summary span{font-size:14px;color:#627482}.customer-history{padding:0 0 18px 18px}.customer-history>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:14px}.customer-history>div>div{display:flex;gap:6px}.customer-history .secondary{padding:7px 10px;min-height:32px;font-size:12px}@media(max-width:1100px){.calendar-layout{grid-template-columns:1fr}.order-panel{position:static}}@media(max-width:700px){.day-cell{min-height:67px;padding:3px}.day-number{font-size:12px}.calendar-event{padding:3px;font-size:10px}.calendar-event small,.calendar-event b{display:none}.calendar-toolbar h2{font-size:18px}.customer-record summary,.customer-history>div{display:grid}.customer-history{padding-left:0}}
.field[hidden],[hidden]{display:none!important}
.city-picker{position:relative}.city-picker>label{font-size:14px;font-weight:650;color:#42576a}.city-results{position:absolute;z-index:50;top:100%;left:0;right:0;max-height:270px;overflow:auto;background:#fff;border:1px solid #cbd8e0;border-radius:10px;box-shadow:0 12px 30px #09233725}.city-results button{display:flex;justify-content:space-between;gap:8px;align-items:center;width:100%;border:0;border-bottom:1px solid #edf1f3;background:#fff;padding:11px 12px;text-align:start;color:#173248}.city-results button:hover,.city-results button:focus{background:#e8f7f3}.city-results button small{color:#627482;font-size:12px;text-align:end}.city-results p{padding:8px 12px;color:#627482;font-size:14px}html[dir="rtl"] .city-results button{text-align:right}html[dir="rtl"] .topbar{direction:rtl}html[dir="rtl"] .item-row b,html[dir="rtl"] .row-end,html[dir="rtl"] .order-finance b{text-align:left}html[dir="rtl"] input[type="number"],html[dir="rtl"] input[type="date"],html[dir="rtl"] input[type="time"]{direction:ltr;text-align:right}
.google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:white;color:#263746;border:1px solid #bfcdd5;border-radius:10px;min-height:48px;font-weight:700;margin-top:22px}.google-button:hover:not(:disabled){background:#f3f8fa;border-color:#087e77}.google-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:18px;font-weight:800;color:#4285f4}.google-help{margin-top:8px}.auth-divider{text-align:center;color:#7b8c98;font-size:13px;margin:16px 0 0}.auth-card .google-button+.google-help{display:block}
.offer-route{display:grid;gap:9px}.offer-route>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:start}.offer-route>div>span{margin:2px 0 0}.offer-route b{overflow-wrap:anywhere}@media(max-width:700px){.offer-route>div{grid-template-columns:1fr;gap:2px}}
.reminders{margin-bottom:20px}.reminders h2{margin-bottom:12px}.reminder-list{display:grid;gap:8px}.reminder-list button{display:grid;grid-template-columns:115px 1fr 2fr 65px;align-items:center;gap:12px;width:100%;padding:12px;text-align:start;background:#f6fbfa;border:1px solid #dceae6;border-radius:9px;color:#173248}.reminder-list button:hover{border-color:#087e77}.reminder-list span{overflow-wrap:anywhere}.reminder-date{font-weight:800;color:#087e77}.reminder-list small{text-align:end;color:#627482}@media(max-width:700px){.reminder-list button{grid-template-columns:1fr 1fr}.reminder-list button>span:nth-child(3){grid-column:1/-1;grid-row:2}.reminder-list small{text-align:end}}
.offer-meta small{display:block;margin-top:5px;color:#627482;font-size:13px}@media print{.offer-header,.offer-meta,.offer-route,.offer-total,.offer-notes,.accepted-mark{break-inside:avoid;page-break-inside:avoid}.offer-lines>div{break-inside:avoid;page-break-inside:avoid}.offer-card{font-size:12pt}.offer-header h1{font-size:22pt}.offer-route>div{grid-template-columns:80px minmax(0,1fr)}}
.quote-checklist{border-radius:10px;padding:14px 16px;margin:0 0 18px;font-size:13px}.quote-checklist h3{font-size:14px;margin:0 0 8px}.quote-checklist ul{margin:0;padding-inline-start:20px;line-height:1.6}.quote-checklist p{margin:0}.quote-checklist.needs-review{background:#fff7e8;color:#80510e}.quote-checklist.ready{background:#e8f7f0;color:#076b4f}
.followups{margin-bottom:20px}.followups h2{margin-bottom:8px}.followup-list>div{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e5ecef;padding:13px 0}.followup-list>div>div:first-child{display:grid;gap:4px}.followup-list span{font-size:13px;color:#627482}.followup-list .secondary{padding:8px 11px;min-height:36px;font-size:13px}@media(max-width:700px){.followup-list>div{align-items:start;flex-direction:column}}
.customer-search{display:block;width:100%;max-width:420px;margin:12px 0 18px;padding:11px 13px;border:1px solid #cbd8e0;border-radius:9px}.customer-search:focus{outline:2px solid #087e77}.field:has(.customer-suggestions){position:relative}.customer-suggestions{position:absolute;z-index:60;top:100%;left:0;right:0;background:white;border:1px solid #cbd8e0;border-radius:9px;box-shadow:0 12px 30px #09233725;max-height:240px;overflow:auto}.customer-suggestions button{width:100%;display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border:0;border-bottom:1px solid #eef2f4;background:white;text-align:start}.customer-suggestions button:hover{background:#e8f7f3}.customer-suggestions small{color:#627482}.vehicle-consumption{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vehicle-consumption h3,.vehicle-consumption p{grid-column:1/-1;margin:0}.fuel-price-field{margin-top:22px;max-width:260px}.auto-fill{justify-self:start;border:0;background:#e8f7f3;color:#087e77;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.cost-explanation{margin-top:-8px}main>.stats:has(>div:nth-child(4)){grid-template-columns:repeat(4,1fr)}@media(max-width:700px){.vehicle-consumption{grid-template-columns:1fr}main>.stats:has(>div:nth-child(4)){grid-template-columns:repeat(2,1fr)}}
.summary-actions .share-action{display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;width:100%}
.calendar-settings{grid-column:1/-1}.calendar-settings .field{max-width:420px}.calendar-settings-actions{margin:18px 0}.calendar-error{color:#a53c2b;background:#fff0ed;padding:10px 12px;border-radius:8px}
.resource-adders{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:10px;margin:12px 0 20px}.resource-adders .secondary{white-space:nowrap}.vehicle-consumption{grid-template-columns:1fr}.vehicle-card{border:1px solid #e0e8ed;border-radius:11px;padding:15px}.vehicle-card h4{font-size:15px;margin:0 0 12px}.vehicle-card .fields{grid-template-columns:repeat(3,minmax(0,1fr))}.inspection-status{font-size:12px;color:#08714f;margin:10px 0 0}.inspection-status.soon{color:#9a6612}.inspection-status.expired{color:#bd3d2f}@media(max-width:850px){.resource-adders{grid-template-columns:1fr auto}.vehicle-card .fields{grid-template-columns:1fr}}
.offer-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}.offer-lines>div{display:block;min-width:0;padding:8px 4px;border-bottom:1px solid #edf1f3;overflow-wrap:anywhere}.offer-lines>div:last-child{border-bottom:1px solid #edf1f3}.offer-lines small{font-size:11px}
.date-filter{display:flex;align-items:center;gap:7px;color:#627482;font-size:13px}.date-filter input{max-width:150px;min-width:0!important;flex:none!important}
.list-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.list-filters input,.list-filters select{min-height:42px;border:1px solid #cbd8e0;border-radius:9px;padding:8px 12px;background:#fff;color:#152638}.list-filters input{flex:1;min-width:200px}.list-filters .customer-search{margin:0;max-width:none}.notification-bell{position:relative;font-size:18px!important}.notification-count{position:absolute;top:0;right:0;background:#ec624d;color:#fff;border-radius:99px;min-width:19px;padding:2px 4px;font-size:11px;font-weight:800}.notification-list{padding-top:8px}.notification-item{display:flex;justify-content:space-between;gap:15px;width:100%;background:#fff;border:0;border-bottom:1px solid #e7eef1;padding:15px;text-align:start;color:#173248}.notification-item.unread{background:#eaf8f5;font-weight:700}.notification-item small{color:#627482;white-space:nowrap}@media(max-width:700px){.offer-lines{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-item{display:grid}}@media print{.offer-lines{grid-template-columns:repeat(3,minmax(0,1fr))}.offer-lines>div{font-size:10pt;padding:5px 2px}.offer-card h2{margin:6px 0}.offer-meta{padding:14px 0}}
