/* Kurd Store VIP — fresh responsive layer. One mobile design, no DOM cloning. */
:root {
  --mobile-gap: 12px;
  --mobile-space: 12px;
  --mobile-touch: 44px;
  --mobile-radius: var(--theme-radius-md);
  --mobile-topbar: 64px;
  --mobile-nav: 68px;
  --mobile-safe-top: env(safe-area-inset-top, 0px);
  --mobile-safe-right: env(safe-area-inset-right, 0px);
  --mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
  --mobile-safe-left: env(safe-area-inset-left, 0px);
}

@media (max-width:767px){.tg-request-create-actions{grid-template-columns:1fr!important}.tg-request-identity{min-width:150px}}

html, body { max-width: 100%; overflow-x: clip; }
body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
img, svg, video, canvas { max-width: 100%; height: auto; }
button, a, input, select, textarea { touch-action: manipulation; }
.mobile-only { display: none !important; }

/* Login is deliberately independent from the application shell. */
.login-view {
  min-height: 100svh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scroll-padding-block: calc(16px + var(--mobile-safe-top)) calc(24px + var(--mobile-safe-bottom));
  padding: max(24px, var(--mobile-safe-top)) max(24px, var(--mobile-safe-right)) max(24px, var(--mobile-safe-bottom)) max(24px, var(--mobile-safe-left));
}
.login-shell,
.login-shell.login-shell-minimal {
  display: block !important;
  width: min(100%, 460px) !important;
  min-height: 0 !important;
  margin: auto !important;
  padding: 0 !important;
}
.login-card {
  position: relative;
  width: 100% !important;
  margin: 0 !important;
  padding: 30px !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: var(--theme-radius-lg) !important;
}
.login-brand { display: grid !important; gap: 20px !important; }
.login-main-brand { display: flex !important; align-items: center !important; gap: 12px !important; }
.login-main-brand img { width: 50px !important; height: 50px !important; object-fit: contain; border-radius: 15px; }
.login-language-toggle,
.login-shell-minimal .login-language-toggle { position: absolute !important; inset: 20px 20px auto auto !important; min-width: 88px; min-height: var(--mobile-touch) !important; padding-inline: 12px !important; }
html[dir="rtl"] .login-language-toggle { inset: 20px auto auto 20px !important; }
.login-title-block h1 { margin: 0 !important; font-size: clamp(28px, 8vw, 36px) !important; line-height: 1.1 !important; }
.login-form { display: grid !important; gap: 18px !important; margin-top: 24px !important; }
.login-field { display: grid !important; gap: 8px !important; }
.login-input-shell {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 56px !important;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid var(--theme-border-strong) !important;
  border-radius: var(--theme-radius-sm) !important;
}
.login-input-icon { display: grid !important; width: 46px; place-items: center; }
.login-input-icon svg,
#togglePassword svg { width: 22px; height: 22px; }
.login-input-shell input { width: 100% !important; min-width: 0 !important; min-height: 54px !important; margin: 0 !important; padding: 0 10px !important; border: 0 !important; outline: 0; line-height: normal; text-overflow: ellipsis; }
.login-input-shell input::placeholder { opacity: .78; text-overflow: ellipsis; }
.pass-wrap input { padding-inline-end: 4px !important; }
.login-input-shell button { width: 52px !important; min-width: 52px; height: 54px !important; margin: 0 !important; border: 0 !important; }
.login-submit { width: 100% !important; min-height: 54px !important; border-radius: var(--theme-radius-sm) !important; }
.login-footer { margin-top: 16px !important; text-align: center; color: var(--theme-text-muted); }

@media (min-width: 901px) {
  .app-view { grid-template-columns: 280px minmax(0, 1fr) !important; }
  .ks-sidebar { width: 280px !important; }
  .main-panel { min-width: 0; }
  .page-host { padding-inline: clamp(18px, 2.5vw, 42px) !important; }
  .page-host > .ks-page,
  .ks-page { width: min(100%, 1480px) !important; max-width: 1480px !important; }
}

