/* Source: resources\views\client\index.blade.php */
:root {
      --client-primary: #1b6d00;
      --client-primary-soft: #48a62c;
      --client-primary-deep: #0f4610;
      --client-secondary: #306386;
      --client-surface: #f8f9ff;
      --client-surface-low: #e0e8ff;
      --client-surface-mid: #e7eefd;
      --client-surface-card: #ffffff;
      --client-text: #151c26;
      --client-text-soft: #5f6b7a;
      --client-outline: rgba(21, 28, 38, 0.08);
      --client-outline-soft: rgba(21, 28, 38, 0.05);
      --client-shadow: 0 12px 32px rgba(21, 28, 38, 0.06);
      --client-radius-sm: 0.75rem;
      --client-radius-md: 1rem;
      --client-radius-lg: 1.5rem;
      --client-sidebar-width: 260px;
      --client-topbar-height: 56px;
    }

    html, body { min-height: 100%; }

    body.client-portal {
      margin: 0;
      font-family: 'Inter', sans-serif;
      /*background-color: var(--client-surface-low);*/
      color: var(--client-text);
      overflow-x: hidden;
    }


    h1, h2, h3, h4, h5, h6, .font-headline, .client-display, .client-title, .card-title {
      font-family: 'Work Sans', sans-serif;
    }

    a { color: var(--client-secondary); text-decoration: none !important; }
    a:hover { color: var(--client-primary); }

    .material-symbols-outlined {
      font-variation-settings: 'FILL' 0, 'wght' 450, 'GRAD' 0, 'opsz' 24;
      vertical-align: middle;
    }

    .material-icons {
      direction: ltr;
      display: inline-block;
      font-family: 'Material Symbols Outlined';
      font-feature-settings: 'liga';
      font-size: 24px;
      font-style: normal;
      font-variation-settings: 'FILL' 0, 'wght' 450, 'GRAD' 0, 'opsz' 24;
      font-weight: normal;
      letter-spacing: normal;
      line-height: 1;
      text-transform: none;
      vertical-align: middle;
      white-space: nowrap;
      word-wrap: normal;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased;
    }

        .client-topbar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1050;
      background: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .client-topbar__surface {
      min-height: var(--client-topbar-height);
      display: flex;
      align-items: center;
      gap: 1rem;
    }

    .client-topbar__mobile-trigger {
      display: none;
      padding: 0;
      border: 0;
      color: var(--client-text);
      box-shadow: none;
      background: transparent;
    }

    .client-topbar__brand {
      display: inline-flex;
      align-items: center;
      margin-right: 2rem;
      white-space: nowrap;
    }

    .client-topbar__brand-logo {
      display: block;
      width: auto;
      height: 2rem;
    }

    .client-topbar__nav {
      display: flex;
      align-items: center;
      gap: 1.25rem;
      min-width: 0;
    }

    .client-topbar__nav-link {
      color: #64748b !important;
      font-size: 0.95rem;
      font-weight: 500;
      padding: 0.35rem 0;
      border-bottom: 2px solid transparent;
      white-space: nowrap;
    }

    .client-topbar__nav-link:hover,
    .client-topbar__nav-link.active {
      color: var(--client-primary) !important;
      border-bottom-color: var(--client-primary);
    }

    .client-topbar__actions {
      display: flex;
      align-items: center;
      gap: 0.65rem;
      margin-left: auto;
    }

    .client-topbar__account {
      position: relative;
    }

    .client-topbar__icon-btn {
      width: 2.5rem;
      height: 2.5rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 0;
      border-radius: 999px;
      background: transparent;
      color: #64748b;
      padding: 0;
    }

    .client-topbar__icon-btn:hover,
    .client-topbar__icon-btn:focus {
      color: var(--client-secondary);
      background: rgba(48, 99, 134, 0.06);
    }

    .client-topbar__avatar-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2rem;
      height: 2rem;
      padding: 0;
      border-radius: 999px;
      overflow: hidden;
      border: 1px solid #d7deea;
      background: #fff;
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;
      box-shadow: none;
    }

    .client-topbar__avatar {
      width: 100%;
      height: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, var(--client-secondary), var(--client-primary-soft));
      color: #fff;
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .client-topbar__account-menu {
      position: absolute;
      top: calc(100% + 0.7rem);
      right: 0;
      min-width: 14.5rem;
      padding: 0.45rem;
      border-radius: 1rem;
      border: 1px solid rgba(21, 28, 38, 0.08);
      background: #fff;
      box-shadow: 0 18px 36px rgba(21, 28, 38, 0.12);
      opacity: 0;
      visibility: hidden;
      transform: translateY(-6px);
      transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
      z-index: 1060;
    }

    .client-topbar__account-menu.is-open {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    .client-topbar__account-item {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 0.7rem;
      flex-wrap: nowrap;
      padding: 0.8rem 0.9rem;
      border: 0;
      border-radius: 0.8rem;
      background: transparent;
      color: var(--client-text);
      font-size: 0.9rem;
      font-weight: 600;
      text-align: left;
      white-space: nowrap;
    }

    .client-topbar__account-item:hover,
    .client-topbar__account-item:focus {
      background: rgba(239, 243, 255, 0.95);
      color: var(--client-primary);
    }

    .client-shell {
      min-height: calc(100vh - var(--client-topbar-height));
      display: flex;
      margin-top: var(--client-topbar-height);
    }

    .client-sidebar {
      width: var(--client-sidebar-width);
      flex: 0 0 var(--client-sidebar-width);
      height: calc(100vh - var(--client-topbar-height));
      position: sticky;
      top: var(--client-topbar-height);
      z-index: 1040;
      padding: 1.5rem 1rem;
      background-color: #f8fafc;
      border-right: 1px solid #e2e8f0;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      overflow-y: auto;
    }

    .client-sidebar__header {
      padding: 0 0.5rem 0.75rem;
    }

    .client-sidebar__profile {
      display: flex;
      align-items: center;
      gap: 0.85rem;
      min-width: 0;
    }

    .client-sidebar__profile-avatar {
      width: 3rem;
      height: 3rem;
      flex: 0 0 3rem;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, var(--client-secondary), var(--client-primary-soft));
      color: #fff;
      font-size: 0.92rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .client-sidebar__profile-copy {
      min-width: 0;
    }

    .client-sidebar__profile-name {
      margin: 0;
      color: var(--client-text);
      font-family: 'Work Sans', sans-serif;
      font-size: 1rem;
      font-weight: 800;
      line-height: 1.15;
      word-break: break-word;
    }

    .client-sidebar__profile-name span {
      display: block;
    }

    .client-sidebar__nav {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
    }

    .client-sidebar__nav-link,
    .client-sidebar__support-link {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      padding: 0.6rem 0.75rem;
      color: #64748b !important;
      text-decoration: none;
      border-radius: 0.5rem;
      font-size: 0.875rem;
      font-weight: 500;
      transition: all 0.2s ease;
    }

    .client-sidebar__nav-link:hover,
    .client-sidebar__support-link:hover {
      background-color: rgba(0, 0, 0, 0.05);
      transform: translateX(4px);
      color: var(--client-primary) !important;
    }

    .client-sidebar__nav-link.active {
      background-color: #ffffff;
      color: var(--client-primary) !important;
      font-weight: 600;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    .client-sidebar__footer {
      padding-top: 1rem;
      border-top: 1px solid #e2e8f0;
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
    }

    .client-main {
      min-width: 0;
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
    }

    .client-page {
      padding: 1.5rem;
      flex: 1 1 auto;
      width: 100%;
    }

    .client-page__container {
      max-width: 1380px;
      margin: 0 auto;
    }

    .client-hero-slot {
      margin-bottom: 1.5rem;
    }

    .client-hero-slot > * {
      margin-bottom: 0;
    }

    .client-breadcrumbs {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.4rem;
      margin-bottom: 1rem;
      color: var(--client-secondary);
      font-size: 0.875rem;
      font-weight: 600;
    }

    .client-breadcrumbs__link {
      color: var(--client-secondary) !important;
    }

    .client-breadcrumbs__link:hover {
      color: var(--client-primary) !important;
    }

    .client-breadcrumbs__current {
      color: var(--client-text-soft);
    }

    .client-breadcrumbs__separator {
      color: rgba(48, 99, 134, 0.7);
      font-size: 1rem;
      line-height: 1;
    }

    .client-footer {
      padding: 0;
      margin-top: 3rem;
      background-color: #f8fafc;
      border-top: 1px solid #e2e8f0;
    }

    .client-footer__surface {
      max-width: 1380px;
      margin: 0 auto;
      padding: 2rem 1.5rem;
      color: var(--client-text-soft);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      flex-wrap: wrap;
      background: transparent;
      border-radius: 0;
    }

    .client-footer__surface p,
    .client-footer__surface a {
      margin: 0;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .client-footer__links {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem 1.5rem;
    }

    .client-mobile-toggle {
      display: none;
    }

    .client-overlay {
      display: none;
      position: fixed;
      top: var(--client-topbar-height);
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1035;
      background: rgba(21, 28, 38, 0.35);
      backdrop-filter: blur(2px);
    }

    .content { padding: 0; margin: 0; }
    .content.no-margin { margin-top: 0; }
    .container-fluid { padding-left: 0; padding-right: 0; }

    .welcome-section {
      border-radius: var(--client-radius-lg);
      padding: 2rem;
      background: linear-gradient(135deg, rgba(27, 109, 0, 0.96), rgba(72, 166, 44, 0.88)), linear-gradient(120deg, rgba(255, 255, 255, 0.08), transparent);
      color: #fff;
      box-shadow: none;
      overflow: hidden;
      position: relative;
    }

    .welcome-section::after {
      content: '';
      position: absolute;
      right: -2rem;
      top: -2rem;
      width: 14rem;
      height: 14rem;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.08);
    }

    .welcome-section .user, .welcome-section .book-another { position: relative; z-index: 1; }

    .welcome-section .image {
      width: 4rem;
      height: 4rem;
      border-radius: 1rem;
      overflow: hidden;
      margin-bottom: 1rem;
      background: rgba(255, 255, 255, 0.16);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .welcome-section .image img { width: 100%; height: 100%; object-fit: cover; }
    .welcome-section h4, .welcome-section h5 { color: #fff; margin-bottom: 0.4rem; }

    .card, .plan, .vehicle, .chat .bubble, .additional-data, .table-responsive, .alert {
      border: 0;
      border-radius: var(--client-radius-lg);
      background: var(--client-surface-card);
      box-shadow: none;
    }

    .card, .vehicle, .plan { overflow: hidden; margin-bottom: 1.5rem; }

    .card-header, .plan .header, .plan .sub-footer {
      background: var(--client-surface-low) !important;
      color: var(--client-text);
      border: 0 !important;
      padding: 1.25rem 1.5rem;
    }

    .card-header-success, .card-header-info, .plan .header.green {
      background: linear-gradient(135deg, rgba(27, 109, 0, 0.96), rgba(72, 166, 44, 0.82)) !important;
      color: #fff !important;
    }

    .card-header-icon .card-icon, .card .card-icon {
      width: 3rem;
      height: 3rem;
      border-radius: 1rem;
      margin-right: 1rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: rgba(255, 255, 255, 0.18);
      color: inherit;
      box-shadow: none;
    }

    .card-header .card-title, .plan .header h3 { margin: 0; font-size: 1.25rem; font-weight: 800; color: inherit; }
    .card-body, .plan .body { padding: 1.5rem; }
    .plan .price { font-family: 'Work Sans', sans-serif; font-weight: 800; font-size: 1.05rem; }
    .table-responsive { padding: 0.5rem; }
    .table { margin-bottom: 0; color: var(--client-text); }

    .table thead th {
      border: 0;
      background: var(--client-surface-low);
      color: var(--client-text-soft);
      text-transform: uppercase;
      letter-spacing: 0.12em;
      font-size: 0.72rem;
      font-weight: 800;
      padding: 1rem 1rem;
      white-space: nowrap;
    }

    .table tbody td {
      border-top: 0;
      padding: 1rem;
      vertical-align: middle;
      background: transparent;
    }

    .table-striped tbody tr:nth-of-type(odd), .table-striped > tbody > tr:nth-of-type(odd) > * { background: rgba(239, 243, 255, 0.55); }
    .table tbody tr:hover > * { background: rgba(231, 238, 253, 0.7); }

    .btn {
      border-radius: 0.9rem;
      padding: 0.72rem 1.1rem;
      font-weight: 700;
      border: 0;
      box-shadow: none;
    }

    .btn-round { border-radius: 999px; }

    .btn-info, .btn-success, .btn-primary, .btn-black {
      color: #fff !important;
      background: linear-gradient(135deg, var(--client-primary), var(--client-primary-soft)) !important;
    }

    .btn-secondary, .btn-light, .btn-white {
      color: var(--client-secondary) !important;
      background: var(--client-surface-low) !important;
    }

    .btn-outline-secondary, .btn-outline-primary {
      border: 1px solid rgba(48, 99, 134, 0.16);
      color: var(--client-secondary);
      background: #fff;
    }

    .btn:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(21, 28, 38, 0.08); }
    .client-page__container .btn:hover { transform: translateY(0px); box-shadow: 0 10px 22px rgba(21, 28, 38, 0.08); color: var(--client-secondary);}
    .badge, .badge-success, .badge-warning, .badge-danger, .badge-info, .badge-dark {
      border-radius: 999px;
      padding: 0.48rem 0.72rem;
      font-size: 0.58rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .badge-success { background: rgba(72, 166, 44, 0.16); color: var(--client-primary-deep); }
    .badge-warning { background: rgba(250, 189, 0, 0.18); color: #785a00; }
    .badge-danger { background: rgba(186, 26, 26, 0.14); color: #ba1a1a; }
    .badge-info, .badge-dark { background: rgba(48, 99, 134, 0.14); color: var(--client-secondary); }

    .alert { color: var(--client-text); padding: 1.25rem 1.5rem; }
    .alert-info { background: rgba(48, 99, 134, 0.08); }
    .alert-danger { background: rgba(186, 26, 26, 0.10); }
    .alert-warning { background: rgba(250, 189, 0, 0.12); }

    body.client-portal [data-notify="container"] {
      border: 1px solid rgba(21, 28, 38, 0.08);
      border-radius: 1rem;
      box-shadow: 0 18px 45px rgba(21, 28, 38, 0.16);
      max-width: calc(100vw - var(--client-sidebar-width) - 2.5rem);
      min-height: 0;
      padding: 1rem 3rem 1rem 3.25rem;
      width: min(32rem, calc(100vw - var(--client-sidebar-width) - 2.5rem));
      z-index: 3000 !important;
    }

    body.client-portal [data-notify-position$="-left"] {
      left: calc(var(--client-sidebar-width) + 1.25rem) !important;
    }

    body.client-portal [data-notify="container"].alert-danger {
      background: #fff1f2;
      color: #7f1d1d;
    }

    body.client-portal [data-notify="container"].alert-success {
      background: #f0fdf4;
      color: var(--client-primary-deep);
    }

    body.client-portal [data-notify="container"] [data-notify="icon"] {
      left: 1rem;
      position: absolute;
      top: 1rem;
    }

    body.client-portal [data-notify="container"] [data-notify="dismiss"] {
      align-items: center;
      background: rgba(21, 28, 38, 0.06) !important;
      border: 0;
      border-radius: 999px;
      color: var(--client-text) !important;
      display: inline-flex;
      height: 1.75rem;
      justify-content: center;
      opacity: 1 !important;
      right: 0.8rem !important;
      text-shadow: none !important;
      top: 0.8rem !important;
      transform: none;
      width: 1.75rem;
    }

    body.client-portal [data-notify="container"] [data-notify="dismiss"] .material-icons {
      font-size: 1.1rem;
    }

    body.client-portal [data-notify="message"] {
      display: block;
      font-size: 0.88rem;
      font-weight: 600;
      line-height: 1.45;
    }

    @media (max-width: 991.98px) {
      body.client-portal [data-notify="container"] {
        max-width: calc(100vw - 2rem);
        width: calc(100vw - 2rem);
      }

      body.client-portal [data-notify-position$="-left"] {
        left: 1rem !important;
      }
    }

    .form-control, select.form-control, textarea.form-control {
      min-height: 3rem;
      border-radius: 0.95rem;
      border: 1px solid rgba(21, 28, 38, 0.10);
      background: #fff;
      color: var(--client-text);
      box-shadow: none;
      padding: 0.75rem 1rem;
    }

    .form-control:focus, select.form-control:focus, textarea.form-control:focus {
      border-color: var(--client-primary);
      box-shadow: 0 0 0 0.16rem rgba(27, 109, 0, 0.12);
    }

    .form-group label, .bmd-label-floating, label {
      color: var(--client-text-soft);
      font-size: 0.82rem;
      font-weight: 700;
      margin-bottom: 0.5rem;
    }

    .pagination { gap: 0.45rem; flex-wrap: wrap; }

    .page-link {
      border: 0;
      border-radius: 0.85rem;
      color: var(--client-secondary);
      background: var(--client-surface-card);
      box-shadow: inset 0 0 0 1px rgba(48, 99, 134, 0.08);
      padding: 0.72rem 0.95rem;
    }

    .page-item.active .page-link {
      background: linear-gradient(135deg, var(--client-primary), var(--client-primary-soft));
      color: #fff;
      box-shadow: none;
    }

    .ce-tabs, .nav-tabs {
      gap: 0.75rem;
      border-bottom: 0;

      overflow-x: auto;
      flex-wrap: nowrap;
      padding-bottom: 0.25rem;
    }

    .ce-tabs .nav-link, .nav-tabs .nav-link {
      border: 0;
      border-radius: 999px;
      background: var(--client-surface-low);
      color: var(--client-text-soft);
      font-weight: 700;
      padding: 0.8rem 1.1rem;
      white-space: nowrap;
    }

    .ce-tabs .nav-link.active, .nav-tabs .nav-link.active {
      color: #fff;
      background: linear-gradient(135deg, var(--client-primary), var(--client-primary-soft));
    }

    .view-additional-data-trigger {
      background: var(--client-surface-low);
      border-radius: 1rem 1rem 0 0;
      padding: 0.9rem 1.25rem;
      font-weight: 800;
      color: var(--client-secondary);
    }

    .additional-data {
      background: var(--client-surface-low);
      box-shadow: none;
      border-radius: 0 0 1.25rem 1.25rem;
      padding: 1rem 1.25rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      margin-bottom: 1rem;
    }

    .additional-data .data {
      background: #fff;
      border-radius: 999px;
      padding: 0.5rem 0.9rem;
      font-size: 0.8rem;
      font-weight: 700;
      box-shadow: inset 0 0 0 1px rgba(48, 99, 134, 0.08);
    }

    .additional-data .data.disabled { opacity: 0.65; }
    .vehicle .body { padding: 1.5rem; }
    .dashboard-section-heading { font-size: 1.4rem; font-weight: 800; margin: 0 0 1rem; }
    .client-page-header {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end;
      justify-content: space-between;
      gap: 1rem 1.5rem;
      margin-bottom: 1.5rem;
    }

    .client-page-header__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      margin-bottom: 0.5rem;
      color: var(--client-primary);
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .client-page-header__title {
      margin: 0;
      font-size: clamp(1.5rem, 2vw, 2.3rem);
      font-weight: 800;
      line-height: 1.05;
    }

    .client-page-header__text {
      margin: 0.45rem 0 0;
      max-width: 46rem;
      color: var(--client-text-soft);
    }

    .client-metrics-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1rem;
      margin-bottom: 1.5rem;
    }

    .client-metric-card {
      border-radius: var(--client-radius-lg);
      padding: 1.25rem 1.35rem;
      background: var(--client-surface-low);
      box-shadow: none;
    }

    .client-metric-card__label {
      margin: 0 0 0.45rem;
      color: var(--client-text-soft);
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .client-metric-card__value {
      margin: 0;
      font-family: 'Work Sans', sans-serif;
      font-size: 1.85rem;
      font-weight: 800;
      line-height: 1;
    }

    .client-metric-card__note {
      margin: 0.45rem 0 0;
      color: var(--client-text-soft);
      font-size: 0.82rem;
    }

    .client-section-card {
      border-radius: var(--client-radius-lg);
      background: var(--client-surface-card);
      box-shadow: none;
      padding: 1.5rem;
      margin-bottom: 1.5rem;
    }

    .client-section-card--soft {
      background: rgba(239, 243, 255, 0.92);
    }

    .client-section-card__header {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.8rem 1rem;
      margin-bottom: 1rem;
    }

    .client-section-card__title {
      margin: 0;
      font-size: 1.15rem;
      font-weight: 800;
    }

    .client-section-card__text {
      margin: 0;
      color: var(--client-text-soft);
      font-size: 0.9rem;
    }

    .client-action-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.85rem;
      margin-bottom: 1.5rem;
    }

    .client-action-card {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.8rem;
      padding: 1rem 1.1rem;
      border-radius: 1.15rem;
      background: rgba(239, 243, 255, 0.85);
      color: var(--client-text);
      font-weight: 700;
      box-shadow: inset 0 0 0 1px rgba(48, 99, 134, 0.06);
    }

    .client-action-card:hover {
      background: #fff;
      color: var(--client-primary);
    }

    .client-empty-state {
      padding: 1.5rem;
      border-radius: var(--client-radius-lg);
      background: rgba(239, 243, 255, 0.92);
      color: var(--client-text-soft);
      box-shadow: none;
    }
    .grecaptcha-badge {
        display: none !important;
    }
    .chat ul { list-style: none; padding: 0; margin: 0; }
    .chat li { margin-bottom: 1rem; display: flex; }
    .chat li.answer { justify-content: flex-end; }

    .chat .bubble {
      max-width: min(100%, 48rem);
      padding: 1rem 1.2rem;
      background: #fff;
    }

    .chat li.answer .bubble { background: var(--client-surface-low); }
    .chat .content > span { display: inline-block; margin-top: 0.4rem; color: var(--client-text-soft); font-size: 0.78rem; }
    .list-unstyled { padding-left: 0; }
    .text-right { text-align: right; }
    .color-black { color: var(--client-text) !important; }
    .color-danger { color: #ba1a1a !important; }
    .color-success { color: var(--client-primary) !important; }
    .no-print iframe { max-width: 100%; }

    @media (max-width: 1199.98px) {
      :root {
        --client-sidebar-width: 224px;
      }
      .client-sidebar {
        padding: 1rem 0.7rem;
        gap: 0.75rem;
      }
      .client-sidebar__header {
        padding: 0 0.35rem 0.55rem;
      }
      .client-sidebar__profile {
        gap: 0.65rem;
      }
      .client-sidebar__profile-avatar {
        width: 2.45rem;
        height: 2.45rem;
        flex-basis: 2.45rem;
        font-size: 0.78rem;
      }
      .client-sidebar__profile-name {
        font-size: 0.88rem;
      }
      .client-sidebar__nav-link,
      .client-sidebar__support-link {
        gap: 0.55rem;
        padding: 0.52rem 0.6rem;
        font-size: 0.78rem;
      }
      .client-page {
        padding: 1rem;
      }
      .client-page__container {
        max-width: 100%;
      }
      .client-hero-slot {
        margin-bottom: 1rem;
      }
      .client-page-header {
        margin-bottom: 1rem;
        gap: 0.75rem 1rem;
      }
      .client-page-header__title {
        font-size: clamp(1.45rem, 2.4vw, 1.9rem);
      }
      .client-page-header__text {
        max-width: 38rem;
        font-size: 0.9rem;
        line-height: 1.5;
      }
      .welcome-section { padding: 1.35rem; }
      .card,
      .vehicle,
      .plan {
        margin-bottom: 1rem;
        border-radius: 1rem;
      }
      .card-header,
      .plan .header,
      .plan .sub-footer,
      .card-body,
      .plan .body,
      .vehicle .body {
        padding: 1rem;
      }
      .client-section-card {
        padding: 1rem;
        margin-bottom: 1rem;
        border-radius: 1rem;
      }
      .client-metrics-grid,
      .client-action-grid {
        gap: 0.75rem;
      }
      .client-metric-card {
        padding: 1rem;
        border-radius: 1rem;
      }
      .client-metric-card__value {
        font-size: 1.55rem;
      }
      .client-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .client-action-card {
        padding: 0.85rem 0.95rem;
        border-radius: 0.95rem;
        font-size: 0.84rem;
      }
      .table thead th,
      .table tbody td {
        padding: 0.75rem;
      }
      .btn {
        padding: 0.62rem 0.9rem;
        font-size: 0.9rem;
      }
      .form-control,
      select.form-control,
      textarea.form-control {
        min-height: 2.75rem;
        padding: 0.65rem 0.85rem;
      }
    }

    @media (max-width: 991.98px) {
      .client-topbar__mobile-trigger { display: inline-flex; }

      .client-sidebar {
        position: fixed;
        left: 0;
        top: var(--client-topbar-height);
        bottom: 0;
        height: auto;
        width: 268px;
        transform: translateX(-105%);
        transition: transform 0.24s ease;
      }

      body.client-sidebar-open .client-sidebar { transform: translateX(0); }
      body.client-sidebar-open .client-overlay { display: block; }

      .client-page { padding: 1rem; }
      .client-breadcrumbs {
        margin-bottom: 0.75rem;
        font-size: 0.8rem;
      }
      .client-page__container > .row.mb-5,
      .client-page__container > .row.mb-md-5,
      .client-page__container > .row.mb-lg-5 {
        margin-bottom: 1.5rem !important;
      }
      .welcome-section { padding: 1.35rem; }
      .client-metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .client-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 767.98px) {
      .client-topbar__surface, .client-footer__surface { padding-left: 1rem; padding-right: 1rem; }
      .client-topbar__brand { margin-right: 0.75rem; }
      .client-topbar__brand-logo { height: 1.7rem; }
      .client-topbar__icon-btn {
        width: 2.2rem;
        height: 2.2rem;
      }
      .client-topbar__avatar-link {
        width: 2.1rem;
        height: 2.1rem;
      }
      .client-topbar__account-menu {
        min-width: 13.4rem;
      }
      .client-page {
        padding: 0.85rem;
      }
      .client-page__container > .row.mb-4,
      .client-page__container > .row.mb-5,
      .client-page__container > .row.mb-md-5,
      .client-page__container > .row.mb-lg-5 {
        margin-bottom: 1rem !important;
      }
      .client-hero-slot {
        margin-bottom: 1rem;
      }
      .welcome-section { padding: 1.1rem; }
      .card-body, .card-header, .plan .body, .plan .header, .plan .sub-footer, .vehicle .body {
        padding: 0.95rem;
      }
      .table thead th, .table tbody td { padding: 0.75rem; }
      .text-right { text-align: left; }
      .btn {
        padding: 0.64rem 0.95rem;
        font-size: 0.92rem;
      }
      .client-page-header {
        gap: 0.8rem 1rem;
        margin-bottom: 1rem;
      }
      .client-page-header__title {
        font-size: clamp(1.35rem, 7vw, 1.85rem);
      }
      .client-page-header__text {
        margin-top: 0.3rem;
        font-size: 0.9rem;
      }
      .client-metrics-grid,
      .client-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .client-metric-card {
        padding: 0.9rem 1rem;
        border-radius: 1rem;
      }
      .client-metric-card__label {
        margin-bottom: 0.3rem;
        font-size: 0.64rem;
      }
      .client-metric-card__value {
        font-size: 1.45rem;
      }
      .client-metric-card__note {
        margin-top: 0.3rem;
        font-size: 0.74rem;
        line-height: 1.4;
      }
      .client-section-card {
        padding: 0.95rem;
        margin-bottom: 1rem;
        border-radius: 1rem;
      }
      .client-section-card__header {
        margin-bottom: 0.75rem;
      }
      .client-section-card__title {
        font-size: 1rem;
      }
      .client-section-card__text {
        font-size: 0.82rem;
      }
      .client-action-card {
        padding: 0.85rem 0.95rem;
        border-radius: 1rem;
        font-size: 0.86rem;
      }
      .additional-data {
        padding: 0.85rem 0.95rem;
        gap: 0.55rem;
      }
      .additional-data .data {
        padding: 0.42rem 0.72rem;
        font-size: 0.73rem;
      }
      .client-empty-state {
        padding: 1rem;
        border-radius: 1rem;
        font-size: 0.88rem;
      }
      .client-footer__surface {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
      }
    }

    @media (max-width: 575.98px) {
      .client-page {
        padding: 0.75rem;
      }
      .client-breadcrumbs {
        margin-bottom: 0.6rem;
        font-size: 0.74rem;
        gap: 0.25rem;
      }
      .client-breadcrumbs__separator {
        font-size: 0.9rem;
      }
      .client-metrics-grid,
      .client-action-grid {
        gap: 0.7rem;
      }
      .client-metric-card {
        padding: 0.8rem 0.85rem;
      }
      .client-metric-card__value {
        font-size: 1.3rem;
      }
      .client-topbar__brand-logo {
        height: 1.55rem;
      }
      .client-sidebar {
        width: 248px;
      }
      .client-action-card {
        padding: 0.75rem 0.85rem;
      }
      .card,
      .plan,
      .vehicle {
        border-radius: 1rem;
      }
      .ce-tabs, .nav-tabs {
        gap: 0.45rem;
      }
      .ce-tabs .nav-link, .nav-tabs .nav-link {
        padding: 0.62rem 0.9rem;
        font-size: 0.84rem;
      }
      .client-portal .modal-dialog {
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: 100vh;
        margin: 0 !important;
      }
      .client-portal .modal {
        padding-right: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
      }
      .client-portal .modal-content:not(img) {
        min-height: 100vh;
        border-radius: 0 !important;
      }
      .client-portal .modal-body {
        overflow: visible;
      }
      .client-portal .modal-header {
        border-radius: 0 !important;
      }
    }

/* Source: resources\views\client\includes\vehicle_data_menu_dialog.blade.php */
.vehicle-data-action-bootbox .modal-dialog,
  .vehicle-data-menu-bootbox .modal-dialog {
    max-width: 30rem;
    margin: 1rem auto;
  }

  .conclusion-dialog-bootbox .modal-dialog {
    max-width: 42rem;
    margin: 1rem auto;
  }

  .vehicle-data-action-bootbox .modal-content,
  .vehicle-data-menu-bootbox .modal-content,
  .conclusion-dialog-bootbox .modal-content {
    border: 0;
    border-radius: 1.25rem;
    overflow: hidden;
    box-shadow: 0 28px 72px rgba(12, 21, 32, 0.24);
    background: #f7f9fc;
  }

  .vehicle-data-action-bootbox .modal-body,
  .vehicle-data-menu-bootbox .modal-body,
  .conclusion-dialog-bootbox .modal-body {
    padding: 0;
    background: transparent;
    overflow: visible;
  }

  .vehicle-data-action-bootbox .modal-footer,
  .conclusion-dialog-bootbox .modal-footer {
    display: none;
  }

  .vehicle-data-dialog,
  .vehicle-data-action,
  .conclusion-dialog {
    display: flex;
    flex-direction: column;
    /*background:*/
    /*  radial-gradient(circle at top right, rgba(72, 166, 44, 0.18), transparent 34%),*/
    /*  linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);*/
  }

  .vehicle-data-dialog__header,
  .vehicle-data-action__hero,
  .conclusion-dialog__hero {
    position: relative;
    overflow: hidden;
    color: #ffffff;
    background: linear-gradient(135deg, #17354d 0%, #295d54 58%, #4f8a2f 100%);
  }

  /*.vehicle-data-dialog__header::after,*/
  /*.vehicle-data-action__hero::after,*/
  /*.conclusion-dialog__hero::after {*/
  /*  content: '';*/
  /*  position: absolute;*/
  /*  inset: auto -3rem -3rem auto;*/
  /*  width: 8rem;*/
  /*  height: 8rem;*/
  /*  border-radius: 50%;*/
  /*  background: rgba(255, 255, 255, 0.12);*/
  /*}*/

  .vehicle-data-dialog__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.25rem 1rem;
  }

  .vehicle-data-action__hero,
  .conclusion-dialog__hero {
    padding: 1.2rem 1.25rem 1rem;
  }

  .vehicle-data-dialog__title,
  .vehicle-data-action__title,
  .conclusion-dialog__title {
    margin: 0;
    font-family: 'Work Sans', sans-serif;
    font-weight: 800;
    letter-spacing: -0.03em;
  }

  .vehicle-data-dialog__title {
    font-size: 1.1rem;
  }

  .vehicle-data-action__title,
  .conclusion-dialog__title {
    font-size: 1.45rem;
    max-width: 22rem;
  }

  .vehicle-data-dialog__close,
  .vehicle-data-action__close,
  .conclusion-dialog__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
  }

  .vehicle-data-action__close,
  .conclusion-dialog__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }

  .vehicle-data-action__eyebrow,
  .conclusion-dialog__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.65rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.84;
  }

  .vehicle-data-action__subtitle,
  .conclusion-dialog__subtitle {
    margin: 0.5rem 0 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.92rem;
    line-height: 1.55;
  }

  .vehicle-data-dialog__body,
  .vehicle-data-action__body,
  .conclusion-dialog__body {

  }

  .vehicle-data-dialog__body {
    display: grid;
    gap: 0.65rem;
      padding: 1rem;
  }

  .vehicle-data-action__body,
  .conclusion-dialog__body {
    display: grid;
    gap: 0.9rem;
  }

  .vehicle-data-dialog__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: #eef3fb;
    color: #1f2a37;
    text-decoration: none !important;
  }

  .vehicle-data-dialog__item > span:first-child {
    flex: 1 1 auto;
    min-width: 0;
  }

  .vehicle-data-dialog__item:hover {
    background: #e4ecfa;
    color: #244d6a;
  }

  .vehicle-data-dialog__item.is-owned {
    background: #edf8ea;
  }

  .vehicle-data-dialog__item.is-locked {
    cursor: pointer;
  }

  .vehicle-data-dialog__title-text {
    display: block;
    margin: 0;
    font-size: 0.95rem;
    font-weight: 800;
  }

  .vehicle-data-dialog__meta {
    display: block;
    margin-top: 0.2rem;
    color: #6b7280;
    font-size: 0.8rem;
    line-height: 1.45;
  }

  .vehicle-data-dialog__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex: 0 0 auto;
    margin-left: auto;
    border-radius: 999px;
    padding: 0.42rem 0.72rem;
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
  }

  .vehicle-data-dialog__badge--owned {
    background: #d7f5d0;
    color: #083300;
  }

  .vehicle-data-dialog__badge--locked {
    background: #fff2cf;
    color: #785a00;
  }

  .vehicle-data-action__panel,
  .conclusion-dialog__card {
    background: #ffffff;
    padding: 1rem;
  }

  .vehicle-data-action__panel-title,
  .conclusion-dialog__label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.65rem;
    color: #244d6a;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .vehicle-data-action__panel-text,
  .conclusion-dialog__text {
    margin: 0;
    color: #151c26;
  }

  .vehicle-data-action__panel-text {
    font-size: 0.9rem;
    line-height: 1.65;
  }

  .conclusion-dialog__text {
    font-size: 1rem;
    line-height: 1.9;
    white-space: pre-line;
  }

  .vehicle-data-action__steps {
    display: grid;
    gap: 0.75rem;
  }

  .vehicle-data-action__step {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
  }

  .vehicle-data-action__step-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: #eef4fb;
    color: #295d54;
    font-size: 0.82rem;
    font-weight: 800;
      padding: 7px 12px;
  }

  .vehicle-data-action__step strong {
    display: block;
    color: #151c26;
    font-size: 0.9rem;
    font-weight: 800;
  }

  .vehicle-data-action__step span {
    display: block;
    margin-top: 0.1rem;
    color: #6b7280;
    font-size: 0.82rem;
    line-height: 1.5;
  }

  .vehicle-data-action__actions,
  .conclusion-dialog__footer {
    display: flex;
    justify-content: flex-end;
      gap: 0;
      margin-bottom: .5rem;
      margin-right: 1rem;
      margin-left: 1rem;
  }

  .vehicle-data-action__button,
  .conclusion-dialog__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 3rem;
    padding: 0.8rem 1.05rem;
    border: 0;
    border-radius: 0.9rem;
    font-size: 0.9rem;
    font-weight: 800;
    text-decoration: none !important;
  }

  .vehicle-data-action__button--secondary {
    background: #eef3fb;
    color: #244d6a;
  }

  .vehicle-data-action__button--primary {
    background: linear-gradient(135deg, #1b6d00 0%, #3d9b1b 100%);
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(27, 109, 0, 0.22);
  }

  .conclusion-dialog__button {
    background: linear-gradient(135deg, #244d6a 0%, #306386 100%);
    color: #ffffff;
    box-shadow: 0 12px 26px rgba(36, 77, 106, 0.22);
  }

  @media (max-width: 575.98px) {
    .vehicle-data-action-bootbox .modal-dialog,
    .vehicle-data-menu-bootbox .modal-dialog,
    .conclusion-dialog-bootbox .modal-dialog {
      max-width: 100vw;
      margin: 0;
    }

    .vehicle-data-dialog,
    .vehicle-data-action,
    .conclusion-dialog {
      min-height: 100vh;
    }

    .vehicle-data-dialog__body,
    .vehicle-data-action__body,
    .conclusion-dialog__body {
      overflow: visible;
    }

    .vehicle-data-action__actions {
      flex-direction: column;
      align-items: flex-start;
    }

    .vehicle-data-action__button,
    .conclusion-dialog__button {
      white-space: normal;
      width: 100%;
    }

    .vehicle-data-dialog__item {
      align-items: center;
      gap: 0.85rem;
    }

    .vehicle-data-dialog__badge {
      width: auto;
      white-space: nowrap;
      align-self: center;
    }
  }

/* Source: resources\views\client\includes\async_vehicle_archive_download.blade.php */
.js-archive-download.is-loading {
    pointer-events: none;
    opacity: 0.72;
  }

  .vehicle-archive-download__spinner {
    animation: vehicleArchiveDownloadSpin 0.9s linear infinite;
  }

  @keyframes vehicleArchiveDownloadSpin {
    from {
      transform: rotate(0deg);
    }

    to {
    transform: rotate(360deg);
  }
}

/* Shared extracted utilities */
.client-hidden {
  display: none !important;
}

.client-text-spaced {
  letter-spacing: 0.1em;
}

.client-text-spaced-wide {
  letter-spacing: 0.12em;
}

.client-link-break {
  display: block;
  word-break: break-all;
}

.client-icon--xxs {
  font-size: 0.875rem;
}

.client-icon--xs {
  font-size: 0.9rem;
}

.client-icon--sm {
  font-size: 0.95rem;
}

.client-icon--md {
  font-size: 1rem;
}

.client-icon--lg {
  font-size: 1.25rem;
}

.client-icon--xl {
  font-size: 2rem;
}

.client-icon--secondary {
  color: var(--client-secondary);
}

.client-icon--primary {
  color: var(--client-primary);
}

.client-icon--blue {
  color: #2563eb;
}

.client-icon--success {
  color: #1b6d00;
}

.client-icon--warning {
  color: #785a00;
}

.client-icon--filled {
  font-variation-settings: 'FILL' 1, 'wght' 450, 'GRAD' 0, 'opsz' 24;
}

.client-avatar-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.support-thread__avatar {
  object-fit: cover;
}

.client-sidebar-user-card {
  background: linear-gradient(180deg, rgba(239, 243, 255, 0.95), rgba(255, 255, 255, 0.92));
  box-shadow: inset 0 0 0 1px rgba(48, 99, 134, 0.08);
}

.client-sidebar-user-initials {
  width: 3rem;
  height: 3rem;
  background: linear-gradient(135deg, var(--client-secondary), var(--client-primary-soft));
  letter-spacing: 0.08em;
}

.client-sidebar-user-label {
  letter-spacing: 0.12em;
  color: #5f6b7a;
}

.client-sidebar-account-link {
  font-weight: 700;
}

.client-label-offset-top {
  top: -7px;
}

.inspection-proposed-time {
  background: #f7fbff;
  border: 1px solid rgba(48, 99, 134, 0.14);
  border-radius: 0.9rem;
  box-shadow: 0 0.45rem 1.1rem rgba(12, 21, 32, 0.04);
  margin-top: 0.85rem;
  padding: 0.95rem;
}

.inspection-proposed-time--cancelled {
  background: #fff7f8;
  border-color: rgba(220, 53, 69, 0.22);
}

.inspection-proposed-time__header {
  align-items: center;
  display: flex;
  gap: 0.7rem;
  margin-bottom: 0.75rem;
}

.inspection-proposed-time__icon {
  align-items: center;
  background: rgba(48, 99, 134, 0.09);
  border-radius: 0.75rem;
  color: var(--client-secondary);
  display: inline-flex;
  flex: 0 0 2.45rem;
  height: 2.45rem;
  justify-content: center;
  width: 2.45rem;
}

.inspection-proposed-time__icon--cancelled {
  background: rgba(220, 53, 69, 0.1);
  color: #b02a37;
}

.inspection-proposed-time__eyebrow {
  color: var(--client-text-soft);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 0 0 0.15rem;
  text-transform: uppercase;
}

.inspection-proposed-time__title {
  color: var(--client-text);
  font-size: 0.98rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
}

.inspection-proposed-time__line,
.inspection-proposed-time__text,
.inspection-proposed-time__proposal,
.inspection-proposed-time__notice {
  color: var(--client-text);
  font-size: 0.82rem;
  line-height: 1.45;
  margin: 0 0 0.65rem;
}

.inspection-proposed-time__notice,
.inspection-proposed-time__proposal {
  border-radius: 0.7rem;
  padding: 0.65rem 0.75rem;
}

.inspection-proposed-time__notice--warning {
  background: rgba(255, 193, 7, 0.14);
  color: #6b5100;
}

.inspection-proposed-time__notice--danger {
  background: rgba(220, 53, 69, 0.1);
  color: #93000a;
}

.inspection-proposed-time__notice--success {
  background: rgba(72, 166, 44, 0.12);
  color: #245f16;
}

.inspection-proposed-time__proposal {
  background: #fff;
  border: 1px solid rgba(48, 99, 134, 0.12);
}

.inspection-proposed-time__proposal--danger {
  border-color: rgba(220, 53, 69, 0.2);
  color: #93000a;
}

.inspection-proposed-time__actions {
  display: grid;
  gap: 0.6rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inspection-proposed-time__actions form {
  margin: 0;
}

.inspection-proposed-time__btn {
  align-items: center;
  border-radius: 0.75rem;
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: 800;
  gap: 0.35rem;
  justify-content: center;
  min-height: 2.45rem;
  padding: 0.55rem 0.75rem;
  text-transform: uppercase;
  width: 100%;
}

.inspection-proposed-time__btn--accept {
  background: var(--client-primary);
  border: 1px solid var(--client-primary);
  color: #fff;
}

.inspection-proposed-time__btn--decline {
  background: #fff;
  border: 1px solid rgba(220, 53, 69, 0.35);
  color: #b02a37;
}

.inspection-proposed-time__btn--accept:hover,
.inspection-proposed-time__btn--accept:focus {
  background: #3f9827;
  border-color: #3f9827;
  color: #fff;
}

.inspection-proposed-time__btn--decline:hover,
.inspection-proposed-time__btn--decline:focus {
  background: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.inspection-proposed-time__btn .material-symbols-outlined {
  font-size: 1rem;
}

.inspection-proposed-time-bootbox .modal-content {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 1.4rem 4rem rgba(12, 21, 32, 0.22);
}

.inspection-proposed-time-bootbox .modal-header,
.inspection-proposed-time-bootbox .modal-body,
.inspection-proposed-time-bootbox .modal-footer {
  border-color: rgba(48, 99, 134, 0.1);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (max-width: 575.98px) {
  .inspection-proposed-time {
    border-radius: 0.8rem;
    margin-top: 0.55rem;
    padding: 0.75rem;
  }

  .inspection-proposed-time__actions {
    grid-template-columns: 1fr;
  }

  .inspection-proposed-time__btn {
    font-size: 0.68rem;
    min-height: 2.35rem;
  }
}