/* CARIAL site-wide graphite glass theme, inspired by the approved admin reference. */
:root{--cg-bg:#080b0f;--cg-surface:rgba(18,23,30,.82);--cg-surface-strong:#11161d;--cg-line:rgba(190,205,224,.14);--cg-white:#f4f6f8;--cg-muted:#a0a8b3;--cg-red:#e10613;--cg-green:#67dfa0}
body{background:var(--cg-bg);color:var(--cg-white)}
::selection{background:rgba(225,6,19,.42);color:#fff}
:focus-visible{outline:2px solid rgba(241,75,85,.86);outline-offset:3px}

/* Public storefront: keep its current structure, share the admin's glass surfaces. */
.storefront .header{background:rgba(8,11,15,.78)!important;border-bottom-color:var(--cg-line)!important;backdrop-filter:blur(22px) saturate(135%)}
.storefront .hero{background-color:#080b0f!important}
.storefront .hero-bg{background:radial-gradient(ellipse at 74% 44%,rgba(225,6,19,.17),transparent 29%),radial-gradient(ellipse at 18% 14%,rgba(160,181,208,.08),transparent 32%),linear-gradient(135deg,#090c11,#111720 58%,#090b0f)!important}
.storefront .hero-lines{opacity:.52!important}
.storefront .booking-box,.storefront .catalog-card,.storefront .transfer-card,.storefront .car-detail-card,.storefront .contact-map-card,.storefront .contact-info-card,.storefront .contact-social-card,.storefront .request-card,.storefront .reservation-done-card{border-color:var(--cg-line);background:linear-gradient(145deg,rgba(28,35,45,.82),rgba(13,17,23,.82));backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)}
.storefront .booking-box{border-radius:15px}
.storefront .booking input,.storefront .booking select,.storefront .request-form input,.storefront .request-form select{border-radius:8px!important;background:rgba(9,12,17,.52)!important;border-color:rgba(190,205,224,.16)!important;color:#f4f6f8!important}
.storefront .booking input:focus,.storefront .booking select:focus,.storefront .request-form input:focus,.storefront .request-form select:focus{border-color:rgba(225,6,19,.76)!important;box-shadow:0 0 0 3px rgba(225,6,19,.13)}
.storefront .booking button,.storefront .nav-book,.storefront .car-detail-book,.storefront .request-submit{border-radius:8px!important}
.storefront .catalog-card{background:linear-gradient(145deg,rgba(25,31,40,.94),rgba(14,18,24,.96))!important}
.storefront .catalog-card:hover{border-color:rgba(225,74,84,.42)!important}
.storefront .car-card-cta{border-radius:8px;background:linear-gradient(180deg,rgba(28,34,42,.9),rgba(15,20,26,.94))}
.storefront .transfer-card{border-radius:14px}
.storefront .car-detail-card{border-radius:17px}
.storefront .contact-map-card,.storefront .contact-info-card,.storefront .contact-social-card{border-radius:15px}
.storefront .contact-info-card .contact-icon,.storefront .contact-social-icon{border-color:rgba(190,205,224,.17);background:rgba(101,119,143,.15);color:#dce3ed}
.storefront .catalog-slider-controls button,.storefront .car-favorite,.storefront .lang-picker>summary{border-color:rgba(190,205,224,.19);background:rgba(14,19,26,.84);backdrop-filter:blur(12px)}
.storefront .section-title h2,.storefront .catalog-head h2,.storefront .cars-all-heading h1,.storefront .contact-hero h1{color:var(--cg-white)}
.storefront .section-title p,.storefront .catalog-head p{color:var(--cg-muted)}
.storefront .footer{border-top:1px solid rgba(190,205,224,.09)}

/* Account, inbox and sign-in surfaces use the same rounded translucent panels. */
.auth-body .auth-card,.account-body .profile-panel,.account-body .member-card,.inbox-body .inbox-message,.inbox-body .inbox-empty{border:1px solid var(--cg-line);border-radius:14px;background:linear-gradient(145deg,rgba(27,34,44,.88),rgba(13,17,23,.88));backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)}
.account-body .profile-avatar,.account-body .member-avatar{border:1px solid rgba(225,6,19,.62);box-shadow:0 0 0 3px rgba(255,255,255,.035)}
.account-body .account-data-form input:not([type=checkbox]),.account-body .account-data-form select,.account-body .account-data-form textarea,.auth-body .auth-card input{border-radius:8px;background:rgba(9,12,17,.58);border-color:rgba(190,205,224,.15)}
.inbox-body .inbox-message{border-left:2px solid var(--cg-red)}
.inbox-body .inbox-nav-link{border-radius:50%;background:rgba(14,19,26,.84);backdrop-filter:blur(12px)}

/* Dashboard carries the full approved admin style; these rules finish the glass treatment. */
.dashboard-body .admin-layout .stat-card,.dashboard-body .admin-layout .admin-panel{backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
.dashboard-body .admin-layout .stat-card,.dashboard-body .admin-layout .admin-panel{border-color:rgba(177,197,222,.16)}
.dashboard-body .admin-layout .sidebar{background:linear-gradient(180deg,rgba(19,25,34,.97),rgba(9,11,15,.97));backdrop-filter:blur(20px)}
.dashboard-body .admin-layout .side-link{border-radius:8px}
.dashboard-body .admin-layout .side-link.active{background:linear-gradient(90deg,rgba(225,6,19,.18),rgba(23,25,31,.72));box-shadow:inset 2px 0 var(--cg-red)}

/* Desktop proportions and user directory from the approved dashboard layout. */
.dashboard-body{background:#080d13!important;background-image:radial-gradient(ellipse 72% 56% at 72% 4%,rgba(36,57,79,.30),transparent 68%),linear-gradient(135deg,#080d13 0%,#0b121a 56%,#0d151f 100%)!important}
.dashboard-body .admin-layout{min-height:100vh;background:transparent!important}
.dashboard-body .admin-layout .sidebar{position:fixed!important;inset:14px auto 14px 14px!important;width:255px!important;padding:21px 15px 14px!important;border:1px solid #26323f;border-radius:15px;background:linear-gradient(160deg,rgba(18,28,39,.97),rgba(10,16,23,.98))!important;box-shadow:0 12px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)}
.dashboard-body .admin-layout .side-brand{padding:2px 10px 24px;margin-bottom:18px;border-bottom:1px solid rgba(167,187,209,.15)}
.dashboard-body .admin-layout .side-brand img{width:190px;max-height:56px}
.dashboard-body .admin-layout .side-label{color:#8492a1}
.dashboard-body .admin-layout .side-link{min-height:47px;margin:4px 0;color:#d0d7e0}
.dashboard-body .admin-layout .side-link i{color:#d5dde7}
.dashboard-body .admin-layout .side-link>b{min-width:24px;height:22px;padding:0 6px;display:grid;place-items:center;border:1px solid rgba(160,181,205,.1);border-radius:6px;background:rgba(8,13,19,.55);color:#b9c5d2}
.dashboard-body .admin-layout .side-menu-group:has(.side-sub-link.active)>summary{background:rgba(113,130,150,.14);box-shadow:inset 3px 0 #ff173d}
.dashboard-body .admin-layout .side-menu-group:has(.side-sub-link.active)>summary i{color:#ff3152}
.dashboard-body .admin-layout .side-sub-link{min-height:36px;color:#aab6c4}
.dashboard-body .admin-layout .side-sub-link.active{color:#f5f7fa;font-weight:700}
.dashboard-body .admin-layout .side-sub-link.active:before{background:#ff173d;box-shadow:0 0 9px rgba(255,23,61,.45)}
.dashboard-body .admin-layout .side-bottom{border-top-color:rgba(167,187,209,.15);color:#a7b0bc;font-size:11px}
.dashboard-body .admin-layout .online-dot{color:#19ed85;text-shadow:0 0 10px rgba(25,237,133,.42)}
.dashboard-body .admin-layout .logout-button{min-height:45px;border:1px solid #26323f;border-radius:8px;background:rgba(7,12,18,.45);font-size:12px}
.dashboard-body .admin-layout .admin-main{margin-left:310px!important;max-width:none;padding:27px 34px 19px 0!important}
.dashboard-body .admin-layout .admin-top{margin:0 0 28px}
.dashboard-body .admin-layout .admin-top h1{font-size:40px;font-weight:750;letter-spacing:-.045em;color:#f5f7fa}
.dashboard-body .admin-layout .admin-top .eyebrow{color:#a7b0bc;font-size:11px;letter-spacing:.15em}
.dashboard-body .admin-layout .admin-top .admin-brand-red{color:#ff173d;font-weight:800}
.dashboard-body .admin-layout .stat-grid-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:27px}
.dashboard-body .admin-layout .stat-card{position:relative;min-width:0;min-height:162px;padding:19px 17px;border:1px solid #26323f;border-radius:13px;background:linear-gradient(145deg,rgba(25,37,50,.9),rgba(14,21,29,.88));box-shadow:0 10px 26px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.035)}
.dashboard-body .admin-layout .stat-card>i.stat-icon{position:absolute;left:16px;top:16px;width:43px;height:43px;flex:none;margin:0;border:1px solid rgba(166,187,211,.19);background:linear-gradient(145deg,rgba(93,113,136,.26),rgba(37,50,65,.45));color:#edf2f7}
.dashboard-body .admin-layout .stat-card>i.stat-icon svg{width:21px;height:21px;stroke-width:1.6}
.dashboard-body .admin-layout .stat-card>span:not(.stat-arrow){position:absolute;left:69px;right:32px;top:24px;max-width:none;color:#d6dde5;font-size:11px;line-height:1.3;letter-spacing:.055em;text-transform:none}
.dashboard-body .admin-layout .stat-card>b{position:absolute;left:18px;bottom:35px;margin:0;color:#f5f7fa;font-size:43px;line-height:.95}
.dashboard-body .admin-layout .stat-card>small{position:absolute;left:19px;bottom:15px;margin:0;color:#a7b0bc;font-size:11px}
.dashboard-body .admin-layout .stat-arrow{position:absolute;right:17px;top:26px;color:#8e9aaa;font-size:22px;line-height:1}
.dashboard-body .admin-layout .stat-card>.stat-live-dot{top:24px;right:18px;width:9px;height:9px;background:#19ed85;box-shadow:0 0 11px rgba(25,237,133,.54)}
.dashboard-body .admin-layout .admin-panel{border:1px solid #26323f;border-radius:15px;background:linear-gradient(145deg,rgba(20,30,41,.92),rgba(12,18,25,.92));box-shadow:0 14px 36px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.035)}
.dashboard-body .admin-layout .panel-head{min-height:96px;padding:20px 23px;border-bottom:1px solid rgba(167,187,209,.13)}
.dashboard-body .admin-layout .panel-head h2{font-size:23px;color:#f5f7fa}
.dashboard-body .admin-layout .panel-head .eyebrow{color:#ff3152;font-size:10px}
.dashboard-body .admin-layout .users-privacy-note{max-width:265px;min-height:46px;padding:9px 12px;display:flex;align-items:center;gap:10px;border:1px solid #2c3a49;border-radius:9px;background:rgba(9,15,22,.62);color:#aeb9c6;font-size:10px;line-height:1.45}
.dashboard-body .admin-layout .users-privacy-note svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#c2ceda;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dashboard-body .admin-layout .table-wrap{margin:15px 17px 18px;overflow-x:auto;border:1px solid #26323f;border-radius:11px;background:rgba(8,13,19,.33)}
.dashboard-body .admin-layout table{width:100%;min-width:980px;table-layout:fixed;border-collapse:separate;border-spacing:0}
.dashboard-body .admin-layout th{height:43px;padding:0 9px;white-space:normal;background:rgba(7,12,18,.72);color:#a7b0bc;font-size:9px;line-height:1.25;letter-spacing:.055em}
.dashboard-body .admin-layout td{height:69px;padding:8px 9px;white-space:normal;overflow-wrap:anywhere;border-top:1px solid rgba(167,187,209,.09);color:#c8d0da;font-size:10px;line-height:1.35}
.dashboard-body .admin-layout th:nth-child(1){width:13%}.dashboard-body .admin-layout th:nth-child(2){width:13%}.dashboard-body .admin-layout th:nth-child(3){width:16%}.dashboard-body .admin-layout th:nth-child(4){width:8%}.dashboard-body .admin-layout th:nth-child(5){width:8%}.dashboard-body .admin-layout th:nth-child(6){width:15%}.dashboard-body .admin-layout th:nth-child(7){width:10%}.dashboard-body .admin-layout th:nth-child(8){width:14%}.dashboard-body .admin-layout th:nth-child(9){width:3%}
.dashboard-body .admin-layout .car-cell{gap:9px;min-width:0}
.dashboard-body .admin-layout .car-cell img.admin-user-avatar,.dashboard-body .admin-layout .car-cell .admin-user-avatar.admin-user-empty{width:38px;height:38px;flex:0 0 38px}
.dashboard-body .admin-layout .car-cell .admin-user-profile-link{overflow-wrap:anywhere;font-size:11px}
.dashboard-body .admin-layout .admin-user-fullname-link{font-size:10px}
.dashboard-body .admin-layout .member-status{display:inline-flex;align-items:center;gap:6px;color:#a7b0bc}
.dashboard-body .admin-layout .member-status:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#738091}
.dashboard-body .admin-layout .member-status.is-online{color:#19ed85}
.dashboard-body .admin-layout .member-status.is-online:before{background:#19ed85;box-shadow:0 0 9px rgba(25,237,133,.54)}
.dashboard-body .admin-layout .admin-footer{padding:13px 5px 20px;color:#a7b0bc;letter-spacing:.15em}
.dashboard-body .admin-layout .admin-footer a{color:#d0d7e0}
.dashboard-body .admin-layout .user-actions-cell{text-align:center}
.dashboard-body .admin-layout .user-actions-button{width:30px;height:32px;padding:0;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#a7b0bc}
.dashboard-body .admin-layout .user-actions-button:hover{border-color:#2c3a49;background:rgba(119,140,164,.1);color:#f5f7fa}
.dashboard-body .admin-layout .user-actions-button svg{width:17px;height:17px;fill:currentColor}
@media(max-width:1250px) and (min-width:901px){.dashboard-body .admin-layout .stat-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-body .admin-layout .admin-main{margin-left:285px!important;padding-right:24px!important}.dashboard-body .admin-layout .sidebar{width:235px!important}.dashboard-body .admin-layout table{min-width:980px}}
@media(max-width:900px){.dashboard-body .admin-layout .sidebar{position:relative!important;inset:auto!important;width:auto!important;border-radius:0;border-left:0;border-right:0}.dashboard-body .admin-layout .side-brand{margin-bottom:0}.dashboard-body .admin-layout .admin-main{margin-left:0!important;padding:22px 16px 18px!important}.dashboard-body .admin-layout .stat-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-body .admin-layout .admin-top h1{font-size:30px}}
@media(max-width:600px){.dashboard-body .admin-layout .stat-grid-five{gap:9px}.dashboard-body .admin-layout .stat-card{min-height:132px;padding:14px}.dashboard-body .admin-layout .stat-card>i.stat-icon{top:12px;left:12px;width:36px;height:36px}.dashboard-body .admin-layout .stat-card>span:not(.stat-arrow){left:56px;top:19px;font-size:9px}.dashboard-body .admin-layout .stat-card>b{left:14px;bottom:31px;font-size:34px}.dashboard-body .admin-layout .stat-card>small{left:14px;bottom:12px;font-size:9px}.dashboard-body .admin-layout .stat-arrow{right:11px;top:20px}.dashboard-body .admin-layout .panel-head{align-items:flex-start;gap:12px;padding:15px;flex-direction:column}.dashboard-body .admin-layout .users-privacy-note{max-width:none}.dashboard-body .admin-layout .table-wrap{margin:10px;}}

@media(max-width:680px){.storefront .booking-box{padding:18px!important}.storefront .car-detail-card,.storefront .contact-map-card,.storefront .contact-info-card,.storefront .contact-social-card{border-radius:12px}.storefront .contact-info-card .contact-icon{border-radius:50%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.dashboard-body .admin-layout .stat-card>span:not(.stat-arrow){letter-spacing:.015em}

/* v64: shared phone layout and tap-field fixes for every page. */
@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  img,
  picture,
  video,
  iframe,
  canvas {
    max-width: 100%;
  }

  main,
  header,
  footer,
  section,
  article,
  aside,
  nav,
  form,
  fieldset,
  .wrap,
  .shell,
  .account-shell,
  .inbox-shell,
  .admin-layout,
  .admin-main,
  .admin-panel,
  .panel,
  .request-card,
  .contact-layout,
  .car-detail-wrap,
  .auth-card {
    min-width: 0;
  }

  input,
  select,
  textarea,
  button {
    box-sizing: border-box;
    max-width: 100%;
  }

  .table-wrap,
  .table-scroll,
  .table-responsive,
  .dashboard-body .admin-layout .table-wrap {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  .account-top {
    min-width: 0;
    flex-wrap: wrap;
  }

  .account-top nav {
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .account-top form {
    min-width: 0;
    max-width: 100%;
  }

  .inbox-message-rich,
  .chat-message,
  .chat-closed-copy,
  .contact-info-card a,
  .contact-social-link {
    overflow-wrap: anywhere;
  }
}

/* iOS Safari zooms focused controls below 16px; retain normal pinch zoom. */
@media (max-width: 767px), (hover: none) and (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="hidden"]),
  select,
  textarea,
  [contenteditable="true"] {
    min-width: 0;
    max-width: 100%;
    font-size: 16px !important;
    -webkit-text-size-adjust: 100%;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="hidden"]),
  select {
    min-height: 44px;
  }

  textarea {
    min-height: 44px;
    line-height: 1.45;
  }

  .ql-editor {
    font-size: 16px !important;
  }
}

@supports (overflow-x: clip) {
  @media (max-width: 767px) {
    html,
    body {
      overflow-x: clip;
    }
  }
}

@media (max-width: 680px) {
  .carial-chat-panel {
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 110px);
    max-height: calc(100dvh - 110px);
  }
}

@media (max-width: 380px) {
  .dashboard-body .admin-layout .stat-grid,
  .dashboard-body .admin-layout .stat-grid-five {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 360px) {
  .storefront .wrap {
    width: calc(100% - 24px);
  }

  .storefront .nav {
    gap: 5px;
  }

  .storefront .logo-wide-img {
    width: 104px;
  }

  .storefront .nav-actions {
    gap: 3px;
  }

  .storefront .nav-actions .account-nav-link,
  .storefront .nav-actions > .nav-book[href="#booking"] {
    min-height: 34px;
    padding: 8px 5px !important;
    font-size: 9px !important;
  }

  .storefront .menu {
    padding: 6px;
  }
}


/* v68: keep the mobile admin navigation off-canvas so it cannot push the dashboard below the viewport. */
@media(max-width:900px){
  .dashboard-body .admin-layout{display:block;min-height:100vh;min-height:100dvh}
  .dashboard-body .admin-layout>.sidebar{
    position:fixed!important;
    inset:10px auto 10px 10px!important;
    width:min(290px,86vw)!important;
    height:calc(100vh - 20px)!important;
    height:calc(100dvh - 20px)!important;
    padding:16px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    border:1px solid #293746!important;
    border-radius:15px!important;
    z-index:101!important;
    transform:translateX(calc(-100% - 16px));
    transition:transform .24s ease;
    box-shadow:0 22px 60px rgba(0,0,0,.46);
  }
  .dashboard-body .admin-layout.admin-menu-open>.sidebar{transform:translateX(0)}
  .dashboard-body .admin-layout>.admin-main{
    position:relative;
    z-index:1;
    width:100%;
    max-width:none;
    margin:0!important;
    padding:22px 16px 24px!important;
  }
}
@media(max-width:580px){
  .dashboard-body .admin-layout>.admin-main{padding:18px 12px 24px!important}
}
@media(prefers-reduced-motion:reduce){.dashboard-body .admin-layout>.sidebar{transition:none}}

/* v69: render the users table as readable field cards on narrow screens. */
@media (max-width: 680px) {
  body.dashboard-body .admin-layout #users .table-wrap {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible !important;
    border: 0;
    background: transparent;
  }

  body.dashboard-body .admin-layout #users .table-wrap > table {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
    table-layout: auto;
    border: 0;
    background: transparent;
  }

  body.dashboard-body .admin-layout #users .table-wrap > table > thead {
    display: none !important;
  }

  body.dashboard-body .admin-layout #users .table-wrap > table > tbody {
    display: grid;
    gap: 12px;
    width: 100%;
  }

  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 12px;
    width: 100%;
    min-width: 0;
    padding: 8px 13px 12px;
    overflow: hidden;
    border: 1px solid #2a3948;
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(21, 30, 40, .98), rgba(12, 19, 27, .98));
    box-shadow: 0 8px 22px rgba(0, 0, 0, .16);
  }

  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td {
    display: block;
    width: auto !important;
    min-width: 0;
    max-width: 100%;
    height: auto;
    padding: 9px 2px 8px;
    border: 0;
    border-top: 1px solid rgba(125, 145, 164, .13);
    color: #e2e8ef;
    font-size: 12px;
    line-height: 1.45;
    text-align: left;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td::before {
    display: block;
    margin: 0 0 4px;
    color: #8f9dad;
    content: "";
    font-size: 9px;
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: .075em;
    text-transform: uppercase;
  }

  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td:first-child {
    grid-column: 1 / -1;
    padding: 7px 0 11px;
    border-top: 0;
    border-bottom: 1px solid rgba(125, 145, 164, .2);
  }

  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td:first-child::before {
    content: none;
  }

  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td:nth-child(2)::before { content: "Име и фамилия"; }
  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td:nth-child(3)::before { content: "Имейл"; }
  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td:nth-child(4)::before { content: "Телефон"; }
  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td:nth-child(5)::before { content: "Тип профил"; }
  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td:nth-child(6)::before { content: "Статус"; }
  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td:nth-child(7)::before { content: "Последно онлайн"; }
  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td:nth-child(8)::before { content: "Регистриран"; }
  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td:nth-child(9)::before { content: "Любими автомобили"; }
  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td:nth-child(10)::before { content: "Действия"; }

  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td:nth-child(3),
  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td:nth-child(9) {
    grid-column: 1 / -1;
  }

  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td.user-actions-cell {
    grid-column: 1 / -1;
    justify-self: end;
    padding-bottom: 0;
  }

  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td.user-actions-cell::before {
    content: none;
  }

  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr.user-account-row > td.table-empty,
  body.dashboard-body .admin-layout #users .table-wrap > table > tbody > tr:not(.user-account-row) > td {
    grid-column: 1 / -1;
    min-width: 0 !important;
    white-space: normal;
  }

  body.dashboard-body .admin-layout #users .car-cell {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    width: 100%;
  }

  body.dashboard-body .admin-layout #users .car-cell img.admin-user-avatar,
  body.dashboard-body .admin-layout #users .car-cell .admin-user-avatar.admin-user-empty,
  body.dashboard-body .admin-layout #users .car-cell .admin-account-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px;
    flex: 0 0 48px;
  }

  body.dashboard-body .admin-layout #users .admin-user-profile-link:not(.admin-user-fullname-link),
  body.dashboard-body .admin-layout #users .admin-account-name {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    color: #f5f7fa;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.35;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  body.dashboard-body .admin-layout #users .admin-user-fullname-link {
    display: inline;
    max-width: 100%;
    padding: 0;
    color: #e2e8ef;
    font: inherit;
    line-height: inherit;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  body.dashboard-body .admin-layout #users .user-role-tag,
  body.dashboard-body .admin-layout #users .member-status {
    white-space: normal;
  }
}

/* V109: unified graphite background artwork with faint grid lines on public pages. */
body.storefront,body.storefront-page,body.auth-body,body.account-body,body.inbox-body{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  background:#080b0f!important;
  background-image:none!important;
}
body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:-4vh -4vw;
  pointer-events:none;
  background:url("../brand/carial-page-atmosphere.svg") center center/cover no-repeat;
  transform:scale(1.015);
  transform-origin:center;
  animation:carial-v107-background-breathe 22s ease-in-out infinite alternate;
  will-change:transform,filter;
}
body.storefront .header{background:rgba(11,16,22,.58)!important;border-bottom-color:transparent!important;backdrop-filter:blur(22px) saturate(135%)}
body.storefront main,body.storefront main>section,body.storefront footer,
body.auth-body main,body.auth-body main>section,
body.account-body main,body.account-body main>section,
body.inbox-body main,body.inbox-body main>section{
  background:transparent!important;
  background-color:transparent!important;
  border-top-color:transparent!important;
  border-bottom-color:transparent!important;
}
body.storefront .hero-bg,body.storefront .booking-pro,body.storefront .catalog,body.storefront .transfer,body.storefront .carial-reviews,body.storefront .footer,body.storefront .cars-all-page,body.storefront .contact-page,body.storefront .car-detail-page{
  background:transparent!important;
  background-color:transparent!important;
}
body.storefront .hero-lines,body.storefront .transfer-corner-lines,body.storefront .transfer-red-rule-v40,body.storefront .transfer-side-slash{display:none!important}
body.storefront .transfer-eyebrow-v40:before{content:none!important;display:none!important}
body.storefront .carial-reviews:before,body.storefront .carial-reviews:after{content:none!important;display:none!important}
@keyframes carial-v107-background-breathe{
  from{transform:scale(1.015);filter:brightness(.94) saturate(.94)}
  to{transform:scale(1.045);filter:brightness(1.08) saturate(1.12)}
}
@media(max-width:680px){
  body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{inset:-2vh -9vw;animation-duration:26s}
}
@media(prefers-reduced-motion:reduce){body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{animation:none;transform:scale(1.015);filter:none}}

/* V108: broad, soft white-to-red light passes behind the site content. */
body.storefront:after,body.storefront-page:after,body.auth-body:after,body.account-body:after,body.inbox-body:after{
  content:"";
  position:fixed;
  z-index:-1;
  inset:-18vh -25vw;
  pointer-events:none;
  background:radial-gradient(ellipse 29vw 72vh at 50% 50%,rgba(255,255,255,.065) 0%,rgba(255,255,255,.035) 20%,rgba(225,6,19,.105) 40%,rgba(225,6,19,.045) 66%,transparent 100%);
  filter:blur(24px);
  opacity:0;
  animation:carial-v108-wide-sweep 17s ease-in-out infinite;
  will-change:transform,opacity;
}
@keyframes carial-v108-wide-sweep{
  0%,10%{transform:translateX(-62vw);opacity:0}
  24%{opacity:.8}
  56%{opacity:.82}
  90%,100%{transform:translateX(62vw);opacity:0}
}
@media(max-width:680px){
  body.storefront:after,body.storefront-page:after,body.auth-body:after,body.account-body:after,body.inbox-body:after{inset:-12vh -50vw;background:radial-gradient(ellipse 60vw 60vh at 50% 50%,rgba(255,255,255,.055) 0%,rgba(255,255,255,.028) 20%,rgba(225,6,19,.09) 42%,rgba(225,6,19,.035) 67%,transparent 100%);filter:blur(26px);animation-duration:21s}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  body.storefront .catalog-card,body.storefront .transfer-card,body.storefront .booking-pro-shell,body.storefront .contact-map-card,body.storefront .contact-info-card,body.storefront .contact-social-card,body.storefront .review-card{
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
  }
  body.storefront .catalog-card:hover,body.storefront .transfer-card:hover,body.storefront .booking-pro-shell:hover,body.storefront .contact-map-card:hover,body.storefront .contact-info-card:hover,body.storefront .contact-social-card:hover,body.storefront .review-card:hover{
    transform:translateY(-4px);
    border-color:rgba(213,116,135,.48)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 22px rgba(225,6,19,.13),0 0 24px rgba(166,205,255,.07);
  }
}
@media(prefers-reduced-motion:reduce){body.storefront:after,body.storefront-page:after,body.auth-body:after,body.account-body:after,body.inbox-body:after{animation:none!important;display:none!important}}

/* V111: restore the V97 red/blue ambient background and light sweep site-wide. */
body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{
  background:radial-gradient(ellipse at 8% 12%,rgba(65,16,28,.55) 0,transparent 34%),radial-gradient(ellipse at 92% 70%,rgba(18,45,67,.68) 0,transparent 40%),linear-gradient(145deg,#080b10,#0b1017 55%,#080b0f)!important;
  animation:carial-v111-v97-breathe 18s ease-in-out infinite alternate!important;
}
body.storefront:after,body.storefront-page:after,body.auth-body:after,body.account-body:after,body.inbox-body:after{
  inset:0!important;
  background:linear-gradient(112deg,transparent 25%,rgba(255,255,255,.035) 43%,rgba(255,23,59,.11) 49%,rgba(255,255,255,.045) 53%,transparent 68%)!important;
  filter:none!important;
  opacity:1!important;
  animation:carial-v111-v97-page-flash 9s ease-in-out infinite!important;
}
@keyframes carial-v111-v97-breathe{
  from{transform:scale(1.015);filter:brightness(.96) saturate(.96)}
  to{transform:scale(1.04);filter:brightness(1.04) saturate(1.08)}
}
@keyframes carial-v111-v97-page-flash{
  0%,8%{transform:translateX(-100%);opacity:0}
  20%{opacity:.72}
  58%{opacity:.72}
  88%,100%{transform:translateX(100%);opacity:0}
}
@media(max-width:680px){
  body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{inset:-2vh -5vw!important;animation-duration:22s!important}
  body.storefront:after,body.storefront-page:after,body.auth-body:after,body.account-body:after,body.inbox-body:after{inset:0 -28vw!important;background:linear-gradient(112deg,transparent 24%,rgba(255,255,255,.03) 43%,rgba(255,23,59,.09) 50%,rgba(255,255,255,.035) 55%,transparent 70%)!important;animation-duration:11s!important}
}
@media(prefers-reduced-motion:reduce){
  body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{animation:none!important;transform:none!important;filter:none!important}
  body.storefront:after,body.storefront-page:after,body.auth-body:after,body.account-body:after,body.inbox-body:after{animation:none!important;display:none!important}
}

/* V112: carry the V97 ambient glow through the full visible page height. */
body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{
  background:radial-gradient(ellipse 88vw 82vh at 7% 16%,rgba(65,16,28,.48) 0,transparent 72%),radial-gradient(ellipse 92vw 78vh at 12% 92%,rgba(65,16,28,.34) 0,transparent 74%),radial-gradient(ellipse 76vw 82vh at 98% 58%,rgba(18,45,67,.55) 0,transparent 73%),linear-gradient(145deg,#0b0e13,#0d131b 55%,#080b0f)!important;
}
@media(max-width:680px){
  body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{
    background:radial-gradient(ellipse 125vw 62vh at 0% 18%,rgba(65,16,28,.48) 0,transparent 72%),radial-gradient(ellipse 128vw 66vh at 2% 92%,rgba(65,16,28,.34) 0,transparent 74%),radial-gradient(ellipse 100vw 72vh at 100% 58%,rgba(18,45,67,.5) 0,transparent 73%),linear-gradient(145deg,#0b0e13,#0d131b 55%,#080b0f)!important;
  }
}

/* V113: soften concentrated red patches while retaining the V97 ambient light. */
body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{
  background:radial-gradient(ellipse 112vw 116vh at 4% 42%,rgba(65,16,28,.23) 0,transparent 78%),radial-gradient(ellipse 106vw 108vh at 100% 56%,rgba(18,45,67,.30) 0,transparent 79%),linear-gradient(135deg,#0c1016 0%,#101720 54%,#0c1118 100%)!important;
  animation:carial-v113-soft-breathe 24s ease-in-out infinite alternate!important;
}
@keyframes carial-v113-soft-breathe{
  from{transform:scale(1.015);filter:brightness(.98) saturate(.96)}
  to{transform:scale(1.035);filter:brightness(1.02) saturate(1.03)}
}
@media(max-width:680px){
  body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{
    background:radial-gradient(ellipse 142vw 92vh at 0% 42%,rgba(65,16,28,.24) 0,transparent 79%),radial-gradient(ellipse 120vw 90vh at 100% 58%,rgba(18,45,67,.28) 0,transparent 79%),linear-gradient(135deg,#0c1016 0%,#101720 54%,#0c1118 100%)!important;
  }
}

/* V114: remove red ambient glow from the page background; retain blue haze and neutral sweep. */
body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{
  background:radial-gradient(ellipse 106vw 110vh at 100% 54%,rgba(25,57,85,.34) 0,transparent 78%),linear-gradient(135deg,#0c1016 0%,#101720 54%,#0c1118 100%)!important;
}
body.storefront:after,body.storefront-page:after,body.auth-body:after,body.account-body:after,body.inbox-body:after{
  background:linear-gradient(112deg,transparent 25%,rgba(255,255,255,.025) 43%,rgba(255,255,255,.075) 50%,rgba(255,255,255,.03) 56%,transparent 68%)!important;
}
@media(max-width:680px){
  body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{
    background:radial-gradient(ellipse 120vw 90vh at 100% 55%,rgba(25,57,85,.32) 0,transparent 78%),linear-gradient(135deg,#0c1016 0%,#101720 54%,#0c1118 100%)!important;
  }
  body.storefront:after,body.storefront-page:after,body.auth-body:after,body.account-body:after,body.inbox-body:after{
    background:linear-gradient(112deg,transparent 24%,rgba(255,255,255,.02) 43%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.025) 56%,transparent 70%)!important;
  }
}

/* V115: remove the separate red glow attached to the homepage car catalog section. */
body.storefront .catalog:before,
body.storefront .catalog::before,
body.storefront .cars-all-page:before,
body.storefront .cars-all-page::before{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* V116: restore the V97 site-wide ambient red/blue glow and white-red sweep. */
body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{
  background:radial-gradient(ellipse 112vw 116vh at 0% 46%,rgba(65,16,28,.26) 0,transparent 80%),radial-gradient(ellipse 106vw 108vh at 100% 56%,rgba(18,45,67,.30) 0,transparent 79%),linear-gradient(135deg,#0c1016 0%,#101720 54%,#0c1118 100%)!important;
}
body.storefront:after,body.storefront-page:after,body.auth-body:after,body.account-body:after,body.inbox-body:after{
  background:linear-gradient(112deg,transparent 25%,rgba(255,255,255,.025) 43%,rgba(255,23,59,.085) 50%,rgba(255,255,255,.035) 56%,transparent 68%)!important;
}
@media(max-width:680px){
  body.storefront:before,body.storefront-page:before,body.auth-body:before,body.account-body:before,body.inbox-body:before{
    background:radial-gradient(ellipse 142vw 92vh at 0% 44%,rgba(65,16,28,.27) 0,transparent 80%),radial-gradient(ellipse 120vw 90vh at 100% 58%,rgba(18,45,67,.28) 0,transparent 79%),linear-gradient(135deg,#0c1016 0%,#101720 54%,#0c1118 100%)!important;
  }
  body.storefront:after,body.storefront-page:after,body.auth-body:after,body.account-body:after,body.inbox-body:after{
    background:linear-gradient(112deg,transparent 24%,rgba(255,255,255,.02) 43%,rgba(255,23,59,.07) 50%,rgba(255,255,255,.03) 56%,transparent 70%)!important;
  }
}

/* V117: restore the original near-black grid treatment only in the homepage hero. */
body.storefront .hero{
  background:#08090c!important;
  color:#fff!important;
}
body.storefront .hero-bg{
  background:radial-gradient(circle at 75% 43%,rgba(225,6,19,.19),transparent 26%),radial-gradient(circle at 20% 15%,rgba(255,255,255,.045),transparent 18%),linear-gradient(125deg,#08090c,#11141a)!important;
}
body.storefront .hero-lines{
  display:block!important;
  opacity:.58!important;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:70px 70px!important;
}

/* V118: remove the moving sweep that can look like a loading bar on the homepage. */
body.storefront:after,
body.storefront::after,
body.storefront .hero:after,
body.storefront .hero::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  background:none!important;
}

/* V119: remove the red glow behind the hero car, keeping the dark grid. */
body.storefront .hero-bg{
  background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.035),transparent 18%),linear-gradient(125deg,#08090c,#11141a)!important;
}
body.storefront .halo{
  box-shadow:none!important;
  border-color:rgba(255,255,255,.09)!important;
}

/* V120: restore the solid black storefront navigation background. */
body.storefront .header{
  background:rgba(8,11,15,.98)!important;
  border-bottom:1px solid rgba(190,205,224,.12)!important;
  backdrop-filter:blur(18px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(115%)!important;
}
body.storefront .header .nav{background:transparent!important}

/* V121: restore a solid dark footer background at the bottom of the public site. */
body.storefront .footer{
  background:#080b0f!important;
  background-image:none!important;
  border-top:1px solid rgba(190,205,224,.12)!important;
}