@media (max-width: 900px) {
  html, body { width: 100%; height: 100%; overflow: hidden !important; }
  .mobile-only { display: inline-grid !important; }
  .app-view { display: block !important; width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; overflow: hidden !important; }
  .app-view.hidden,
  .login-view.hidden { display: none !important; }
  .app-ambient { display: none !important; }
  .main-panel { display: flex !important; flex-direction: column !important; width: 100% !important; height: 100dvh !important; min-height: 0 !important; overflow: hidden !important; }

  .topbar {
    position: relative !important;
    z-index: 300 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    min-height: calc(var(--mobile-topbar) + var(--mobile-safe-top)) !important;
    padding: calc(8px + var(--mobile-safe-top)) 10px 8px !important;
    gap: 8px !important;
    border-bottom: 1px solid var(--theme-border) !important;
    backdrop-filter: blur(18px);
  }
  .topbar-left,
  .topbar-right { display: flex !important; align-items: center !important; min-width: 0; gap: 7px; }
  .topbar-right { margin-inline-start: auto !important; }
  .topbar-right > .top-account-security,
  .topbar-right > .top-actions,
  .mobile-dashboard-greeting,
  .top-title > span,
  .v14-build-badge { display: none !important; }
  .top-title-line { min-width: 0; }
  .top-title-line strong { display: block; max-width: 46vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px !important; }
  #menuToggle,
  .topbar .mobile-only { display: inline-grid !important; width: 44px !important; min-width: 44px !important; height: 44px !important; padding: 0 !important; place-items: center; }

  .page-host {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 12px 0 calc(var(--mobile-nav) + 28px + var(--mobile-safe-bottom)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }
  .page-host > .ks-page,
  .ks-page { width: 100% !important; max-width: none !important; margin: 0 !important; padding-inline: var(--mobile-gap) !important; }

  /* The sole sidebar becomes a drawer; no second mobile menu is created. */
  .ks-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 2000 !important;
    display: flex !important;
    flex-direction: column !important;
    width: min(86vw, 340px) !important;
    max-width: 340px !important;
    height: 100dvh !important;
    overflow: hidden !important;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(-104%, 0, 0) !important;
    transition: transform .2s ease, visibility .2s ease;
  }
  html[dir="rtl"] .ks-sidebar { inset: 0 0 0 auto !important; transform: translate3d(104%, 0, 0) !important; }
  .ks-sidebar.open { visibility: visible; pointer-events: auto; transform: translate3d(0, 0, 0) !important; }
  .side-scroll { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; }
  .side-brand { position: sticky !important; top: 0; z-index: 2; padding: calc(14px + var(--mobile-safe-top)) 14px 14px !important; border-radius: 0 !important; box-shadow: none !important; }
  .side-close { display: grid !important; width: 44px !important; min-width: 44px; height: 44px !important; place-items: center; }
  .main-nav { padding: 8px 12px 16px !important; }
  .main-nav .nav-btn { width: 100%; min-height: 48px !important; margin: 3px 0 !important; }
  .side-footer { flex: 0 0 auto; padding: 12px 14px calc(12px + var(--mobile-safe-bottom)) !important; }

  body.mobile-menu-open .menu-overlay { position: fixed !important; inset: 0 !important; z-index: 1990 !important; display: block !important; width: 100% !important; height: 100% !important; padding: 0 !important; border: 0 !important; pointer-events: auto !important; }
  .menu-overlay.hidden { display: none !important; }
  body.mobile-menu-open { overflow: hidden !important; }

  /* The one existing mobileNav is the only bottom navigation. */
  .mobile-nav {
    position: fixed !important;
    z-index: 400 !important;
    inset: auto 8px max(8px, var(--mobile-safe-bottom)) !important;
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    width: auto !important;
    height: var(--mobile-nav) !important;
    padding: 6px !important;
    gap: 4px;
    overflow: hidden;
    border: 1px solid var(--theme-border) !important;
    border-radius: 20px !important;
  }
  .mobile-nav button { display: grid !important; min-width: 0; min-height: 54px; padding: 5px 3px !important; place-items: center; align-content: center; gap: 2px; border: 0; border-radius: 14px !important; font-size: 10px !important; }
  .mobile-nav .m-ico { display: grid; width: 20px; height: 20px; place-items: center; }
  .mobile-nav button span { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-quick-add { position: fixed !important; z-index: 410 !important; inset: auto 14px calc(var(--mobile-nav) + 20px + var(--mobile-safe-bottom)) auto !important; width: 56px !important; height: 56px !important; border-radius: 18px !important; }
  html[dir="rtl"] .mobile-quick-add { inset-inline: 14px auto !important; }

  .page-hero { display: flex !important; min-height: 0 !important; margin: 0 0 12px !important; padding: 16px !important; flex-direction: column !important; align-items: stretch !important; gap: 14px !important; border-radius: var(--theme-radius-md) !important; }
  .hero-left { display: flex !important; align-items: flex-start !important; min-width: 0; gap: 12px; }
  .hero-icon { width: 48px !important; min-width: 48px; height: 48px !important; border-radius: 15px !important; }
  .page-hero h1 { margin: 2px 0 5px !important; font-size: 25px !important; line-height: 1.15 !important; }
  .page-hero p { font-size: 14px !important; line-height: 1.5 !important; }
  .hero-actions { display: grid !important; width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  .hero-actions .ks-btn { width: 100% !important; min-width: 0; min-height: 46px; }

  .ks-stack { gap: 12px !important; }
  .users-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .users-grid > * { min-width: 0 !important; }

  .ks-card,
  .row-card,
  .order-card,
  .premium-order-card,
  .stock-account-card,
  .stock-card,
  .family-group-card,
  .family-member-card,
  .settings-section { min-width: 0 !important; padding: 15px !important; overflow: visible; border-radius: var(--theme-radius-md) !important; }

  .grid-5,
  .grid-4,
  .grid-3,
  .grid-2,
  .layout-2,
  .dashboard-grid,
  .stats-grid,
  .metric-grid,
  .dash-metrics,
  .dashboard-bottom-grid,
  .backup-security-grid,
  .telegram-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

  .form-grid,
  .filters,
  .filter-grid,
  .orders-filter-grid,
  .stock-filter-grid,
  .report-filter-grid,
  .activity-filter-grid,
  .admin-spending-filter-grid,
  .deleted-spending-filter-grid,
  .telegram-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea { width: 100% !important; min-width: 0 !important; min-height: 48px; font-size: 16px !important; }
  textarea { min-height: 108px; resize: vertical; }
  .search-box { display: grid !important; grid-template-columns: 28px minmax(0, 1fr) !important; width: 100% !important; gap: 6px; }
  .search-box .ks-btn { grid-column: auto; min-width: 0; }
  .toolbar,
  .premium-toolbar { display: grid !important; width: 100% !important; grid-template-columns: 1fr !important; gap: 10px !important; }

  .section-title { display: flex !important; align-items: flex-start !important; min-width: 0; gap: 10px !important; }
  .section-title > :first-child { min-width: 0; }
  .row-title,
  .row-sub,
  .stock-email,
  .stock-credential,
  .meta-value,
  .mobile-table-value { overflow-wrap: anywhere; word-break: break-word; }
  .page-host .row-sub,
  .page-host .mini-label,
  .page-host .page-kicker { font-size: 12px !important; line-height: 1.45 !important; }
  .page-host p { font-size: max(12px, .8rem) !important; line-height: 1.5 !important; }
  .page-host .ks-field,
  .page-host .ks-choice-label { font-size: 12px !important; line-height: 1.45 !important; }
  .page-host .meta-item label,
  .page-host .ks-view-field > span { font-size: 11px !important; line-height: 1.4 !important; }

  .user-card,
  .user-card-head,
  .user-identity,
  .user-identity > div,
  .user-meta-grid,
  .user-meta-grid .meta-item,
  .user-card-actions { min-width: 0 !important; }
  .user-identity h3,
  .user-identity p,
  .user-meta-grid .meta-item b,
  .user-meta-grid .meta-item small,
  .user-badges .badge { max-width: 100%; white-space: normal !important; overflow-wrap: anywhere; word-break: break-word; }
  .user-badges { min-width: 0; max-width: 100%; align-items: flex-start; }
  .user-card-actions { display: grid !important; width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  .user-card-actions .ks-btn { width: 100% !important; min-width: 0 !important; min-height: var(--mobile-touch) !important; padding: 9px 10px !important; white-space: normal !important; line-height: 1.25; }

  .telegram-control-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; align-items: stretch !important; gap: 12px !important; }
  .telegram-control-hero > * { min-width: 0 !important; width: 100% !important; }
  .telegram-control-live { display: flex !important; width: 100% !important; white-space: normal !important; overflow-wrap: anywhere; }
  .telegram-six-nav { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  .telegram-six-nav .telegram-tab { width: 100% !important; min-width: 0 !important; }
  .telegram-panel-head,
  .telegram-toolbar-row,
  .telegram-section-intro { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
  .telegram-filter-row { max-width: 100%; overflow-x: auto; flex-wrap: nowrap !important; padding-bottom: 4px; scrollbar-width: thin; }
  .telegram-filter-chip { flex: 0 0 auto; min-height: var(--mobile-touch) !important; }
  .telegram-gift-request-table tr { grid-template-columns: minmax(0, 1fr) !important; }
  .telegram-gift-request-table td,
  .telegram-gift-request-table td:last-child { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
  .tg-gift-data-form { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
  .tg-gift-data-row { display: grid !important; grid-template-columns: minmax(0, 1fr) var(--mobile-touch) !important; align-items: center; width: 100%; min-width: 0; }
  .tg-gift-data-row span,
  .tg-gift-data-row b,
  .tg-gift-data-row em { min-width: 0; max-width: 100%; white-space: normal !important; overflow-wrap: anywhere; word-break: break-word; }
  .tg-gift-data-row .ks-btn { width: var(--mobile-touch) !important; min-width: var(--mobile-touch) !important; min-height: var(--mobile-touch) !important; padding: 0 !important; }
  .telegram-gift-request-table td.telegram-actions { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)) !important; gap: 8px !important; }
  .telegram-gift-request-table td.telegram-actions .ks-btn { width: 100% !important; min-width: 0 !important; min-height: var(--mobile-touch) !important; white-space: normal !important; }

  .form-actions,
  .card-actions,
  .row-actions,
  .action-row,
  .split-actions,
  .order-modal-actions,
  .stock-actions-row,
  .ks-card-actions-compact,
  .sticky-modal-actions { display: grid !important; width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  .form-actions .ks-btn,
  .card-actions .ks-btn,
  .row-actions .ks-btn,
  .action-row .ks-btn,
  .split-actions .ks-btn,
  .order-modal-actions .ks-btn,
  .stock-actions-row .ks-btn,
  .ks-card-actions-compact .ks-btn,
  .sticky-modal-actions .ks-btn { width: 100% !important; min-width: 0 !important; min-height: 44px !important; }

  /* Wide data tables become stacked rows without cloning nodes or IDs. */
  .table-wrap,
  .telegram-table-wrap { width: 100% !important; max-width: 100% !important; overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  .data-table,
  .telegram-table,
  .spending-desktop-table { display: block !important; width: 100% !important; min-width: 0 !important; }
  .data-table thead,
  .telegram-table thead,
  .spending-desktop-table thead { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .data-table tbody,
  .telegram-table tbody,
  .spending-desktop-table tbody { display: grid !important; gap: 10px; }
  .data-table tr,
  .telegram-table tr,
  .spending-desktop-table tr { display: grid !important; width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px; gap: 8px 12px; border: 1px solid var(--theme-border); border-radius: var(--theme-radius-md); background: var(--theme-surface); box-shadow: var(--theme-shadow-sm); }
  .data-table td,
  .telegram-table td,
  .spending-desktop-table td { display: block !important; min-width: 0 !important; padding: 4px 0 !important; border: 0 !important; white-space: normal !important; overflow-wrap: anywhere; }

  .modal { z-index: 3000 !important; align-items: stretch !important; padding: 0 !important; }
  .modal-card { width: 100% !important; max-width: none !important; min-height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; padding: calc(58px + var(--mobile-safe-top)) 14px calc(18px + var(--mobile-safe-bottom)) !important; overflow-x: hidden !important; overflow-y: auto !important; border: 0 !important; border-radius: 0 !important; }
  .modal-close { position: fixed !important; z-index: 2; inset: calc(10px + var(--mobile-safe-top)) 12px auto auto !important; width: 44px !important; height: 44px !important; }
  html[dir="rtl"] .modal-close { inset-inline: 12px auto !important; }
  .modal.hidden { display: none !important; }
}

@media (max-width: 600px) {
  :root { --mobile-gap: 10px; }
  .login-view { align-items: center; padding: max(12px, var(--mobile-safe-top)) max(12px, var(--mobile-safe-right)) max(12px, var(--mobile-safe-bottom)) max(12px, var(--mobile-safe-left)); }
  .login-card { padding: 22px 16px !important; border-radius: 22px !important; }
  .login-language-toggle { inset: 14px 14px auto auto !important; }
  html[dir="rtl"] .login-language-toggle { inset: 14px auto auto 14px !important; }
  .login-main-brand img { width: 44px !important; height: 44px !important; }
  .login-title-block h1 { font-size: 29px !important; }
  .hero-actions,
  .form-grid,
  .filters,
  .filter-grid,
  .orders-filter-grid,
  .stock-filter-grid,
  .report-filter-grid,
  .activity-filter-grid,
  .admin-spending-filter-grid,
  .deleted-spending-filter-grid,
  .telegram-form-grid { grid-template-columns: 1fr !important; }
  .grid-5,
  .grid-4,
  .grid-3,
  .grid-2,
  .layout-2,
  .dashboard-bottom-grid,
  .backup-security-grid,
  .telegram-overview-grid { grid-template-columns: 1fr !important; }
  .dashboard-grid,
  .stats-grid,
  .metric-grid,
  .dash-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .section-title { flex-direction: column !important; align-items: stretch !important; }
  .user-card-head { flex-direction: column !important; align-items: stretch !important; }
  .user-badges { justify-content: flex-start !important; }
  .user-meta-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

@media (max-width: 390px) {
  .dashboard-grid,
  .stats-grid,
  .metric-grid,
  .dash-metrics,
  .form-actions,
  .card-actions,
  .row-actions,
  .action-row,
  .split-actions,
  .order-modal-actions,
  .stock-actions-row,
  .ks-card-actions-compact,
  .sticky-modal-actions,
  .data-table tr,
  .telegram-table tr,
  .spending-desktop-table tr { grid-template-columns: 1fr !important; }
  .top-title-line strong { max-width: 38vw; font-size: 16px !important; }
  .mobile-nav { inset-inline: 5px !important; }
  .user-card-actions { grid-template-columns: minmax(0, 1fr) !important; }
  .telegram-gift-request-table td.telegram-actions { grid-template-columns: minmax(0, 1fr) !important; }
}


@media (max-width: 600px) and (max-height: 700px) {
  .login-view { place-items: start center; }
  .login-card { margin-block: 6px !important; }
  .login-brand { gap: 12px !important; }
  .login-form { gap: 12px !important; margin-top: 16px !important; }
  .login-footer { margin-top: 10px !important; }
}

@media (max-height: 520px) and (orientation: landscape) {
  .login-view { place-items: start center; }
  .login-card { margin-block: 8px !important; }
  .page-host { padding-bottom: calc(var(--mobile-nav) + 18px) !important; }
  .mobile-nav { height: 60px !important; }
  .mobile-nav button { min-height: 48px; }
}

@media (prefers-reduced-motion: reduce) {
  .ks-sidebar { transition: none !important; }
}

/* ==========================================================================
   Orders mobile UI — rebuilt cleanly for phones
   ========================================================================== */
@media (max-width: 767px) {
  /* Find Orders: compact, readable and balanced instead of oversized rows. */
  .orders-premium-panel {
    padding: 13px !important;
    border-radius: 18px !important;
    overflow: visible !important;
  }
  .orders-toolbar-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 11px !important;
  }
  .orders-toolbar-head h2 {
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
  .orders-toolbar-actions { flex: 0 0 auto !important; }
  .orders-toolbar-actions .ks-btn {
    min-height: 38px !important;
    width: auto !important;
    padding: 7px 11px !important;
    font-size: 12px !important;
  }
  .orders-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    align-items: end !important;
  }
  .orders-filter-grid .ks-field {
    min-width: 0 !important;
    margin: 0 !important;
    gap: 5px !important;
    font-size: 11px !important;
    letter-spacing: .04em !important;
  }
  .orders-filter-grid input,
  .orders-filter-grid select {
    min-height: 43px !important;
    height: 43px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
  }
  .orders-filter-grid .order-filter-search { grid-column: 1 / -1 !important; }
  .orders-filter-grid .order-filter-from,
  .orders-filter-grid .order-filter-to { grid-column: auto !important; }
  .orders-type-quick {
    display: flex !important;
    gap: 7px !important;
    margin-top: 10px !important;
    padding-bottom: 2px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    scrollbar-width: none;
  }
  .orders-type-quick::-webkit-scrollbar { display: none; }
  .orders-type-quick .chip {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 7px 12px !important;
    white-space: nowrap !important;
  }

  /* Customer order card: stable layout with only View + Copy visible. */
  .orders-premium-list { display: grid !important; gap: 12px !important; }
  .premium-order-card {
    padding: 13px !important;
    border-radius: 18px !important;
    overflow: visible !important;
  }
  .premium-order-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }
  .premium-order-top .service-line,
  .premium-order-top .service-line > div { min-width: 0 !important; }
  .premium-order-top .card-title {
    font-size: 18px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }
  .premium-order-top .muted {
    font-size: 13px !important;
    overflow-wrap: anywhere !important;
  }
  .premium-order-top .order-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 6px !important;
  }
  .order-service-strip {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 4px 9px !important;
    padding: 10px 11px !important;
    margin: 10px 0 !important;
    border-radius: 13px !important;
  }
  .order-service-strip b { overflow-wrap: anywhere !important; }
  .order-service-strip small { grid-column: 1 / -1 !important; }
  .order-meta-premium {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .order-meta-premium .meta-item {
    min-width: 0 !important;
    min-height: 72px !important;
    padding: 9px !important;
    border-radius: 12px !important;
  }
  .order-meta-premium .meta-item b {
    font-size: 13px !important;
    overflow-wrap: anywhere !important;
  }
  .order-actions-row { margin-top: 11px !important; overflow: visible !important; }
  .ks-card-actions-compact {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    overflow: visible !important;
  }
  .ks-card-actions-compact > .ks-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
  }
  .ks-card-more {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
  }
  .ks-card-more-toggle {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }
  .ks-card-more-menu {
    position: absolute !important;
    inset-inline-end: 0 !important;
    bottom: calc(100% + 7px) !important;
    z-index: 120 !important;
    display: none !important;
    width: min(230px, 76vw) !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    padding: 8px !important;
    border-radius: 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  .ks-card-more.is-open .ks-card-more-menu { display: grid !important; }
  .ks-card-more-menu .ks-btn {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: flex-start !important;
    text-align: start !important;
  }

  /* Order View: purpose-built phone layout, no squeezed desktop columns. */
  .modal-card { padding: calc(58px + var(--mobile-safe-top)) 11px calc(14px + var(--mobile-safe-bottom)) !important; }
  .ks-order-view { display: grid !important; gap: 10px !important; min-width: 0 !important; }
  .ks-order-view .ks-view-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 13px !important;
    border-radius: 17px !important;
  }
  .ks-order-view .ks-view-hero > div:first-child {
    display: flex !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    gap: 10px !important;
  }
  .ks-order-view .ks-view-hero h2 {
    margin: 2px 0 3px !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere !important;
  }
  .ks-order-view .ks-view-hero p {
    margin: 0 !important;
    font-size: 13px !important;
    overflow-wrap: anywhere !important;
  }
  .ks-order-view .ks-view-hero .order-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 6px !important;
  }
  .ks-order-view .ks-view-sections {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
  .ks-order-view .ks-view-section {
    padding: 12px !important;
    border-radius: 16px !important;
    min-width: 0 !important;
  }
  .ks-order-view .ks-view-section-title { margin-bottom: 8px !important; }
  .ks-order-view .ks-view-section-title h3 { font-size: 15px !important; }
  .ks-order-view .ks-view-fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 12px !important;
  }
  .ks-order-view .ks-view-field,
  .ks-order-view .ks-secret-field {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    gap: 4px !important;
    min-width: 0 !important;
    padding: 8px 0 !important;
  }
  .ks-order-view .ks-view-field > b,
  .ks-order-view .ks-secret-field b {
    text-align: start !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }
  .ks-order-view .ks-secret-field .secret-row {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
  .ks-order-view .ks-view-actions {
    position: sticky !important;
    bottom: calc(var(--mobile-safe-bottom) + 2px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(96px, .42fr) !important;
    gap: 8px !important;
    padding: 8px !important;
    margin-top: 1px !important;
    border-radius: 15px !important;
  }
  .ks-order-view .ks-view-actions > .ks-view-primary-copy,
  .ks-order-view .ks-view-actions > .ks-view-more-wrap {
    grid-column: auto !important;
    min-width: 0 !important;
  }
  .ks-order-view .ks-view-more-wrap { position: relative !important; display: block !important; }
  .ks-order-view .ks-view-more-button { width: 100% !important; min-width: 0 !important; }
  .ks-order-view .ks-view-more-menu {
    inset-inline-end: 0 !important;
    width: min(230px, 76vw) !important;
  }
}

/* ===== v1.1.17 final frontend-only UI hardening ===== */
/* Customer list cards: visual redesign only; data attributes and actions stay unchanged. */
.customer-list { gap: 10px !important; }
.customer-card {
  position: relative;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 88px;
  padding: 13px 14px 13px 16px;
  overflow: hidden;
  border: 1px solid var(--theme-border) !important;
  border-radius: 19px;
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--theme-primary) 9%, transparent), transparent 42%),
    linear-gradient(145deg, var(--theme-surface), var(--theme-surface-raised)) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 10px 26px color-mix(in srgb, var(--theme-text) 8%, transparent);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.customer-card::before {
  content: "";
  position: absolute;
  inset: 15px auto 15px 0;
  width: 3px;
  border-radius: 0 99px 99px 0;
  background: linear-gradient(180deg, var(--theme-primary), var(--theme-secondary));
  opacity: .78;
}
html[dir="rtl"] .customer-card::before { inset: 15px 0 15px auto; border-radius: 99px 0 0 99px; }
.customer-card:hover { transform: translateY(-1px); border-color: var(--theme-border-strong) !important; box-shadow: var(--theme-shadow-sm); }
.customer-card.active {
  border-color: var(--theme-primary) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary) 20%, transparent), var(--theme-shadow-sm) !important;
}
.customer-card.active::before { opacity: 1; width: 4px; }
.customer-avatar {
  width: 52px;
  height: 52px;
  border: 1px solid color-mix(in srgb, var(--theme-primary) 35%, var(--theme-border));
  border-radius: 17px;
  background: linear-gradient(145deg, var(--theme-primary), var(--theme-secondary)) !important;
  color: var(--theme-on-primary) !important;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--theme-primary) 24%, transparent);
}
.customer-card-body { gap: 4px; }
.customer-card-title { color: var(--theme-text) !important; font-size: 16px; line-height: 1.25; }
.customer-card-contact { color: var(--theme-text-soft) !important; font-size: 13.5px; line-height: 1.3; }
.customer-card-meta { color: var(--theme-text-muted) !important; font-size: 11px; line-height: 1.35; }
.customer-card-meta b { color: var(--theme-text-soft) !important; letter-spacing: .02em; }
.customer-card-meta i {
  border: 1px solid color-mix(in srgb, var(--theme-primary) 22%, var(--theme-border));
  background: color-mix(in srgb, var(--theme-primary) 11%, var(--theme-surface-soft)) !important;
  color: var(--theme-primary) !important;
}
.customer-order-count {
  min-width: 58px;
  min-height: 58px;
  border: 1px solid var(--theme-border);
  border-radius: 17px;
  background: color-mix(in srgb, var(--theme-primary) 8%, var(--theme-surface-soft)) !important;
  color: var(--theme-text) !important;
}
.customer-order-count small { color: var(--theme-text-muted) !important; }

