/*
  SoloDive skin cohesion layer.
  Loaded after the selected visual skin and before the optional interface layer.
  The goal is to let every bundled skin cover the newer app surfaces consistently.
*/

body.theme-vanilla {
  --sd-skin-page-bg: linear-gradient(180deg, #f7f9fc 0%, #eef4f8 100%);
  --sd-skin-bg: #f5f7fb;
  --sd-skin-bg-soft: #fbfcfe;
  --sd-skin-surface: rgba(255,255,255,.92);
  --sd-skin-surface-solid: #ffffff;
  --sd-skin-surface-raised: rgba(255,255,255,.98);
  --sd-skin-border: rgba(25,48,66,.13);
  --sd-skin-border-strong: rgba(25,48,66,.22);
  --sd-skin-text: #172536;
  --sd-skin-muted: #607181;
  --sd-skin-page-title: #172536;
  --sd-skin-page-muted: #607181;
  --sd-skin-primary: #0f75bc;
  --sd-skin-primary-hover: #095d96;
  --sd-skin-primary-bright: #1e91df;
  --sd-skin-primary-soft: rgba(15,117,188,.13);
  --sd-skin-accent: #ff9f1c;
  --sd-skin-accent-soft: rgba(255,159,28,.16);
  --sd-skin-table-head: #e6f3fb;
  --sd-skin-danger: #b42318;
  --sd-skin-success: #1f8f53;
  --sd-skin-warning: #b25f00;
  --sd-skin-shadow: 0 14px 34px rgba(22,42,64,.10);
  --sd-skin-shadow-sm: 0 1px 2px rgba(22,42,64,.07), 0 6px 18px rgba(22,42,64,.05);
  --sd-skin-radius: 18px;
}

body.theme-deep6-orange {
  --sd-skin-page-bg: radial-gradient(circle at 12% -8%, rgba(255,160,65,.28), transparent 31%), radial-gradient(circle at 100% 0%, rgba(18,103,177,.15), transparent 32%), linear-gradient(180deg, #ffffff 0%, #f7fbff 48%, #edf6fe 100%);
  --sd-skin-bg: #f4f8fc;
  --sd-skin-bg-soft: #fbfdff;
  --sd-skin-surface: rgba(255,255,255,.91);
  --sd-skin-surface-solid: #ffffff;
  --sd-skin-surface-raised: rgba(255,255,255,.98);
  --sd-skin-border: rgba(18,103,177,.16);
  --sd-skin-border-strong: rgba(255,128,5,.28);
  --sd-skin-text: #142033;
  --sd-skin-muted: #5f6f82;
  --sd-skin-page-title: #142033;
  --sd-skin-page-muted: #5f6f82;
  --sd-skin-primary: #1267b1;
  --sd-skin-primary-hover: #064b86;
  --sd-skin-primary-bright: #1f7dc4;
  --sd-skin-primary-soft: rgba(18,103,177,.13);
  --sd-skin-accent: #ff8005;
  --sd-skin-accent-soft: rgba(255,160,65,.18);
  --sd-skin-table-head: #e6f2ff;
  --sd-skin-danger: #b51625;
  --sd-skin-success: #12844d;
  --sd-skin-warning: #a85600;
  --sd-skin-shadow: 0 14px 34px rgba(11,70,126,.10);
  --sd-skin-shadow-sm: 0 1px 2px rgba(7,54,98,.08), 0 6px 18px rgba(7,54,98,.06);
  --sd-skin-radius: 18px;
}

body.theme-manta-blue {
  --sd-skin-page-bg: linear-gradient(180deg, rgba(1,19,32,.52), rgba(1,15,27,.90)), url("manta-blue/assets/manta-background.jpg") center top/cover fixed no-repeat;
  --sd-skin-bg: #031827;
  --sd-skin-bg-soft: rgba(5,27,43,.72);
  --sd-skin-surface: rgba(255,255,255,.88);
  --sd-skin-surface-solid: #ffffff;
  --sd-skin-surface-raised: rgba(255,255,255,.95);
  --sd-skin-border: rgba(126,224,255,.28);
  --sd-skin-border-strong: rgba(57,214,255,.42);
  --sd-skin-text: #092437;
  --sd-skin-muted: #426171;
  --sd-skin-page-title: #effcff;
  --sd-skin-page-muted: #b7d9e8;
  --sd-skin-primary: #0887a5;
  --sd-skin-primary-hover: #034964;
  --sd-skin-primary-bright: #39d6ff;
  --sd-skin-primary-soft: rgba(57,214,255,.15);
  --sd-skin-accent: #73f3d6;
  --sd-skin-accent-soft: rgba(115,243,214,.18);
  --sd-skin-table-head: #e2f8ff;
  --sd-skin-danger: #9b1635;
  --sd-skin-success: #148765;
  --sd-skin-warning: #a95b00;
  --sd-skin-shadow: 0 18px 45px rgba(0,22,38,.26);
  --sd-skin-shadow-sm: 0 1px 2px rgba(0,22,38,.12), 0 8px 22px rgba(0,22,38,.10);
  --sd-skin-radius: 18px;
}

body.theme-coral-reef {
  --sd-skin-page-bg: radial-gradient(circle at 8% 0%, rgba(255,111,97,.28), transparent 30%), radial-gradient(circle at 92% 5%, rgba(21,198,200,.22), transparent 34%), linear-gradient(180deg,#f8feff 0%,#e9fbfb 48%,#fff6ee 100%);
  --sd-skin-bg: #f5fbfb;
  --sd-skin-bg-soft: #fbfffe;
  --sd-skin-surface: rgba(255,255,255,.91);
  --sd-skin-surface-solid: #ffffff;
  --sd-skin-surface-raised: rgba(255,255,255,.98);
  --sd-skin-border: rgba(21,198,200,.22);
  --sd-skin-border-strong: rgba(255,111,97,.30);
  --sd-skin-text: #12313f;
  --sd-skin-muted: #527481;
  --sd-skin-page-title: #12313f;
  --sd-skin-page-muted: #527481;
  --sd-skin-primary: #087894;
  --sd-skin-primary-hover: #075a75;
  --sd-skin-primary-bright: #15c6c8;
  --sd-skin-primary-soft: rgba(21,198,200,.15);
  --sd-skin-accent: #ff6f61;
  --sd-skin-accent-soft: rgba(255,111,97,.17);
  --sd-skin-table-head: #def8f9;
  --sd-skin-danger: #c2183a;
  --sd-skin-success: #1f9d61;
  --sd-skin-warning: #9a6700;
  --sd-skin-shadow: 0 14px 34px rgba(9,107,138,.10);
  --sd-skin-shadow-sm: 0 1px 2px rgba(9,107,138,.08), 0 6px 18px rgba(9,107,138,.05);
  --sd-skin-radius: 18px;
}

body.theme-sea-turtle-green {
  --sd-skin-page-bg: radial-gradient(circle at 12% -4%, rgba(139,191,69,.26), transparent 30%), radial-gradient(circle at 98% 0%, rgba(15,124,140,.17), transparent 35%), linear-gradient(180deg,#fbfff7 0%,#eef8e8 52%,#e8f7f4 100%);
  --sd-skin-bg: #f3faf1;
  --sd-skin-bg-soft: #fbfff8;
  --sd-skin-surface: rgba(255,255,255,.91);
  --sd-skin-surface-solid: #ffffff;
  --sd-skin-surface-raised: rgba(255,255,255,.98);
  --sd-skin-border: rgba(47,143,91,.20);
  --sd-skin-border-strong: rgba(216,182,107,.35);
  --sd-skin-text: #193527;
  --sd-skin-muted: #557263;
  --sd-skin-page-title: #193527;
  --sd-skin-page-muted: #557263;
  --sd-skin-primary: #146b45;
  --sd-skin-primary-hover: #104833;
  --sd-skin-primary-bright: #2f8f5b;
  --sd-skin-primary-soft: rgba(47,143,91,.14);
  --sd-skin-accent: #d8b66b;
  --sd-skin-accent-soft: rgba(216,182,107,.19);
  --sd-skin-table-head: #e4f3db;
  --sd-skin-danger: #9b1e28;
  --sd-skin-success: #146b45;
  --sd-skin-warning: #7a5a13;
  --sd-skin-shadow: 0 14px 34px rgba(20,107,69,.10);
  --sd-skin-shadow-sm: 0 1px 2px rgba(20,107,69,.08), 0 6px 18px rgba(20,107,69,.05);
  --sd-skin-radius: 18px;
}

body.theme-anemone-pink {
  --sd-skin-page-bg: radial-gradient(circle at 14% -4%, rgba(255,95,162,.25), transparent 30%), radial-gradient(circle at 95% 0%, rgba(42,166,184,.17), transparent 34%), linear-gradient(180deg,#fff9fc 0%,#f7edf8 52%,#eefafd 100%);
  --sd-skin-bg: #fbf3fa;
  --sd-skin-bg-soft: #fff9fc;
  --sd-skin-surface: rgba(255,255,255,.91);
  --sd-skin-surface-solid: #ffffff;
  --sd-skin-surface-raised: rgba(255,255,255,.98);
  --sd-skin-border: rgba(255,95,162,.20);
  --sd-skin-border-strong: rgba(42,166,184,.32);
  --sd-skin-text: #35213a;
  --sd-skin-muted: #765277;
  --sd-skin-page-title: #35213a;
  --sd-skin-page-muted: #765277;
  --sd-skin-primary: #7b2e72;
  --sd-skin-primary-hover: #4a1f54;
  --sd-skin-primary-bright: #d7357d;
  --sd-skin-primary-soft: rgba(255,95,162,.14);
  --sd-skin-accent: #2aa6b8;
  --sd-skin-accent-soft: rgba(42,166,184,.17);
  --sd-skin-table-head: #fde5f1;
  --sd-skin-danger: #9d102a;
  --sd-skin-success: #16895d;
  --sd-skin-warning: #955600;
  --sd-skin-shadow: 0 14px 34px rgba(74,31,84,.10);
  --sd-skin-shadow-sm: 0 1px 2px rgba(74,31,84,.08), 0 6px 18px rgba(74,31,84,.05);
  --sd-skin-radius: 18px;
}

body.theme-homebrew {
  --sd-skin-page-bg: radial-gradient(circle at 12% 0%, rgba(57,255,20,.13), transparent 31%), linear-gradient(180deg,#020403 0%,#071009 55%,#050806 100%);
  --sd-skin-bg: #050806;
  --sd-skin-bg-soft: #0d1510;
  --sd-skin-surface: rgba(13,21,16,.94);
  --sd-skin-surface-solid: #101f16;
  --sd-skin-surface-raised: #13251a;
  --sd-skin-border: rgba(57,255,20,.24);
  --sd-skin-border-strong: rgba(57,255,20,.44);
  --sd-skin-text: #d9ffe0;
  --sd-skin-muted: #8dbb95;
  --sd-skin-page-title: #e9ffee;
  --sd-skin-page-muted: #a9d8b0;
  --sd-skin-primary: #1a6f26;
  --sd-skin-primary-hover: #39ff14;
  --sd-skin-primary-bright: #39ff14;
  --sd-skin-primary-soft: rgba(57,255,20,.13);
  --sd-skin-accent: #8cff7a;
  --sd-skin-accent-soft: rgba(140,255,122,.16);
  --sd-skin-table-head: #0e2414;
  --sd-skin-danger: #b51635;
  --sd-skin-success: #39ff14;
  --sd-skin-warning: #ffe26c;
  --sd-skin-shadow: 0 14px 34px rgba(0,0,0,.38);
  --sd-skin-shadow-sm: 0 1px 2px rgba(0,0,0,.34), 0 6px 18px rgba(0,0,0,.24);
  --sd-skin-radius: 14px;
}

body.theme-vanilla,
body.theme-deep6-orange,
body.theme-manta-blue,
body.theme-coral-reef,
body.theme-sea-turtle-green,
body.theme-anemone-pink,
body.theme-homebrew {
  background: var(--sd-skin-page-bg);
  color: var(--sd-skin-text);
}

body.theme-vanilla main,
body.theme-deep6-orange main,
body.theme-manta-blue main,
body.theme-coral-reef main,
body.theme-sea-turtle-green main,
body.theme-anemone-pink main,
body.theme-homebrew main {
  border-color: var(--sd-skin-border);
}

body.theme-vanilla .card,
body.theme-vanilla .metric,
body.theme-vanilla .stat,
body.theme-deep6-orange .card,
body.theme-deep6-orange .metric,
body.theme-deep6-orange .stat,
body.theme-manta-blue .card,
body.theme-manta-blue .metric,
body.theme-manta-blue .stat,
body.theme-coral-reef .card,
body.theme-coral-reef .metric,
body.theme-coral-reef .stat,
body.theme-sea-turtle-green .card,
body.theme-sea-turtle-green .metric,
body.theme-sea-turtle-green .stat,
body.theme-anemone-pink .card,
body.theme-anemone-pink .metric,
body.theme-anemone-pink .stat,
body.theme-homebrew .card,
body.theme-homebrew .metric,
body.theme-homebrew .stat {
  background: var(--sd-skin-surface);
  border-color: var(--sd-skin-border);
  box-shadow: var(--sd-skin-shadow);
}

body.theme-vanilla h1,
body.theme-vanilla h2,
body.theme-vanilla h3,
body.theme-deep6-orange h1,
body.theme-deep6-orange h2,
body.theme-deep6-orange h3,
body.theme-manta-blue h1,
body.theme-manta-blue h2,
body.theme-manta-blue h3,
body.theme-coral-reef h1,
body.theme-coral-reef h2,
body.theme-coral-reef h3,
body.theme-sea-turtle-green h1,
body.theme-sea-turtle-green h2,
body.theme-sea-turtle-green h3,
body.theme-anemone-pink h1,
body.theme-anemone-pink h2,
body.theme-anemone-pink h3,
body.theme-homebrew h1,
body.theme-homebrew h2,
body.theme-homebrew h3 {
  color: var(--sd-skin-text);
}

body.theme-vanilla main > h1,
body.theme-vanilla .page-title-row h1,
body.theme-deep6-orange main > h1,
body.theme-deep6-orange .page-title-row h1,
body.theme-manta-blue main > h1,
body.theme-manta-blue .page-title-row h1,
body.theme-coral-reef main > h1,
body.theme-coral-reef .page-title-row h1,
body.theme-sea-turtle-green main > h1,
body.theme-sea-turtle-green .page-title-row h1,
body.theme-anemone-pink main > h1,
body.theme-anemone-pink .page-title-row h1,
body.theme-homebrew main > h1,
body.theme-homebrew .page-title-row h1 {
  color: var(--sd-skin-page-title);
}

body.theme-vanilla main > .muted,
body.theme-vanilla .page-title-row .muted,
body.theme-deep6-orange main > .muted,
body.theme-deep6-orange .page-title-row .muted,
body.theme-manta-blue main > .muted,
body.theme-manta-blue .page-title-row .muted,
body.theme-coral-reef main > .muted,
body.theme-coral-reef .page-title-row .muted,
body.theme-sea-turtle-green main > .muted,
body.theme-sea-turtle-green .page-title-row .muted,
body.theme-anemone-pink main > .muted,
body.theme-anemone-pink .page-title-row .muted,
body.theme-homebrew main > .muted,
body.theme-homebrew .page-title-row .muted {
  color: var(--sd-skin-page-muted);
}

body.theme-vanilla .muted,
body.theme-vanilla .small,
body.theme-vanilla .metric span,
body.theme-deep6-orange .muted,
body.theme-deep6-orange .small,
body.theme-deep6-orange .metric span,
body.theme-manta-blue .muted,
body.theme-manta-blue .small,
body.theme-manta-blue .metric span,
body.theme-coral-reef .muted,
body.theme-coral-reef .small,
body.theme-coral-reef .metric span,
body.theme-sea-turtle-green .muted,
body.theme-sea-turtle-green .small,
body.theme-sea-turtle-green .metric span,
body.theme-anemone-pink .muted,
body.theme-anemone-pink .small,
body.theme-anemone-pink .metric span,
body.theme-homebrew .muted,
body.theme-homebrew .small,
body.theme-homebrew .metric span {
  color: var(--sd-skin-muted);
}

body.theme-vanilla th,
body.theme-deep6-orange th,
body.theme-manta-blue th,
body.theme-coral-reef th,
body.theme-sea-turtle-green th,
body.theme-anemone-pink th,
body.theme-homebrew th {
  background: var(--sd-skin-table-head);
  color: var(--sd-skin-text);
  border-bottom-color: var(--sd-skin-border-strong);
}

body.theme-vanilla td,
body.theme-deep6-orange td,
body.theme-manta-blue td,
body.theme-coral-reef td,
body.theme-sea-turtle-green td,
body.theme-anemone-pink td,
body.theme-homebrew td {
  border-bottom-color: var(--sd-skin-border);
}

body.theme-vanilla input,
body.theme-vanilla select,
body.theme-vanilla textarea,
body.theme-deep6-orange input,
body.theme-deep6-orange select,
body.theme-deep6-orange textarea,
body.theme-manta-blue input,
body.theme-manta-blue select,
body.theme-manta-blue textarea,
body.theme-coral-reef input,
body.theme-coral-reef select,
body.theme-coral-reef textarea,
body.theme-sea-turtle-green input,
body.theme-sea-turtle-green select,
body.theme-sea-turtle-green textarea,
body.theme-anemone-pink input,
body.theme-anemone-pink select,
body.theme-anemone-pink textarea,
body.theme-homebrew input,
body.theme-homebrew select,
body.theme-homebrew textarea {
  background: var(--sd-skin-surface-raised);
  border-color: var(--sd-skin-border-strong);
  color: var(--sd-skin-text);
}

body.theme-vanilla input:focus,
body.theme-vanilla select:focus,
body.theme-vanilla textarea:focus,
body.theme-deep6-orange input:focus,
body.theme-deep6-orange select:focus,
body.theme-deep6-orange textarea:focus,
body.theme-manta-blue input:focus,
body.theme-manta-blue select:focus,
body.theme-manta-blue textarea:focus,
body.theme-coral-reef input:focus,
body.theme-coral-reef select:focus,
body.theme-coral-reef textarea:focus,
body.theme-sea-turtle-green input:focus,
body.theme-sea-turtle-green select:focus,
body.theme-sea-turtle-green textarea:focus,
body.theme-anemone-pink input:focus,
body.theme-anemone-pink select:focus,
body.theme-anemone-pink textarea:focus,
body.theme-homebrew input:focus,
body.theme-homebrew select:focus,
body.theme-homebrew textarea:focus {
  border-color: var(--sd-skin-primary-bright);
  outline: 3px solid var(--sd-skin-primary-soft);
}

body.theme-vanilla button,
body.theme-vanilla .btn,
body.theme-vanilla .button,
body.theme-deep6-orange button,
body.theme-deep6-orange .btn,
body.theme-deep6-orange .button,
body.theme-manta-blue button,
body.theme-manta-blue .btn,
body.theme-manta-blue .button,
body.theme-coral-reef button,
body.theme-coral-reef .btn,
body.theme-coral-reef .button,
body.theme-sea-turtle-green button,
body.theme-sea-turtle-green .btn,
body.theme-sea-turtle-green .button,
body.theme-anemone-pink button,
body.theme-anemone-pink .btn,
body.theme-anemone-pink .button,
body.theme-homebrew button,
body.theme-homebrew .btn,
body.theme-homebrew .button {
  background: linear-gradient(180deg, var(--sd-skin-primary-bright), var(--sd-skin-primary));
  border-color: var(--sd-skin-primary);
  color: #fff;
  box-shadow: var(--sd-skin-shadow-sm);
}

body.theme-vanilla button:hover,
body.theme-vanilla .btn:hover,
body.theme-vanilla .button:hover,
body.theme-deep6-orange button:hover,
body.theme-deep6-orange .btn:hover,
body.theme-deep6-orange .button:hover,
body.theme-manta-blue button:hover,
body.theme-manta-blue .btn:hover,
body.theme-manta-blue .button:hover,
body.theme-coral-reef button:hover,
body.theme-coral-reef .btn:hover,
body.theme-coral-reef .button:hover,
body.theme-sea-turtle-green button:hover,
body.theme-sea-turtle-green .btn:hover,
body.theme-sea-turtle-green .button:hover,
body.theme-anemone-pink button:hover,
body.theme-anemone-pink .btn:hover,
body.theme-anemone-pink .button:hover,
body.theme-homebrew button:hover,
body.theme-homebrew .btn:hover,
body.theme-homebrew .button:hover {
  background: linear-gradient(180deg, var(--sd-skin-primary), var(--sd-skin-primary-hover));
  color: #fff;
}

body.theme-vanilla .btn.secondary,
body.theme-vanilla .button.secondary,
body.theme-deep6-orange .btn.secondary,
body.theme-deep6-orange .button.secondary,
body.theme-manta-blue .btn.secondary,
body.theme-manta-blue .button.secondary,
body.theme-coral-reef .btn.secondary,
body.theme-coral-reef .button.secondary,
body.theme-sea-turtle-green .btn.secondary,
body.theme-sea-turtle-green .button.secondary,
body.theme-anemone-pink .btn.secondary,
body.theme-anemone-pink .button.secondary,
body.theme-homebrew .btn.secondary,
body.theme-homebrew .button.secondary {
  background: var(--sd-skin-primary-soft);
  border-color: var(--sd-skin-border-strong);
  color: var(--sd-skin-primary-hover);
}

body.theme-homebrew .btn.secondary,
body.theme-homebrew .button.secondary {
  color: var(--sd-skin-text);
}

body.theme-vanilla .btn.secondary,
body.theme-vanilla .button.secondary,
body.theme-vanilla button.secondary,
body.theme-vanilla .table-pager button,
body.theme-deep6-orange .btn.secondary,
body.theme-deep6-orange .button.secondary,
body.theme-deep6-orange button.secondary,
body.theme-deep6-orange .table-pager button,
body.theme-manta-blue .btn.secondary,
body.theme-manta-blue .button.secondary,
body.theme-manta-blue button.secondary,
body.theme-manta-blue .table-pager button,
body.theme-coral-reef .btn.secondary,
body.theme-coral-reef .button.secondary,
body.theme-coral-reef button.secondary,
body.theme-coral-reef .table-pager button,
body.theme-sea-turtle-green .btn.secondary,
body.theme-sea-turtle-green .button.secondary,
body.theme-sea-turtle-green button.secondary,
body.theme-sea-turtle-green .table-pager button,
body.theme-anemone-pink .btn.secondary,
body.theme-anemone-pink .button.secondary,
body.theme-anemone-pink button.secondary,
body.theme-anemone-pink .table-pager button,
body.theme-homebrew .btn.secondary,
body.theme-homebrew .button.secondary,
body.theme-homebrew button.secondary,
body.theme-homebrew .table-pager button {
  background: linear-gradient(180deg, var(--sd-skin-primary-bright), var(--sd-skin-primary)) !important;
  border-color: var(--sd-skin-primary) !important;
  color: #fff !important;
}

body.theme-vanilla .table-pager button:disabled,
body.theme-deep6-orange .table-pager button:disabled,
body.theme-manta-blue .table-pager button:disabled,
body.theme-coral-reef .table-pager button:disabled,
body.theme-sea-turtle-green .table-pager button:disabled,
body.theme-anemone-pink .table-pager button:disabled,
body.theme-homebrew .table-pager button:disabled {
  background: color-mix(in srgb, var(--sd-skin-primary) 62%, var(--sd-skin-surface-solid)) !important;
  border-color: color-mix(in srgb, var(--sd-skin-primary) 48%, var(--sd-skin-border)) !important;
  color: #fff !important;
  opacity: .78;
}

body.theme-vanilla .danger,
body.theme-deep6-orange .danger,
body.theme-manta-blue .danger,
body.theme-coral-reef .danger,
body.theme-sea-turtle-green .danger,
body.theme-anemone-pink .danger,
body.theme-homebrew .danger {
  background: linear-gradient(180deg, #d83a31, var(--sd-skin-danger)) !important;
  border-color: var(--sd-skin-danger) !important;
  color: #fff !important;
}

body.theme-vanilla .success,
body.theme-deep6-orange .success,
body.theme-manta-blue .success,
body.theme-coral-reef .success,
body.theme-sea-turtle-green .success,
body.theme-anemone-pink .success,
body.theme-homebrew .success {
  background: linear-gradient(180deg, #28b56d, var(--sd-skin-success)) !important;
  border-color: var(--sd-skin-success) !important;
  color: #fff !important;
}

body.theme-vanilla .chip,
body.theme-vanilla .badge,
body.theme-vanilla .status-pill,
body.theme-deep6-orange .chip,
body.theme-deep6-orange .badge,
body.theme-deep6-orange .status-pill,
body.theme-manta-blue .chip,
body.theme-manta-blue .badge,
body.theme-manta-blue .status-pill,
body.theme-coral-reef .chip,
body.theme-coral-reef .badge,
body.theme-coral-reef .status-pill,
body.theme-sea-turtle-green .chip,
body.theme-sea-turtle-green .badge,
body.theme-sea-turtle-green .status-pill,
body.theme-anemone-pink .chip,
body.theme-anemone-pink .badge,
body.theme-anemone-pink .status-pill,
body.theme-homebrew .chip,
body.theme-homebrew .badge,
body.theme-homebrew .status-pill {
  background: var(--sd-skin-primary-soft);
  border-color: var(--sd-skin-border-strong);
  color: var(--sd-skin-primary-hover);
}

body.theme-homebrew .chip,
body.theme-homebrew .badge,
body.theme-homebrew .status-pill {
  color: var(--sd-skin-text);
}

body.theme-vanilla .invoice-status-paid,
body.theme-deep6-orange .invoice-status-paid,
body.theme-manta-blue .invoice-status-paid,
body.theme-coral-reef .invoice-status-paid,
body.theme-sea-turtle-green .invoice-status-paid,
body.theme-anemone-pink .invoice-status-paid,
body.theme-homebrew .invoice-status-paid {
  background: #d1e7dd !important;
  border-color: #95c8ad !important;
  color: #0f5132 !important;
}

body.theme-vanilla .invoice-status-partial,
body.theme-deep6-orange .invoice-status-partial,
body.theme-manta-blue .invoice-status-partial,
body.theme-coral-reef .invoice-status-partial,
body.theme-sea-turtle-green .invoice-status-partial,
body.theme-anemone-pink .invoice-status-partial,
body.theme-homebrew .invoice-status-partial {
  background: #fff3cd !important;
  border-color: #e5c45f !important;
  color: #664d03 !important;
}

body.theme-vanilla .invoice-status-unpaid,
body.theme-vanilla .invoice-status-overdue,
body.theme-deep6-orange .invoice-status-unpaid,
body.theme-deep6-orange .invoice-status-overdue,
body.theme-manta-blue .invoice-status-unpaid,
body.theme-manta-blue .invoice-status-overdue,
body.theme-coral-reef .invoice-status-unpaid,
body.theme-coral-reef .invoice-status-overdue,
body.theme-sea-turtle-green .invoice-status-unpaid,
body.theme-sea-turtle-green .invoice-status-overdue,
body.theme-anemone-pink .invoice-status-unpaid,
body.theme-anemone-pink .invoice-status-overdue,
body.theme-homebrew .invoice-status-unpaid,
body.theme-homebrew .invoice-status-overdue {
  background: #f8d7da !important;
  border-color: #e8a3ab !important;
  color: #842029 !important;
}

body.theme-vanilla .status-completed,
body.theme-deep6-orange .status-completed,
body.theme-manta-blue .status-completed,
body.theme-coral-reef .status-completed,
body.theme-sea-turtle-green .status-completed,
body.theme-anemone-pink .status-completed,
body.theme-homebrew .status-completed {
  background: #d1e7dd !important;
  border-color: #95c8ad !important;
  color: #0f5132 !important;
}

body.theme-vanilla .status-pending,
body.theme-deep6-orange .status-pending,
body.theme-manta-blue .status-pending,
body.theme-coral-reef .status-pending,
body.theme-sea-turtle-green .status-pending,
body.theme-anemone-pink .status-pending,
body.theme-homebrew .status-pending {
  background: #fff3cd !important;
  border-color: #e5c45f !important;
  color: #664d03 !important;
}

body.theme-vanilla .status-cancelled,
body.theme-deep6-orange .status-cancelled,
body.theme-manta-blue .status-cancelled,
body.theme-coral-reef .status-cancelled,
body.theme-sea-turtle-green .status-cancelled,
body.theme-anemone-pink .status-cancelled,
body.theme-homebrew .status-cancelled {
  background: #f8d7da !important;
  border-color: #e8a3ab !important;
  color: #842029 !important;
}

body.theme-vanilla .column-picker summary,
body.theme-deep6-orange .column-picker summary,
body.theme-manta-blue .column-picker summary,
body.theme-coral-reef .column-picker summary,
body.theme-sea-turtle-green .column-picker summary,
body.theme-anemone-pink .column-picker summary,
body.theme-homebrew .column-picker summary {
  background: var(--sd-skin-surface);
  border-color: var(--sd-skin-border);
}

body.theme-vanilla .reports-export-card .compact-report-export-row .button,
body.theme-deep6-orange .reports-export-card .compact-report-export-row .button,
body.theme-manta-blue .reports-export-card .compact-report-export-row .button,
body.theme-coral-reef .reports-export-card .compact-report-export-row .button,
body.theme-sea-turtle-green .reports-export-card .compact-report-export-row .button,
body.theme-anemone-pink .reports-export-card .compact-report-export-row .button,
body.theme-homebrew .reports-export-card .compact-report-export-row .button {
  background: linear-gradient(180deg, var(--sd-skin-primary-bright), var(--sd-skin-primary));
  border-color: var(--sd-skin-primary);
  color: #fff !important;
}

body.theme-vanilla .course-product-picker,
body.theme-vanilla .course-product-picker-shell > summary,
body.theme-vanilla .solodive-datepicker,
body.theme-deep6-orange .course-product-picker,
body.theme-deep6-orange .course-product-picker-shell > summary,
body.theme-deep6-orange .solodive-datepicker,
body.theme-manta-blue .course-product-picker,
body.theme-manta-blue .course-product-picker-shell > summary,
body.theme-manta-blue .solodive-datepicker,
body.theme-coral-reef .course-product-picker,
body.theme-coral-reef .course-product-picker-shell > summary,
body.theme-coral-reef .solodive-datepicker,
body.theme-sea-turtle-green .course-product-picker,
body.theme-sea-turtle-green .course-product-picker-shell > summary,
body.theme-sea-turtle-green .solodive-datepicker,
body.theme-anemone-pink .course-product-picker,
body.theme-anemone-pink .course-product-picker-shell > summary,
body.theme-anemone-pink .solodive-datepicker,
body.theme-homebrew .course-product-picker,
body.theme-homebrew .course-product-picker-shell > summary,
body.theme-homebrew .solodive-datepicker {
  background: var(--sd-skin-surface-raised);
  border-color: var(--sd-skin-border);
  color: var(--sd-skin-text);
}

body.theme-vanilla .solodive-datepicker .dp-grid button:hover,
body.theme-vanilla .solodive-datepicker .dp-picker-grid button:hover,
body.theme-deep6-orange .solodive-datepicker .dp-grid button:hover,
body.theme-deep6-orange .solodive-datepicker .dp-picker-grid button:hover,
body.theme-manta-blue .solodive-datepicker .dp-grid button:hover,
body.theme-manta-blue .solodive-datepicker .dp-picker-grid button:hover,
body.theme-coral-reef .solodive-datepicker .dp-grid button:hover,
body.theme-coral-reef .solodive-datepicker .dp-picker-grid button:hover,
body.theme-sea-turtle-green .solodive-datepicker .dp-grid button:hover,
body.theme-sea-turtle-green .solodive-datepicker .dp-picker-grid button:hover,
body.theme-anemone-pink .solodive-datepicker .dp-grid button:hover,
body.theme-anemone-pink .solodive-datepicker .dp-picker-grid button:hover,
body.theme-homebrew .solodive-datepicker .dp-grid button:hover,
body.theme-homebrew .solodive-datepicker .dp-picker-grid button:hover,
body.theme-vanilla .solodive-datepicker .dp-grid button.selected,
body.theme-vanilla .solodive-datepicker .dp-picker-grid button.selected,
body.theme-deep6-orange .solodive-datepicker .dp-grid button.selected,
body.theme-deep6-orange .solodive-datepicker .dp-picker-grid button.selected,
body.theme-manta-blue .solodive-datepicker .dp-grid button.selected,
body.theme-manta-blue .solodive-datepicker .dp-picker-grid button.selected,
body.theme-coral-reef .solodive-datepicker .dp-grid button.selected,
body.theme-coral-reef .solodive-datepicker .dp-picker-grid button.selected,
body.theme-sea-turtle-green .solodive-datepicker .dp-grid button.selected,
body.theme-sea-turtle-green .solodive-datepicker .dp-picker-grid button.selected,
body.theme-anemone-pink .solodive-datepicker .dp-grid button.selected,
body.theme-anemone-pink .solodive-datepicker .dp-picker-grid button.selected,
body.theme-homebrew .solodive-datepicker .dp-grid button.selected,
body.theme-homebrew .solodive-datepicker .dp-picker-grid button.selected {
  background: var(--sd-skin-primary) !important;
  border-color: var(--sd-skin-primary) !important;
  color: #fff !important;
}

body.theme-vanilla .app-footer,
body.theme-deep6-orange .app-footer,
body.theme-manta-blue .app-footer,
body.theme-coral-reef .app-footer,
body.theme-sea-turtle-green .app-footer,
body.theme-anemone-pink .app-footer,
body.theme-homebrew .app-footer {
  color: var(--sd-skin-muted);
}

body.theme-vanilla .powered-by-text,
body.theme-vanilla .copyright-text,
body.theme-deep6-orange .powered-by-text,
body.theme-deep6-orange .copyright-text,
body.theme-manta-blue .powered-by-text,
body.theme-manta-blue .copyright-text,
body.theme-coral-reef .powered-by-text,
body.theme-coral-reef .copyright-text,
body.theme-sea-turtle-green .powered-by-text,
body.theme-sea-turtle-green .copyright-text,
body.theme-anemone-pink .powered-by-text,
body.theme-anemone-pink .copyright-text,
body.theme-homebrew .powered-by-text,
body.theme-homebrew .copyright-text {
  color: var(--sd-skin-page-muted);
}

body.theme-homebrew .suggestions,
body.theme-homebrew .dropdown-menu,
body.theme-homebrew .autocomplete-menu {
  background: var(--sd-skin-surface-solid);
  border-color: var(--sd-skin-border-strong);
  color: var(--sd-skin-text);
}

body.public .public-skin-picker {
  display: flex;
  justify-content: center;
  margin: 0 auto 28px;
  padding: 0 18px;
}

body.public .public-skin-picker form {
  align-items: center;
  background: var(--sd-skin-surface);
  border: 1px solid var(--sd-skin-border);
  border-radius: 999px;
  box-shadow: var(--sd-skin-shadow-sm);
  display: inline-flex;
  gap: 10px;
  padding: 8px 10px 8px 14px;
}

body.public .public-skin-picker label {
  color: var(--sd-skin-muted);
  font-size: .88rem;
  font-weight: 700;
}

body.public .public-skin-picker select {
  min-height: 36px;
  min-width: 180px;
}

@media (max-width: 640px) {
  body.public .public-skin-picker form {
    border-radius: var(--sd-skin-radius);
    width: 100%;
  }

  body.public .public-skin-picker select {
    flex: 1;
    min-width: 0;
  }
}

@media print {
  body.theme-vanilla,
  body.theme-deep6-orange,
  body.theme-manta-blue,
  body.theme-coral-reef,
  body.theme-sea-turtle-green,
  body.theme-anemone-pink,
  body.theme-homebrew {
    background: #fff !important;
    color: #222 !important;
  }
}