/*
  SoloDive iOS Homage Theme Pack
  Version: 0.1.1
  Purpose: Make SoloDive feel clean, calm, polished, and Apple-like without copying Apple assets.

  SoloDive install:
  1. Keep this file in public_html/assets/themes/solodive-ios/solodive-ios.css.
  2. Load it after the existing app stylesheet only when ui_theme is solodive-ios.
  3. Add body class: theme-solodive-ios.
  4. solodive-ios.js is included as optional reference code and is not auto-loaded.
*/

:root,
body.theme-solodive-ios {
  --sd-ios-bg: var(--sd-skin-bg, #f5f5f7);
  --sd-ios-bg-soft: var(--sd-skin-bg-soft, #fbfbfd);
  --sd-ios-surface: var(--sd-skin-surface, rgba(255, 255, 255, 0.82));
  --sd-ios-surface-solid: var(--sd-skin-surface-solid, #ffffff);
  --sd-ios-surface-elevated: var(--sd-skin-surface-raised, rgba(255, 255, 255, 0.92));
  --sd-ios-border: var(--sd-skin-border, rgba(20, 20, 25, 0.10));
  --sd-ios-border-strong: var(--sd-skin-border-strong, rgba(20, 20, 25, 0.16));
  --sd-ios-text: var(--sd-skin-text, #1d1d1f);
  --sd-ios-text-muted: var(--sd-skin-muted, #6e6e73);
  --sd-ios-text-soft: var(--sd-skin-muted, #86868b);
  --sd-ios-blue: var(--sd-skin-primary, #007aff);
  --sd-ios-blue-hover: var(--sd-skin-primary-hover, #006ee6);
  --sd-ios-blue-soft: var(--sd-skin-primary-soft, rgba(0, 122, 255, 0.12));
  --sd-ios-green: var(--sd-skin-success, #34c759);
  --sd-ios-orange: #ff9500;
  --sd-ios-red: var(--sd-skin-danger, #ff3b30);
  --sd-ios-purple: var(--sd-skin-accent, #af52de);
  --sd-ios-shadow-sm: var(--sd-skin-shadow-sm, 0 1px 2px rgba(0,0,0,.06), 0 1px 8px rgba(0,0,0,.035));
  --sd-ios-shadow-md: var(--sd-skin-shadow, 0 8px 28px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04));
  --sd-ios-shadow-lg: 0 18px 56px rgba(0,0,0,.14), 0 6px 18px rgba(0,0,0,.06);
  --sd-ios-radius-sm: 10px;
  --sd-ios-radius-md: 14px;
  --sd-ios-radius-lg: 18px;
  --sd-ios-radius-xl: 24px;
  --sd-control-height: 42px;
  --sd-compact-control-height: 38px;
  --sd-control-radius: var(--sd-ios-radius-sm);
  --sd-card-radius: var(--sd-ios-radius-lg);
  --sd-pill-radius: 999px;
  --sd-ios-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --sd-ios-ease: cubic-bezier(.2,.8,.2,1);
  --sd-ios-page-bg: var(--sd-skin-page-bg, radial-gradient(circle at top left, rgba(0,122,255,.12), transparent 34rem), radial-gradient(circle at top right, rgba(175,82,222,.10), transparent 32rem), var(--sd-ios-bg));
}

body.theme-solodive-ios,
.theme-solodive-ios {
  background: var(--sd-ios-page-bg);
  color: var(--sd-ios-text);
  font-family: var(--sd-ios-font);
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.theme-solodive-ios * {
  box-sizing: border-box;
}

.theme-solodive-ios a {
  color: var(--calendar-event-text, var(--sd-ios-blue));
  text-decoration: none;
}

.theme-solodive-ios a:hover {
  color: var(--sd-ios-blue-hover);
  text-decoration: none;
}

.theme-solodive-ios .sd-icon {
  color: currentColor;
  stroke-width: 1.85;
}

.theme-solodive-ios .nav-icon-link .sd-icon {
  color: var(--sd-ios-text-soft);
}

.theme-solodive-ios .nav-icon-link.active .sd-icon,
.theme-solodive-ios .nav-icon-link:hover .sd-icon,
.theme-solodive-ios .btn .sd-icon,
.theme-solodive-ios button .sd-icon {
  color: currentColor;
}

.theme-solodive-ios .icon-box,
.theme-solodive-ios .workflow-step-number,
.theme-solodive-ios .workflow-status-dot,
.theme-solodive-ios .workflow-progress-dot {
  border-radius: 14px;
}

.theme-solodive-ios .icon-box {
  background: var(--sd-ios-blue-soft);
  color: var(--sd-ios-blue);
}

.theme-solodive-ios .workflow-status-complete .sd-icon,
.theme-solodive-ios .workflow-status-complete.workflow-progress-dot,
.theme-solodive-ios .workflow-status-complete.workflow-status-dot {
  color: var(--sd-ios-green);
}

.theme-solodive-ios .workflow-status-in_progress .sd-icon,
.theme-solodive-ios .workflow-status-in_progress.workflow-progress-dot,
.theme-solodive-ios .workflow-status-in_progress.workflow-status-dot {
  color: var(--sd-ios-blue);
}

.theme-solodive-ios .workflow-status-skipped .sd-icon,
.theme-solodive-ios .workflow-status-skipped.workflow-progress-dot,
.theme-solodive-ios .workflow-status-skipped.workflow-status-dot {
  color: var(--sd-ios-orange);
}

.theme-solodive-ios .workflow-status-blocked .sd-icon,
.theme-solodive-ios .workflow-status-needs_attention .sd-icon,
.theme-solodive-ios .workflow-status-blocked.workflow-progress-dot,
.theme-solodive-ios .workflow-status-needs_attention.workflow-progress-dot,
.theme-solodive-ios .workflow-status-blocked.workflow-status-dot,
.theme-solodive-ios .workflow-status-needs_attention.workflow-status-dot {
  color: var(--sd-ios-red);
}

/* App shell / top navigation */
.theme-solodive-ios .topbar,
.theme-solodive-ios .navbar,
.theme-solodive-ios .app-header,
.theme-solodive-ios header.app-topbar {
  background: rgba(251, 251, 253, 0.76) !important;
  border-bottom: 1px solid var(--sd-ios-border);
  box-shadow: 0 1px 0 rgba(255,255,255,.75) inset;
  backdrop-filter: saturate(180%) blur(22px);
  -webkit-backdrop-filter: saturate(180%) blur(22px);
}

.theme-solodive-ios .topbar a,
.theme-solodive-ios .navbar a,
.theme-solodive-ios .app-header a {
  color: var(--sd-ios-text);
  border-radius: 999px;
  transition: background .18s var(--sd-ios-ease), color .18s var(--sd-ios-ease), transform .18s var(--sd-ios-ease);
}

.theme-solodive-ios .topbar a:hover,
.theme-solodive-ios .navbar a:hover,
.theme-solodive-ios .app-header a:hover {
  background: rgba(0,0,0,.055);
  color: var(--sd-ios-text);
}

.theme-solodive-ios .nav-active,
.theme-solodive-ios .active > a,
.theme-solodive-ios a.active {
  background: var(--sd-ios-blue-soft) !important;
  color: var(--sd-ios-blue) !important;
  font-weight: 650;
}

body.theme-deep6-orange.theme-solodive-ios header,
body.theme-deep6-orange.theme-solodive-ios .topbar,
body.theme-deep6-orange.theme-solodive-ios .navbar,
body.theme-deep6-orange.theme-solodive-ios .app-header,
body.theme-deep6-orange.theme-solodive-ios header.app-topbar {
  background: linear-gradient(90deg, #063b6b 0%, #1267b1 54%, #1f7dc4 100%) !important;
  border-bottom: 4px solid var(--deep6-orange, #ffa041);
  box-shadow: 0 12px 28px rgba(7, 54, 98, 0.20);
}

body.theme-deep6-orange.theme-solodive-ios header,
body.theme-deep6-orange.theme-solodive-ios header a,
body.theme-deep6-orange.theme-solodive-ios header nav a,
body.theme-deep6-orange.theme-solodive-ios .topbar a,
body.theme-deep6-orange.theme-solodive-ios .navbar a,
body.theme-deep6-orange.theme-solodive-ios .app-header a {
  color: #fff !important;
}

body.theme-deep6-orange.theme-solodive-ios header nav a:hover,
body.theme-deep6-orange.theme-solodive-ios header nav a.active,
body.theme-deep6-orange.theme-solodive-ios .topbar a:hover,
body.theme-deep6-orange.theme-solodive-ios .navbar a:hover,
body.theme-deep6-orange.theme-solodive-ios .app-header a:hover,
body.theme-deep6-orange.theme-solodive-ios .nav-active,
body.theme-deep6-orange.theme-solodive-ios .active > a,
body.theme-deep6-orange.theme-solodive-ios a.active {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
}

/* Page headings */
.theme-solodive-ios h1,
.theme-solodive-ios .page-title {
  color: var(--sd-ios-text);
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.06;
  letter-spacing: 0;
  font-weight: 760;
  margin-bottom: 10px;
}

.theme-solodive-ios main > h1,
.theme-solodive-ios main > .page-title,
.theme-solodive-ios .page-title-row h1 {
  color: var(--sd-skin-page-title, var(--sd-ios-text)) !important;
}

.theme-solodive-ios main > .muted,
.theme-solodive-ios .page-title-row .muted,
.theme-solodive-ios .page-title-row .small {
  color: var(--sd-skin-page-muted, var(--sd-ios-text-muted)) !important;
}

.theme-solodive-ios h2,
.theme-solodive-ios .section-title {
  color: var(--sd-ios-text);
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.14;
  letter-spacing: 0;
  font-weight: 720;
}

.theme-solodive-ios .settings-embedded-section > h2 {
  color: #e8f3fb !important;
  text-shadow: 0 1px 10px rgba(0, 24, 40, .38);
}

.theme-solodive-ios h3,
.theme-solodive-ios .card-title {
  color: var(--sd-ios-text);
  letter-spacing: 0;
  font-weight: 690;
}

.theme-solodive-ios .page-subtitle,
.theme-solodive-ios .muted,
.theme-solodive-ios .text-muted,
.theme-solodive-ios small {
  color: var(--sd-ios-text-muted) !important;
}

/* Cards, boxes, panels */
.theme-solodive-ios .card,
.theme-solodive-ios .box,
.theme-solodive-ios .panel,
.theme-solodive-ios .widget,
.theme-solodive-ios .settings-card,
.theme-solodive-ios .dashboard-card,
.theme-solodive-ios .course-card,
.theme-solodive-ios .invoice-card,
.theme-solodive-ios .client-card,
.theme-solodive-ios .table-card,
.theme-solodive-ios .form-card,
.theme-solodive-ios .sd-card {
  background: var(--sd-ios-surface);
  border: 1px solid var(--sd-ios-border);
  border-radius: var(--sd-ios-radius-xl);
  box-shadow: var(--sd-ios-shadow-sm);
  backdrop-filter: saturate(180%) blur(18px);
  -webkit-backdrop-filter: saturate(180%) blur(18px);
  transition: transform .2s var(--sd-ios-ease), box-shadow .2s var(--sd-ios-ease), border-color .2s var(--sd-ios-ease), background .2s var(--sd-ios-ease);
}

.theme-solodive-ios .card:hover,
.theme-solodive-ios .box:hover,
.theme-solodive-ios .panel:hover,
.theme-solodive-ios .sd-card:hover {
  border-color: var(--sd-ios-border-strong);
  box-shadow: var(--sd-ios-shadow-md);
}

.theme-solodive-ios .card-header,
.theme-solodive-ios .panel-heading,
.theme-solodive-ios .box-header,
.theme-solodive-ios .sd-card-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(20,20,25,.075);
  color: var(--sd-ios-text);
  font-weight: 700;
  letter-spacing: -0.018em;
  padding: 16px 18px;
}

.theme-solodive-ios .card-body,
.theme-solodive-ios .panel-body,
.theme-solodive-ios .box-body,
.theme-solodive-ios .sd-card-body {
  padding: 18px;
}

/* Stat cards */
.theme-solodive-ios .stat-card,
.theme-solodive-ios .metric-card,
.theme-solodive-ios .summary-card {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.76));
  border-radius: var(--sd-ios-radius-xl);
  border: 1px solid var(--sd-ios-border);
  box-shadow: var(--sd-ios-shadow-sm);
}

.theme-solodive-ios .stat-value,
.theme-solodive-ios .metric-value {
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 760;
  letter-spacing: -0.05em;
}

.theme-solodive-ios .stat-label,
.theme-solodive-ios .metric-label {
  color: var(--sd-ios-text-muted);
  font-size: 13px;
  font-weight: 560;
}

/* Buttons */
.theme-solodive-ios button,
.theme-solodive-ios .btn,
.theme-solodive-ios input[type="submit"],
.theme-solodive-ios input[type="button"],
.theme-solodive-ios .button {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
  color: var(--sd-ios-text);
  box-shadow: none;
  font-family: var(--sd-ios-font);
  font-weight: 650;
  letter-spacing: -0.011em;
  min-height: 38px;
  padding: 9px 16px;
  transition: transform .16s var(--sd-ios-ease), box-shadow .16s var(--sd-ios-ease), background .16s var(--sd-ios-ease), border-color .16s var(--sd-ios-ease), color .16s var(--sd-ios-ease);
}

.theme-solodive-ios button:hover,
.theme-solodive-ios .btn:hover,
.theme-solodive-ios input[type="submit"]:hover,
.theme-solodive-ios input[type="button"]:hover,
.theme-solodive-ios .button:hover {
  background: rgba(0,0,0,.09);
  transform: translateY(-1px);
}

.theme-solodive-ios button:active,
.theme-solodive-ios .btn:active,
.theme-solodive-ios .button:active {
  transform: translateY(0) scale(.985);
}

.theme-solodive-ios .btn-primary,
.theme-solodive-ios button.primary,
.theme-solodive-ios .button-primary,
.theme-solodive-ios input[type="submit"].primary {
  background: linear-gradient(180deg, #1d8dff, var(--sd-ios-blue));
  color: #fff !important;
  border-color: rgba(0,122,255,.55);
  box-shadow: 0 8px 18px rgba(0,122,255,.24), 0 1px 0 rgba(255,255,255,.22) inset;
}

.theme-solodive-ios .btn-primary:hover,
.theme-solodive-ios button.primary:hover,
.theme-solodive-ios .button-primary:hover {
  background: linear-gradient(180deg, #1584f4, #006fe6);
  box-shadow: 0 10px 24px rgba(0,122,255,.30), 0 1px 0 rgba(255,255,255,.22) inset;
}

.theme-solodive-ios .btn-danger,
.theme-solodive-ios button.danger,
.theme-solodive-ios .button-danger {
  background: rgba(255,59,48,.12);
  color: #d70015 !important;
  border-color: rgba(255,59,48,.18);
}

.theme-solodive-ios .btn-success,
.theme-solodive-ios button.success,
.theme-solodive-ios .button-success {
  background: rgba(52,199,89,.14);
  color: #248a3d !important;
  border-color: rgba(52,199,89,.20);
}
.theme-solodive-ios .class-complete-action button.success {
  background: linear-gradient(180deg, #2ac85d, #1d9d49) !important;
  border-color: rgba(29,157,73,.55) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

.theme-solodive-ios .btn-warning,
.theme-solodive-ios button.warning,
.theme-solodive-ios .button-warning {
  background: rgba(255,149,0,.14);
  color: #b25f00 !important;
  border-color: rgba(255,149,0,.20);
}

.theme-solodive-ios .btn-sm,
.theme-solodive-ios .button-sm {
  min-height: 30px;
  padding: 6px 12px;
  font-size: 13px;
}

.theme-solodive-ios .btn-lg,
.theme-solodive-ios .button-lg {
  min-height: 46px;
  padding: 12px 22px;
  font-size: 16px;
}

/* Forms */
.theme-solodive-ios input[type="text"],
.theme-solodive-ios input[type="email"],
.theme-solodive-ios input[type="password"],
.theme-solodive-ios input[type="number"],
.theme-solodive-ios input[type="date"],
.theme-solodive-ios input[type="time"],
.theme-solodive-ios input[type="datetime-local"],
.theme-solodive-ios input[type="search"],
.theme-solodive-ios input[type="tel"],
.theme-solodive-ios input[type="url"],
.theme-solodive-ios select,
.theme-solodive-ios textarea,
.theme-solodive-ios .form-control {
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(20,20,25,.14);
  border-radius: var(--sd-ios-radius-md);
  box-shadow: 0 1px 0 rgba(255,255,255,.75) inset;
  color: var(--sd-ios-text);
  font-family: var(--sd-ios-font);
  min-height: 40px;
  padding: 9px 12px;
  outline: none;
  transition: border-color .16s var(--sd-ios-ease), box-shadow .16s var(--sd-ios-ease), background .16s var(--sd-ios-ease);
}

.theme-solodive-ios textarea,
.theme-solodive-ios textarea.form-control {
  min-height: 98px;
  line-height: 1.45;
}

.theme-solodive-ios input:focus,
.theme-solodive-ios select:focus,
.theme-solodive-ios textarea:focus,
.theme-solodive-ios .form-control:focus {
  background: rgba(255,255,255,.98);
  border-color: rgba(0,122,255,.62);
  box-shadow: 0 0 0 4px rgba(0,122,255,.14), 0 1px 0 rgba(255,255,255,.75) inset;
}

.theme-solodive-ios label,
.theme-solodive-ios .form-label {
  color: var(--sd-ios-text);
  font-size: 13px;
  font-weight: 650;
  letter-spacing: -0.006em;
  margin-bottom: 6px;
}

.theme-solodive-ios .help-text,
.theme-solodive-ios .form-help,
.theme-solodive-ios .field-note {
  color: var(--sd-ios-text-muted);
  font-size: 12px;
}

/* Tables */
.theme-solodive-ios table,
.theme-solodive-ios .table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.theme-solodive-ios th {
  color: var(--sd-ios-text-muted);
  background: rgba(245,245,247,.74);
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: .01em;
  border-bottom: 1px solid var(--sd-ios-border);
  padding: 11px 12px;
}

.theme-solodive-ios td {
  border-bottom: 1px solid rgba(20,20,25,.075);
  padding: 12px;
  vertical-align: middle;
}

.theme-solodive-ios tr:hover td {
  background: rgba(0,122,255,.045);
}

.theme-solodive-ios .table-responsive,
.theme-solodive-ios .table-wrap {
  border: 1px solid var(--sd-ios-border);
  border-radius: var(--sd-ios-radius-lg);
  overflow: hidden;
  background: rgba(255,255,255,.76);
}

/* Pills, badges, statuses */
.theme-solodive-ios .badge,
.theme-solodive-ios .pill,
.theme-solodive-ios .status,
.theme-solodive-ios .tag {
  border-radius: 999px;
  border: 1px solid rgba(20,20,25,.08);
  background: rgba(0,0,0,.055);
  color: var(--sd-ios-text);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 650;
  min-height: 24px;
  padding: 4px 9px;
}

.theme-solodive-ios .badge-paid,
.theme-solodive-ios .status-paid,
.theme-solodive-ios .status-complete,
.theme-solodive-ios .status-active {
  background: rgba(52,199,89,.14);
  color: #248a3d;
}

.theme-solodive-ios .badge-unpaid,
.theme-solodive-ios .status-unpaid,
.theme-solodive-ios .status-due,
.theme-solodive-ios .status-warning {
  background: rgba(255,149,0,.14);
  color: #a95b00;
}

.theme-solodive-ios .badge-overdue,
.theme-solodive-ios .status-overdue,
.theme-solodive-ios .status-danger {
  background: rgba(255,59,48,.12);
  color: #d70015;
}

.theme-solodive-ios .badge-info,
.theme-solodive-ios .status-info {
  background: var(--sd-ios-blue-soft);
  color: var(--sd-ios-blue);
}

/* Calendar / schedule feel */
.theme-solodive-ios .calendar,
.theme-solodive-ios .calendar-grid,
.theme-solodive-ios .schedule-grid {
  background: rgba(255,255,255,.74);
  border: 1px solid var(--sd-ios-border);
  border-radius: var(--sd-ios-radius-xl);
  overflow: hidden;
  box-shadow: var(--sd-ios-shadow-sm);
}

.theme-solodive-ios .calendar-day,
.theme-solodive-ios .day-cell {
  border-color: rgba(20,20,25,.075) !important;
  transition: background .16s var(--sd-ios-ease);
}

.theme-solodive-ios .calendar-day:hover,
.theme-solodive-ios .day-cell:hover {
  background: rgba(0,122,255,.045);
}

.theme-solodive-ios .calendar-event,
.theme-solodive-ios .schedule-event,
.theme-solodive-ios .course-chip {
  background: var(--calendar-event-bg, var(--sd-ios-blue-soft));
  border: 1px solid var(--calendar-event-border, rgba(0,122,255,.18));
  border-radius: 12px;
  color: var(--calendar-event-text, #0057b8);
  font-weight: 650;
  padding: 6px 8px;
}

/* Workflow stepper */
.theme-solodive-ios .workflow,
.theme-solodive-ios .stepper,
.theme-solodive-ios .workflow-card {
  background: var(--sd-ios-surface);
  border: 1px solid var(--sd-ios-border);
  border-radius: var(--sd-ios-radius-xl);
  box-shadow: var(--sd-ios-shadow-sm);
}

.theme-solodive-ios .workflow-step,
.theme-solodive-ios .step-item {
  border-radius: var(--sd-ios-radius-lg);
  transition: background .16s var(--sd-ios-ease), transform .16s var(--sd-ios-ease);
}

.theme-solodive-ios .workflow-step:hover,
.theme-solodive-ios .step-item:hover {
  background: rgba(0,122,255,.055);
}

.theme-solodive-ios .workflow-step.is-active,
.theme-solodive-ios .step-item.is-active {
  background: var(--sd-ios-blue-soft);
  color: var(--sd-ios-blue);
}

.theme-solodive-ios .workflow-step.is-complete,
.theme-solodive-ios .step-item.is-complete {
  background: rgba(52,199,89,.12);
}

.theme-solodive-ios .workflow-step.is-skipped,
.theme-solodive-ios .step-item.is-skipped {
  background: rgba(142,142,147,.12);
  color: var(--sd-ios-text-muted);
}

/* Alerts */
.theme-solodive-ios .alert,
.theme-solodive-ios .notice,
.theme-solodive-ios .message {
  border-radius: var(--sd-ios-radius-lg);
  border: 1px solid var(--sd-ios-border);
  box-shadow: var(--sd-ios-shadow-sm);
  padding: 13px 15px;
}

.theme-solodive-ios .alert-success,
.theme-solodive-ios .notice-success {
  background: rgba(52,199,89,.13);
  border-color: rgba(52,199,89,.22);
  color: #1f7a36;
}

.theme-solodive-ios .alert-warning,
.theme-solodive-ios .notice-warning {
  background: rgba(255,149,0,.14);
  border-color: rgba(255,149,0,.24);
  color: #9a5700;
}

.theme-solodive-ios .alert-danger,
.theme-solodive-ios .notice-danger,
.theme-solodive-ios .alert-error {
  background: rgba(255,59,48,.11);
  border-color: rgba(255,59,48,.22);
  color: #b42318;
}

.theme-solodive-ios .alert-info,
.theme-solodive-ios .notice-info {
  background: var(--sd-ios-blue-soft);
  border-color: rgba(0,122,255,.20);
  color: #0057b8;
}

/* Modals */
.theme-solodive-ios .modal,
.theme-solodive-ios dialog,
.theme-solodive-ios .dialog {
  border: 1px solid var(--sd-ios-border);
  border-radius: var(--sd-ios-radius-xl);
  box-shadow: var(--sd-ios-shadow-lg);
  background: rgba(255,255,255,.94);
  backdrop-filter: saturate(180%) blur(24px);
  -webkit-backdrop-filter: saturate(180%) blur(24px);
}

.theme-solodive-ios .modal-backdrop,
.theme-solodive-ios .overlay {
  background: rgba(0,0,0,.22);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Search / toolbar controls */
.theme-solodive-ios .toolbar,
.theme-solodive-ios .table-toolbar,
.theme-solodive-ios .filters,
.theme-solodive-ios .control-box,
.theme-solodive-ios .calendar-controls {
  background: rgba(255,255,255,.70);
  border: 1px solid var(--sd-ios-border);
  border-radius: var(--sd-ios-radius-lg);
  box-shadow: var(--sd-ios-shadow-sm);
  padding: 12px;
}

.theme-solodive-ios input[type="search"] {
  border-radius: 999px;
  padding-left: 16px;
}

/* Segmented controls */
.theme-solodive-ios .tabs,
.theme-solodive-ios .segmented-control,
.theme-solodive-ios .tab-nav {
  background: rgba(118,118,128,.12);
  border-radius: 999px;
  padding: 4px;
  display: inline-flex;
  gap: 4px;
}

.theme-solodive-ios .tabs a,
.theme-solodive-ios .tab,
.theme-solodive-ios .segmented-control button,
.theme-solodive-ios .tab-nav a {
  border-radius: 999px;
  color: var(--sd-ios-text-muted);
  font-weight: 650;
  padding: 8px 14px;
}

.theme-solodive-ios .tabs a.active,
.theme-solodive-ios .tab.active,
.theme-solodive-ios .segmented-control button.active,
.theme-solodive-ios .tab-nav a.active {
  background: var(--sd-ios-surface-solid);
  color: var(--sd-ios-text);
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

/* Checkboxes/switch-like elements */
.theme-solodive-ios input[type="checkbox"] {
  accent-color: var(--sd-ios-blue);
}

.theme-solodive-ios .switch,
.theme-solodive-ios .toggle {
  border-radius: 999px;
}

/* Progress */
.theme-solodive-ios progress,
.theme-solodive-ios .progress {
  border-radius: 999px;
  overflow: hidden;
  background: rgba(118,118,128,.16);
}

.theme-solodive-ios .progress-bar {
  background: linear-gradient(90deg, var(--sd-ios-blue), #5ac8fa);
  border-radius: 999px;
}

/* Scrollbars */
.theme-solodive-ios *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.theme-solodive-ios *::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.18);
  border: 3px solid transparent;
  border-radius: 999px;
  background-clip: content-box;
}

.theme-solodive-ios *::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,.28);
  border: 3px solid transparent;
  background-clip: content-box;
}

/* Utility classes for new UI work */
.theme-solodive-ios .ios-hero {
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,255,255,.66));
  border: 1px solid var(--sd-ios-border);
  border-radius: 30px;
  box-shadow: var(--sd-ios-shadow-md);
  padding: clamp(22px, 4vw, 44px);
}

.theme-solodive-ios .ios-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.theme-solodive-ios .ios-command-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  border-radius: var(--sd-ios-radius-xl);
  background: rgba(255,255,255,.78);
  border: 1px solid var(--sd-ios-border);
  box-shadow: var(--sd-ios-shadow-sm);
}

.theme-solodive-ios .ios-icon-bubble {
  width: 38px;
  height: 38px;
  border-radius: 13px;
  background: var(--sd-ios-blue-soft);
  color: var(--sd-ios-blue);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 750;
}

/* Motion safety */
@media (prefers-reduced-motion: reduce) {
  .theme-solodive-ios *,
  .theme-solodive-ios *::before,
  .theme-solodive-ios *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}

/* Mobile polish */
@media (max-width: 720px) {
  .theme-solodive-ios .card,
  .theme-solodive-ios .box,
  .theme-solodive-ios .panel,
  .theme-solodive-ios .sd-card {
    border-radius: 20px;
  }

  .theme-solodive-ios .card-body,
  .theme-solodive-ios .panel-body,
  .theme-solodive-ios .box-body,
  .theme-solodive-ios .sd-card-body {
    padding: 14px;
  }

  .theme-solodive-ios .tabs,
  .theme-solodive-ios .segmented-control,
  .theme-solodive-ios .tab-nav {
    width: 100%;
    overflow-x: auto;
  }
}

/* Dark mode variant: activates only if app adds both classes. */
body.theme-solodive-ios.theme-dark {
  --sd-ios-bg: #111113;
  --sd-ios-bg-soft: #1c1c1e;
  --sd-ios-surface: rgba(28, 28, 30, 0.76);
  --sd-ios-surface-solid: #1c1c1e;
  --sd-ios-surface-elevated: rgba(44,44,46,.90);
  --sd-ios-border: rgba(255,255,255,.12);
  --sd-ios-border-strong: rgba(255,255,255,.18);
  --sd-ios-text: #f5f5f7;
  --sd-ios-text-muted: #a1a1a6;
  --sd-ios-text-soft: #8e8e93;
  --sd-ios-shadow-sm: 0 1px 2px rgba(0,0,0,.28), 0 1px 8px rgba(0,0,0,.18);
  --sd-ios-shadow-md: 0 8px 28px rgba(0,0,0,.32), 0 2px 8px rgba(0,0,0,.20);
}

body.theme-solodive-ios.theme-dark,
.theme-solodive-ios.theme-dark {
  background:
    radial-gradient(circle at top left, rgba(0,122,255,.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(175,82,222,.16), transparent 32rem),
    var(--sd-ios-bg);
}

.theme-solodive-ios.theme-dark input,
.theme-solodive-ios.theme-dark select,
.theme-solodive-ios.theme-dark textarea,
.theme-solodive-ios.theme-dark .form-control,
body.theme-solodive-ios.theme-dark input,
body.theme-solodive-ios.theme-dark select,
body.theme-solodive-ios.theme-dark textarea,
body.theme-solodive-ios.theme-dark .form-control {
  background: rgba(44,44,46,.86);
  color: var(--sd-ios-text);
  border-color: rgba(255,255,255,.14);
}

/* v0.8.4.14.12 iOS control consistency. */
.theme-solodive-ios .column-picker summary,
.theme-solodive-ios .invoice-actions-expanded .btn,
.theme-solodive-ios .invoice-actions-expanded button,
.theme-solodive-ios .invoice-actions-expanded summary {
  border-radius: 999px;
}
.theme-solodive-ios .invoice-actions-expanded .btn,
.theme-solodive-ios .invoice-actions-expanded button,
.theme-solodive-ios .invoice-actions-expanded summary {
  background: #0f75bc;
  border: 1px solid rgba(15,117,188,.68);
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(15,117,188,.2);
}
.theme-solodive-ios .invoice-actions-expanded .btn:hover,
.theme-solodive-ios .invoice-actions-expanded button:hover,
.theme-solodive-ios .invoice-actions-expanded summary:hover {
  background: #0a609b;
  border-color: rgba(10,96,155,.8);
  color: #fff !important;
}
.theme-solodive-ios .invoice-actions-expanded form button[name="email_invoice"] {
  background: linear-gradient(180deg, #1d8dff, var(--sd-ios-blue));
  border-color: rgba(0,122,255,.55);
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(0,122,255,.18);
}
.theme-solodive-ios .invoice-actions-expanded .danger-dropdown summary,
.theme-solodive-ios .invoice-actions-expanded button.danger {
  background: #b42318;
  border-color: rgba(180,35,24,.7);
  color: #fff !important;
}
.theme-solodive-ios .invoice-actions-expanded .danger-dropdown summary:hover,
.theme-solodive-ios .invoice-actions-expanded button.danger:hover {
  background: #961b12;
  color: #fff !important;
}
.theme-solodive-ios .solodive-datepicker {
  width: 390px;
  border-radius: 22px;
  border-color: var(--sd-ios-border);
  box-shadow: var(--sd-ios-shadow-md);
}
.theme-solodive-ios .solodive-datepicker .dp-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.theme-solodive-ios .solodive-datepicker .dp-grid button {
  aspect-ratio: 1 / 1;
  background: rgba(229, 246, 255, .92);
  border-color: rgba(14, 116, 144, .22);
  box-sizing: border-box;
  color: #0f172a !important;
  min-width: 0;
  width: 100%;
  padding: 0;
}
.theme-solodive-ios .solodive-datepicker .dp-picker-grid button {
  background: rgba(229, 246, 255, .92);
  border-color: rgba(14, 116, 144, .22);
  color: #0f172a !important;
}
.theme-solodive-ios .solodive-datepicker .dp-grid button:hover,
.theme-solodive-ios .solodive-datepicker .dp-picker-grid button:hover {
  background: #0f75bc;
  border-color: #0f75bc;
  color: #fff !important;
}
.theme-solodive-ios .solodive-datepicker .dp-grid button.selected,
.theme-solodive-ios .solodive-datepicker .dp-picker-grid button.selected {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}
.theme-solodive-ios .solodive-datepicker .dp-head > button {
  min-width: 0;
  width: 38px;
}
.theme-solodive-ios .blank-document-links {
  border-radius: 18px;
  background: var(--sd-ios-bg-soft);
  border-color: var(--sd-ios-border);
}
.theme-solodive-ios .course-document-card {
  border-radius: 18px;
}

/* v0.8.4.14.44 logo/link and login control corrections */
.theme-solodive-ios .brand {
  flex: 0 0 auto;
  max-width: none;
  overflow: visible;
}
.theme-solodive-ios .brand .app-logo-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 150px;
  max-width: 150px;
  height: 44px;
  line-height: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0;
}
.theme-solodive-ios .brand .app-logo-link:hover,
.theme-solodive-ios .brand .app-logo-link:focus {
  background: transparent !important;
  border: 0 !important;
  transform: none;
}
.theme-solodive-ios .brand .topbar-logo {
  display: block;
  width: 150px;
  height: 38px;
  max-width: 150px;
  max-height: 38px;
  object-fit: contain;
  margin: 0;
}
.theme-solodive-ios .login-app-logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto 1.15rem;
  line-height: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.theme-solodive-ios .login-app-logo-link:hover,
.theme-solodive-ios .login-app-logo-link:focus {
  background: transparent !important;
  transform: none;
}
.theme-solodive-ios .login-app-logo-link .login-app-logo {
  margin: 0;
}
.theme-solodive-ios .login-card button {
  background: linear-gradient(180deg, #1d8dff, var(--sd-ios-blue));
  border-color: rgba(0,122,255,.55);
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(0,122,255,.24), 0 1px 0 rgba(255,255,255,.22) inset;
}
.theme-solodive-ios .login-card button:hover,
.theme-solodive-ios .login-card button:focus {
  background: linear-gradient(180deg, #1584f4, #006fe6);
  color: #fff !important;
}
.theme-solodive-ios .document-row-card .document-delete-field button.danger {
  background: #b42318 !important;
  border-color: rgba(180,35,24,.7) !important;
  color: #fff !important;
}
.theme-solodive-ios .document-row-card .document-delete-field button.danger:hover,
.theme-solodive-ios .document-row-card .document-delete-field button.danger:focus {
  background: #961b12 !important;
  color: #fff !important;
}
.theme-solodive-ios .docs-review-card button.danger,
.theme-solodive-ios .docs-course-library-card button.danger,
.theme-solodive-ios .docs-all-card button.danger {
  background: #b42318 !important;
  border-color: rgba(180,35,24,.7) !important;
  color: #fff !important;
}
.theme-solodive-ios .docs-review-card button.danger:hover,
.theme-solodive-ios .docs-review-card button.danger:focus,
.theme-solodive-ios .docs-course-library-card button.danger:hover,
.theme-solodive-ios .docs-course-library-card button.danger:focus,
.theme-solodive-ios .docs-all-card button.danger:hover,
.theme-solodive-ios .docs-all-card button.danger:focus {
  background: #961b12 !important;
  color: #fff !important;
}
.theme-solodive-ios .docs-all-card .docs-all-table button.danger.small-btn {
  background: #b42318 !important;
  border-color: rgba(180,35,24,.7) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}
.theme-solodive-ios .docs-all-card .docs-all-table button.danger.small-btn:hover,
.theme-solodive-ios .docs-all-card .docs-all-table button.danger.small-btn:focus {
  background: #961b12 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

/* v0.8.4.14.58 active skin palette bridge */
.theme-solodive-ios header,
.theme-solodive-ios .topbar,
.theme-solodive-ios .navbar,
.theme-solodive-ios .app-header,
.theme-solodive-ios header.app-topbar {
  background: color-mix(in srgb, var(--sd-ios-surface-solid) 82%, transparent) !important;
  border-bottom-color: var(--sd-ios-border);
}
.theme-solodive-ios header nav a,
.theme-solodive-ios header nav a:visited,
.theme-solodive-ios .topbar a,
.theme-solodive-ios .navbar a,
.theme-solodive-ios .app-header a {
  color: var(--sd-ios-text) !important;
}
.theme-solodive-ios header nav .nav-icon-link .sd-icon {
  color: currentColor;
}
.theme-solodive-ios header nav a:hover,
.theme-solodive-ios header nav a:focus {
  background: var(--sd-ios-blue-soft) !important;
  color: var(--sd-ios-blue) !important;
}
.theme-solodive-ios .nav-icon-link.active,
.theme-solodive-ios a.active,
.theme-solodive-ios header nav a.active {
  background: var(--sd-ios-blue-soft) !important;
  color: var(--sd-ios-blue) !important;
}
.theme-solodive-ios .btn-primary,
.theme-solodive-ios button.primary,
.theme-solodive-ios .button-primary,
.theme-solodive-ios input[type="submit"].primary,
.theme-solodive-ios .login-card button,
.theme-solodive-ios .reports-export-card .compact-report-export-row .button,
.theme-solodive-ios .invoice-actions-expanded .btn,
.theme-solodive-ios .invoice-actions-expanded button,
.theme-solodive-ios .invoice-actions-expanded summary,
.theme-solodive-ios .schedule-export-actions .btn,
.theme-solodive-ios .schedule-control-card button.btn,
.theme-solodive-ios .schedule-control-card .schedule-filter-row button {
  background: linear-gradient(180deg, var(--sd-skin-primary-bright, var(--sd-ios-blue)), var(--sd-ios-blue)) !important;
  border-color: var(--sd-ios-blue) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--sd-ios-blue) 24%, transparent), inset 0 1px 0 rgba(255,255,255,.22);
  color: #fff !important;
}
.theme-solodive-ios .btn-primary:hover,
.theme-solodive-ios button.primary:hover,
.theme-solodive-ios .button-primary:hover,
.theme-solodive-ios .login-card button:hover,
.theme-solodive-ios .login-card button:focus,
.theme-solodive-ios .reports-export-card .compact-report-export-row .button:hover,
.theme-solodive-ios .reports-export-card .compact-report-export-row .button:focus,
.theme-solodive-ios .invoice-actions-expanded .btn:hover,
.theme-solodive-ios .invoice-actions-expanded button:hover,
.theme-solodive-ios .invoice-actions-expanded summary:hover,
.theme-solodive-ios .schedule-export-actions .btn:hover,
.theme-solodive-ios .schedule-control-card button.btn:hover,
.theme-solodive-ios .schedule-control-card .schedule-filter-row button:hover {
  background: linear-gradient(180deg, var(--sd-ios-blue), var(--sd-ios-blue-hover)) !important;
  color: #fff !important;
}

.theme-solodive-ios .schedule-collapse-toggle,
.theme-solodive-ios .schedule-swap-toggle,
.theme-solodive-ios .catalog-summary-toggle {
  background: linear-gradient(180deg, var(--sd-skin-primary-bright, var(--sd-ios-blue)), var(--sd-ios-blue)) !important;
  border-color: var(--sd-ios-blue) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--sd-ios-blue) 24%, transparent), inset 0 1px 0 rgba(255,255,255,.22) !important;
  color: #fff !important;
}

.theme-solodive-ios .schedule-collapse-toggle:hover,
.theme-solodive-ios .schedule-swap-toggle:hover,
.theme-solodive-ios .catalog-summary-toggle:hover {
  background: linear-gradient(180deg, var(--sd-ios-blue), var(--sd-ios-blue-hover)) !important;
  border-color: var(--sd-ios-blue-hover) !important;
  color: #fff !important;
}
.theme-solodive-ios .icon-box,
.theme-solodive-ios .ios-icon-bubble,
.theme-solodive-ios .calendar-event,
.theme-solodive-ios .schedule-event,
.theme-solodive-ios .course-chip,
.theme-solodive-ios .badge-info,
.theme-solodive-ios .status-info {
  background: var(--calendar-event-bg, var(--sd-ios-blue-soft));
  border-color: var(--calendar-event-border, color-mix(in srgb, var(--sd-ios-blue) 24%, transparent));
  color: var(--sd-ios-blue);
}
.theme-solodive-ios input:focus,
.theme-solodive-ios select:focus,
.theme-solodive-ios textarea:focus,
.theme-solodive-ios .form-control:focus {
  border-color: color-mix(in srgb, var(--sd-ios-blue) 62%, transparent);
  box-shadow: 0 0 0 4px var(--sd-ios-blue-soft), 0 1px 0 rgba(255,255,255,.75) inset;
}
.theme-solodive-ios input[type="checkbox"] {
  accent-color: var(--sd-ios-blue);
}
body.theme-homebrew.theme-solodive-ios input[type="text"],
body.theme-homebrew.theme-solodive-ios input[type="email"],
body.theme-homebrew.theme-solodive-ios input[type="password"],
body.theme-homebrew.theme-solodive-ios input[type="number"],
body.theme-homebrew.theme-solodive-ios input[type="date"],
body.theme-homebrew.theme-solodive-ios input[type="time"],
body.theme-homebrew.theme-solodive-ios input[type="datetime-local"],
body.theme-homebrew.theme-solodive-ios input[type="search"],
body.theme-homebrew.theme-solodive-ios input[type="tel"],
body.theme-homebrew.theme-solodive-ios input[type="url"],
body.theme-homebrew.theme-solodive-ios select,
body.theme-homebrew.theme-solodive-ios textarea,
body.theme-homebrew.theme-solodive-ios .form-control {
  background: var(--sd-skin-surface-raised) !important;
  border-color: var(--sd-skin-border-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(57,255,20,.04);
  color: var(--sd-skin-text) !important;
}
body.theme-homebrew.theme-solodive-ios input:focus,
body.theme-homebrew.theme-solodive-ios select:focus,
body.theme-homebrew.theme-solodive-ios textarea:focus,
body.theme-homebrew.theme-solodive-ios .form-control:focus {
  background: var(--sd-skin-surface-solid) !important;
  border-color: var(--sd-skin-primary-bright) !important;
  box-shadow: 0 0 0 4px var(--sd-skin-primary-soft), inset 0 1px 0 rgba(255,255,255,.06);
}
.theme-solodive-ios .btn.secondary,
.theme-solodive-ios .button.secondary,
.theme-solodive-ios button.secondary,
.theme-solodive-ios .table-pager button {
  background: linear-gradient(180deg, var(--sd-skin-primary-bright, var(--sd-ios-blue)), var(--sd-ios-blue)) !important;
  border-color: var(--sd-ios-blue) !important;
  box-shadow: 0 6px 15px color-mix(in srgb, var(--sd-ios-blue) 18%, transparent), inset 0 1px 0 rgba(255,255,255,.20);
  color: #fff !important;
}
.theme-solodive-ios .table-pager button:disabled {
  background: color-mix(in srgb, var(--sd-ios-blue) 62%, var(--sd-ios-surface-solid)) !important;
  border-color: color-mix(in srgb, var(--sd-ios-blue) 45%, var(--sd-ios-border)) !important;
  box-shadow: none;
  color: #fff !important;
  opacity: .78;
}
.theme-solodive-ios .solodive-datepicker .dp-grid button,
.theme-solodive-ios .solodive-datepicker .dp-picker-grid button {
  background: var(--sd-ios-bg-soft);
  border-color: var(--sd-ios-border);
  color: var(--sd-ios-text) !important;
}
.theme-solodive-ios .solodive-datepicker .dp-grid button:hover,
.theme-solodive-ios .solodive-datepicker .dp-picker-grid button:hover,
.theme-solodive-ios .solodive-datepicker .dp-grid button.selected,
.theme-solodive-ios .solodive-datepicker .dp-picker-grid button.selected {
  background: var(--sd-ios-blue) !important;
  border-color: var(--sd-ios-blue) !important;
  color: #fff !important;
}
.theme-solodive-ios .btn-danger,
.theme-solodive-ios button.danger,
.theme-solodive-ios .button-danger,
.theme-solodive-ios .document-row-card .document-delete-field button.danger,
.theme-solodive-ios .docs-review-card button.danger,
.theme-solodive-ios .docs-course-library-card button.danger,
.theme-solodive-ios .docs-all-card button.danger,
.theme-solodive-ios .docs-all-card .docs-all-table button.danger.small-btn,
.theme-solodive-ios .invoice-actions-expanded .danger-dropdown summary,
.theme-solodive-ios .invoice-actions-expanded button.danger {
  background: linear-gradient(180deg, #d83a31, var(--sd-ios-red)) !important;
  border-color: var(--sd-ios-red) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}
.theme-solodive-ios .btn-danger:hover,
.theme-solodive-ios button.danger:hover,
.theme-solodive-ios .button-danger:hover,
.theme-solodive-ios .document-row-card .document-delete-field button.danger:hover,
.theme-solodive-ios .document-row-card .document-delete-field button.danger:focus,
.theme-solodive-ios .docs-review-card button.danger:hover,
.theme-solodive-ios .docs-review-card button.danger:focus,
.theme-solodive-ios .docs-course-library-card button.danger:hover,
.theme-solodive-ios .docs-course-library-card button.danger:focus,
.theme-solodive-ios .docs-all-card button.danger:hover,
.theme-solodive-ios .docs-all-card button.danger:focus,
.theme-solodive-ios .docs-all-card .docs-all-table button.danger.small-btn:hover,
.theme-solodive-ios .docs-all-card .docs-all-table button.danger.small-btn:focus,
.theme-solodive-ios .invoice-actions-expanded .danger-dropdown summary:hover,
.theme-solodive-ios .invoice-actions-expanded button.danger:hover {
  background: var(--sd-ios-red) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

/* Keep single-line dropdowns aligned with adjacent text/date/number inputs across Safari and Chrome. */
.theme-solodive-ios select:not([multiple]):not([size]) {
  appearance: none;
  -webkit-appearance: none;
  background-color: rgba(255,255,255,.86);
  background-image: linear-gradient(45deg, transparent 50%, #425466 50%),
    linear-gradient(135deg, #425466 50%, transparent 50%);
  background-position: calc(100% - 15px) 18px, calc(100% - 10px) 18px;
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
  box-sizing: border-box;
  height: 42px;
  line-height: 1.2;
  min-height: 42px;
  padding: 0 2.15rem 0 .72rem;
}
.theme-solodive-ios select[multiple],
.theme-solodive-ios select[size] {
  appearance: auto;
  -webkit-appearance: auto;
  background-image: none;
  height: auto;
  line-height: 1.25;
  padding: 9px 12px;
}
.theme-solodive-ios .table-tools select,
.theme-solodive-ios .table-show-control select {
  appearance: auto;
  -webkit-appearance: menulist;
  background-image: none;
  height: auto;
  line-height: normal;
  min-height: 38px;
  padding: 9px;
}
.theme-solodive-ios .table-tools .smart-table-row-limit {
  width: auto;
}
body.theme-homebrew.theme-solodive-ios select:not([multiple]):not([size]) {
  background-color: var(--sd-skin-surface-raised) !important;
  background-image: linear-gradient(45deg, transparent 50%, var(--sd-skin-text-muted, #c8f7c5) 50%),
    linear-gradient(135deg, var(--sd-skin-text-muted, #c8f7c5) 50%, transparent 50%) !important;
}