@media (max-width: 430px) {
  .customer-card { grid-template-columns: 48px minmax(0, 1fr) 54px; min-height: 84px; padding: 12px 11px 12px 14px !important; gap: 10px; }
  .customer-avatar { width: 48px; height: 48px; border-radius: 15px; }
  .customer-order-count { min-width: 54px; min-height: 54px; border-radius: 15px; }
}

@media (max-width: 767px) {
  /* The drawer now follows the active appearance instead of forcing dark colors. */
  .ks-sidebar {
    background:
      radial-gradient(circle at 15% 0, color-mix(in srgb, var(--theme-primary) 13%, transparent), transparent 34%),
      linear-gradient(180deg, var(--theme-sidebar), var(--theme-bg-muted)) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
    box-shadow: var(--theme-shadow-md) !important;
  }
  .side-brand,
  .side-footer { background: color-mix(in srgb, var(--theme-sidebar) 94%, transparent) !important; border-color: var(--theme-border) !important; }
  .side-user { background: var(--theme-surface-soft) !important; border-color: var(--theme-border) !important; }
  .side-close {
    color: var(--theme-text) !important;
    background: var(--theme-surface-soft) !important;
    border-color: var(--theme-border-strong) !important;
    box-shadow: var(--theme-shadow-sm) !important;
  }
  .nav-section { color: var(--theme-text-muted) !important; }
  .main-nav .nav-btn {
    color: var(--theme-text-soft) !important;
    background: var(--theme-surface-soft) !important;
    border-color: var(--theme-border) !important;
  }
  .main-nav .nav-btn.active {
    color: var(--theme-on-primary) !important;
    background: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    box-shadow: var(--theme-shadow-sm) !important;
  }
  .nav-ico { background: color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface-raised)) !important; }
  .nav-btn.active .nav-ico { background: color-mix(in srgb, var(--theme-on-primary) 14%, transparent) !important; }
  body.mobile-menu-open .menu-overlay { background: var(--theme-overlay) !important; }

  /* Family pages/forms were the remaining mobile surfaces with fixed dark colors. */
  .family-pro-hero,
  .family-pro-control,
  .family-list-section,
  .family-members-panel,
  .family-members-v2-panel,
  .family-card,
  .family-simple-card,
  .family-group-card,
  .family-member-card,
  .family-member-v2 {
    color: var(--theme-text) !important;
    background:
      radial-gradient(circle at 100% 0, color-mix(in srgb, var(--theme-primary) 8%, transparent), transparent 38%),
      linear-gradient(150deg, var(--theme-surface), var(--theme-surface-raised)) !important;
    border-color: var(--theme-border) !important;
    box-shadow: var(--theme-shadow-sm) !important;
  }
  .family-pro-hero,
  .family-members-v2-hero,
  .ks-family-view .ks-view-hero,
  .family-inline-form-head {
    color: var(--theme-text) !important;
    background:
      radial-gradient(circle at 88% 0, color-mix(in srgb, var(--theme-primary) 17%, transparent), transparent 40%),
      linear-gradient(135deg, color-mix(in srgb, var(--theme-primary) 12%, var(--theme-surface)), var(--theme-surface-raised)) !important;
    border-color: var(--theme-border) !important;
  }
  .family-pro-title h2,
  .family-pro-control-head h2,
  .family-section-title h2,
  .family-member-section-head h2,
  .family-card h3,
  .family-simple-card h3,
  .family-group-card h3,
  .family-members-v2-hero h2,
  .family-member-v2-title h3,
  .family-inline-form-head h2,
  .ks-family-view .ks-view-field b,
  .family-member-info b,
  .family-members-v2-stats b { color: var(--theme-text) !important; }
  .family-pro-title p,
  .family-pro-control p,
  .family-card p,
  .family-simple-card p,
  .family-group-card p,
  .family-members-v2-hero p,
  .family-member-v2-title p,
  .family-inline-form-head p,
  .ks-family-view .ks-view-hero p,
  .family-service-card small,
  .family-member-info span,
  .family-members-v2-stats span { color: var(--theme-text-muted) !important; }
  .family-service-card,
  .family-simple-metrics > *,
  .family-card-grid > *,
  .family-simple-card-grid > *,
  .family-group-grid > *,
  .family-members-v2-stats > div,
  .family-member-info,
  .ks-family-view .ks-view-field {
    color: var(--theme-text) !important;
    background: var(--theme-surface-soft) !important;
    border-color: var(--theme-border) !important;
  }
  .family-service-card.active { border-color: var(--theme-primary) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary) 18%, transparent) !important; }
  .family-member-v2-head { background: color-mix(in srgb, var(--theme-primary) 9%, var(--theme-surface-soft)) !important; }
  .family-member-service { color: var(--theme-primary) !important; }
  .family-member-password input,
  .family-modal-shell input,
  .family-modal-shell select,
  .family-modal-shell textarea {
    color: var(--theme-text) !important;
    background: var(--theme-surface-soft) !important;
    border-color: var(--theme-border-strong) !important;
  }
  .family-member-pass-toggle,
  .family-modal-shell .field-mini-btn {
    color: var(--theme-primary) !important;
    background: color-mix(in srgb, var(--theme-primary) 10%, var(--theme-surface-soft)) !important;
    border-color: color-mix(in srgb, var(--theme-primary) 35%, var(--theme-border)) !important;
  }
  .modal:has(.family-modal-shell),
  .modal-content:has(.family-modal-shell),
  .family-modal-shell,
  .ks-family-view.family-view-pro {
    color: var(--theme-text) !important;
    background: var(--theme-bg) !important;
  }
  .family-modal-shell .ks-field { color: var(--theme-text-muted) !important; }
  .ks-family-view .ks-view-section {
    color: var(--theme-text) !important;
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    box-shadow: var(--theme-shadow-sm) !important;
  }
  .ks-family-view .sticky-modal-actions {
    background: color-mix(in srgb, var(--theme-surface-raised) 94%, transparent) !important;
    border-color: var(--theme-border) !important;
  }
}

@media (max-width: 390px) {
  .orders-filter-grid { gap: 8px !important; }
  .orders-filter-grid input, .orders-filter-grid select { font-size: 13px !important; padding-inline: 8px !important; }
  .order-meta-premium .meta-item { min-height: 68px !important; padding: 8px !important; }
  .ks-card-actions-compact { gap: 6px !important; }
  .ks-card-actions-compact .ks-btn { padding-inline: 7px !important; font-size: 12px !important; }
}

