.car-booking{
  --main-font:"Open Sans",helvetica,"helvetica neue",arial,sans-serif;
  --heading-font:"Open Sans",helvetica,"helvetica neue",arial,sans-serif;
  --primary-color:#004B88;
  --primary-color-hover:#012760;
  --secondary-color:#FCBB69;
  --secondary-color-hover:#FB9b23;
  --tertiary-color:#018176;
  --tertiary-color-hover:#006159;
  --accent-color:#EFF6FE;
  --accessible-color:#ffd250;
  --text-color:#010101;
  --grey-color:#F1F5F9;
  --grey-variation:rgb(226,232,240);
  --radius:25px;
  --bs-primary:var(--primary-color);
  --bs-primary-rgb:0,75,136;
  --bs-border-radius:25px;
  --bs-border-width:1px;
  --bs-border-color:hsl(0,0%,91%);
  --bs-body-color:var(--text-color);
  --bs-body-bg:#fff;
  --bs-box-shadow:0 0 #0000,0 0 #0000,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
  font-family:var(--main-font);
  color:var(--text-color);
}
.car-booking .layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.9fr);align-items:start;gap:24px}
.car-booking .car-flow{min-width:0}
@media(max-width:900px){.car-booking .layout{grid-template-columns:1fr}.car-booking .summary{position:static;order:-1}}
.car-booking .card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px}
.car-booking h2,h3{color:var(--primary-color)}
.car-booking .car-steps{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-weight:700;color:#8a93a3}
.car-booking .car-step{display:flex;align-items:center;gap:10px}
.car-booking .car-step:not(:last-child)::after{content:">";color:#c2c8d2}
.car-booking .car-step.active{color:var(--primary-color)}
.car-booking .car-step.complete{color:#0f766e;cursor:pointer}
.car-booking .car-panel{display:none}
.car-booking .car-panel.active{display:block}
.car-booking .car-panel-title{margin:0;color:var(--primary-color);font-size:30px;line-height:1.2;font-weight:800}
.car-booking .car-panel-intro{margin:8px 0 24px;color:#475569;font-size:16px;line-height:1.5}
.car-booking .car-booking-question{margin:0;padding:22px 0;border:0;border-top:1px solid #e2e8f0}
.car-booking .car-booking-question:last-child{padding-bottom:2px}
.car-booking .car-question-title{
  display:block;width:auto;margin:0 0 12px;padding:0;border:0;color:#0f172a;
  font-size:18px;line-height:1.35;font-weight:700
}
.car-booking h3.car-question-title{color:#0f172a}
.car-booking .car-booking-question .form-control{min-height:52px;border-color:#cbd5e1;border-radius:10px;padding:12px 14px;font-size:16px}
.car-booking .car-booking-question .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,75,136,.14)}
.car-booking .summary{position:sticky;top:24px;min-height:220px}
.car-booking .ca-location-address{white-space:pre-line}
.car-booking .appointment-type-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:0}
@media(max-width:700px){.car-booking .appointment-type-list{grid-template-columns:1fr}}
.car-booking .appointment-type{
  display:flex;align-items:center;justify-content:center;min-height:72px;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:16px;
  font-size:16px;line-height:1.35;font-weight:700;color:var(--primary-color);cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s
}
.car-booking .appointment-type:hover{border-color:var(--primary-color);background:#f8fbff;box-shadow:0 3px 12px rgba(8,42,76,.1)}
.car-booking .appointment-type:focus-visible{outline:3px solid rgba(0,75,136,.25);outline-offset:2px}
.car-booking .appointment-type.active{border-color:var(--primary-color);background:var(--accent-color);box-shadow:inset 0 0 0 1px var(--primary-color)}
.car-booking .time-list{margin-top:6px}
.car-booking .ca-daily-capacity-note{margin:0 0 12px;color:#475569;font-size:14px;line-height:1.45}
.ca-modal-open{overflow:hidden}
.ca-no-availability-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}
.ca-no-availability-modal[hidden]{display:none}
.ca-no-availability-modal__backdrop{position:absolute;inset:0;background:rgba(2,18,35,.68)}
.ca-no-availability-modal__dialog{position:relative;width:min(100%,600px);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.3);padding:24px;color:#010101}
.ca-no-availability-modal__dialog:focus{outline:3px solid #ffd250;outline-offset:3px}
.ca-no-availability-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}
.ca-no-availability-modal__header h2{margin:0;color:#004b88;font-size:26px;line-height:1.25}
.ca-no-availability-modal__close{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:999px;background:#f1f5f9;color:#004b88;font-size:28px;line-height:1;cursor:pointer}
.ca-no-availability-modal__close:hover,.ca-no-availability-modal__close:focus{background:#dceaf5;outline:2px solid #004b88}
.ca-no-availability-modal__content{font-size:16px;line-height:1.6}
.ca-no-availability-modal__content > :first-child{margin-top:0}
.ca-no-availability-modal__content > :last-child{margin-bottom:0}
.ca-no-availability-modal__footer{display:flex;justify-content:flex-end;margin-top:24px}
.ca-no-availability-modal__footer .btn{min-width:100px;background:#004b88;border-color:#004b88;color:#fff;font-weight:700}
.ca-no-availability-modal__footer .btn:hover,.ca-no-availability-modal__footer .btn:focus{background:#012760;border-color:#012760;color:#fff}
@media(max-width:600px){.ca-no-availability-modal{padding:12px}.ca-no-availability-modal__dialog{max-height:calc(100vh - 24px);padding:20px}.ca-no-availability-modal__header h2{font-size:22px}}
.car-booking .slot{display:block;width:100%;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;margin-bottom:12px;font-weight:500;cursor:pointer}
.car-booking .slot:hover{border-color:var(--primary-color);box-shadow:0 2px 10px rgba(8,42,76,.08)}
.car-booking .slot.active{outline:2px solid var(--primary-color)}
.car-booking .slot.disabled{opacity:.45;cursor:not-allowed;background:#f3f4f6}
.car-booking .car-overview-input{min-height:160px;line-height:1.45;resize:vertical}
.car-booking .car-booking-for{min-width:0}
.car-booking .car-radio-options{display:grid;gap:10px}
.car-booking .car-radio-option{
  display:flex;align-items:flex-start;gap:12px;margin:0;padding:14px 16px;border:1px solid #cbd5e1;border-radius:10px;
  background:#fff;color:#0f172a;font-size:16px;line-height:1.4;font-weight:600;cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s
}
.car-booking .car-radio-option:hover{border-color:var(--primary-color);background:#f8fbff}
.car-booking .car-radio-option:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,75,136,.14)}
.car-booking .car-radio-option:has(input:checked){border-color:var(--primary-color);background:var(--accent-color);box-shadow:inset 0 0 0 1px var(--primary-color)}
.car-booking .car-radio-option input{
  flex:0 0 auto;width:19px;height:19px;margin:2px 0 0;accent-color:var(--primary-color)
}
.car-booking .car-consent-option input{margin-right:8px}
.car-booking .car-professional-referral{margin-top:18px;padding-top:18px;border-top:1px solid #e5e7eb}
.car-booking .car-referral-prompts{margin:8px 0 12px;padding-left:22px}
.car-booking .car-consent-option{display:flex;align-items:flex-start;line-height:1.45}
.car-booking .car-consent-option input{flex:0 0 auto;margin-top:4px}
.car-booking .btn-primary{background:var(--primary-color);border:none}
.car-booking .car-confirm-panel #car-booking-form{margin-top:24px}
.car-booking .car-confirm-panel #car-booking-form > .mb-2,
.car-booking .car-confirm-panel .car-professional-referral > .mb-2{margin-bottom:20px!important}
.car-booking .car-confirm-panel .form-label{
  display:block;margin:0 0 8px;color:#0f172a;font-size:16px;line-height:1.4;font-weight:700
}
.car-booking .car-required{color:#b42318;font-weight:800}
.car-booking .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.car-booking .car-required-note{margin:0 0 18px;color:#475569;font-size:14px;line-height:1.4}
.car-booking .car-field-note{margin-top:10px;padding:12px 14px;border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;background:#f1f7fc;color:#24364b;font-size:14px;line-height:1.55}
.car-booking .car-field-note > :first-child{margin-top:0}
.car-booking .car-field-note > :last-child{margin-bottom:0}
.car-booking .car-field-note a{color:var(--primary-color);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.car-booking .car-field-note a:hover,.car-booking .car-field-note a:focus{color:var(--primary-color-hover)}
.car-booking .car-confirm-panel .form-control{
  min-height:50px;border-color:#cbd5e1;border-radius:10px;padding:11px 14px;font-size:16px;line-height:1.45
}
.car-booking .car-confirm-panel .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,75,136,.14)}
.car-booking .car-confirm-panel textarea.form-control{padding-top:12px}
.car-booking .car-confirm-panel .car-professional-referral{margin-top:4px;padding-top:24px}
.car-booking .car-confirm-panel .car-referral-prompts{margin-top:10px;margin-bottom:14px;line-height:1.55}
.car-booking .car-confirm-panel .car-consent-option{
  padding:14px 16px;border-radius:10px;background:#f8fafc;color:#0f172a
}
.car-booking .car-confirm-panel #car-submit{min-height:52px;margin-top:4px;border-radius:10px;font-size:16px;font-weight:700}

.car-booking .car-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 14px}
.car-booking .car-month{font-size:28px;font-weight:800;color:var(--primary-color);margin:0}
.car-booking .car-date-wrap{position:relative}
.car-booking .car-date-nav{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.car-booking .car-date-prev,.car-booking .car-date-next{
  width:40px;height:40px;border-radius:9999px;border:1px solid #e6e8ee;background:#fff;color:var(--primary-color);
  font-size:22px;line-height:1;display:grid;place-items:center;box-shadow:0 6px 12px rgba(8,42,76,.08);cursor:pointer
}
.car-booking .car-date-prev:hover,.car-booking .car-date-next:hover{border-color:var(--primary-color)}
.car-booking .car-date-prev:disabled,.car-booking .car-date-next:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}

.car-booking .car-date-strip{display:flex;gap:12px;padding:6px 0 10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.car-booking .car-date-strip::-webkit-scrollbar{display:none}

/* Force perfect circles */
.car-booking .car-date{
  width:74px!important;height:74px!important;min-width:74px!important;min-height:74px!important;border-radius:9999px!important;
  padding:0!important;border:1px solid #e6e8ee!important;background:#fff!important;box-sizing:border-box!important;text-align:center!important;line-height:normal!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;position:relative
}
.car-booking .car-date .day{display:block!important;font-size:14px!important;font-weight:700!important;color:#8a93a3!important;margin:0 0 2px 0!important;line-height:1!important}
.car-booking .car-date .num{display:block!important;font-size:22px!important;font-weight:800!important;line-height:1!important;color:#0b1220!important}
.car-booking .car-date.active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important;box-shadow:0 10px 20px rgba(8,42,76,.15)!important}
.car-booking .car-date.active .day,.car-booking .car-date.active .num{color:#fff!important}
.car-booking .car-date.disabled{background:#f7f8fb!important;border-color:#e6e8ee!important;color:#a7afbd!important;cursor:not-allowed!important}
.car-booking .car-date.disabled .day,.car-booking .car-date.disabled .num{color:#a7afbd!important}
.car-booking .car-date .strike{display:none!important}
.car-booking .car-date.disabled .strike{display:block!important;position:absolute!important;left:18%;right:18%;top:56%;height:3px;background:#d9dde6;border-radius:2px}

.car-booking .car-date:not(.disabled){cursor:pointer !important;}

.ca-admin-calendar-page{
  --primary-color:#004B88;
  --primary-color-hover:#012760;
  --secondary-color:#FCBB69;
  --secondary-color-hover:#FB9b23;
  --tertiary-color:#018176;
  --tertiary-color-hover:#006159;
  --accent-color:#EFF6FE;
  --accessible-color:#ffd250;
  --text-color:#010101;
  --grey-color:#F1F5F9;
  --grey-variation:rgb(226,232,240);
  --radius:25px;
  --bs-primary:var(--primary-color);
  --bs-primary-rgb:0,75,136;
  --bs-border-radius:25px;
  --bs-border-width:1px;
  --bs-border-color:hsl(0,0%,91%);
  --bs-body-color:var(--text-color);
  --bs-body-bg:#fff;
  --bs-box-shadow:0 0 #0000,0 0 #0000,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
  color:var(--text-color);
}

.ca-admin-calendar-page h1{
  color:var(--primary-color);
  font-weight:800;
}

.ca-admin-calendar-filters{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:flex-end;
  margin:12px 0 20px;
}

.ca-admin-calendar-filters label{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:220px;
  margin:0;
  color:var(--primary-color);
  font-weight:800;
}

.ca-admin-calendar-filters select{
  min-height:40px;
  border:1px solid var(--bs-border-color);
  border-radius:8px;
  color:var(--text-color);
  background:#fff;
  font-weight:500;
}

.ca-admin-calendar-legend{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  min-height:40px;
  color:var(--text-color);
  font-weight:700;
}

.ca-admin-calendar-legend span{
  display:inline-flex;
  gap:7px;
  align-items:center;
}

.ca-calendar-legend-dot{
  width:12px;
  height:12px;
  border-radius:50%;
}

.ca-calendar-legend-booking{background:var(--tertiary-color)}
.ca-calendar-legend-availability{background:#dceaf5;border:1px dashed var(--primary-color)}

.ca-admin-calendar-layout{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
  gap:24px;
  align-items:start;
}

.ca-admin-calendar,
.ca-admin-calendar-details{
  background:#fff;
  border:1px solid var(--bs-border-color);
  border-radius:var(--radius);
  box-shadow:var(--bs-box-shadow);
}

.ca-admin-calendar-sidebar{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.ca-admin-calendar{
  min-width:0;
  padding:18px;
}

.ca-admin-calendar-details{
  min-height:220px;
  padding:18px;
}

.ca-admin-calendar-details h2{
  margin:0 0 14px;
  color:var(--primary-color);
  font-size:18px;
  font-weight:800;
}

.ca-admin-calendar-details p{
  color:var(--text-color);
}

.ca-admin-calendar-details .btn{
  border-radius:999px;
  font-weight:700;
}

.ca-book-slot-action{
  margin-top:18px;
  padding:14px;
  border:1px solid #b9d4e8;
  border-radius:10px;
  background:#f3f8fc;
}

.ca-book-slot-action p{
  margin:0 0 10px;
  color:#475569;
}

.ca-book-slot-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding-inline:18px;
  text-decoration:none;
}

.ca-create-booking-button{
  align-self:flex-start;
  border-radius:999px!important;
  font-weight:700!important;
}

.ca-admin-availability-layout{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
  gap:24px;
  align-items:start;
}

.ca-admin-availability-list{
  background:#fff;
  border:1px solid var(--bs-border-color);
  border-radius:var(--radius);
  box-shadow:var(--bs-box-shadow);
  padding:18px;
}

.ca-admin-availability-list-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
}

.ca-admin-availability-list-header h2{
  margin:0;
  color:var(--primary-color);
  font-size:18px;
  font-weight:800;
}

#ca-availability-count{
  color:#5f6b7a;
  font-weight:700;
}

.ca-admin-availability-slots{
  display:grid;
  gap:10px;
}

.ca-admin-availability-slot{
  display:grid;
  grid-template-columns:minmax(120px,.8fr) 86px minmax(0,1.4fr) 82px;
  gap:12px;
  align-items:center;
  width:100%;
  min-height:58px;
  padding:10px 12px;
  border:1px solid var(--bs-border-color);
  border-radius:8px;
  background:#fff;
  color:var(--text-color);
  text-align:left;
  cursor:pointer;
}

.ca-admin-availability-slot:not(.disabled):hover,
.ca-admin-availability-slot:not(.disabled):focus{
  border-color:var(--primary-color);
  box-shadow:0 2px 10px rgba(8,42,76,.08);
}

.ca-admin-availability-slot.active{
  border-color:var(--primary-color);
  outline:2px solid rgba(0,75,136,.18);
}

.ca-admin-availability-slot.disabled{
  background:#f3f4f6;
  color:#7b8491;
  cursor:not-allowed;
  opacity:.72;
}

.ca-admin-availability-slot.disabled .ca-slot-date,
.ca-admin-availability-slot.disabled .ca-slot-time,
.ca-admin-availability-slot.disabled .ca-slot-meta{
  color:#7b8491;
}

.ca-slot-date,
.ca-slot-time{
  color:var(--primary-color);
  font-weight:800;
}

.ca-slot-meta{
  color:#334155;
}

.ca-slot-status{
  justify-self:end;
  padding:4px 8px;
  border-radius:999px;
  background:#e9f6f4;
  color:var(--tertiary-color);
  font-size:12px;
  font-weight:800;
}

.ca-admin-availability-slot.disabled .ca-slot-status{
  background:#e2e8f0;
  color:#64748b;
}

.ca-admin-availability-empty{
  padding:14px;
  color:#5f6b7a;
  background:var(--grey-color);
  border-radius:8px;
}

.ca-admin-availability-booking form p{
  margin:0 0 12px;
}

.ca-admin-availability-booking input,
.ca-admin-availability-booking textarea{
  margin-top:6px;
}

.ca-admin-calendar-page .btn-primary,
.ca-admin-calendar-page .fc .btn-primary{
  background-color:var(--primary-color);
  border-color:var(--primary-color);
  color:#fff;
}

.ca-admin-calendar-page .btn-primary:hover,
.ca-admin-calendar-page .fc .btn-primary:hover,
.ca-admin-calendar-page .btn-primary:focus,
.ca-admin-calendar-page .fc .btn-primary:focus{
  background-color:var(--primary-color-hover);
  border-color:var(--primary-color-hover);
  color:#fff;
}

.ca-admin-calendar-page .btn-outline-primary,
.ca-admin-calendar-page .fc .btn-outline-primary{
  border-color:var(--primary-color);
  color:var(--primary-color);
}

.ca-admin-calendar-page .btn-outline-primary:hover,
.ca-admin-calendar-page .fc .btn-outline-primary:hover,
.ca-admin-calendar-page .btn-outline-primary:focus,
.ca-admin-calendar-page .fc .btn-outline-primary:focus{
  background-color:var(--primary-color);
  border-color:var(--primary-color);
  color:#fff;
}

.ca-admin-calendar-page .fc{
  --fc-border-color:var(--grey-variation);
  --fc-button-bg-color:var(--primary-color);
  --fc-button-border-color:var(--primary-color);
  --fc-button-hover-bg-color:var(--primary-color-hover);
  --fc-button-hover-border-color:var(--primary-color-hover);
  --fc-button-active-bg-color:var(--primary-color-hover);
  --fc-button-active-border-color:var(--primary-color-hover);
  --fc-event-bg-color:var(--tertiary-color);
  --fc-event-border-color:var(--tertiary-color);
  --fc-event-text-color:#fff;
  --fc-today-bg-color:var(--accent-color);
  color:var(--text-color);
}

.ca-admin-calendar-page .fc .fc-toolbar-title{
  color:var(--primary-color);
  font-size:24px;
  font-weight:800;
}

.ca-admin-calendar-page .fc .fc-button{
  border-radius:999px;
  box-shadow:none;
  font-weight:700;
}

.ca-admin-calendar-page .fc .fc-button:focus{
  box-shadow:0 0 0 .2rem rgba(0,75,136,.2);
}

.ca-admin-calendar-page .fc .fc-col-header-cell{
  background:var(--grey-color);
}

.ca-admin-calendar-page .fc .fc-col-header-cell-cushion,
.ca-admin-calendar-page .fc .fc-daygrid-day-number{
  color:var(--primary-color);
  text-decoration:none;
  font-weight:700;
}

.ca-admin-calendar-page .fc .fc-daygrid-event,
.ca-admin-calendar-page .fc .fc-list-event{
  border-radius:999px;
  font-weight:700;
}

.ca-admin-calendar-page .fc .fc-daygrid-event:hover{
  background-color:var(--primary-color-hover);
  border-color:var(--primary-color-hover);
  color:#fff;
}

.ca-admin-calendar-page .fc .fc-daygrid-event:hover .fc-event-title,
.ca-admin-calendar-page .fc .fc-daygrid-event:hover .fc-event-time{
  color:#fff;
}

.ca-admin-calendar-page .fc .ca-calendar-availability-event{
  background:#dceaf5;
  border:1px dashed var(--primary-color);
  color:var(--primary-color);
}

.ca-admin-calendar-page .fc .ca-calendar-availability-event:hover{
  background:#c9deee;
  border-color:var(--primary-color-hover);
  color:var(--primary-color-hover);
}

.ca-admin-calendar-page .fc .ca-calendar-availability-event .fc-event-title,
.ca-admin-calendar-page .fc .ca-calendar-availability-event .fc-event-time{
  color:inherit;
}

.ca-admin-calendar-page .fc .ca-calendar-availability-event .fc-list-event-dot{
  border-color:var(--primary-color);
}

@media(max-width:960px){
  .ca-admin-calendar-layout,
  .ca-admin-availability-layout{grid-template-columns:1fr}
  .ca-admin-availability-slot{grid-template-columns:1fr}
  .ca-admin-calendar-page .fc .fc-toolbar{align-items:flex-start;gap:10px;flex-direction:column}
}

.ca-reports-page{
  max-width:1440px;
}

.ca-reports-filters input[type="date"]{
  min-height:40px;
  border:1px solid var(--bs-border-color);
  border-radius:8px;
  color:var(--text-color);
  background:#fff;
  font-weight:500;
}

.ca-reports-filters .button{
  min-height:40px;
  border-radius:999px;
  font-weight:700;
}

.ca-report-summary-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(150px,1fr));
  gap:14px;
  margin:4px 0 20px;
}

.ca-report-summary-card,
.ca-report-panel{
  background:#fff;
  border:1px solid var(--bs-border-color);
  border-radius:8px;
  box-shadow:var(--bs-box-shadow);
}

.ca-report-summary-card{
  padding:16px;
}

.ca-report-summary-card span{
  display:block;
  color:#64748b;
  font-weight:800;
  margin-bottom:6px;
}

.ca-report-summary-card strong{
  display:block;
  color:var(--primary-color);
  font-size:32px;
  line-height:1.1;
}

.ca-report-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.ca-report-panel{
  min-width:0;
  padding:18px;
}

.ca-report-panel-wide{
  grid-column:span 2;
}

.ca-report-panel-header{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}

.ca-report-panel-header h2{
  margin:0;
  color:var(--primary-color);
  font-size:18px;
  font-weight:800;
}

.ca-report-panel-header span{
  color:#64748b;
  font-weight:700;
}

.ca-report-chart{
  position:relative;
  height:320px;
}

.ca-report-tables{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);
  gap:18px;
  margin-top:18px;
}

.ca-report-table th{
  color:var(--primary-color);
  font-weight:800;
}

.ca-report-empty{
  margin:0;
  padding:14px;
  border-radius:8px;
  background:var(--grey-color);
  color:#64748b;
  font-weight:700;
}

@media(max-width:1100px){
  .ca-report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ca-report-grid,
  .ca-report-tables{grid-template-columns:1fr}
  .ca-report-panel-wide{grid-column:auto}
}

@media(max-width:640px){
  .ca-report-summary-grid{grid-template-columns:1fr}
  .ca-report-chart{height:280px}
  .ca-report-panel-header{display:block}
}