/* ClickRent V28 — compact header, booking wizard, analytics dashboard. Original V10 palette and images preserved. */
:root{--v28-ink:#222642;--v28-violet:#8e21dd;--v28-orange:#f58a23;--v28-line:#e6e8f3}
.top{min-height:64px!important}.topinner{height:64px!important;min-height:64px!important;gap:16px!important;padding-block:5px!important}.top .logo{width:158px!important;height:52px!important}.top .links button{padding:7px 11px!important;font-size:13px!important}.top .tools{gap:7px}.top .tools select{padding:8px;font-size:12px;min-width:0}.top .tools .button{padding:8px 12px!important;font-size:12px!important}.top .tools small{font-size:11px}
.v28-dashboard{display:grid;gap:16px;min-width:0}.v28-period{font-size:12px;color:#777d90;line-height:1.8;margin:0 0 2px}.v28-inv-ribbon{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;background:#fff;border:1px solid var(--v28-line);border-radius:18px;padding:12px}.v28-inv-ribbon .v28-kpi{flex:1;box-shadow:none;background:#f7f8fd;min-width:135px}.v28-inv-ribbon button{align-self:center}.v28-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v28-kpi{min-width:0;display:flex;flex-direction:column;gap:7px;border-radius:16px;border:1px solid #ebedf5;background:#fff;box-shadow:0 6px 16px #141b3510;padding:18px 18px 15px;position:relative;overflow:hidden}.v28-kpi:before{content:'';width:3px;height:45px;background:linear-gradient(var(--v28-violet),var(--v28-orange));position:absolute;top:16px;inset-inline-start:0;border-radius:4px}.v28-kpi.orange:before{background:#f58a23}.v28-kpi.purple:before{background:#8e21dd}.v28-kpi.red:before{background:#ed5a75}.v28-kpi span{font-size:12px;color:#777b90}.v28-kpi strong{font-size:29px;line-height:1.2;font-weight:850;color:#242744;font-variant-numeric:tabular-nums}.v28-kpi small{font-size:11px;color:#9498a9}.v28-dash-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px}.v28-chart-card{padding:20px!important;min-width:0}.v28-chart-card h3{font-size:16px;margin:0 0 15px;color:#29314f}.v28-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.v28-chart-heading small{color:#8991a3}.v28-bars{height:230px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;margin-top:10px}.v28-barcol{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:4px;color:#5f6582;min-width:0}.v28-bars-bg{width:100%;max-width:72px;display:flex;gap:4px;align-items:end;height:175px;border-bottom:1px solid #e8eaf4;background:repeating-linear-gradient(to top,#f6f7fb 0,#f6f7fb 1px,transparent 1px,transparent 42px)}.v28-bar{width:50%;min-height:0;min-width:0;border-radius:7px 7px 0 0}.v28-bar.total{background:linear-gradient(#a846fa,#7c26cd)}.v28-bar.finished{background:linear-gradient(#ffc075,#f58a23)}.v28-barcol strong{font-size:12px;color:#323b5d}.v28-barcol small{font-size:10px;direction:ltr}.v28-donut-layout{display:grid;grid-template-columns:minmax(110px,155px) 1fr;gap:14px;align-items:center}.v28-donut-layout svg{width:100%;max-width:160px}.v28-legend{display:grid;gap:12px}.v28-legend span{font-size:12px;color:#626a7d;display:flex;align-items:center;gap:7px}.v28-legend span i{width:10px;height:10px;border-radius:50%;flex-shrink:0}.v28-legend b{margin-inline-start:auto;font-size:13px;color:#282a47}.v28-branch-bars{display:grid;gap:12px}.v28-branch>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:6px}.v28-track{height:9px;background:#f0eaf8;border-radius:8px;overflow:hidden}.v28-track i{height:100%;display:block;background:linear-gradient(90deg,#9226e4,#f69d2c);border-radius:8px}.v28-money-figure{font-size:clamp(20px,2.4vw,30px);font-weight:850;color:#7f25cd;border-bottom:1px solid #edeef5;padding:9px 0 18px;margin-bottom:12px}
.v28-booking{padding:0!important;overflow:hidden;top:80px!important;border:1px solid #e5e2f2!important;box-shadow:0 20px 55px #2a174022!important;max-width:420px;margin-inline-start:auto;width:100%}.v28-booking-head{display:flex;gap:12px;align-items:center;background:linear-gradient(110deg,#211849,#472175);color:white;padding:18px 19px}.v28-booking-head h2{font-size:17px!important;color:white!important;margin:0 0 4px}.v28-booking-head small{font-size:11px;color:#f1dffb}.v28-booking-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff70;border-radius:12px;color:#fff}.v28-stepper{display:grid;grid-template-columns:repeat(3,1fr);padding:17px 16px 9px;border-bottom:1px solid #eeeaf6;gap:6px}.v28-step{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.v28-step span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f3eff9;border:1px solid #ece2f4;font-size:12px;font-weight:800;color:#77738c}.v28-step small{font-size:11px;color:#8e8da1}.v28-step.current span{background:#8824d1;color:#fff;border-color:#8824d1}.v28-step.done span{background:#fa9d30;color:#fff;border-color:#fa9d30}.v28-step.current small{color:#6d27b8;font-weight:800}.v28-step-body{padding:19px 20px 9px;min-height:246px}.v28-step-body[hidden]{display:none!important}.v28-step-title{font-weight:850;font-size:14px;color:#2c3155;margin-bottom:12px}.v28-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:14px}.v28-rates button{background:#f7f3fe;border:1px solid #e7d8fa;color:#7a36be;padding:9px 4px;border-radius:10px;font-size:12px;font-weight:750}.v28-rates button:hover{background:#eadbff}.v28-dates{display:grid;grid-template-columns:1fr;gap:11px}.v28-dates .field{min-width:0}.v28-dates input{width:100%;min-width:0;font-size:13px!important}.v28-days{display:flex;gap:7px;align-items:center;justify-content:space-between;background:#fff8ef;color:#ac631b;border-radius:11px;padding:12px;margin-top:12px;font-size:12px}.v28-days span{color:#806d5d}.v28-pickup-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.v28-option{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #e7e5ef;border-radius:12px;padding:14px 8px;font-size:13px;color:#555a73}.v28-option.selected{border-color:#982fe8;background:#fbf7ff;color:#8525d1;box-shadow:0 0 0 1px #ead5fc}.v28-option:disabled{opacity:.43}.v28-address{margin-bottom:15px}.v28-extras{display:grid;gap:8px}.v28-extras label{display:flex;gap:9px;align-items:center;border:1px solid #ede9f3;border-radius:11px;padding:10px 12px;font-size:12px;background:#fafaff}.v28-extras input{accent-color:#9023dc}.v28-trip-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v28-trip-summary>div{display:grid;gap:4px;background:#f8f7fc;padding:11px 9px;border-radius:9px;overflow-wrap:anywhere}.v28-trip-summary small{font-size:10px;color:#888ca0}.v28-trip-summary b{font-size:11px;color:#292a49}.v28-summary-mode{display:flex;gap:6px;align-items:center;font-size:12px;padding:10px 2px}.v28-totals{border-top:1px solid #ebeaf2;padding-top:12px}.v28-totals>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;font-size:12px}.v28-totals .v28-grand{border-top:1px solid #e9e4f2;padding-top:12px;font-size:15px}.v28-totals .price{color:#8523d0;font-size:23px}.v28-direct-pay{display:flex;gap:9px;align-items:flex-start;background:#fff8ec;border:1px solid #ffe4c7;color:#7c5c34;border-radius:11px;padding:10px;font-size:11px;line-height:1.7;margin:12px 0}.v28-direct-pay svg{flex-shrink:0}.v28-steps-actions{display:flex;gap:9px;justify-content:stretch;padding:12px 20px 19px}.v28-steps-actions .button{flex:1;min-height:44px}.v28-steps-actions .button.primary{background:linear-gradient(105deg,#9927dc,#ee7c43);color:#fff;border:0}.v28-booking .formgrid{display:block}
@media(max-width:1100px){.v28-dash-grid{grid-template-columns:1fr}.v28-booking{margin-inline:auto;max-width:100%}}
@media(max-width:800px){.topinner{height:auto!important;min-height:60px!important;gap:7px!important}.top .logo{width:142px!important;height:46px!important}.v28-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v28-inv-ribbon{gap:7px}.v28-inv-ribbon .v28-kpi{min-width:125px}}
@media(max-width:520px){.topinner{padding:5px 10px!important}.top .logo{width:130px!important;height:42px!important}.top .links{padding:0!important;margin:0!important;width:100%;order:3;justify-content:center!important}.top .links button{padding:5px 7px!important;font-size:11px!important}.top .tools .button{font-size:11px!important;padding:7px 8px!important}.v28-kpis{gap:8px}.v28-kpi{padding:13px 11px}.v28-kpi strong{font-size:23px}.v28-chart-card{padding:14px!important}.v28-donut-layout{grid-template-columns:115px 1fr}.v28-legend{gap:7px}.v28-legend span{font-size:11px}.v28-barcol small{font-size:9px}.v28-bars{gap:5px}.v28-booking-head{padding:15px}.v28-step-body{padding:15px 14px}.v28-steps-actions{padding:10px 14px 15px}}