/* MIBERLY RENT 4.2 · product-ready UI pass
   Final cascade: public landing, booking configuration, admin workspace and responsive polish. */

/* ========================================================================== 
   PUBLIC EXPERIENCE
   ========================================================================== */
.miberly-vibrant{
  --v42-ink:#342b2f;
  --v42-muted:#766a6e;
  --v42-line:#ded3cc;
  --v42-soft:#f5f0eb;
  --v42-card:#fffdfa;
  --v42-accent:#702d43;
  --v42-accent-deep:#54202f;
  --v42-focus:#9b5b70;
}
.miberly-vibrant .v-container{width:min(100% - 44px,1360px)}
.miberly-vibrant .button{border-radius:9px}
.miberly-vibrant .v-nav{min-height:92px}
.miberly-vibrant .v-nav-links{gap:clamp(16px,2vw,30px)}
.miberly-vibrant .v-nav-links>a{font-size:12px}
.miberly-vibrant .v-nav-cta{border-radius:9px!important}

/* Hero: readable at every width, without forcing the next section under it. */
.miberly-v2 .v2-hero{min-height:650px!important;background:#30272b}
.miberly-v2 .v2-hero .v-hero-content{min-height:650px;padding-top:68px;padding-bottom:92px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);gap:clamp(36px,5vw,78px)}
.miberly-v2 .v2-hero .v-hero-image{object-position:center 54%}
.miberly-v2 .v2-hero .v-hero-shade{background:linear-gradient(90deg,rgba(38,28,33,.92) 0%,rgba(38,28,33,.79) 38%,rgba(38,28,33,.31) 66%,rgba(38,28,33,.12) 100%),linear-gradient(180deg,rgba(20,14,16,.08),rgba(20,14,16,.2))}
.miberly-v2 .v2-hero-copy{max-width:690px}
.miberly-v2 .v2-hero h1{max-width:690px;font-size:clamp(58px,5.35vw,82px)!important;line-height:.98!important;letter-spacing:-3.2px!important;text-wrap:balance}
.miberly-v2 .v2-hero-copy>p{max-width:590px;margin:24px 0 0;color:rgba(255,248,244,.82)!important;font-size:15px!important;line-height:1.75;text-shadow:0 1px 18px rgba(0,0,0,.28)}
.miberly-v2 .v2-hero .v-hero-actions{margin-top:30px}
.miberly-v2 .v2-hero .v-secondary-link{color:#fff7f2}
.miberly-v2 .v2-hero .v-secondary-link:hover{color:#fff}

/* Search card in hero. */
.v2-quick-search{max-width:520px!important;padding:28px!important;gap:16px!important;border:1px solid rgba(255,255,255,.55);border-radius:16px!important;background:rgba(255,253,250,.97)!important;box-shadow:0 24px 70px rgba(19,9,13,.28)!important;backdrop-filter:blur(7px)}
.v2-quick-heading>span{letter-spacing:1.65px}
.v2-quick-heading strong{font-size:24px!important;letter-spacing:-.45px}
.v2-quick-heading p{max-width:440px;margin-top:8px!important;color:#766a6e!important;font-size:11px!important;line-height:1.65!important}
.v41-quick-dates{gap:12px!important}
.v2-quick-search label{gap:8px}
.v2-quick-search label>span{font-size:10px;font-weight:700;color:#6d5e64}
.v2-quick-search input{min-height:50px!important;border-color:#d9ccc6!important;border-radius:9px!important;background:#fff!important;font-size:13px}
.v2-quick-search input:focus{outline:3px solid rgba(112,45,67,.12);outline-offset:1px;border-color:#8f5669!important}
.v2-quick-search>.button{min-height:52px;border-radius:9px!important;font-size:12px;font-weight:800}
.v2-quick-search>small{color:#8c7f84;font-size:9px;line-height:1.6}

/* Catalog breathing room and cleaner filter row. */
.miberly-vibrant .v-catalog-section{padding-top:78px;padding-bottom:84px}
.miberly-vibrant .v3-needs{margin-top:22px;padding-bottom:8px;gap:8px}
.miberly-vibrant .v3-needs button{min-height:36px;padding:9px 14px;border-color:#d9ccc6;background:#fffdfa;font-size:9.5px}
.miberly-vibrant .v3-needs button:hover{border-color:#9f7c88;color:#682b3d}

/* Until a car is selected, don't show a disabled wall of fields. */
.v42-selection-gate{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:42px;padding:24px 26px;border:1px solid #d9cdc6;border-radius:14px;background:linear-gradient(135deg,#fffdfa 0%,#f7f1ec 100%);box-shadow:0 10px 30px rgba(65,43,50,.055)}
.v42-selection-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:13px;background:#eee3df;color:#702d43}
.v42-selection-icon .icon{width:27px;height:27px}
.v42-selection-gate .v-eyebrow{display:block;margin-bottom:7px;color:#7b4154;font-size:8px;letter-spacing:1.35px}
.v42-selection-gate h3{margin:0 0 7px;color:#3d3035;font:800 22px/1.18 var(--heading);letter-spacing:-.35px}
.v42-selection-gate p{max-width:780px;margin:0;color:#7c6f73;font-size:11px;line-height:1.65}
.v42-selection-gate>.button{min-width:150px;justify-content:center}

/* Full booking panel, shown only for a selected vehicle. */
.miberly-vibrant .v42-date-panel{grid-template-columns:minmax(250px,.72fr) minmax(0,1.55fr);gap:28px 34px;margin-top:42px;padding:30px;border:1px solid #d5c7c0;border-top:4px solid #702d43;border-radius:16px;background:#fffdfa;box-shadow:0 14px 38px rgba(64,42,49,.06)}
.miberly-vibrant .v42-date-panel .v-date-side{padding-right:28px;border-color:#e5dad4}
.miberly-vibrant .v42-date-panel .v-date-side>h3{margin-top:10px;margin-bottom:24px;font-size:28px}
.miberly-vibrant .v42-date-panel .v-selected-picture{width:96px;height:72px;border-radius:10px;background:#f1e9e3}
.miberly-vibrant .v42-date-panel .v-selected-picture>img{object-fit:cover;padding:0}
.v42-selected-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.v42-selected-meta span{padding:5px 7px;border-radius:999px;background:#f3ede9;color:#6f6065;font-size:8px;font-weight:700}
.v42-side-note{display:grid;gap:5px;margin-top:26px;padding:15px;border:1px solid #e5dad4;border-radius:10px;background:#f8f3ef}
.v42-side-note b{font-size:10px;color:#4e3d43}
.v42-side-note span{color:#7d7074;font-size:9px;line-height:1.55}

.miberly-vibrant .v42-rental-form{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;align-items:stretch}
.v42-date-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.miberly-vibrant .v42-rental-form label{gap:8px!important;font-size:10px!important}
.miberly-vibrant .v42-rental-form input:not([type="checkbox"]),
.miberly-vibrant .v42-rental-form select{width:100%;min-height:48px;border:1px solid #d7cac4;border-radius:9px;background:#fff;color:#3c3135;padding:11px 12px;font:500 12px/1.2 var(--body);box-sizing:border-box}
.miberly-vibrant .v42-rental-form input:not([type="checkbox"]):focus,
.miberly-vibrant .v42-rental-form select:focus{outline:3px solid rgba(112,45,67,.1);outline-offset:1px;border-color:#92566a}

.v42-booking-section{display:grid;gap:14px;padding:17px;border:1px solid #e2d8d2;border-radius:12px;background:#faf7f3}
.v42-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.v42-section-heading span{display:block;margin-bottom:4px;color:#8a5b6b;font-size:7px;font-weight:850;letter-spacing:1.15px}
.v42-section-heading h4{margin:0;color:#45363b;font:800 15px/1.2 var(--heading)}
.v42-section-heading p{max-width:280px;margin:0;color:#8b7d82;font-size:9px;line-height:1.45;text-align:right}
.miberly-vibrant .v42-rental-form .v3-booking-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
.miberly-vibrant .v42-rental-form .v3-booking-meta label>span small{color:#9a8d91;font-size:8px;font-weight:500}

.v42-company-details{border-top:1px solid #e4dad4;padding-top:2px}
.v42-company-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 2px 2px;list-style:none;cursor:pointer;color:#55464b}
.v42-company-details>summary::-webkit-details-marker{display:none}
.v42-company-details>summary>span{display:grid;gap:3px}
.v42-company-details>summary b{font-size:10px}
.v42-company-details>summary small{color:#918388;font-size:8.5px;font-weight:500}
.v42-company-details>summary i{width:24px;height:24px;display:grid;place-items:center;border:1px solid #d9ccc6;border-radius:50%;font-style:normal;font-size:15px;line-height:1;transition:transform .18s ease}
.v42-company-details[open]>summary i{transform:rotate(45deg)}
.v42-company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:12px}

/* Add-ons: purpose-built selectable cards, not globally styled form inputs. */
.miberly-vibrant .v42-extras-box{grid-column:auto!important;margin:0!important;padding:17px!important;border:1px solid #dfd3cd!important;border-radius:12px!important;background:#f7f2ee!important;min-width:0}
.v42-extras-box>legend{padding:0 8px;color:#744052;font-size:8px;font-weight:850;letter-spacing:1.25px;text-transform:uppercase}
.v42-extras-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}
.v42-extras-heading h4{margin:0 0 4px!important;color:#44353a;font:800 15px/1.2 var(--heading)!important;text-transform:none!important;letter-spacing:0!important}
.v42-extras-heading p{margin:0;max-width:480px;color:#8a7c80;font-size:9px;line-height:1.5}
.v42-extras-heading>span{flex:0 0 auto;padding:6px 8px;border-radius:999px;background:#eee3df;color:#734052;font-size:8px;font-weight:800}
.miberly-vibrant .v42-extras-box .v3-extra-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
.miberly-vibrant .v42-extras-box .v42-addon{position:relative;display:grid!important;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;margin:0;padding:12px!important;border:1px solid #ded3cd!important;border-radius:11px!important;background:#fff!important;color:#403438!important;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.miberly-vibrant .v42-extras-box .v42-addon:hover{border-color:#b993a0!important;box-shadow:0 7px 18px rgba(70,42,52,.06);transform:translateY(-1px)}
.miberly-vibrant .v42-extras-box .v42-addon:has(input:checked){border-color:#7c3a50!important;background:#fffaf8!important;box-shadow:inset 0 0 0 1px #7c3a50}
.miberly-vibrant .v42-extras-box .v42-addon>input[type="checkbox"]{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0;pointer-events:none}
.v42-addon-check{width:22px;height:22px;display:grid;place-items:center;border:1.5px solid #bbaab0;border-radius:6px;background:#fff;transition:.16s ease}
.v42-addon-check::after{content:'✓';opacity:0;color:#fff;font-size:13px;font-weight:900;transform:scale(.7);transition:.16s ease}
.v42-addon input:checked+.v42-addon-check{border-color:#702d43;background:#702d43}
.v42-addon input:checked+.v42-addon-check::after{opacity:1;transform:scale(1)}
.v42-addon input:focus-visible+.v42-addon-check{outline:3px solid rgba(112,45,67,.18);outline-offset:2px}
.v42-addon-copy{display:grid;gap:3px;min-width:0}
.v42-addon-copy strong{color:#413438;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.v42-addon-copy small{color:#91848a;font-size:8px;line-height:1.3}
.v42-addon-price{display:grid;justify-items:end;gap:1px;white-space:nowrap}
.v42-addon-price b{color:#653246;font-size:10px}
.v42-addon-price small{color:#9a8c91;font-size:7.5px}
.v42-price-button{min-height:52px!important;margin:0!important;border-radius:9px!important;font-size:11px!important;font-weight:800!important}
.miberly-vibrant .v42-date-panel>.rental-date-note{padding-top:17px}
.miberly-vibrant .v42-date-panel>.rental-date-note b{color:#57464c}

/* ========================================================================== 
   ADMIN PRODUCT SHELL
   ========================================================================== */
body:has(.admin-shell){background:#f5f1eb;color:#322c2e}
.admin-shell{
  --admin-bg:#f5f1eb;
  --admin-card:#fffdfa;
  --admin-line:#e1d8d1;
  --admin-muted:#7c7074;
  --admin-ink:#322c2e;
  --admin-accent:#6d3045;
  grid-template-columns:272px minmax(0,1fr)!important;
  background:var(--admin-bg)
}
.admin-shell .sidebar{padding:22px 14px 17px!important;background:linear-gradient(180deg,#4b2735 0%,#42222f 100%)!important;box-shadow:5px 0 24px rgba(50,25,34,.08)}
.admin-shell .sidebar>.miberly-brand{margin:0 8px 10px!important}
.admin-shell .admin-nav-groups{padding-right:3px!important}
.admin-shell .admin-nav-group{padding:4px 0 8px!important;border-bottom-color:rgba(255,255,255,.08)!important}
.admin-shell .admin-nav-group>summary{padding:10px 9px 7px!important;color:#c6b8bd!important;font-size:8.5px!important;letter-spacing:1.25px!important}
.admin-shell .admin-nav-items{gap:3px!important}
.admin-shell .admin-nav-items button{min-height:38px!important;padding:8px 10px!important;border-radius:8px!important;color:#d7ccd0!important;font-size:10.5px!important}
.admin-shell .admin-nav-items button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.admin-shell .admin-nav-items button.active{background:#f4e8e5!important;color:#342c2f!important;box-shadow:0 3px 12px rgba(24,11,16,.1)}
.admin-shell .admin-nav-items button.active .icon{color:#6b3044}
.admin-shell .admin-top{position:sticky;top:0;z-index:35;height:62px;border-bottom:1px solid #e5ddd7;background:rgba(255,253,250,.94);backdrop-filter:blur(10px)}
.admin-shell .breadcrumbs{font-size:9px;letter-spacing:.1px;color:#83767a}
.admin-shell .breadcrumbs b{color:#3d3538;font-size:10px}
.admin-shell .admin-main{max-width:1500px!important;padding:34px clamp(24px,3vw,46px) 64px!important}
.admin-shell .admin-heading{margin-bottom:24px;gap:18px}
.admin-shell .admin-heading h1{margin:0;color:#312b2d;font-size:clamp(27px,2.5vw,38px);line-height:1.08;letter-spacing:-1px;text-wrap:balance}
.admin-shell .admin-heading p{max-width:820px;margin-top:9px;color:#776b6f;font-size:12px;line-height:1.65}
.admin-shell .admin-heading>.button{min-height:42px;border-radius:9px;padding-inline:16px}

/* Common cards and legacy modules now share one visual system. */
.admin-shell .panel,
.admin-shell .metric,
.admin-shell .work-board,
.admin-shell .admin-v2-card,
.admin-shell .v3-crm-card,
.admin-shell .v3-service-card,
.admin-shell .staff-overview-card{border-color:var(--admin-line)!important;border-radius:13px!important;background:var(--admin-card)!important;box-shadow:0 8px 24px rgba(72,52,58,.035)}
.admin-shell .panel-heading{padding:19px 21px!important;border-bottom-color:#e8dfd9!important}
.admin-shell .panel-heading h2{margin:0;color:#373033;font-size:16px;line-height:1.25;letter-spacing:-.2px}
.admin-shell .panel-heading p{margin:5px 0 0!important;color:#82767a!important;font-size:9.5px!important;line-height:1.55!important}
.admin-shell .panel-body{padding:20px}
.admin-shell .button{border-radius:8px;min-height:39px;font-size:10px;font-weight:750}
.admin-shell .button.small{min-height:34px;padding:8px 11px;font-size:9px}
.admin-shell .text-button{font-size:10px}
.admin-shell input:not([type="checkbox"]):not([type="radio"]),
.admin-shell select,
.admin-shell textarea{min-width:0;min-height:42px;border-radius:8px!important;border-color:#ddd3cd!important;background:#fff!important;font-size:11px!important;box-sizing:border-box}
.admin-shell textarea{line-height:1.55}
.admin-shell input:focus,
.admin-shell select:focus,
.admin-shell textarea:focus{outline:3px solid rgba(109,48,69,.1);outline-offset:1px;border-color:#9a6476!important}
.admin-shell label{min-width:0}
.admin-shell .table-wrap,
.admin-shell .v4-table-wrap,
.admin-shell .v3-calendar-wrap{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.admin-shell table{border-collapse:collapse}
.admin-shell th{font-size:9px!important;letter-spacing:.45px}
.admin-shell td{font-size:10.5px}
.admin-shell td small{font-size:8.5px}
.admin-shell .pill{white-space:nowrap}

/* V4 dashboards. */
.v4-top-actions{margin:-4px 0 20px!important;gap:8px!important}
.v4-hero-grid{gap:12px!important;margin-bottom:14px!important}
.v4-command-card{min-height:128px!important;padding:18px 19px!important;border-radius:13px!important;border-color:#e1d8d1!important;box-shadow:0 7px 20px rgba(72,52,58,.035)}
.v4-command-card.primary{background:linear-gradient(135deg,#efe0df 0%,#f3e8e5 100%)!important}
.v4-command-card small{font-size:8px!important;letter-spacing:1.05px!important}
.v4-command-card strong{font-size:clamp(26px,2.3vw,34px)!important;letter-spacing:-.9px!important}
.v4-command-card .v4-text-strong{font-size:17px!important;line-height:1.25!important}
.v4-command-card span{font-size:9.5px!important;line-height:1.45!important}
.v4-grid{gap:14px!important;margin-bottom:14px!important}
.v4-panel{border-radius:13px!important;overflow:hidden}
.v4-panel-body{padding:18px 20px 20px!important}
.v4-row{gap:13px!important;padding:11px 0!important}
.v4-row b,.v4-row strong{font-size:10.5px}
.v4-row small{font-size:8.5px}
.v4-mini-metrics span{padding:6px 8px!important;font-size:8.5px!important}
.v4-action-list{gap:8px!important}
.v4-action-list article{grid-template-columns:30px minmax(0,1fr) auto!important;gap:10px!important;padding:11px 12px!important;border-radius:10px!important}
.v4-action-list article>span{width:28px!important;height:28px!important;font-size:10px}
.v4-action-list p{font-size:10px!important;line-height:1.5!important}
.v4-insight-grid{gap:8px!important}
.v4-insight-grid article{padding:13px!important;border-radius:10px!important;background:#fff}
.v4-insight-grid strong{font-size:24px!important}
.v4-insight-grid p{font-size:8px!important;line-height:1.45}
.v4-health-list{gap:10px!important}
.v4-health-list>div{gap:10px!important;font-size:10px}
.v4-table-wrap{border-color:#e5dcd6!important;border-radius:10px!important;background:#fff}
.v4-table{min-width:700px!important;font-size:10px!important}
.v4-table th{padding:10px 11px!important;background:#faf7f4}
.v4-table td{padding:11px!important}
.v4-form{gap:10px!important}
.v4-form>div{gap:9px!important}
.v4-form label{font-size:9px!important}
.v4-form input,.v4-form select,.v4-form textarea,.v4-ai textarea{min-height:42px!important;border-radius:8px!important}
.v4-case{padding:13px!important;border-radius:10px!important}
.v4-lifecycle-grid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr))!important;gap:10px!important}
.v4-lifecycle-grid article{min-height:225px!important;padding:16px!important;border-radius:11px!important}
.v4-benchmark article,.v4-plans article,.v4-experiments label{border-radius:10px!important}

/* Legacy V2/V3 grids receive the same spacing and sane field sizes. */
.admin-v2-grid,.v3-admin-grid{gap:14px!important;margin-bottom:14px!important}
.v3-form-grid{gap:10px!important}
.v3-form-grid label,.v3-inline-form label{font-size:9px!important}
.v3-row{gap:12px!important;padding:11px 12px!important;border-radius:9px!important}
.v3-row strong{font-size:10px!important}
.v3-row small{font-size:8.5px!important;line-height:1.45}
.v3-crm-grid,.v3-service-grid{gap:10px!important}
.v3-crm-card{padding:16px!important}
.v3-service-card{padding:16px!important}
.v3-inline-form{gap:8px!important}
.v3-timeline{border-radius:10px!important}

/* ========================================================================== 
   SELF SERVICE / TV
   ========================================================================== */
.v4-self{background:linear-gradient(180deg,#f5f0ea 0%,#eee7df 100%)!important}
.v4-self-shell{max-width:920px!important}
.v4-self-card{border-radius:16px!important;border-color:#ddd1c8!important;box-shadow:0 12px 34px rgba(69,48,55,.055)}
.v4-self-steps label{border-radius:11px!important;background:#fff}
.v4-tv{gap:20px!important;padding:30px!important}
.v4-tv-kpis{gap:11px!important}
.v4-tv-kpis article,.v4-tv-panel{border-radius:13px!important}

/* ========================================================================== 
   RESPONSIVE
   ========================================================================== */
@media(max-width:1180px){
  .miberly-v2 .v2-hero .v-hero-content{grid-template-columns:minmax(0,1fr) minmax(370px,.85fr);gap:34px}
  .miberly-v2 .v2-hero h1{font-size:clamp(54px,6vw,72px)!important}
  .admin-shell{grid-template-columns:250px minmax(0,1fr)!important}
}

@media(max-width:980px){
  .miberly-vibrant .v-container{width:min(100% - 40px,1360px)}
  .miberly-v2 .v2-hero{min-height:0!important}
  .miberly-v2 .v2-hero .v-hero-content{grid-template-columns:1fr!important;min-height:0!important;gap:30px!important;padding-top:50px!important;padding-bottom:74px!important}
  .miberly-v2 .v2-hero .v-hero-image{object-position:58% center!important}
  .miberly-v2 .v2-hero .v-hero-shade{background:linear-gradient(180deg,rgba(42,31,36,.94) 0%,rgba(42,31,36,.84) 48%,rgba(42,31,36,.62) 100%)!important}
  .miberly-v2 .v2-hero-copy{max-width:650px}
  .miberly-v2 .v2-hero-copy>p{color:rgba(255,248,244,.82)!important}
  .v2-quick-search{justify-self:stretch!important;max-width:680px!important}
  .v42-selection-gate{grid-template-columns:56px minmax(0,1fr);gap:18px}
  .v42-selection-gate>.button{grid-column:2;justify-self:start}
  .miberly-vibrant .v42-date-panel{grid-template-columns:1fr!important;gap:22px!important}
  .miberly-vibrant .v42-date-panel .v-date-side{padding:0 0 21px!important;border-right:0!important;border-bottom:1px solid #e5dad4}
  .v42-side-note{margin-top:17px}

  .admin-shell{display:block!important}
  .admin-shell .sidebar{position:sticky!important;top:0;height:auto!important;padding:8px 12px!important;overflow:visible!important;z-index:70;box-shadow:0 4px 16px rgba(43,24,31,.14)}
  .admin-shell .sidebar>.miberly-brand,.admin-shell .sidebar-footer{display:none!important}
  .admin-shell .admin-mobile-menu{position:relative;display:block!important}
  .admin-shell .admin-mobile-menu>summary{display:flex!important;min-height:42px;padding:8px 9px!important;border-radius:8px;font-size:11px!important}
  .admin-shell .admin-nav-groups{position:absolute;top:calc(100% + 6px);left:0;right:0;display:none!important;max-height:min(72vh,620px)!important;margin:0!important;padding:8px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:11px!important;background:#40212e!important;box-shadow:0 20px 50px rgba(28,13,19,.3);overflow:auto!important}
  .admin-shell .admin-mobile-menu[open]>.admin-nav-groups{display:block!important}
  .admin-shell .admin-nav-group{padding:4px 0 6px!important}
  .admin-shell .admin-nav-items{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-shell .admin-top{position:sticky;top:58px;height:54px;padding:0 18px!important;z-index:30}
  .admin-shell .admin-main{padding:25px 18px 46px!important}
  .admin-shell .admin-heading h1{font-size:30px}
  .v4-grid.two,.v4-grid.three{grid-template-columns:1fr!important}
  .v4-lifecycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:650px){
  .miberly-vibrant .v-container{width:min(100% - 32px,1360px)}
  .miberly-vibrant .v-nav{min-height:72px!important}
  .miberly-vibrant .v-nav-links>.v-nav-cta{display:none!important}
  .miberly-vibrant .v-nav-links>.v-account-link{display:inline-flex!important;min-height:42px;align-items:center;padding:0 12px;border:1px solid #d3c5bf;border-radius:8px;background:#fffdfa;font-size:10px!important}
  .miberly-v2 .v2-hero .v-hero-content{gap:26px!important;padding-top:36px!important;padding-bottom:52px!important}
  .miberly-v2 .v2-hero h1{font-size:clamp(39px,11.3vw,52px)!important;line-height:1.02!important;letter-spacing:-2.1px!important}
  .miberly-v2 .v2-hero-copy>p{margin-top:18px!important;font-size:12.5px!important;line-height:1.65!important}
  .miberly-v2 .v2-hero .v-hero-actions{margin-top:23px;gap:13px}
  .v2-quick-search{padding:18px!important;border-radius:13px!important;gap:13px!important}
  .v2-quick-heading strong{font-size:20px!important}
  .v2-quick-heading p{font-size:10px!important}
  .v41-quick-dates{grid-template-columns:1fr!important}
  .v2-quick-search input{font-size:16px!important;min-height:51px!important}
  .miberly-vibrant .v-catalog-section{padding-top:56px;padding-bottom:60px}

  .v42-selection-gate{grid-template-columns:1fr;gap:13px;margin-top:30px;padding:20px}
  .v42-selection-icon{width:50px;height:50px}
  .v42-selection-gate h3{font-size:20px}
  .v42-selection-gate p{font-size:10px}
  .v42-selection-gate>.button{grid-column:auto;width:100%}

  .miberly-vibrant .v42-date-panel{margin-top:31px!important;padding:20px 18px!important;border-radius:13px!important;gap:20px!important}
  .miberly-vibrant .v42-date-panel .v-date-side>h3{font-size:25px!important}
  .miberly-vibrant .v42-date-panel .selected-car-summary{align-items:flex-start}
  .miberly-vibrant .v42-date-panel .v-selected-picture{width:82px;height:64px}
  .v42-selected-meta{display:grid;grid-template-columns:1fr;gap:4px}
  .v42-date-fields{grid-template-columns:1fr;gap:13px}
  .v42-booking-section{padding:14px}
  .v42-section-heading{display:grid;gap:5px}
  .v42-section-heading p{text-align:left}
  .miberly-vibrant .v42-rental-form .v3-booking-meta{grid-template-columns:1fr!important}
  .v42-company-grid{grid-template-columns:1fr}
  .miberly-vibrant .v42-extras-box{padding:14px!important}
  .v42-extras-heading{align-items:flex-start}
  .v42-extras-heading>span{display:none}
  .miberly-vibrant .v42-extras-box .v3-extra-options{grid-template-columns:1fr!important;gap:8px!important}
  .miberly-vibrant .v42-extras-box .v42-addon{grid-template-columns:22px minmax(0,1fr) auto;min-height:67px;padding:11px!important}
  .v42-addon-copy strong{font-size:10px}
  .v42-addon-price b{font-size:9.5px}

  .admin-shell .admin-nav-items{grid-template-columns:1fr!important}
  .admin-shell .admin-top{top:58px;padding:0 13px!important}
  .admin-shell .admin-main{padding:19px 12px 36px!important}
  .admin-shell .admin-heading{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-bottom:18px!important}
  .admin-shell .admin-heading h1{font-size:27px;letter-spacing:-.7px}
  .admin-shell .admin-heading p{font-size:10.5px;line-height:1.55}
  .admin-shell .admin-heading>.button{width:100%}
  .v4-top-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .v4-top-actions .button{width:100%!important;padding-inline:8px!important}
  .v4-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .v4-command-card{min-height:112px!important;padding:14px!important}
  .v4-command-card strong{font-size:23px!important}
  .v4-command-card .v4-text-strong{font-size:14px!important}
  .v4-command-card span{font-size:8px!important}
  .v4-panel-body{padding:14px!important}
  .v4-panel .panel-heading{padding:14px!important}
  .v4-panel .panel-heading h2{font-size:14px}
  .v4-grid{gap:9px!important;margin-bottom:9px!important}
  .v4-action-list article{grid-template-columns:28px minmax(0,1fr)!important}
  .v4-action-list article .button{grid-column:2;width:100%}
  .v4-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v4-insight-grid article{padding:11px!important}
  .v4-insight-grid strong{font-size:21px!important}
  .v4-row{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}
  .v4-mini-metrics{max-width:100%!important;justify-content:flex-start!important}
  .v4-health-list>div{grid-template-columns:1fr 50px!important}
  .v4-health-track{grid-column:1/3!important;grid-row:2}
  .v4-lifecycle-grid{grid-template-columns:1fr!important}
  .v4-route>div{grid-template-columns:44px minmax(0,1fr)!important}
  .v4-route small{grid-column:2}
  .v4-plans,.v4-experiments{grid-template-columns:1fr!important}
  .v3-crm-grid,.v3-service-grid{grid-template-columns:1fr!important}
  .v4-self{padding:12px!important}
  .v4-tv{padding:16px!important}
}

@media(max-width:390px){
  .miberly-vibrant .v-container{width:min(100% - 28px,1360px)}
  .miberly-v2 .v2-hero h1{font-size:39px!important}
  .miberly-v2 .v2-hero .v-main-cta{padding-inline:15px}
  .miberly-vibrant .v42-extras-box .v42-addon{grid-template-columns:20px minmax(0,1fr);}
  .v42-addon-price{grid-column:2;justify-items:start;display:flex;align-items:baseline;gap:4px}
  .v4-top-actions{grid-template-columns:1fr!important}
}

/* Desktop admin navigation must stay fully reachable even with every group expanded. */
@media(min-width:981px){
  .admin-shell .sidebar{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    align-content:stretch!important;
    overflow:hidden!important;
  }
  .admin-shell .admin-mobile-menu{
    display:grid!important;
    grid-template-rows:minmax(0,1fr)!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
  }
  .admin-shell .admin-nav-groups{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding-bottom:16px!important;
  }
  .admin-shell .sidebar-footer{
    position:relative!important;
    z-index:3;
    margin:0!important;
    padding-top:13px!important;
    background:#42222f;
  }
}

/* Customer-facing secondary views: final readability pass. */
.v4-self-card h1{font-size:clamp(28px,4vw,38px);line-height:1.08;letter-spacing:-.7px}
.v4-self-card h2{font-size:clamp(22px,3vw,30px);line-height:1.15;letter-spacing:-.45px}
.v4-self-card p{line-height:1.65}
.v4-self-head{padding:2px 2px 4px}
.v4-self-status{font-size:12px}
@media(max-width:650px){
  .v4-self-head{flex-direction:row!important;align-items:center!important;margin-bottom:16px!important}
  .v4-self-head a{font-size:12px}
  .v4-self-card{padding:18px!important}
  .v4-self-card h1{font-size:27px}
  .v4-self-card h2{font-size:23px}
  .v4-self-code{font-size:30px;letter-spacing:3px}
  .v4-self-steps label{padding:12px!important}
}