/* Customers — rebuilt mobile UI */
.customer-search-panel { display:grid; gap:10px; margin-bottom:12px; }
.customer-search-box { display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:54px; padding:5px 7px 5px 13px; border:1px solid var(--theme-border); border-radius:var(--theme-radius-md); background:var(--theme-surface); }
.customer-search-box > span { font-size:23px; line-height:1; color:var(--theme-text-muted); }
.customer-search-box input { min-height:42px !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
.customer-search-clear { min-height:38px; padding:0 12px; border:1px solid var(--theme-border); border-radius:11px; background:var(--theme-surface-2); color:var(--theme-text); font-weight:700; }
.customer-filter-row { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; }
.customer-filter-row::-webkit-scrollbar { display:none; }
.customer-filter-row .chip { flex:0 0 auto; min-height:40px; padding-inline:14px; }
.customer-layout { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:14px; }
.customer-list-panel,.customer-profile-panel { min-width:0; }
.customer-list-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.customer-list-head h2,.customer-list-head p { margin:0; }
.customer-list-head p { color:var(--theme-text-muted); }
.customer-refresh-icon { width:42px; height:42px; border:1px solid var(--theme-border); border-radius:12px; background:var(--theme-surface-2); color:var(--theme-text); font-size:20px; }
.customer-list { display:grid; gap:9px; max-height:680px; overflow:auto; }
.customer-card { display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:11px; width:100%; min-width:0; padding:11px; text-align:start; border:1px solid var(--theme-border); border-radius:15px; background:var(--theme-surface-2); color:var(--theme-text); }
.customer-card.active { border-color:var(--theme-primary); box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-primary) 22%,transparent); }
.customer-avatar { display:grid; width:46px; height:46px; place-items:center; border-radius:14px; background:linear-gradient(145deg,var(--theme-primary),var(--theme-success)); color:#fff; font-size:18px; font-weight:900; }
.customer-card-body { display:grid; min-width:0; gap:3px; }
.customer-card-title,.customer-card-contact { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.customer-card-title { font-size:15px; font-weight:850; }
.customer-card-contact { color:var(--theme-text-muted); font-size:13px; }
.customer-card-meta { display:flex; align-items:center; gap:7px; min-width:0; color:var(--theme-text-muted); font-size:11px; }
.customer-card-meta b { max-width:65%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.customer-card-meta i { padding:2px 7px; border-radius:999px; background:color-mix(in srgb,var(--theme-primary) 15%,transparent); color:var(--theme-primary); font-style:normal; font-weight:800; }
.customer-order-count { display:grid; min-width:50px; padding:7px 8px; place-items:center; border-radius:12px; background:color-mix(in srgb,var(--theme-primary) 12%,transparent); }
.customer-order-count b { font-size:17px; line-height:1; }
.customer-order-count small { margin-top:3px; color:var(--theme-text-muted); font-size:9px; text-transform:uppercase; }
.customer-card-arrow { font-size:28px; color:var(--theme-text-muted); }
.customer-profile-content { display:grid; gap:14px; min-width:0; }
.customer-profile-header { display:grid; gap:10px; padding-bottom:14px; border-bottom:1px solid var(--theme-border); }
.customer-profile-identity { display:flex; align-items:center; min-width:0; gap:12px; }
.customer-profile-name { min-width:0; }
.customer-profile-name h2 { margin:0 0 4px; font-size:23px; line-height:1.15; overflow-wrap:anywhere; }
.customer-profile-name p,.customer-source { margin:0; color:var(--theme-text-muted); overflow-wrap:anywhere; }
.customer-profile-badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
.customer-profile-badges span { padding:4px 8px; border:1px solid var(--theme-border); border-radius:999px; font-size:11px; font-weight:750; }
.customer-primary-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.customer-primary-actions .ks-btn { width:100%; min-width:0; white-space:normal; }
.customer-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.customer-stats > div { display:grid; gap:5px; min-width:0; padding:14px; border:1px solid var(--theme-border); border-radius:15px; background:var(--theme-surface-2); }
.customer-stats span { color:var(--theme-text-muted); font-size:11px; font-weight:800; text-transform:uppercase; }
.customer-stats b { font-size:22px; overflow-wrap:anywhere; }
.customer-tabs { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:7px; padding:5px; border:1px solid var(--theme-border); border-radius:15px; background:var(--theme-surface-2); }
.customer-tabs .tab-btn { min-width:0; min-height:42px; padding:7px; border-radius:11px; }
.customer-tabs .tab-btn span { display:inline-grid; min-width:19px; height:19px; margin-inline-start:4px; place-items:center; border-radius:999px; background:color-mix(in srgb,var(--theme-primary) 16%,transparent); font-size:10px; }
.customer-tab-body { min-width:0; }
.customer-overview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.customer-overview-grid article { display:flex; align-items:flex-start; min-width:0; gap:11px; padding:14px; border:1px solid var(--theme-border); border-radius:16px; background:var(--theme-surface-2); }
.customer-overview-icon { display:grid; flex:0 0 38px; width:38px; height:38px; place-items:center; border-radius:12px; background:color-mix(in srgb,var(--theme-primary) 16%,transparent); color:var(--theme-primary); font-size:19px; }
.customer-overview-grid small { color:var(--theme-text-muted); font-weight:750; }
.customer-overview-grid h3 { margin:3px 0 5px; font-size:17px; }
.customer-overview-grid p { margin:0; color:var(--theme-text-muted); }
.customer-orders-list { display:grid; gap:9px; }
.customer-order-mini { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; align-items:center; gap:10px; padding:12px; border:1px solid var(--theme-border); border-radius:14px; background:var(--theme-surface-2); }
.customer-order-mini > div { display:grid; min-width:0; gap:3px; }
.customer-order-mini b,.customer-order-mini span,.customer-order-mini small { overflow-wrap:anywhere; }
.customer-order-mini small { color:var(--theme-text-muted); }
.customer-edit-notes,.customer-save-profile { grid-column:1/-1; }

@media (max-width:900px) {
  .customer-layout { grid-template-columns:minmax(0,1fr); }
  .customer-profile-panel { display:none !important; }
  .customer-list-panel { padding:13px !important; }
  .customer-list { max-height:none; overflow:visible; }
  .customer-card { grid-template-columns:46px minmax(0,1fr) 48px; padding:11px !important; border-radius:16px !important; }
  .customer-search-box { position:relative; grid-template-columns:28px minmax(0,1fr); padding:5px 10px 5px 12px; }
  .customer-search-clear { display:none; }
  .customer-detail-modal { width:100%; min-width:0; }
  #modalBody:has(.customer-detail-modal) { padding:12px !important; }
  .customer-profile-header { padding-top:2px; }
  .customer-profile-identity { align-items:flex-start; }
  .customer-profile-name h2 { font-size:21px; }
  .customer-profile-name p { font-size:14px; line-height:1.45; }
  .customer-primary-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .customer-primary-actions .ks-btn { min-height:46px; padding:9px 8px !important; font-size:12px; }
  .customer-stats > div { padding:12px; }
  .customer-stats b { font-size:19px; }
  .customer-tabs { position:sticky; top:0; z-index:3; backdrop-filter:blur(14px); }
  .customer-tabs .tab-btn { font-size:12px; }
  .customer-overview-grid { grid-template-columns:minmax(0,1fr); }
  .customer-overview-grid article { padding:13px; }
  .customer-order-mini { grid-template-columns:minmax(0,1fr) auto; }
  .customer-order-mini > div:nth-child(2) { grid-column:1/2; }
  .customer-order-mini > .badge { grid-column:2; grid-row:1/3; }
  .customer-edit-form { grid-template-columns:minmax(0,1fr) !important; }
  .customer-edit-notes,.customer-save-profile { grid-column:auto; }
  .customer-save-profile { width:100%; min-height:50px; }
}

@media (max-width:380px) {
  .customer-card { grid-template-columns:42px minmax(0,1fr) 43px; gap:8px; }
  .customer-avatar { width:42px; height:42px; }
  .customer-order-count { min-width:43px; padding-inline:5px; }
  .customer-primary-actions { grid-template-columns:minmax(0,1fr); }
}

/* Orders Trash — mobile rebuild */
@media (max-width: 767px){
  .module-ordersTrash{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
  .module-ordersTrash .page-hero{min-height:auto!important;padding:16px!important;border-radius:20px!important}
  .module-ordersTrash .page-hero h1{font-size:25px!important}
  .module-ordersTrash .page-actions{width:100%!important}
  .module-ordersTrash .page-actions .ks-btn{width:100%!important;min-height:46px!important}
  .module-ordersTrash .orders-trash-toolbar{padding:0!important;background:transparent!important;border:0!important}
  .module-ordersTrash .search-box{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  .module-ordersTrash .search-box .search-ico{position:absolute!important;left:14px!important;top:15px!important;z-index:2}
  .module-ordersTrash .search-box input{grid-column:1/-1!important;width:100%!important;height:50px!important;padding-left:44px!important;border-radius:14px!important}
  .module-ordersTrash .search-box .ks-btn{min-height:44px!important;width:100%!important}
  .module-ordersTrash .otx-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .module-ordersTrash .otx-stat{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;min-height:88px!important;padding:9px 5px!important;text-align:center!important;border-radius:15px!important}
  .module-ordersTrash .otx-stat-icon{width:34px!important;height:34px!important}
  .module-ordersTrash .otx-stat-copy{display:grid!important;place-items:center!important}
  .module-ordersTrash .otx-stat-copy small{font-size:8px!important}
  .module-ordersTrash .otx-stat-copy strong{font-size:18px!important}
  .module-ordersTrash .otx-stat-copy em,.module-ordersTrash .otx-stat-arrow{display:none!important}
  .module-ordersTrash .otx-service-panel,.module-ordersTrash .otx-context,.module-ordersTrash .otx-list-head{padding:14px!important;border-radius:17px!important}
  .module-ordersTrash .otx-section-head,.module-ordersTrash .otx-context,.module-ordersTrash .otx-list-head{align-items:flex-start!important;gap:10px!important}
  .module-ordersTrash .otx-service-grid{grid-template-columns:1fr!important}
  .module-ordersTrash .otx-order-grid{grid-template-columns:1fr!important;gap:12px!important}
  .module-ordersTrash .otx-order{gap:12px!important;padding:14px!important;border-radius:18px!important;cursor:default!important}
  .module-ordersTrash .otx-order-identity{grid-template-columns:50px minmax(0,1fr)!important}
  .module-ordersTrash .otx-order-logo{width:50px!important;height:50px!important}
  .module-ordersTrash .otx-order-identity h3,.module-ordersTrash .otx-order-identity p,.module-ordersTrash .otx-order-contact span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
  .module-ordersTrash .otx-order-identity h3{font-size:17px!important}
  .module-ordersTrash .otx-order-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .module-ordersTrash .otx-order-meta b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
  .module-ordersTrash .otx-order-actions{grid-template-columns:1fr 1fr auto!important;gap:8px!important}
  .module-ordersTrash .otx-action{min-height:44px!important;font-size:12px!important}
  .module-ordersTrash .otx-more{position:relative!important}
  .module-ordersTrash .otx-more summary{list-style:none!important;min-width:48px!important}
  .module-ordersTrash .otx-more summary::-webkit-details-marker{display:none!important}
  .module-ordersTrash .otx-more-menu{position:absolute!important;right:0!important;bottom:52px!important;z-index:20!important;width:190px!important;padding:8px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;background:#111d32!important;box-shadow:0 18px 38px rgba(0,0,0,.38)!important}
  .module-ordersTrash .otx-danger-item{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:42px!important;padding:10px!important;border:0!important;border-radius:10px!important;background:rgba(251,95,123,.12)!important;color:#ff9bad!important;font-weight:800!important}
  body:has(.trash-detail-modal) #mobileNav{display:none!important}
  .modal:has(.trash-detail-modal){align-items:stretch!important;padding:0!important}
  .modal:has(.trash-detail-modal) .modal-card{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;padding:68px 14px 24px!important;overflow:auto!important}
  .trash-detail-modal.otx-detail{display:grid!important;gap:14px!important}
  .otx-detail-hero{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;padding:14px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(100,119,255,.18),rgba(139,92,246,.10))!important}
  .otx-detail-brand{display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-width:0!important}
  .otx-detail-brand .service-icon{width:48px!important;height:48px!important}
  .otx-detail-brand span{font-size:9px!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#96a7c2!important}
  .otx-detail-brand h2{margin:3px 0!important;font-size:21px!important;overflow-wrap:anywhere!important}
  .otx-detail-brand p{margin:0!important;font-size:12px!important;color:#aab7ca!important;overflow-wrap:anywhere!important}
  .otx-detail-sections{display:grid!important;gap:12px!important}
  .otx-detail-sections section{padding:14px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:17px!important;background:rgba(7,17,31,.34)!important}
  .otx-detail-sections h3{margin:0 0 11px!important;font-size:15px!important}
  .otx-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .otx-detail-field{display:grid!important;gap:4px!important;min-width:0!important;padding:10px!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important}
  .otx-detail-field.wide{grid-column:1/-1!important}
  .otx-detail-field small{font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;color:#8192ad!important}
  .otx-detail-field strong{font-size:13px!important;line-height:1.45!important;overflow-wrap:anywhere!important;color:#eef3ff!important}
  .otx-detail-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;position:sticky!important;bottom:0!important;padding:10px 0 calc(4px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,transparent,#0b1629 25%)!important;z-index:5!important}
  .otx-detail-actions .ks-btn{width:100%!important;min-height:46px!important}
  .otx-detail-more{position:relative!important}
  .otx-detail-more summary{list-style:none!important}
  .otx-detail-more summary::-webkit-details-marker{display:none!important}
  .otx-detail-more>div{position:absolute!important;right:0!important;bottom:54px!important;width:190px!important;padding:8px!important;border-radius:13px!important;background:#101c31!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 18px 38px rgba(0,0,0,.4)!important}
}

/* Customer profile: dedicated Gift / Free orders section */
.customer-tabs.has-gift-tab .customer-gift-tab {
  border-color: color-mix(in srgb, #a855f7 48%, var(--theme-border));
  background: color-mix(in srgb, #a855f7 12%, var(--theme-surface-2));
}
.customer-gift-orders { display:grid; gap:12px; }
.customer-gift-orders-head {
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:15px; border:1px solid color-mix(in srgb,#a855f7 40%,var(--theme-border));
  border-radius:16px; background:linear-gradient(135deg,color-mix(in srgb,#a855f7 16%,var(--theme-surface-2)),var(--theme-surface-2));
}
.customer-gift-orders-head > div { min-width:0; }
.customer-gift-orders-head small { color:#c084fc; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.customer-gift-orders-head h3 { margin:3px 0; font-size:18px; }
.customer-gift-orders-head p { margin:0; color:var(--theme-text-muted); font-size:12px; }
.customer-gift-orders-head strong {
  display:grid; min-width:45px; height:45px; place-items:center; border-radius:14px;
  background:color-mix(in srgb,#a855f7 22%,transparent); font-size:18px;
}
.customer-order-mini.is-gift-order {
  border-color:color-mix(in srgb,#a855f7 38%,var(--theme-border));
  background:linear-gradient(135deg,color-mix(in srgb,#a855f7 10%,var(--theme-surface-2)),var(--theme-surface-2));
}
@media (max-width:767px) {
  .customer-tabs.has-gift-tab { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-flow:row; }
}

/* Stock Accounts — premium mobile cards and header */
@media (max-width:767px){
  .module-stock{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
  .module-stock .page-hero{min-height:auto!important;padding:15px!important;border-radius:20px!important}
  .module-stock .page-hero h1{font-size:25px!important;line-height:1.05!important}
  .module-stock .page-hero .page-kicker{font-size:10px!important;letter-spacing:.14em!important}
  .module-stock .page-actions{width:100%!important;margin-top:12px!important}
  .module-stock .stock-header-primary-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important}
  .module-stock .stock-header-action{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-width:0!important;min-height:66px!important;padding:9px!important;border-radius:15px!important;text-align:start!important}
  .module-stock .stock-header-action>span:first-child{display:grid!important;width:42px!important;height:42px!important;place-items:center!important;border-radius:12px!important;background:rgba(255,255,255,.16)!important;font-size:22px!important}
  .module-stock .stock-header-action b,.module-stock .stock-header-action small{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .module-stock .stock-header-action b{font-size:14px!important;line-height:1.1!important}
  .module-stock .stock-header-action small{margin-top:3px!important;font-size:10px!important;opacity:.82!important}
  .module-stock .stock-premium-panel{padding:13px!important;border-radius:18px!important}
  .module-stock .stock-toolbar-head{display:grid!important;gap:11px!important}
  .module-stock .stock-toolbar-head h2{font-size:20px!important;margin:2px 0!important}
  .module-stock .stock-toolbar-head p{font-size:12px!important;line-height:1.45!important}
  .module-stock .stock-toolbar-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  .module-stock .stock-toolbar-actions .ks-btn{width:100%!important;min-height:44px!important}
  .module-stock .stock-premium-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .module-stock .stock-account-card-pro{display:grid!important;gap:12px!important;min-width:0!important;padding:14px!important;border-radius:19px!important;overflow:hidden!important;cursor:default!important;background:linear-gradient(145deg,rgba(32,55,103,.92),rgba(15,31,61,.96))!important;border:1px solid rgba(120,158,255,.38)!important;box-shadow:0 14px 34px rgba(0,0,0,.20)!important}
  .module-stock .stock-account-card-pro.available,.module-stock .stock-account-card-pro:not(.sold){border-inline-start:3px solid #25d7a0!important}
  .module-stock .stock-account-card-pro.sold{border-inline-start:3px solid #f6b94f!important}
  .module-stock .stock-account-card-pro.expiring{border-inline-start-color:#f0b84d!important}
  .module-stock .stock-account-card-pro.expired{border-inline-start-color:#ff6484!important}
  .module-stock .stock-pro-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;min-width:0!important}
  .module-stock .stock-pro-identity{display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-width:0!important}
  .module-stock .stock-pro-identity .service-icon{width:50px!important;height:50px!important;border-radius:15px!important}
  .module-stock .stock-pro-identity>div{min-width:0!important}
  .module-stock .stock-pro-identity h3{margin:3px 0!important;font-size:16px!important;line-height:1.28!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#f7f9ff!important}
  .module-stock .stock-pro-identity p{margin:0!important;font-size:11px!important;line-height:1.4!important;color:#aebbd2!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .module-stock .stock-pro-badges{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:5px!important;max-width:43%!important}
  .module-stock .stock-pro-account{display:grid!important;gap:4px!important;min-width:0!important;padding:10px 11px!important;border-radius:13px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important}
  .module-stock .stock-pro-account span,.module-stock .stock-pro-grid span,.module-stock .stock-pro-note span{font-size:9px!important;font-weight:850!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:#8ea2c2!important}
  .module-stock .stock-pro-account b{font-size:13px!important;line-height:1.45!important;color:#fff!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .module-stock .stock-pro-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .module-stock .stock-pro-grid>div{display:grid!important;align-content:start!important;gap:5px!important;min-width:0!important;min-height:66px!important;padding:10px!important;border-radius:13px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.075)!important}
  .module-stock .stock-pro-grid b{font-size:12px!important;line-height:1.42!important;color:#f6f8ff!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .module-stock .stock-pro-note{display:grid!important;gap:4px!important;padding:10px!important;border-top:1px solid rgba(255,255,255,.09)!important}
  .module-stock .stock-pro-note p{margin:0!important;font-size:12px!important;line-height:1.45!important;color:#c0cadc!important;overflow-wrap:anywhere!important}
  .module-stock .stock-pro-actions{min-width:0!important}
  .module-stock .stock-pro-actions .ks-card-actions-compact{display:grid!important;grid-template-columns:1fr 1fr auto!important;gap:8px!important;width:100%!important}
  .module-stock .stock-pro-actions .ks-card-actions-compact>.ks-btn{width:100%!important;min-width:0!important;min-height:44px!important}
  .module-stock .stock-pro-actions details{position:relative!important}
  .module-stock .stock-pro-actions details>summary{min-width:48px!important;min-height:44px!important}
  .module-stock .stock-pager{position:relative!important;bottom:auto!important;inset:auto!important;display:grid!important;gap:10px!important;margin:4px 0 0!important;padding:12px!important;border-radius:17px!important;z-index:1!important}
  .module-stock .stock-pager>span{text-align:center!important;font-size:13px!important;font-weight:800!important;overflow-wrap:anywhere!important}
  .module-stock .stock-pager .split-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .module-stock .stock-pager .ks-btn{width:100%!important;min-height:44px!important}
}
@media (max-width:380px){
  .module-stock .stock-header-action{grid-template-columns:36px minmax(0,1fr)!important;min-height:60px!important;padding:8px!important}
  .module-stock .stock-header-action>span:first-child{width:36px!important;height:36px!important;font-size:19px!important}
  .module-stock .stock-pro-grid{grid-template-columns:minmax(0,1fr)!important}
  .module-stock .stock-pro-badges{max-width:38%!important}
}

/* Stock Accounts — final mobile layout correction (header, cards, view modal) */
@media (max-width: 767px) {
  .module-stock .page-hero {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 14px !important;
    padding: 16px !important;
    overflow: hidden !important;
  }
  .module-stock .page-hero > * { min-width: 0 !important; }
  .module-stock .page-actions,
  .module-stock .stock-header-primary-actions {
    width: 100% !important;
    min-width: 0 !important;
  }
  .module-stock .stock-header-primary-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  .module-stock .stock-header-action {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 10px !important;
    overflow: hidden !important;
    white-space: normal !important;
    writing-mode: horizontal-tb !important;
  }
  .module-stock .stock-header-action > span:last-child {
    display: block !important;
    min-width: 0 !important;
    writing-mode: horizontal-tb !important;
  }
  .module-stock .stock-header-action b,
  .module-stock .stock-header-action small {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    writing-mode: horizontal-tb !important;
  }
  .module-stock .stock-header-action b { font-size: 13px !important; }
  .module-stock .stock-header-action small { font-size: 9px !important; }

  .module-stock .stock-pro-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: start !important;
  }
  .module-stock .stock-pro-identity {
    grid-template-columns: 48px minmax(0,1fr) !important;
  }
  .module-stock .stock-pro-identity h3 {
    font-size: 16px !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
  .module-stock .stock-pro-badges {
    max-width: 96px !important;
    flex-direction: column !important;
    align-items: flex-end !important;
  }
  .module-stock .stock-pro-grid > div {
    min-height: 62px !important;
  }
  .module-stock .stock-pro-actions .ks-card-actions-compact {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) 52px !important;
  }

  .ks-stock-view {
    width: 100% !important;
    min-width: 0 !important;
    padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important;
  }
  .ks-stock-view .ks-view-hero {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 15px !important;
  }
  .ks-stock-view .ks-view-hero > div:first-child {
    min-width: 0 !important;
    align-items: flex-start !important;
  }
  .ks-stock-view .ks-view-hero h2 {
    font-size: 20px !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
  .ks-stock-view .order-badges {
    justify-content: flex-start !important;
    max-width: none !important;
  }
  .ks-stock-view .ks-view-sections {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }
  .ks-stock-view .ks-view-section {
    padding: 13px !important;
    min-width: 0 !important;
  }
  .ks-stock-view .ks-view-fields {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 0 !important;
  }
  .ks-stock-view .ks-view-field,
  .ks-stock-view .ks-secret-field {
    display: grid !important;
    grid-template-columns: minmax(92px,.72fr) minmax(0,1.28fr) !important;
    align-items: start !important;
    gap: 10px !important;
    min-width: 0 !important;
    padding: 10px 0 !important;
  }
  .ks-stock-view .ks-view-field > span,
  .ks-stock-view .ks-secret-field > label {
    min-width: 0 !important;
    line-height: 1.35 !important;
  }
  .ks-stock-view .ks-view-field > b,
  .ks-stock-view .ks-secret-field b {
    min-width: 0 !important;
    text-align: start !important;
    line-height: 1.4 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    writing-mode: horizontal-tb !important;
  }
  .ks-stock-view .ks-secret-field .secret-row {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
  .ks-stock-view .sticky-modal-actions,
  .ks-stock-view .ks-view-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    position: sticky !important;
    bottom: 0 !important;
    padding: 10px 0 calc(4px + env(safe-area-inset-bottom)) !important;
    background: linear-gradient(180deg, transparent, var(--theme-bg, #0b1629) 28%) !important;
    z-index: 5 !important;
  }
  .ks-stock-view .ks-view-actions .ks-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
  }
}

@media (max-width: 380px) {
  .module-stock .stock-header-primary-actions { grid-template-columns: minmax(0,1fr) !important; }
  .module-stock .stock-header-action small { display: none !important; }
  .ks-stock-view .ks-view-field,
  .ks-stock-view .ks-secret-field { grid-template-columns: minmax(0,1fr) !important; gap: 4px !important; }
  .ks-stock-view .ks-view-actions { grid-template-columns: minmax(0,1fr) !important; }
}

/* ===== Family Groups mobile — complete clean rebuild ===== */
@media (max-width: 767px){
  .module-family-groups .page-content{padding:12px 12px 112px!important;display:grid!important;gap:12px!important;overflow:visible!important}
  .module-family-groups .family-simple-top,.module-family-groups .family-simple-services{display:none!important}

  .family-pro-hero,.family-pro-control,.family-list-section,.family-members-panel{border:1px solid rgba(148,163,184,.22)!important;border-radius:24px!important;background:linear-gradient(160deg,rgba(15,23,42,.98),rgba(20,35,70,.96))!important;box-shadow:0 18px 46px rgba(2,6,23,.32)!important;overflow:hidden!important}
  .family-pro-hero{padding:16px!important;background:radial-gradient(circle at 84% 8%,rgba(59,130,246,.32),transparent 34%),radial-gradient(circle at 10% 100%,rgba(168,85,247,.22),transparent 42%),linear-gradient(145deg,#0f1f46,#172554)!important}
  .family-pro-hero-head,.family-pro-control-head{display:grid!important;gap:14px!important}
  .family-pro-title{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
  .family-pro-icon{width:54px!important;height:54px!important;border-radius:18px!important;display:grid!important;place-items:center!important;font-size:25px!important;background:linear-gradient(135deg,#06b6d4,#2563eb 58%,#7c3aed)!important;box-shadow:0 12px 28px rgba(37,99,235,.34)!important}
  .family-pro-title h2,.family-pro-control-head h2,.family-section-title h2,.family-member-section-head h2{margin:2px 0 0!important;font-size:23px!important;line-height:1.12!important;color:#f8fafc!important}
  .family-pro-title p,.family-pro-control p{margin:6px 0 0!important;color:#b7c5dc!important;font-size:13px!important;line-height:1.45!important}
  .family-pro-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .family-pro-hero-actions .ks-btn{height:50px!important;min-width:0!important;padding:0 12px!important;border-radius:16px!important;font-size:14px!important;font-weight:800!important;white-space:nowrap!important}
  .family-pro-hero-actions .ks-primary{background:linear-gradient(135deg,#2563eb,#06b6d4)!important}
  .family-pro-hero-actions .ks-success{background:linear-gradient(135deg,#10b981,#14b8a6)!important}

  .family-simple-metrics{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:14px!important}
  .family-simple-metrics>*{min-width:0!important;padding:12px!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:16px!important;background:rgba(15,23,42,.44)!important}

  .family-pro-control{padding:16px!important}
  .family-pro-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .family-pro-tools .ks-btn{height:44px!important;width:100%!important;border-radius:14px!important}
  .family-pro-search{margin-top:12px!important}
  .family-pro-filters{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:10px!important}
  .family-pro-filters .ks-field{min-width:0!important}
  .family-pro-filters .ks-btn{grid-column:1/-1!important;width:100%!important;height:44px!important}
  .family-pro-services-head{margin:16px 0 9px!important}
  .family-service-groups,.family-simple-services-scroll,.family-service-scroll{overflow:visible!important;padding:0!important}
  .family-simple-services-scroll,.family-service-scroll{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .family-service-card{width:100%!important;min-width:0!important;min-height:78px!important;padding:11px!important;border-radius:17px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:9px!important;text-align:left!important;border:1px solid rgba(148,163,184,.22)!important;background:linear-gradient(145deg,rgba(30,41,59,.92),rgba(30,64,175,.18))!important}
  .family-service-card.active{border-color:#22d3ee!important;box-shadow:0 0 0 1px rgba(34,211,238,.25),0 10px 28px rgba(8,145,178,.18)!important}
  .family-service-card b,.family-service-card small{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important}.family-service-card b{font-size:13px!important}.family-service-card small{font-size:11px!important;color:#a9bad2!important;margin-top:4px!important}

  .family-pro-form-panel{display:none!important}
  .family-pro-content{display:grid!important;gap:12px!important}
  .family-list-section,.family-members-panel{padding:14px!important}
  .family-premium-list,.family-simple-list{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}

  .family-card,.family-simple-card,.family-group-card{position:relative!important;width:100%!important;min-width:0!important;padding:15px!important;border-radius:22px!important;border:1px solid rgba(96,165,250,.28)!important;background:radial-gradient(circle at 100% 0,rgba(59,130,246,.17),transparent 38%),linear-gradient(155deg,rgba(15,23,42,.98),rgba(30,41,59,.94))!important;box-shadow:0 14px 34px rgba(2,6,23,.28)!important;overflow:hidden!important}
  .family-card:before,.family-simple-card:before,.family-group-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#22d3ee,#8b5cf6);border-radius:22px 0 0 22px}
  .family-card-head,.family-simple-card-head,.family-group-head{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:11px!important;align-items:start!important}
  .family-card h3,.family-simple-card h3,.family-group-card h3{font-size:18px!important;line-height:1.25!important;margin:0!important;color:#fff!important;overflow-wrap:anywhere!important}
  .family-card p,.family-simple-card p,.family-group-card p{font-size:12px!important;line-height:1.4!important;color:#b8c5d9!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .family-card .order-badges,.family-simple-card .order-badges{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:6px!important}
  .family-card-grid,.family-simple-card-grid,.family-group-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important}
  .family-card-grid>*,.family-simple-card-grid>*,.family-group-grid>*{min-width:0!important;padding:10px!important;border-radius:14px!important;border:1px solid rgba(148,163,184,.18)!important;background:rgba(15,23,42,.48)!important}
  .family-card-grid b,.family-simple-card-grid b,.family-group-grid b{font-size:13px!important;overflow-wrap:anywhere!important}
  .family-card-actions,.family-simple-actions,.family-group-actions{display:grid!important;grid-template-columns:1.1fr 1fr .9fr!important;gap:8px!important;margin-top:12px!important}
  .family-card-actions .ks-btn,.family-simple-actions .ks-btn,.family-group-actions .ks-btn{height:44px!important;min-width:0!important;padding:0 8px!important;border-radius:14px!important;font-size:13px!important}

  .family-members-panel .family-member-card{padding:14px!important;border-radius:20px!important;border:1px solid rgba(167,139,250,.25)!important;background:linear-gradient(150deg,rgba(15,23,42,.98),rgba(49,46,129,.24))!important}
  .family-member-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .family-member-grid>*{min-width:0!important}

  /* Full-screen Family modal */
  body.family-form-open{overflow:hidden!important}
  body.family-form-open .bottom-nav{display:none!important}
  .modal:has(.family-modal-shell),.modal-content:has(.family-modal-shell){padding:0!important;background:#081426!important;overflow:hidden!important}
  .family-modal-shell{position:fixed!important;inset:0!important;z-index:10000!important;background:linear-gradient(180deg,#071224,#0b1830)!important;color:#eaf2ff!important;overflow:hidden!important;display:block!important}
  .family-modal-shell .family-inline-form-card{height:100dvh!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .family-inline-form-head{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:12px!important;align-items:center!important;padding:calc(18px + env(safe-area-inset-top)) 16px 16px!important;background:radial-gradient(circle at 85% 0,rgba(59,130,246,.34),transparent 40%),linear-gradient(135deg,#152a62,#1e3a8a 52%,#4338ca)!important;border-bottom:1px solid rgba(255,255,255,.14)!important}
  .family-inline-form-head h2{margin:3px 0!important;font-size:24px!important;color:#fff!important;line-height:1.12!important}
  .family-inline-form-head p{margin:0!important;color:#c9d7ef!important;font-size:12px!important;line-height:1.45!important}
  .family-inline-form-head .ks-btn{width:46px!important;height:46px!important;padding:0!important;border-radius:15px!important;font-size:0!important;background:rgba(15,23,42,.48)!important;border:1px solid rgba(255,255,255,.2)!important}
  .family-inline-form-head .ks-btn:after{content:"×";font-size:28px!important;line-height:1!important;color:white!important}
  #familyForm,#familyMemberForm{height:100%!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:16px 14px calc(106px + env(safe-area-inset-bottom))!important;display:block!important;background:transparent!important}
  .family-inline-grid,.family-fast-main,.family-seat-clean-grid,.family-fast-advanced .form-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .family-modal-shell .ks-field{display:grid!important;gap:7px!important;color:#b8c8df!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}
  .family-modal-shell input,.family-modal-shell select,.family-modal-shell textarea{width:100%!important;min-width:0!important;min-height:50px!important;padding:12px 14px!important;border-radius:15px!important;border:1px solid rgba(148,163,184,.26)!important;background:rgba(15,23,42,.82)!important;color:#f8fafc!important;font-size:16px!important;line-height:1.25!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important}
  .family-modal-shell textarea{min-height:104px!important;resize:vertical!important}
  .family-modal-shell input:focus,.family-modal-shell select:focus,.family-modal-shell textarea:focus{outline:none!important;border-color:#22d3ee!important;box-shadow:0 0 0 3px rgba(34,211,238,.14)!important}
  .family-modal-shell .input-action-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important;align-items:stretch!important}
  .family-modal-shell .field-mini-btn{min-width:52px!important;height:50px!important;padding:0 10px!important;border-radius:14px!important;border:1px solid rgba(96,165,250,.34)!important;background:rgba(30,64,175,.38)!important;color:#dbeafe!important;font-size:12px!important;font-weight:800!important}
  .family-fast-group-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px!important;border-radius:17px!important;border:1px solid rgba(34,211,238,.22)!important;background:linear-gradient(145deg,rgba(8,47,73,.42),rgba(30,41,59,.76))!important}
  .family-fast-group-card>div{min-width:0!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:9px!important;align-items:center!important}
  .family-fast-group-card b,.family-fast-group-card span{overflow-wrap:anywhere!important;word-break:break-word!important}
  .family-advanced-toggle{width:100%!important;height:46px!important;margin:12px 0!important;border-radius:14px!important}
  .family-auto-cost-note,.family-save-status,.family-duplicate-member-host>*{padding:12px!important;border-radius:15px!important}
  .family-inline-actions{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:10003!important;display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:10px!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;background:rgba(7,18,36,.94)!important;border-top:1px solid rgba(148,163,184,.18)!important;backdrop-filter:blur(18px)!important}
  .family-inline-actions .ks-btn{height:50px!important;border-radius:16px!important;font-size:15px!important;font-weight:900!important}

  /* Professional family view */
  .ks-family-view.family-view-pro{min-height:100dvh!important;padding:0!important;background:linear-gradient(180deg,#071224,#0b1830)!important;color:#e8f0ff!important}
  .ks-family-view .ks-view-hero{padding:calc(18px + env(safe-area-inset-top)) 16px 18px!important;border-radius:0 0 28px 28px!important;background:radial-gradient(circle at 86% 0,rgba(34,211,238,.24),transparent 38%),linear-gradient(135deg,#1d4ed8,#3730a3)!important;display:grid!important;gap:12px!important}
  .ks-family-view .ks-view-hero>div:first-child{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
  .ks-family-view .ks-view-hero h2{font-size:23px!important;line-height:1.18!important;margin:2px 0!important;overflow-wrap:anywhere!important}
  .ks-family-view .ks-view-hero p{overflow-wrap:anywhere!important;word-break:break-word!important;color:#d8e5ff!important}
  .ks-family-view .ks-view-sections{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:14px 14px 108px!important}
  .ks-family-view .ks-view-section{padding:14px!important;border-radius:20px!important;border:1px solid rgba(148,163,184,.2)!important;background:linear-gradient(155deg,rgba(15,23,42,.96),rgba(30,41,59,.9))!important;box-shadow:0 12px 28px rgba(2,6,23,.24)!important}
  .ks-family-view .ks-view-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .ks-family-view .ks-view-field{min-width:0!important;padding:11px!important;border-radius:14px!important;background:rgba(2,6,23,.35)!important;border:1px solid rgba(148,163,184,.14)!important}
  .ks-family-view .ks-view-field b,.ks-family-view .ks-view-field span{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;color:#f8fafc!important}
  .ks-family-view .sticky-modal-actions{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:10004!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;background:rgba(7,18,36,.95)!important;border-top:1px solid rgba(148,163,184,.18)!important;backdrop-filter:blur(18px)!important}
  .ks-family-view .sticky-modal-actions .ks-btn{height:46px!important;min-width:0!important;border-radius:14px!important;font-size:13px!important}

  .stock-pager{position:static!important;transform:none!important;margin-top:12px!important}
}
@media (max-width:380px){
  .family-pro-hero-actions,.family-pro-filters,.family-simple-metrics,.family-simple-services-scroll,.family-service-scroll,.family-card-grid,.family-simple-card-grid,.family-group-grid,.family-card-actions,.family-simple-actions,.family-group-actions,.ks-family-view .sticky-modal-actions{grid-template-columns:1fr!important}
  .family-card-head,.family-simple-card-head,.family-group-head{grid-template-columns:44px minmax(0,1fr)!important}.family-card-head .order-badges,.family-simple-card-head .order-badges{grid-column:1/-1!important;justify-content:flex-start!important}
}

/* v1.1.2 — Family mobile readability and spacing fixes */
@media (max-width: 767px) {
  /* Prevent the generic modal close from rendering beside the Family close. */
  .modal:has(.family-modal-shell) > .modal-close { display: none !important; }

  .family-group-card,
  .family-member-card {
    min-height: 0 !important;
    padding: 17px !important;
    border-radius: 22px !important;
  }

  .family-group-simple-head,
  .family-member-simple-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .family-group-simple-head .service-line,
  .family-member-simple-head .service-line {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: start !important;
    min-width: 0 !important;
  }

  .family-group-simple-head .stock-badges,
  .family-member-simple-head .stock-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 7px !important;
  }

  .family-group-simple-head h3,
  .family-member-simple-head h3,
  .family-group-card .card-title,
  .family-member-card .card-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
    margin: 2px 0 5px !important;
  }

  .family-group-simple-head p,
  .family-member-simple-head p,
  .family-group-card p,
  .family-member-card p {
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .family-seat-box,
  .family-seat-box.simple {
    grid-template-columns: auto minmax(90px, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 14px 0 !important;
    padding: 13px !important;
  }

  .family-seat-box span { font-size: 12px !important; line-height: 1.35 !important; }
  .family-seat-box b { font-size: 15px !important; line-height: 1.3 !important; }
  .family-seat-box .seat-bar { min-width: 0 !important; height: 9px !important; }

  .family-meta-grid,
  .family-member-meta,
  .family-card-grid,
  .family-simple-card-grid,
  .family-group-grid,
  .family-member-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .family-meta-grid .meta-item,
  .family-member-meta .meta-item,
  .family-card-grid > *,
  .family-simple-card-grid > *,
  .family-group-grid > *,
  .family-member-grid > * {
    padding: 12px 13px !important;
    border-radius: 15px !important;
  }

  .family-meta-grid label,
  .family-member-meta label {
    margin-bottom: 5px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .family-meta-grid b,
  .family-member-meta b,
  .family-card-grid b,
  .family-simple-card-grid b,
  .family-group-grid b,
  .family-member-grid b {
    font-size: 15px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .family-card-actions,
  .family-member-actions,
  .family-simple-actions,
  .family-group-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 9px !important;
    margin-top: 14px !important;
  }

  .family-card-actions .ks-btn,
  .family-member-actions .ks-btn,
  .family-simple-actions .ks-btn,
  .family-group-actions .ks-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 10px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  .family-inline-form-head {
    grid-template-columns: minmax(0, 1fr) 44px !important;
    padding: calc(16px + env(safe-area-inset-top)) 15px 15px !important;
  }
  .family-inline-form-head h2 { font-size: 23px !important; }
  .family-inline-form-head p { font-size: 13px !important; line-height: 1.5 !important; }
  .family-inline-form-head .ks-btn {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
  }
  .family-inline-form-head .ks-btn::after { font-size: 24px !important; }

  #familyForm,
  #familyMemberForm {
    padding: 18px 15px calc(110px + env(safe-area-inset-bottom)) !important;
  }

  .family-modal-shell .ks-field {
    gap: 8px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  .family-modal-shell input,
  .family-modal-shell select,
  .family-modal-shell textarea {
    min-height: 52px !important;
    padding: 13px 14px !important;
    font-size: 16px !important;
  }

  .family-modal-shell .input-action-row {
    grid-template-columns: minmax(0, 1fr) 58px !important;
    gap: 8px !important;
  }
  .family-modal-shell .input-action-row .field-mini-btn {
    min-width: 58px !important;
    height: 52px !important;
    padding: 0 8px !important;
  }
  .family-modal-shell .input-action-row .field-mini-btn:nth-of-type(n+2) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  .family-inline-actions { gap: 10px !important; }
  .family-inline-actions .ks-btn { height: 52px !important; font-size: 15px !important; }
}

@media (max-width: 390px) {
  .family-card-actions,
  .family-member-actions,
  .family-simple-actions,
  .family-group-actions {
    grid-template-columns: 1fr !important;
  }
}

/* ===== Family Members v2 — clean rebuild ===== */
@media (max-width: 767px) {
  .modal.family-form-modal > .modal-card > .modal-close { display: none !important; }

  .family-inline-form-head {
    grid-template-columns: minmax(0,1fr) auto !important;
  }
  .family-inline-form-head [data-family-inline-hide] {
    width: auto !important;
    min-width: 88px !important;
    height: 44px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }
  .family-inline-form-head [data-family-inline-hide]::after { content: none !important; }
  .family-inline-form-head [data-family-inline-hide] span:first-child { font-size: 22px; line-height: 1; }

  .family-members-v2-panel {
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background: linear-gradient(165deg,#081326,#0c1830 58%,#101b36) !important;
  }
  .family-members-v2-hero {
    padding: 18px !important;
    display: grid !important;
    gap: 14px !important;
    background: radial-gradient(circle at 90% 0,rgba(34,211,238,.22),transparent 40%),linear-gradient(135deg,#132b5d,#1e3a8a 55%,#312e81) !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
  }
  .family-members-v2-hero h2 { margin: 4px 0 3px !important; font-size: 24px !important; color: #fff !important; }
  .family-members-v2-hero p { margin: 0 !important; color: #c5d4eb !important; font-size: 13px !important; line-height: 1.45 !important; }
  .family-members-v2-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 9px !important; }
  .family-members-v2-actions .ks-btn { min-width: 0 !important; width: 100% !important; height: 46px !important; border-radius: 14px !important; }

  .family-members-v2-stats {
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
  }
  .family-members-v2-stats > div {
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(148,163,184,.18) !important;
    border-radius: 16px !important;
    background: rgba(15,23,42,.64) !important;
  }
  .family-members-v2-stats b { display:block !important; font-size: 20px !important; color:#fff !important; }
  .family-members-v2-stats span { display:block !important; margin-top:3px !important; color:#94a3b8 !important; font-size:12px !important; }

  .family-members-v2-search { padding: 0 12px 12px !important; display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 9px !important; align-items:end !important; }
  .family-members-v2-search .ks-btn { height: 52px !important; border-radius: 14px !important; }
  .family-members-v2-list { padding: 0 12px 14px !important; display: grid !important; gap: 12px !important; }

  .family-member-v2 {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    border: 1px solid rgba(96,165,250,.24) !important;
    background: linear-gradient(160deg,rgba(15,23,42,.98),rgba(24,38,67,.98)) !important;
    box-shadow: 0 16px 36px rgba(2,6,23,.34) !important;
  }
  .family-member-v2.attention { border-color: rgba(245,158,11,.55) !important; }
  .family-member-v2-head {
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: 50px minmax(0,1fr) !important;
    gap: 11px !important;
    align-items: center !important;
    background: linear-gradient(135deg,rgba(37,99,235,.18),rgba(124,58,237,.12)) !important;
  }
  .family-member-v2 .family-member-avatar {
    width: 50px !important; height: 50px !important; border-radius: 16px !important;
    display:grid !important; place-items:center !important; font-size:17px !important; font-weight:900 !important;
    background:linear-gradient(135deg,#06b6d4,#2563eb 55%,#7c3aed) !important; color:#fff !important;
  }
  .family-member-v2-title { min-width: 0 !important; }
  .family-member-service { display:block !important; margin-bottom:4px !important; color:#67e8f9 !important; font-size:11px !important; font-weight:800 !important; text-transform:uppercase !important; letter-spacing:.06em !important; overflow-wrap:anywhere !important; }
  .family-member-v2-title h3 { margin:0 !important; font-size:19px !important; line-height:1.25 !important; color:#fff !important; overflow-wrap:anywhere !important; }
  .family-member-v2-title p { margin:4px 0 0 !important; color:#b9c7dc !important; font-size:13px !important; line-height:1.4 !important; overflow-wrap:anywhere !important; word-break:break-word !important; }
  .family-member-v2-badges { grid-column:1/-1 !important; display:flex !important; flex-wrap:wrap !important; gap:7px !important; }

  .family-member-v2-body { padding: 12px !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:9px !important; }
  .family-member-info { min-width:0 !important; padding:11px !important; border-radius:15px !important; border:1px solid rgba(148,163,184,.16) !important; background:rgba(8,18,37,.72) !important; }
  .family-member-info.full { grid-column:1/-1 !important; }
  .family-member-info span { display:block !important; margin-bottom:5px !important; color:#8fa1ba !important; font-size:11px !important; font-weight:800 !important; text-transform:uppercase !important; letter-spacing:.04em !important; }
  .family-member-info b { display:block !important; color:#f8fafc !important; font-size:14px !important; line-height:1.45 !important; overflow-wrap:anywhere !important; word-break:break-word !important; }
  .family-member-password > div { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:8px !important; }
  .family-member-password input { min-width:0 !important; height:42px !important; padding:0 11px !important; border-radius:12px !important; border:1px solid rgba(148,163,184,.2) !important; background:#0b1427 !important; color:#fff !important; }
  .family-member-pass-toggle { min-width:62px !important; height:42px !important; border-radius:12px !important; border:1px solid rgba(96,165,250,.35) !important; background:rgba(37,99,235,.2) !important; color:#dbeafe !important; font-weight:800 !important; }

  .family-member-v2-actions { padding: 0 12px 12px !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; }
  .family-member-v2-actions .ks-btn { width:100% !important; min-width:0 !important; height:46px !important; padding:0 10px !important; border-radius:14px !important; font-size:14px !important; font-weight:850 !important; }
}

@media (min-width: 768px) {
  .modal.family-form-modal > .modal-card > .modal-close { display: none !important; }
  .family-members-v2-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:16px; }
  .family-member-v2 { min-width:0; }
}

/* Family member detail view v3 — mobile sizes */
@media (max-width: 767px) {
  .modal:has(.family-member-detail-v3) .modal-card {
    width: calc(100% - 24px) !important;
    max-width: 430px !important;
    padding: 12px !important;
    border-radius: 20px !important;
  }
  .family-member-detail-v3 { gap: 12px !important; }
  .family-member-detail-v3__hero { padding: 16px !important; border-radius: 18px !important; }
  .family-member-detail-v3__body { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .family-member-detail-v3__card { min-height: 82px !important; padding: 14px !important; border-radius: 16px !important; }
  .family-member-detail-v3__card--full { grid-column: 1 / -1 !important; min-height: auto !important; }
  .family-member-detail-v3__actions { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 8px !important; padding: 10px !important; }
  .family-member-detail-v3__actions .ks-btn { height: 46px !important; font-size: 13px !important; }
}
@media (max-width: 374px) {
  .family-member-detail-v3__body { grid-template-columns: 1fr !important; }
  .family-member-detail-v3__card--full { grid-column: auto !important; }
  .family-member-detail-v3__actions { grid-template-columns: 1fr !important; }
}

/* ===== v1.1.8 Activity Log + Settings premium rebuild ===== */
.activity-hero,.settings-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(36,44,74,.96),rgba(18,24,44,.98));color:#fff}
.activity-hero:after,.settings-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-100px;background:radial-gradient(circle,rgba(123,97,255,.28),transparent 70%);pointer-events:none}
.activity-kicker,.settings-kicker{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;opacity:.7;margin-bottom:8px}
.activity-hero h2,.settings-hero h2{font-size:28px;line-height:1.1;margin:0 0 8px}.activity-hero p,.settings-hero p{margin:0;max-width:720px;color:rgba(255,255,255,.72);line-height:1.65}
.activity-hero-icon,.settings-hero-icon{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);flex:0 0 auto;z-index:1}
.activity-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.activity-stat{display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;background:var(--card-bg,#fff);border:1px solid var(--border-color,rgba(120,130,160,.16));box-shadow:0 10px 30px rgba(16,24,40,.06)}
.activity-stat-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(102,94,255,.1);font-size:20px}.activity-stat small{display:block;color:var(--muted,#7a8499);font-size:11px;margin-bottom:4px}.activity-stat strong{font-size:22px}.activity-stat.is-alert .activity-stat-icon{background:rgba(239,68,68,.12)}
.activity-filter-card{padding:18px;margin-bottom:16px}.activity-filter-head,.activity-warning-head,.settings-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.activity-filter-head h3,.activity-warning-head h3,.settings-panel-head h3{margin:0 0 4px;font-size:17px}.activity-filter-head p,.activity-warning-head p,.settings-panel-head p{margin:0;color:var(--muted,#7a8499);font-size:13px}
.activity-search-row{margin-bottom:12px}.activity-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.activity-search-field input{min-height:50px}
.activity-warning-card{padding:16px;margin-bottom:16px;border-color:rgba(239,68,68,.25)}.activity-warning-head>div{display:flex;align-items:center;gap:10px}.activity-warning-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border-color,rgba(120,130,160,.14))}.activity-warning-row span{color:var(--muted,#7a8499);text-align:right}
.activity-stream-shell{margin-top:4px}.activity-stream-title{display:flex;justify-content:space-between;align-items:end;margin:0 2px 12px}.activity-stream-title h3{margin:0 0 3px}.activity-stream-title p{margin:0;color:var(--muted,#7a8499);font-size:13px}.activity-timeline{display:flex;flex-direction:column;gap:12px}
.activity-event{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;position:relative}.activity-line{position:relative;display:flex;justify-content:center}.activity-line:after{content:"";position:absolute;top:44px;bottom:-18px;width:2px;background:var(--border-color,rgba(120,130,160,.16))}.activity-event:last-child .activity-line:after{display:none}.activity-dot{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(102,94,255,.12);border:1px solid rgba(102,94,255,.18);z-index:1}.activity-event.danger .activity-dot{background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.25)}.activity-event.edit .activity-dot{background:rgba(59,130,246,.13)}.activity-event.add .activity-dot{background:rgba(16,185,129,.13)}.activity-event.security .activity-dot{background:rgba(168,85,247,.13)}
.activity-event-card{padding:17px;border-radius:18px}.activity-event-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.activity-event-head h3{margin:4px 0 4px;font-size:17px;text-transform:capitalize}.activity-event-head p{margin:0;color:var(--muted,#7a8499);font-size:13px}.activity-time{font-size:11px;color:var(--muted,#7a8499)}
.activity-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.activity-meta-grid>div{padding:11px;border-radius:13px;background:var(--surface-2,rgba(120,130,160,.07));min-width:0}.activity-meta-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#7a8499);margin-bottom:4px}.activity-meta-grid b{font-size:13px;display:block;overflow-wrap:anywhere}.activity-meta-grid small{color:var(--muted,#7a8499)}.activity-wrap{overflow-wrap:anywhere}
.activity-reason{display:flex;gap:8px;margin-top:12px;padding:11px 13px;border-radius:12px;background:rgba(239,68,68,.08);font-size:13px}.activity-details{margin-top:12px;border-top:1px solid var(--border-color,rgba(120,130,160,.14));padding-top:10px}.activity-details summary{cursor:pointer;font-weight:700;font-size:13px}.activity-device{margin-top:10px}.activity-device p{overflow-wrap:anywhere;color:var(--muted,#7a8499);font-size:12px;line-height:1.5}

.settings-page{padding-bottom:96px}.settings-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;margin-top:16px}.settings-nav{padding:10px;height:max-content;position:sticky;top:90px}.settings-nav-item{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:11px;border:0;background:transparent;border-radius:14px;text-align:left;color:inherit;cursor:pointer}.settings-nav-item:hover,.settings-nav-item.active{background:linear-gradient(135deg,rgba(102,94,255,.14),rgba(88,155,255,.08))}.settings-nav-item>span{width:38px;height:38px;border-radius:12px;background:rgba(102,94,255,.1);display:grid;place-items:center}.settings-nav-item b,.settings-nav-item small{display:block}.settings-nav-item b{font-size:14px}.settings-nav-item small{font-size:11px;color:var(--muted,#7a8499);margin-top:2px}.settings-nav-item i{font-style:normal;color:var(--muted,#7a8499);font-size:22px}
.settings-content{min-width:0}.settings-panel{display:none;padding:20px;border-radius:20px}.settings-panel.active{display:block;animation:settingsFade .22s ease}@keyframes settingsFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.settings-panel-head>div{display:flex;align-items:center;gap:12px}.settings-panel-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(102,94,255,.1);font-size:20px}
.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-wide{grid-column:1/-1}.settings-toggle-list{display:flex;flex-direction:column;gap:12px}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px;border-radius:15px;background:var(--surface-2,rgba(120,130,160,.07));border:1px solid var(--border-color,rgba(120,130,160,.12))}.settings-toggle-row b,.settings-toggle-row span{display:block}.settings-toggle-row b{font-size:14px;margin-bottom:4px}.settings-toggle-row span{font-size:12px;color:var(--muted,#7a8499);line-height:1.45}.settings-toggle-row select{width:150px;min-height:44px;flex:0 0 auto}
.settings-action-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-action-card{display:grid;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:15px;border-radius:16px;border:1px solid var(--border-color,rgba(120,130,160,.14));background:var(--surface-2,rgba(120,130,160,.06));color:inherit;text-align:left;cursor:pointer}.settings-action-card>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(102,94,255,.12);font-size:20px}.settings-action-card b,.settings-action-card small{display:block}.settings-action-card small{margin-top:3px;color:var(--muted,#7a8499)}.settings-action-card i{font-size:22px;font-style:normal;color:var(--muted,#7a8499)}
.settings-save-bar{position:sticky;bottom:12px;z-index:20;margin-top:16px;padding:12px 14px;border-radius:17px;background:color-mix(in srgb,var(--card-bg,#fff) 90%,transparent);backdrop-filter:blur(18px);border:1px solid var(--border-color,rgba(120,130,160,.16));box-shadow:0 16px 45px rgba(16,24,40,.14);display:flex;justify-content:space-between;align-items:center;gap:16px}.settings-save-bar b,.settings-save-bar span{display:block}.settings-save-bar span{font-size:12px;color:var(--muted,#7a8499);margin-top:2px}.settings-save-bar .ks-btn{min-width:160px;min-height:48px}

@media (max-width: 980px){.activity-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-filter-grid,.activity-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-panel{display:block}.settings-nav-item i{display:none}}
@media (max-width: 640px){.activity-hero,.settings-hero{padding:18px;border-radius:18px}.activity-hero h2,.settings-hero h2{font-size:23px}.activity-hero-icon,.settings-hero-icon{width:52px;height:52px;border-radius:16px;font-size:24px}.activity-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.activity-stat{padding:12px;gap:9px}.activity-stat-icon{width:36px;height:36px}.activity-stat strong{font-size:18px}.activity-filter-card{padding:14px}.activity-filter-grid{grid-template-columns:1fr 1fr;gap:10px}.activity-event{grid-template-columns:32px minmax(0,1fr);gap:7px}.activity-dot{width:30px;height:30px;font-size:13px}.activity-line:after{top:38px}.activity-event-card{padding:14px}.activity-meta-grid{grid-template-columns:1fr 1fr}.activity-event-head{gap:8px}.activity-event-head h3{font-size:15px}.activity-warning-row{display:block}.activity-warning-row span{text-align:left;display:block;margin-top:4px}.settings-layout{gap:12px}.settings-nav{display:flex;overflow-x:auto;padding:8px;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{min-width:180px;grid-template-columns:36px minmax(0,1fr);padding:9px}.settings-nav-item>span{width:34px;height:34px}.settings-panel{padding:15px;border-radius:17px;scroll-margin-top:90px}.settings-form-grid{grid-template-columns:1fr}.settings-wide{grid-column:auto}.settings-toggle-row{align-items:flex-start;flex-direction:column}.settings-toggle-row select{width:100%}.settings-action-cards{grid-template-columns:1fr}.settings-save-bar{bottom:76px;display:block}.settings-save-bar>div{margin-bottom:10px}.settings-save-bar .ks-btn{width:100%}.settings-page{padding-bottom:160px}}

/* v1.1.17 — Professional mobile drawer: fixed header/footer, scrollable navigation only */
@media (max-width: 767px) {
  .ks-sidebar {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    width: min(88vw, 356px) !important;
    max-width: 356px !important;
    background:
      radial-gradient(circle at 15% 0%, rgba(70, 104, 255, .18), transparent 34%),
      linear-gradient(180deg, rgba(8, 16, 35, .995), rgba(5, 10, 23, .995)) !important;
    border-inline-end: 1px solid rgba(128, 157, 255, .26) !important;
    box-shadow: 24px 0 70px rgba(0, 0, 0, .58) !important;
    contain: layout paint;
  }

  .side-brand {
    position: relative !important;
    inset: auto !important;
    z-index: 4 !important;
    min-height: 82px !important;
    padding: calc(14px + var(--mobile-safe-top)) 16px 14px !important;
    margin: 0 !important;
    gap: 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(128, 157, 255, .18) !important;
    border-radius: 0 !important;
    background: rgba(7, 14, 31, .94) !important;
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .18) !important;
  }

  .side-brand-logo {
    width: 46px !important;
    height: 46px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(137, 113, 255, .58);
    box-shadow: 0 8px 22px rgba(90, 70, 255, .28);
  }

  .side-brand-copy strong {
    font-size: 16px !important;
    line-height: 1.18 !important;
    letter-spacing: -.015em;
  }

  .side-brand-copy span {
    margin-top: 4px !important;
    font-size: 9px !important;
    letter-spacing: .16em !important;
    text-transform: uppercase;
  }

  .side-live-dot {
    position: absolute;
    top: calc(17px + var(--mobile-safe-top));
    right: 62px;
  }
  html[dir="rtl"] .side-live-dot { right: auto; left: 62px; }

  .side-close {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    margin-inline-start: auto !important;
    border: 1px solid rgba(140, 162, 255, .24) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(77, 105, 194, .34), rgba(42, 59, 117, .28)) !important;
    color: #fff !important;
    font-size: 25px !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.08), 0 8px 20px rgba(0,0,0,.18);
  }

  .side-scroll {
    position: relative !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding: 10px 12px 18px !important;
    background: transparent !important;
  }

  .main-nav {
    padding: 0 !important;
  }

  .nav-section {
    position: static !important;
    padding: 16px 10px 7px !important;
    margin: 0 !important;
    font-size: 9px !important;
    letter-spacing: .17em !important;
    color: #7186aa !important;
  }

  .main-nav .nav-btn {
    min-height: 50px !important;
    margin: 4px 0 !important;
    padding: 10px 12px !important;
    gap: 11px !important;
    border: 1px solid rgba(132, 157, 255, .17) !important;
    border-radius: 15px !important;
    background: linear-gradient(180deg, rgba(64, 86, 160, .20), rgba(34, 48, 99, .16)) !important;
    color: #d7e1f6 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.025) !important;
  }

  .main-nav .nav-btn:active {
    transform: scale(.985);
  }

  .main-nav .nav-btn.active {
    border-color: rgba(50, 224, 209, .54) !important;
    background: linear-gradient(135deg, rgba(26, 211, 188, .28), rgba(75, 92, 255, .34)) !important;
    color: #fff !important;
    box-shadow: 0 10px 26px rgba(19, 106, 154, .24), inset 0 1px rgba(255,255,255,.10) !important;
  }

  .nav-ico {
    width: 30px !important;
    height: 30px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    background: rgba(93, 119, 216, .14);
    font-size: 17px !important;
  }

  .nav-btn.active .nav-ico {
    background: rgba(255,255,255,.13);
  }

  .nav-label {
    font-size: 13px !important;
    font-weight: 760 !important;
  }

  .side-footer {
    position: relative !important;
    z-index: 4 !important;
    flex: none !important;
    padding: 11px 14px calc(12px + var(--mobile-safe-bottom)) !important;
    border-top: 1px solid rgba(128, 157, 255, .18) !important;
    background: rgba(6, 12, 27, .96) !important;
    backdrop-filter: blur(22px) saturate(140%);
    -webkit-backdrop-filter: blur(22px) saturate(140%);
    box-shadow: 0 -12px 30px rgba(0, 0, 0, .20);
  }

  .side-user {
    min-height: 54px !important;
    margin-bottom: 7px !important;
    padding: 8px 10px !important;
    border-color: rgba(128, 157, 255, .17) !important;
    border-radius: 15px !important;
    background: rgba(42, 58, 111, .22) !important;
  }

  .side-appearance,
  .side-logout {
    min-height: 44px !important;
    margin-top: 6px !important;
    border-radius: 13px !important;
  }

  .side-version {
    margin-top: 7px !important;
    font-size: 9px !important;
  }

  body.mobile-menu-open .topbar {
    pointer-events: none;
  }

  body.mobile-menu-open .menu-overlay {
    background: rgba(1, 5, 15, .66) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
}

/* v1.1.17 final cascade lock — keep these presentation repairs last. */
.customer-list { gap: 10px !important; }
.customer-card {
  position: relative !important;
  grid-template-columns: 52px minmax(0,1fr) auto !important;
  gap: 12px !important;
  min-height: 88px !important;
  padding: 13px 14px 13px 16px !important;
  overflow: hidden !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: 19px !important;
  background: radial-gradient(circle at 100% 0,color-mix(in srgb,var(--theme-primary) 9%,transparent),transparent 42%),linear-gradient(145deg,var(--theme-surface),var(--theme-surface-raised)) !important;
  color: var(--theme-text) !important;
  box-shadow: 0 10px 26px color-mix(in srgb,var(--theme-text) 8%,transparent) !important;
}
.customer-card::before { content:"";position:absolute;inset:15px auto 15px 0;width:3px;border-radius:0 99px 99px 0;background:linear-gradient(180deg,var(--theme-primary),var(--theme-secondary));opacity:.78; }
html[dir="rtl"] .customer-card::before { inset:15px 0 15px auto;border-radius:99px 0 0 99px; }
.customer-card.active { border-color:var(--theme-primary) !important;box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-primary) 20%,transparent),var(--theme-shadow-sm) !important; }
.customer-avatar { width:52px !important;height:52px !important;border:1px solid color-mix(in srgb,var(--theme-primary) 35%,var(--theme-border)) !important;border-radius:17px !important;background:linear-gradient(145deg,var(--theme-primary),var(--theme-secondary)) !important;color:var(--theme-on-primary) !important;box-shadow:0 8px 20px color-mix(in srgb,var(--theme-primary) 24%,transparent) !important; }
.customer-card-body { gap:4px !important; }
.customer-card-title { color:var(--theme-text) !important;font-size:16px !important;line-height:1.25 !important; }
.customer-card-contact { color:var(--theme-text-soft) !important;font-size:13.5px !important;line-height:1.3 !important; }
.customer-card-meta,.customer-order-count small { color:var(--theme-text-muted) !important; }
.customer-card-meta b { color:var(--theme-text-soft) !important; }
.customer-card-meta i { border:1px solid color-mix(in srgb,var(--theme-primary) 22%,var(--theme-border)) !important;background:color-mix(in srgb,var(--theme-primary) 11%,var(--theme-surface-soft)) !important;color:var(--theme-primary) !important; }
.customer-order-count { min-width:58px !important;min-height:58px !important;border:1px solid var(--theme-border) !important;border-radius:17px !important;background:color-mix(in srgb,var(--theme-primary) 8%,var(--theme-surface-soft)) !important;color:var(--theme-text) !important; }

@media (max-width:430px) {
  .customer-card { grid-template-columns:48px minmax(0,1fr) 54px !important;min-height:84px !important;padding:12px 11px 12px 14px !important;gap:10px !important; }
  .customer-avatar { width:48px !important;height:48px !important;border-radius:15px !important; }
  .customer-order-count { min-width:54px !important;min-height:54px !important;border-radius:15px !important; }
}

@media (max-width:767px) {
  .ks-sidebar { background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--theme-primary) 13%,transparent),transparent 34%),linear-gradient(180deg,var(--theme-sidebar),var(--theme-bg-muted)) !important;color:var(--theme-text) !important;border-color:var(--theme-border) !important;box-shadow:var(--theme-shadow-md) !important; }
  .side-brand,.side-footer { background:color-mix(in srgb,var(--theme-sidebar) 94%,transparent) !important;border-color:var(--theme-border) !important; }
  .side-user { background:var(--theme-surface-soft) !important;border-color:var(--theme-border) !important; }
  .side-close { color:var(--theme-text) !important;background:var(--theme-surface-soft) !important;border-color:var(--theme-border-strong) !important;box-shadow:var(--theme-shadow-sm) !important; }
  .nav-section { color:var(--theme-text-muted) !important; }
  .main-nav .nav-btn { color:var(--theme-text-soft) !important;background:var(--theme-surface-soft) !important;border-color:var(--theme-border) !important; }
  .main-nav .nav-btn.active { color:var(--theme-on-primary) !important;background:var(--theme-primary) !important;border-color:var(--theme-primary) !important;box-shadow:var(--theme-shadow-sm) !important; }
  .nav-ico { background:color-mix(in srgb,var(--theme-primary) 10%,var(--theme-surface-raised)) !important; }
  body.mobile-menu-open .menu-overlay { background:var(--theme-overlay) !important; }

  .family-pro-hero,.family-pro-control,.family-list-section,.family-members-panel,.family-members-v2-panel,.family-card,.family-simple-card,.family-group-card,.family-member-card,.family-member-v2 {
    color:var(--theme-text) !important;
    background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--theme-primary) 8%,transparent),transparent 38%),linear-gradient(150deg,var(--theme-surface),var(--theme-surface-raised)) !important;
    border-color:var(--theme-border) !important;
    box-shadow:var(--theme-shadow-sm) !important;
  }
  .family-pro-hero,.family-members-v2-hero,.ks-family-view .ks-view-hero,.family-inline-form-head { color:var(--theme-text) !important;background:radial-gradient(circle at 88% 0,color-mix(in srgb,var(--theme-primary) 17%,transparent),transparent 40%),linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 12%,var(--theme-surface)),var(--theme-surface-raised)) !important;border-color:var(--theme-border) !important; }
  .family-pro-title h2,.family-pro-control-head h2,.family-section-title h2,.family-member-section-head h2,.family-card h3,.family-simple-card h3,.family-group-card h3,.family-members-v2-hero h2,.family-member-v2-title h3,.family-inline-form-head h2,.ks-family-view .ks-view-field b,.family-member-info b,.family-members-v2-stats b { color:var(--theme-text) !important; }
  .family-pro-title p,.family-pro-control p,.family-card p,.family-simple-card p,.family-group-card p,.family-members-v2-hero p,.family-member-v2-title p,.family-inline-form-head p,.ks-family-view .ks-view-hero p,.family-service-card small,.family-member-info span,.family-members-v2-stats span { color:var(--theme-text-muted) !important; }
  .family-service-card,.family-simple-metrics>*,.family-card-grid>*,.family-simple-card-grid>*,.family-group-grid>*,.family-members-v2-stats>div,.family-member-info,.ks-family-view .ks-view-field { color:var(--theme-text) !important;background:var(--theme-surface-soft) !important;border-color:var(--theme-border) !important; }
  .family-service-card.active { border-color:var(--theme-primary) !important;box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-primary) 18%,transparent) !important; }
  .family-member-v2-head { background:color-mix(in srgb,var(--theme-primary) 9%,var(--theme-surface-soft)) !important; }
  .family-member-service { color:var(--theme-primary) !important; }
  .family-member-password input,.family-modal-shell input,.family-modal-shell select,.family-modal-shell textarea { color:var(--theme-text) !important;background:var(--theme-surface-soft) !important;border-color:var(--theme-border-strong) !important; }
  .family-member-pass-toggle,.family-modal-shell .field-mini-btn { color:var(--theme-primary) !important;background:color-mix(in srgb,var(--theme-primary) 10%,var(--theme-surface-soft)) !important;border-color:color-mix(in srgb,var(--theme-primary) 35%,var(--theme-border)) !important; }
  .modal:has(.family-modal-shell),.modal-content:has(.family-modal-shell),.family-modal-shell,.ks-family-view.family-view-pro { color:var(--theme-text) !important;background:var(--theme-bg) !important; }
  .family-modal-shell .ks-field { color:var(--theme-text-muted) !important; }
  .ks-family-view .ks-view-section { color:var(--theme-text) !important;background:var(--theme-surface) !important;border-color:var(--theme-border) !important;box-shadow:var(--theme-shadow-sm) !important; }
  .ks-family-view .sticky-modal-actions { background:color-mix(in srgb,var(--theme-surface-raised) 94%,transparent) !important;border-color:var(--theme-border) !important; }
}