/*
 * HTNS v234 — complete premium cool-blue visual consistency theme
 * Final-cascade theme layer with a cooler blue palette and genuinely flat
 * buttons. Geometry, permissions, data behavior, and component structure are
 * intentionally preserved.
 */

:root{
  --navy:#123b67;
  --navy-2:#4b82a8;
  --gold:#8db8d6;
  --gold-2:#c8dff0;
  --gold-soft:#eaf3fa;
  --media:#2e6e9d;
  --worship:#7aa6c3;
  --ok:#3f866f;
  --wait:#7da6c2;
  --no:#b34f5d;
  --bg:#eef5fa;
  --card:#ffffff;
  --ink:#16385c;
  --muted:#72889a;
  --line:#d3e0eb;
  --chip:#e8f1f8;
  --soft:#f7fbfe;
  --shadow:none;

  --sys-page:#eef5fa;
  --sys-page-top:#f9fcff;
  --sys-surface:#ffffff;
  --sys-surface-2:#f4f9fd;
  --sys-surface-3:#eaf2f9;
  --sys-border:#d3e0eb;
  --sys-border-strong:#a9bfd1;
  --sys-text:#16385c;
  --sys-muted:#72889a;
  --sys-accent:#2f6f98;
  --sys-accent-hover:#255d86;
  --sys-accent-soft:#e8f1f8;
  --sys-accent-pale:#f2f7fb;
  --sys-success:#3f866f;
  --sys-success-soft:#e0efe9;
  --sys-warning:#a77a22;
  --sys-warning-soft:#f5ecd8;
  --sys-danger:#ad4c59;
  --sys-danger-soft:#f8e9eb;
  --sys-focus:rgba(47,111,152,.18);
  --sys-button:#f8fbfe;
  --sys-button-hover:#eef5fb;
  --sys-button-active:#e2edf6;
  --sys-button-selected:#dce9f4;
  --sys-button-border:#bfd2e1;
  --sys-button-text:#16385c;
  --sys-radius-card:18px;
  --sys-radius-control:10px;

  --sb-navy:#123b67;
  --sb-navy-2:#4b82a8;
  --sb-gold:#8db8d6;
  --sb-gold-soft:#eaf3fa;
  --sb-cream:#ffffff;
  --sb-page:#eef5fa;
  --sb-line:#d3e0eb;
  --sb-muted:#72889a;
  --sb-shadow:none;

  --flat-btn-bg:#f8fbfe;
  --flat-btn-bg-hover:#eef5fb;
  --flat-btn-bg-active:#e2edf6;
  --flat-btn-bg-selected:#dce9f4;
  --flat-btn-ink:#16385c;
  --flat-btn-icon:#2e6e9d;
  --flat-btn-border:rgba(123,153,178,.52);
  --flat-btn-border-soft:rgba(154,181,201,.40);
  --flat-btn-focus:rgba(47,111,152,.18);
  --flat-btn-danger-bg:#f8e9eb;
  --flat-btn-danger-active:#f1dadd;
  --flat-btn-danger-ink:#ad4c59;
  --flat-btn-danger-border:rgba(173,76,89,.62);
}

html.htns-theme-v234{
  color-scheme:light;
  background:var(--sys-page) !important;
}
html.htns-theme-v234.htns-theme-booting *,
html.htns-theme-v234.htns-theme-booting *::before,
html.htns-theme-v234.htns-theme-booting *::after{
  transition:none !important;
  animation-duration:.001ms !important;
  animation-delay:0s !important;
}

html.htns-theme-v234,
html.htns-theme-v234 body{
  background:linear-gradient(180deg,var(--sys-page-top) 0%,var(--sys-page) 100%) !important;
  color:var(--sys-text) !important;
}
html.htns-theme-v234 body,
html.htns-theme-v234 .app,
html.htns-theme-v234 #app,
html.htns-theme-v234 #mainApp,
html.htns-theme-v234 body.guest-mode #mainApp,
html.htns-theme-v234 body.view-only-mode #mainApp,
html.htns-theme-v234 body[data-user-role="guest"] #mainApp,
html.htns-theme-v234 body[data-mode="guest"] #mainApp{
  background:
    radial-gradient(620px 320px at 100% 10%,rgba(167,199,224,.24),transparent 65%),
    linear-gradient(180deg,var(--sys-page-top) 0%,var(--sys-page) 100%) !important;
  color:var(--sys-text) !important;
}
html.htns-theme-v234 #mainApp main,
html.htns-theme-v234 body.guest-mode #mainApp main,
html.htns-theme-v234 body.view-only-mode #mainApp main{
  background:transparent !important;
}

html.htns-theme-v234 a{color:var(--sys-accent) !important;}
html.htns-theme-v234 h1,
html.htns-theme-v234 h2,
html.htns-theme-v234 h3,
html.htns-theme-v234 h4,
html.htns-theme-v234 h5,
html.htns-theme-v234 h6,
html.htns-theme-v234 .card h4,
html.htns-theme-v234 .sheet h3,
html.htns-theme-v234 .home-section-title,
html.htns-theme-v234 .events-month-title,
html.htns-theme-v234 .resource-preach-copy h3,
html.htns-theme-v234 .schedule-team-title,
html.htns-theme-v234 .home-team-title{
  color:var(--sys-text) !important;
  text-shadow:none !important;
}
html.htns-theme-v234 .muted,
html.htns-theme-v234 .empty,
html.htns-theme-v234 .hint,
html.htns-theme-v234 .pwr-meta,
html.htns-theme-v234 .home-team-count,
html.htns-theme-v234 .home-team-date,
html.htns-theme-v234 .schedule-team-sub,
html.htns-theme-v234 .resource-preach-copy p{
  color:var(--sys-muted) !important;
}

/* Unified cool-blue card surfaces. */
html.htns-theme-v234 .panel,
html.htns-theme-v234 .card,
html.htns-theme-v234 .sheet,
html.htns-theme-v234 .drive-wrap,
html.htns-theme-v234 .album-card,
html.htns-theme-v234 .album-slider,
html.htns-theme-v234 .photo-card,
html.htns-theme-v234 .profile-card,
html.htns-theme-v234 .schedule-card,
html.htns-theme-v234 .event-card,
html.htns-theme-v234 .feedback-sheet,
html.htns-theme-v234 .pad-sheet,
html.htns-theme-v234 #mainApp .card,
html.htns-theme-v234 #mainApp .home-team-card,
html.htns-theme-v234 #mainApp .my-schedule-sheet,
html.htns-theme-v234 #mainApp .my-schedule-row,
html.htns-theme-v234 #view-schedule .schedule-team-panel,
html.htns-theme-v234 #view-schedule .schedule-team-body,
html.htns-theme-v234 #view-schedule .schedule-assignment-card,
html.htns-theme-v234 #view-profile .profile-card,
html.htns-theme-v234 #view-profile .me-section-card,
html.htns-theme-v234 #view-profile .me-admin-reference,
html.htns-theme-v234 #view-profile .me-admin-manager-stack,
html.htns-theme-v234 #view-profile .me-super-album-card,
html.htns-theme-v234 #view-albums .resource-list-group,
html.htns-theme-v234 #view-albums .resource-list-group > details,
html.htns-theme-v234 #view-albums .resource-preach-card,
html.htns-theme-v234 #view-albums .resource-preach-roster,
html.htns-theme-v234 #view-albums .resource-preach-editor,
html.htns-theme-v234 #view-events .events-empty,
html.htns-theme-v234 #modal .sheet,
html.htns-theme-v234 #modal .panel,
html.htns-theme-v234 #modal .feedback-sheet,
html.htns-theme-v234 #modal .pad-sheet{
  background:linear-gradient(96deg,#fbfdfe 0%,#f5f9fd 72%,#eaf2f9 100%) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}

html.htns-theme-v234 #view-albums summary,
html.htns-theme-v234 #view-albums .resource-preach-head,
html.htns-theme-v234 #view-albums .resource-section-head,
html.htns-theme-v234 #view-albums .resource-team-head,
html.htns-theme-v234 #view-albums .resource-list-group > details > summary{
  background:linear-gradient(96deg,#fbfdfe 0%,#f5f9fd 72%,#eaf2f9 100%) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}

html.htns-theme-v234 #mainApp .home-team-member,
html.htns-theme-v234 #mainApp .home-team-person-chip,
html.htns-theme-v234 #mainApp .my-schedule-role,
html.htns-theme-v234 #mainApp .schedule-role-grid .slot,
html.htns-theme-v234 #view-schedule .schedule-role-grid .slot,
html.htns-theme-v234 #view-schedule .quick-person-static,
html.htns-theme-v234 #view-profile .availability-item,
html.htns-theme-v234 #view-profile .pref-item,
html.htns-theme-v234 #view-profile .pwr-row,
html.htns-theme-v234 #view-albums .resource-preach-item,
html.htns-theme-v234 #view-albums .resource-library-row,
html.htns-theme-v234 #view-albums .resource-song-row,
html.htns-theme-v234 #mainApp .htns-songbook-row,
html.htns-theme-v234 #mainApp .htns-songbook-form-card,
html.htns-theme-v234 #mainApp .htns-songbook-summary,
html.htns-theme-v234 #mainApp .htns-songbook-offline-hub,
html.htns-theme-v234 #mainApp .htns-songbook-offline-song,
html.htns-theme-v234 #mainApp .htns-songbook-set-card{
  background:rgba(255,255,255,.68) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}

/* Header and navigation. */
html.htns-theme-v234 #mainApp .top,
html.htns-theme-v234 body.guest-mode #mainApp .top,
html.htns-theme-v234 body.view-only-mode #mainApp .top{
  background:linear-gradient(96deg,#fafdfe 0%,#eef6fa 100%) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp .who,
html.htns-theme-v234 #mainApp .who b,
html.htns-theme-v234 #mainApp #whoName{
  color:var(--sys-text) !important;
  text-shadow:none !important;
}
html.htns-theme-v234 #mainApp #whoHi{
  color:var(--sys-accent) !important;
  text-shadow:none !important;
}
html.htns-theme-v234 #mainApp .tabs,
html.htns-theme-v234 body.guest-mode #mainApp .tabs,
html.htns-theme-v234 body.view-only-mode #mainApp .tabs{
  background:rgba(248,252,254,.98) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp .tabs button,
html.htns-theme-v234 body.guest-mode #mainApp .tabs button,
html.htns-theme-v234 body.view-only-mode #mainApp .tabs button{
  background:transparent !important;
  color:var(--sys-muted) !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp .tabs button.on,
html.htns-theme-v234 body.guest-mode #mainApp .tabs button.on,
html.htns-theme-v234 body.view-only-mode #mainApp .tabs button.on{
  background:var(--sys-accent-soft) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp .tabs .tab-active-line{
  background:var(--sys-accent) !important;
}

/* Inputs and non-button controls. */
html.htns-theme-v234 .field,
html.htns-theme-v234 .name-search,
html.htns-theme-v234 .date-box,
html.htns-theme-v234 .name-card,
html.htns-theme-v234 .mini-tile,
html.htns-theme-v234 .quick-person-select,
html.htns-theme-v234 .quick-person-static,
html.htns-theme-v234 input,
html.htns-theme-v234 textarea,
html.htns-theme-v234 select,
html.htns-theme-v234 .htns-songbook-search,
html.htns-theme-v234 .htns-songbook-sort{
  background:rgba(250,253,254,.96) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 :is(.field,.name-search,.date-box,input,textarea,select,.quick-person-select):focus,
html.htns-theme-v234 :is(.field,.name-search,.date-box,input,textarea,select,.quick-person-select):focus-visible{
  border-color:var(--sys-accent) !important;
  outline:2px solid var(--sys-focus) !important;
  outline-offset:1px !important;
  box-shadow:none !important;
}

/* Every actionable button is flat by default. */
html.htns-theme-v234 #gate button,
html.htns-theme-v234 #mainApp button,
html.htns-theme-v234 #modal button,
html.htns-theme-v234 #mainApp .htns-songbook-screen button,
html.htns-theme-v234 #gate .panel .htns-songbook-offline-entry,
html.htns-theme-v234 #gate #htnsSongbookOfflineEntry,
html.htns-theme-v234 #gate #btnOpenOfflineSongbook,
html.htns-theme-v234 #gate .login-offline-songbook-btn,
html.htns-theme-v234 #gate #btnInstallApp{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:var(--sys-button) !important;
  background-image:none !important;
  color:var(--sys-button-text) !important;
  border:1px solid var(--sys-button-border) !important;
  border-radius:var(--sys-radius-control) !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
  transition:background-color .12s ease,border-color .12s ease,color .12s ease !important;
  -webkit-tap-highlight-color:transparent !important;
}
html.htns-theme-v234 #gate button svg,
html.htns-theme-v234 #mainApp button svg,
html.htns-theme-v234 #modal button svg,
html.htns-theme-v234 #mainApp .htns-songbook-screen button svg{
  color:inherit !important;
  stroke:currentColor !important;
  filter:none !important;
}
@media (hover:hover) and (pointer:fine){
  html.htns-theme-v234 #gate button:not(:disabled):hover,
  html.htns-theme-v234 #mainApp button:not(:disabled):hover,
  html.htns-theme-v234 #modal button:not(:disabled):hover,
  html.htns-theme-v234 #mainApp .htns-songbook-screen button:not(:disabled):hover{
    background:var(--sys-button-hover) !important;
    border-color:var(--sys-border-strong) !important;
    box-shadow:none !important;
    transform:none !important;
  }
}
html.htns-theme-v234 #gate button:not(:disabled):active,
html.htns-theme-v234 #mainApp button:not(:disabled):active,
html.htns-theme-v234 #modal button:not(:disabled):active,
html.htns-theme-v234 #mainApp .htns-songbook-screen button:not(:disabled):active{
  background:var(--sys-button-active) !important;
  border-color:var(--sys-accent) !important;
  box-shadow:none !important;
  transform:none !important;
}
html.htns-theme-v234 #gate button:focus-visible,
html.htns-theme-v234 #mainApp button:focus-visible,
html.htns-theme-v234 #modal button:focus-visible,
html.htns-theme-v234 #mainApp .htns-songbook-screen button:focus-visible{
  outline:2px solid var(--sys-focus) !important;
  outline-offset:2px !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #gate button:disabled,
html.htns-theme-v234 #mainApp button:disabled,
html.htns-theme-v234 #modal button:disabled,
html.htns-theme-v234 #gate button[aria-disabled="true"],
html.htns-theme-v234 #mainApp button[aria-disabled="true"],
html.htns-theme-v234 #modal button[aria-disabled="true"]{
  opacity:.46 !important;
  box-shadow:none !important;
  filter:none !important;
}

/* Flat primary actions. */
html.htns-theme-v234 #gate .install-cta,
html.htns-theme-v234 #mainApp .btn-gold,
html.htns-theme-v234 #mainApp .btn-ok,
html.htns-theme-v234 #mainApp button.primary,
html.htns-theme-v234 #mainApp button[class*="-save"],
html.htns-theme-v234 #mainApp button[class*="-add"],
html.htns-theme-v234 #mainApp button[class*="-confirm"],
html.htns-theme-v234 #mainApp .schedule-edit-hero-btn,
html.htns-theme-v234 #mainApp .pwr-btn.off,
html.htns-theme-v234 #mainApp #view-albums .htns-songbook-primary-btn,
html.htns-theme-v234 #mainApp #view-albums .htns-songbook-mini-btn.primary,
html.htns-theme-v234 #mainApp #view-albums .htns-songbook-live-btn.on,
html.htns-theme-v234 #mainApp #view-albums .resource-preach-save,
html.htns-theme-v234 #modal .btn-gold,
html.htns-theme-v234 #modal .btn-ok,
html.htns-theme-v234 #modal button.primary,
html.htns-theme-v234 #modal button[class*="-save"],
html.htns-theme-v234 #modal button[class*="-add"],
html.htns-theme-v234 #modal button[class*="-confirm"]{
  background:var(--sys-accent-soft) !important;
  color:var(--sys-text) !important;
  border-color:#93b4ca !important;
  box-shadow:none !important;
}

/* Strong actions use one solid cool-blue fill. */
html.htns-theme-v234 #mainApp .btn-navy,
html.htns-theme-v234 #mainApp .btn-save-all,
html.htns-theme-v234 #mainApp .btn-navy-gold,
html.htns-theme-v234 #mainApp .power-check-power,
html.htns-theme-v234 #mainApp .assignment-hero .actions .btn,
html.htns-theme-v234 #modal .btn-navy,
html.htns-theme-v234 #modal .btn-save-all,
html.htns-theme-v234 #modal .btn-navy-gold{
  background:var(--sys-accent) !important;
  color:#fff !important;
  border-color:var(--sys-accent) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp .btn-navy svg,
html.htns-theme-v234 #mainApp .btn-save-all svg,
html.htns-theme-v234 #mainApp .btn-navy-gold svg,
html.htns-theme-v234 #mainApp .power-check-power svg,
html.htns-theme-v234 #mainApp .assignment-hero .actions .btn svg{
  color:#fff !important;
}

/* Destructive actions stay unmistakably red, with no depth. */
html.htns-theme-v234 #mainApp .btn-no,
html.htns-theme-v234 #mainApp button.danger,
html.htns-theme-v234 #mainApp button.delete,
html.htns-theme-v234 #mainApp button.del,
html.htns-theme-v234 #mainApp button[class*="delete"],
html.htns-theme-v234 #mainApp button[class*="remove"],
html.htns-theme-v234 #mainApp #confirmDelBtn,
html.htns-theme-v234 #mainApp #view-albums .resource-preach-remove,
html.htns-theme-v234 #modal .btn-no,
html.htns-theme-v234 #modal button.danger,
html.htns-theme-v234 #modal button.delete,
html.htns-theme-v234 #modal button.del,
html.htns-theme-v234 #modal button[class*="delete"],
html.htns-theme-v234 #modal button[class*="remove"],
html.htns-theme-v234 #modal #confirmDelBtn{
  background:var(--sys-danger-soft) !important;
  color:var(--sys-danger) !important;
  border-color:rgba(173,76,89,.60) !important;
  box-shadow:none !important;
}

/* Compact icon, chip, segmented, and navigation controls. */
html.htns-theme-v234 #mainApp .top .icon-btn,
html.htns-theme-v234 #mainApp .top #btnLang,
html.htns-theme-v234 #mainApp .top #btnFeedback,
html.htns-theme-v234 #mainApp .top #btnBell,
html.htns-theme-v234 #mainApp .top #btnGuestLogout,
html.htns-theme-v234 #mainApp .my-schedule-close,
html.htns-theme-v234 #view-schedule .schedule-team-chevron,
html.htns-theme-v234 #mainApp .schedule-role-grid .slot-actions button,
html.htns-theme-v234 #mainApp .mini-tile .acts button,
html.htns-theme-v234 #view-albums .resource-preach-edit,
html.htns-theme-v234 #view-albums .resource-preach-remove,
html.htns-theme-v234 #view-schedule .schedule-team-toggle,
html.htns-theme-v234 #view-profile .me-section-head{
  background:var(--sys-accent-pale) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-button-border) !important;
  border-radius:9px !important;
  box-shadow:none !important;
}
html.htns-theme-v234 .seg,
html.htns-theme-v234 .htns-songbook-filterbar,
html.htns-theme-v234 .htns-songbook-view-tabs{
  background:var(--sys-surface-3) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 .seg button,
html.htns-theme-v234 .htns-songbook-chip,
html.htns-theme-v234 .htns-songbook-view-tabs button{
  background:transparent !important;
  color:var(--sys-muted) !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
html.htns-theme-v234 .seg button.on,
html.htns-theme-v234 .htns-songbook-chip.on,
html.htns-theme-v234 .htns-songbook-view-tabs button.on,
html.htns-theme-v234 button[aria-pressed="true"]{
  background:var(--sys-button-selected) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}

/* Login first and final state. */
html.htns-theme-v234 #gate{
  background:
    radial-gradient(620px 310px at 100% 10%,rgba(139,184,212,.28),transparent 66%),
    linear-gradient(180deg,#f8fbfe 0%,#eef5fa 100%) !important;
  color:var(--sys-text) !important;
}
html.htns-theme-v234 #gate::before,
html.htns-theme-v234 #gate::after{
  opacity:.22 !important;
  filter:saturate(.65) hue-rotate(8deg) !important;
}
html.htns-theme-v234 #gate .mark{
  background:#f8fbfd !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #gate #gTitle,
html.htns-theme-v234 #gate #lblName{
  color:var(--sys-text) !important;
  text-shadow:none !important;
}
html.htns-theme-v234 #gate #gSub,
html.htns-theme-v234 #gate #gHint,
html.htns-theme-v234 #gate .hint{
  color:var(--sys-muted) !important;
  text-shadow:none !important;
}
html.htns-theme-v234 #gate .panel{
  background:linear-gradient(96deg,#fbfdfe 0%,#f5f9fd 72%,#eaf2f9 100%) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #gate .name-box,
html.htns-theme-v234 #gate .name-drop,
html.htns-theme-v234 #gate .name-card{
  background:rgba(250,253,254,.96) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #gate .guest-language-row #btnGuest,
html.htns-theme-v234 #gate .guest-language-row #langBar .lang-btn,
html.htns-theme-v234 #gate .panel .htns-songbook-offline-entry,
html.htns-theme-v234 #gate #htnsSongbookOfflineEntry,
html.htns-theme-v234 #gate #btnOpenOfflineSongbook,
html.htns-theme-v234 #gate .login-offline-songbook-btn{
  background:var(--sys-accent-pale) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-button-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #gate .guest-language-row #btnGuest .login-guest-icon,
html.htns-theme-v234 #gate .guest-language-row #langBar .login-lang-icon,
html.htns-theme-v234 #gate .guest-language-row #langBar .login-lang-chevron,
html.htns-theme-v234 #gate .panel .htns-songbook-offline-entry svg,
html.htns-theme-v234 #gate #htnsSongbookOfflineEntry svg{
  color:var(--sys-accent) !important;
}

/* Home, Schedule, Events, Resources, Songbook, Profile, and Power accents. */
html.htns-theme-v234 #mainApp .hero,
html.htns-theme-v234 #mainApp .assignment-hero,
html.htns-theme-v234 body.view-only-mode #mainApp .hero.sunday-hero{
  background:linear-gradient(96deg,#f9fcfe 0%,#eef6fa 100%) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp .hero h3,
html.htns-theme-v234 #mainApp .hero .kicker,
html.htns-theme-v234 #mainApp .hero .meta{
  color:var(--sys-text) !important;
  text-shadow:none !important;
}
html.htns-theme-v234 #mainApp .hero .meta{color:var(--sys-muted) !important;}
html.htns-theme-v234 .home-sermon-date,
html.htns-theme-v234 .home-worship-date,
html.htns-theme-v234 .home-event-date,
html.htns-theme-v234 .assignment-hero-icon,
html.htns-theme-v234 .event-page-date-tile,
html.htns-theme-v234 .resource-preach-date-tile,
html.htns-theme-v234 .event-chip{
  background:var(--sys-accent-soft) !important;
  color:var(--sys-text) !important;
  border-color:#8fb2c5 !important;
  box-shadow:none !important;
}
html.htns-theme-v234 .home-sermon-date small,
html.htns-theme-v234 .home-worship-date small,
html.htns-theme-v234 .home-event-date small,
html.htns-theme-v234 .event-page-date-tile small,
html.htns-theme-v234 .resource-preach-date-tile small,
html.htns-theme-v234 .event-chip small{
  color:var(--sys-accent) !important;
}
html.htns-theme-v234 .badge,
html.htns-theme-v234 .pill,
html.htns-theme-v234 .b-media,
html.htns-theme-v234 .b-worship,
html.htns-theme-v234 .home-event-church-only-badge,
html.htns-theme-v234 .event-page-church-only-badge,
html.htns-theme-v234 .vm-readonly-pill{
  background:var(--sys-accent-soft) !important;
  color:var(--sys-text) !important;
  border-color:#a8c1d4 !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-events .event-page-card,
html.htns-theme-v234 #view-events .events-item,
html.htns-theme-v234 #view-events .event-card{
  background:linear-gradient(96deg,#fbfdfe 0%,#f5f9fd 72%,#eaf2f9 100%) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-events .events-nav-btn,
html.htns-theme-v234 #view-events .events-date-box,
html.htns-theme-v234 #view-events .events-add-btn{
  background:var(--sys-button) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-button-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-schedule .schedule-team-panel.media-panel,
html.htns-theme-v234 #view-schedule .schedule-team-panel.worship-panel{
  border-top-color:var(--sys-accent) !important;
}
html.htns-theme-v234 #mainApp .home-team-member.mine,
html.htns-theme-v234 #view-schedule .schedule-role-grid .slot.conflict{
  background:var(--sys-accent-soft) !important;
  border-color:var(--sys-accent) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-albums .resource-preach-icon,
html.htns-theme-v234 #view-albums .resource-section-icon,
html.htns-theme-v234 #view-albums .resource-team-icon,
html.htns-theme-v234 #mainApp .home-team-icon,
html.htns-theme-v234 #mainApp .home-team-role-icon{
  background:var(--sys-accent-soft) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp .htns-songbook-screen,
html.htns-theme-v234 #mainApp .htns-songbook-screen-body,
html.htns-theme-v234 #mainApp .htns-songbook-offline-hub{
  background:var(--sys-page) !important;
  color:var(--sys-text) !important;
}
html.htns-theme-v234 #mainApp .htns-songbook-screen-head{
  background:var(--sys-surface) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 .check-n,
html.htns-theme-v234 .dot.ok,
html.htns-theme-v234 .toggle input:checked + .toggle-ui{
  background:var(--sys-accent) !important;
  color:#fff !important;
}
html.htns-theme-v234 .toggle input:checked + .toggle-ui::before{
  background:#fff !important;
}
html.htns-theme-v234 .alert-warn{
  background:var(--sys-warning-soft) !important;
  color:var(--sys-warning) !important;
  border-color:rgba(167,122,34,.46) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 .toast{
  background:var(--sys-accent) !important;
  color:#fff !important;
  border-color:var(--sys-accent) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 .modal,
html.htns-theme-v234 .pad-modal{
  background:rgba(16,43,63,.46) !important;
}

/* Final flatness guard: no actionable control may retain a gradient or shadow. */
html.htns-theme-v234 #gate button,
html.htns-theme-v234 #mainApp #view-home button,
html.htns-theme-v234 #mainApp #view-schedule button,
html.htns-theme-v234 #mainApp #view-events button,
html.htns-theme-v234 #mainApp #view-albums button,
html.htns-theme-v234 #mainApp #view-profile button,
html.htns-theme-v234 #mainApp .htns-songbook-screen button,
html.htns-theme-v234 #modal button{
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Coordinated cool-blue dark theme. */
html.htns-theme-v234[data-theme="dark"]{
  color-scheme:dark;
  --navy:#dcecf4;
  --navy-2:#9bc3d8;
  --gold:#79b2cf;
  --gold-2:#a8d1e3;
  --gold-soft:#25485d;
  --bg:#0e2636;
  --card:#173344;
  --ink:#e6f1f6;
  --muted:#a7bcc8;
  --line:#315365;
  --chip:#1e3d4f;
  --soft:#152f40;
  --sys-page:#0e2636;
  --sys-page-top:#132d3e;
  --sys-surface:#173344;
  --sys-surface-2:#1b3a4c;
  --sys-surface-3:#203f51;
  --sys-border:#315365;
  --sys-border-strong:#4f7588;
  --sys-text:#e6f1f6;
  --sys-muted:#a7bcc8;
  --sys-accent:#73afd0;
  --sys-accent-hover:#82bddb;
  --sys-accent-soft:#25485d;
  --sys-accent-pale:#1d3c4e;
  --sys-button:#1d3c4e;
  --sys-button-hover:#25495d;
  --sys-button-active:#2d566c;
  --sys-button-selected:#315d74;
  --sys-button-border:#4c7184;
  --sys-button-text:#e6f1f6;
  --sys-focus:rgba(115,175,208,.30);
  --sys-danger-soft:#462d35;
  --sys-danger:#f0a2ad;
  --sys-warning-soft:#493f2b;
  --sys-warning:#e7c47a;
}
html.htns-theme-v234[data-theme="dark"],
html.htns-theme-v234[data-theme="dark"] body,
html.htns-theme-v234[data-theme="dark"] .app,
html.htns-theme-v234[data-theme="dark"] #mainApp{
  background:linear-gradient(180deg,#132d3e 0%,#0e2636 100%) !important;
  color:var(--sys-text) !important;
}
html.htns-theme-v234[data-theme="dark"] :is(.panel,.card,.sheet,.drive-wrap,.album-card,.album-slider,.photo-card,.profile-card,.schedule-card,.event-card,.feedback-sheet,.pad-sheet),
html.htns-theme-v234[data-theme="dark"] #mainApp :is(.card,.home-team-card,.my-schedule-sheet,.my-schedule-row),
html.htns-theme-v234[data-theme="dark"] #view-schedule :is(.schedule-team-panel,.schedule-team-body,.schedule-assignment-card),
html.htns-theme-v234[data-theme="dark"] #view-profile :is(.profile-card,.me-section-card,.me-admin-reference,.me-admin-manager-stack,.me-super-album-card),
html.htns-theme-v234[data-theme="dark"] #view-albums :is(.resource-list-group,.resource-preach-card,.resource-preach-roster,.resource-preach-editor),
html.htns-theme-v234[data-theme="dark"] #modal :is(.sheet,.panel,.feedback-sheet,.pad-sheet){
  background:linear-gradient(96deg,#183646 0%,#173344 72%,#1b3b4b 100%) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234[data-theme="dark"] #mainApp .top,
html.htns-theme-v234[data-theme="dark"] #mainApp .tabs,
html.htns-theme-v234[data-theme="dark"] #mainApp .htns-songbook-screen-head,
html.htns-theme-v234[data-theme="dark"] #view-albums summary,
html.htns-theme-v234[data-theme="dark"] #view-schedule .schedule-team-toggle{
  background:#173344 !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234[data-theme="dark"] #gate{
  background:linear-gradient(180deg,#132d3e 0%,#0e2636 100%) !important;
  color:var(--sys-text) !important;
}
html.htns-theme-v234[data-theme="dark"] #gate .panel,
html.htns-theme-v234[data-theme="dark"] #gate .name-box,
html.htns-theme-v234[data-theme="dark"] #gate .name-drop,
html.htns-theme-v234[data-theme="dark"] #gate .name-card{
  background:#173344 !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234[data-theme="dark"] #gate #gTitle,
html.htns-theme-v234[data-theme="dark"] #gate #lblName,
html.htns-theme-v234[data-theme="dark"] #mainApp h1,
html.htns-theme-v234[data-theme="dark"] #mainApp h2,
html.htns-theme-v234[data-theme="dark"] #mainApp h3,
html.htns-theme-v234[data-theme="dark"] #mainApp h4{
  color:var(--sys-text) !important;
}

@media(max-width:430px){
  html.htns-theme-v234 #gate button,
  html.htns-theme-v234 #mainApp button,
  html.htns-theme-v234 #modal button,
  html.htns-theme-v234 #mainApp .htns-songbook-screen button{
    border-radius:9px !important;
  }
}

/* Events final color lock: remove the last legacy gold treatments. */
html.htns-theme-v234 #mainApp #view-events button.event-page-card{
  background:var(--sys-surface) !important;
  background-image:none !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
  filter:none !important;
}
html.htns-theme-v234 #mainApp #view-events button.event-page-card:active{
  background:var(--sys-surface-2) !important;
  background-image:none !important;
  transform:none !important;
  filter:none !important;
}
html.htns-theme-v234 #mainApp #view-events .event-page-chip{
  background:var(--sys-accent-soft) !important;
  background-image:none !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp #view-events .event-page-chip .mon{
  color:var(--sys-accent) !important;
}
html.htns-theme-v234 #mainApp #view-events .event-page-chip .day,
html.htns-theme-v234 #mainApp #view-events .event-page-title{
  color:var(--sys-text) !important;
}
html.htns-theme-v234 #mainApp #view-events .event-page-time{
  color:var(--sys-muted) !important;
}
html.htns-theme-v234 #mainApp #view-events .event-page-arrow{
  color:var(--sys-accent) !important;
}
html.htns-theme-v234 #mainApp #view-events .events-section-title::before{
  background:var(--sys-accent) !important;
  background-image:none !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp #view-events .event-church-only-badge{
  background:var(--sys-accent-soft) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234[data-theme="dark"] #mainApp #view-events button.event-page-card{
  background:var(--sys-surface) !important;
  border-color:var(--sys-border-strong) !important;
}
html.htns-theme-v234[data-theme="dark"] #mainApp #view-events .event-page-chip,
html.htns-theme-v234[data-theme="dark"] #mainApp #view-events .event-church-only-badge{
  background:var(--sys-accent-soft) !important;
  border-color:var(--sys-border-strong) !important;
  color:var(--sys-text) !important;
}


/* v232 premium cool-blue refinements */
html.htns-theme-v234 #mainApp .card,html.htns-theme-v234 #mainApp .panel,html.htns-theme-v234 #view-events .event-page-card,html.htns-theme-v234 #view-profile .profile-card,html.htns-theme-v234 #view-schedule .schedule-team-panel,html.htns-theme-v234 #view-albums .resource-list-group{border-width:1px!important;}
html.htns-theme-v234 #mainApp .badge,html.htns-theme-v234 #mainApp .pill,html.htns-theme-v234 #mainApp .home-event-church-only-badge,html.htns-theme-v234 #mainApp .event-page-church-only-badge{background:#edf4fa!important;color:#16385c!important;border-color:#bfd2e1!important;}
html.htns-theme-v234 #mainApp .count-badge,html.htns-theme-v234 #mainApp .home-team-count-badge,html.htns-theme-v234 #mainApp .resource-count,html.htns-theme-v234 #mainApp .home-chip-count{background:#e3eef7!important;color:#123b67!important;border-color:#bfd2e1!important;box-shadow:none!important;}
html.htns-theme-v234 #mainApp .event-page-chip,html.htns-theme-v234 #mainApp .home-event-date-chip,html.htns-theme-v234 #mainApp .home-next-card-date,html.htns-theme-v234 #mainApp .sermon-date-chip{background:linear-gradient(180deg,#ffffff 0%,#eef5fa 100%)!important;border-color:#bfd2e1!important;box-shadow:none!important;}
html.htns-theme-v234 #mainApp .event-page-chip .mon,html.htns-theme-v234 #mainApp .home-event-date-chip .mon{color:#4b82a8!important;}
html.htns-theme-v234 #mainApp .event-page-chip .day,html.htns-theme-v234 #mainApp .home-event-date-chip .day{color:#123b67!important;}


/* v233 — Songbook cool-blue gradients and flatter controls */
html.htns-theme-v234 #view-albums .resource-list-group,
html.htns-theme-v234 #view-albums .htns-songbook-shell,
html.htns-theme-v234 #view-albums .htns-songbook-panel,
html.htns-theme-v234 #view-albums .htns-songbook-section{
  background:linear-gradient(100deg,#ffffff 0%,#f8fbfe 70%,#eef5fa 100%) !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-head,
html.htns-theme-v234 #view-albums .htns-songbook-toolbar,
html.htns-theme-v234 #view-albums .htns-songbook-summary{
  background:linear-gradient(100deg,#ffffff 0%,#f7fbfe 72%,#edf5fa 100%) !important;
  border-color:var(--sys-border) !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-tabs,
html.htns-theme-v234 #view-albums .htns-songbook-filterbar{
  background:linear-gradient(100deg,#fbfdff 0%,#f3f8fc 100%) !important;
  border-color:var(--sys-border) !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-brand-icon,
html.htns-theme-v234 #view-albums .htns-songbook-card,
html.htns-theme-v234 #view-albums .htns-songbook-sunday-item,
html.htns-theme-v234 #view-albums .htns-songbook-set-card,
html.htns-theme-v234 #view-albums .htns-songbook-health-item{
  background:linear-gradient(100deg,#ffffff 0%,#f7fbfe 70%,#edf5fa 100%) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-brand-icon{
  color:var(--sys-accent) !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-search,
html.htns-theme-v234 #view-albums .htns-songbook-sort{
  background:#ffffff !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-search:focus-within,
html.htns-theme-v234 #view-albums .htns-songbook-sort:focus{
  background:#ffffff !important;
  border-color:var(--sys-accent) !important;
  box-shadow:none !important;
  outline:2px solid var(--sys-focus) !important;
  outline-offset:1px !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-icon-action,
html.htns-theme-v234 #view-albums .htns-songbook-mini-btn,
html.htns-theme-v234 #view-albums .htns-songbook-tab,
html.htns-theme-v234 #view-albums .htns-songbook-chip,
html.htns-theme-v234 #view-albums .htns-songbook-sort,
html.htns-theme-v234 #view-albums .htns-songbook-primary-btn,
html.htns-theme-v234 #view-albums .htns-songbook-live-btn,
html.htns-theme-v234 #view-albums .htns-songbook-view-tabs button,
html.htns-theme-v234 #view-albums .htns-songbook-screen button{
  background:#ffffff !important;
  background-image:none !important;
  color:var(--sys-text) !important;
  border:1px solid #a9bfd1 !important;
  border-radius:14px !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-icon-action,
html.htns-theme-v234 #view-albums .htns-songbook-sort{
  border-radius:12px !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-tab,
html.htns-theme-v234 #view-albums .htns-songbook-chip{
  background:linear-gradient(180deg,#ffffff 0%,#f5f9fd 100%) !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-tab.on,
html.htns-theme-v234 #view-albums .htns-songbook-chip.on,
html.htns-theme-v234 #view-albums .htns-songbook-view-tabs button.on,
html.htns-theme-v234 #view-albums .htns-songbook-live-btn.on,
html.htns-theme-v234 #view-albums .htns-songbook-mini-btn.primary,
html.htns-theme-v234 #view-albums .htns-songbook-icon-action.primary,
html.htns-theme-v234 #view-albums .htns-songbook-icon-action.on,
html.htns-theme-v234 #view-albums .htns-songbook-primary-btn{
  background:linear-gradient(180deg,#ffffff 0%,#eef5fb 100%) !important;
  color:var(--sys-text) !important;
  border-color:#8fb1c7 !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-tab-count,
html.htns-theme-v234 #view-albums .htns-songbook-chip-count,
html.htns-theme-v234 #view-albums .htns-songbook-summary small,
html.htns-theme-v234 #view-albums .htns-songbook-search small{
  background:#e9f1f8 !important;
  color:#537089 !important;
  border-radius:999px !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-tab-count{
  min-width:20px !important;
  height:20px !important;
  border:1px solid #cfdeea !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-tab.on .htns-songbook-tab-count,
html.htns-theme-v234 #view-albums .htns-songbook-chip.on .htns-songbook-chip-count{
  background:#dceaf5 !important;
  color:#123b67 !important;
  border-color:#b7cee0 !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-row,
html.htns-theme-v234 #view-albums .htns-songbook-list,
html.htns-theme-v234 #view-albums .htns-songbook-empty{
  background:#ffffff !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-row{
  border-bottom:1px solid #e1ebf2 !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-row:active{
  background:#f6fbff !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-row-favorite,
html.htns-theme-v234 #view-albums .htns-songbook-key,
html.htns-theme-v234 #view-albums .htns-songbook-row-tag{
  box-shadow:none !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-row-favorite,
html.htns-theme-v234 #view-albums .htns-songbook-row-tag{
  background:#f2f7fb !important;
  border-color:#d5e1ea !important;
  color:#5e7488 !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-row-favorite.on,
html.htns-theme-v234 #view-albums .htns-songbook-key{
  background:linear-gradient(180deg,#ffffff 0%,#eef5fb 100%) !important;
  border-color:#9dbacf !important;
  color:#123b67 !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-connection{
  box-shadow:none !important;
}
html.htns-theme-v234 #view-albums .htns-songbook-head,
html.htns-theme-v234 #view-albums .htns-songbook-tabs,
html.htns-theme-v234 #view-albums .htns-songbook-toolbar,
html.htns-theme-v234 #view-albums .htns-songbook-filterbar,
html.htns-theme-v234 #view-albums .htns-songbook-summary,
html.htns-theme-v234 #view-albums .htns-songbook-card,
html.htns-theme-v234 #view-albums .htns-songbook-sunday-item,
html.htns-theme-v234 #view-albums .htns-songbook-set-card,
html.htns-theme-v234 #view-albums .htns-songbook-health-item{
  box-shadow:none !important;
}


/* ========================================================================== 
   v234 complete consistency pass
   Premium cool-blue/white card gradients + genuinely flat controls everywhere.
   This layer changes only visual treatment; existing geometry and behavior stay.
   ========================================================================== */

html.htns-theme-v234{
  --sys-page:#edf5fa;
  --sys-page-top:#f9fcff;
  --sys-surface:#ffffff;
  --sys-surface-2:#f5f9fd;
  --sys-surface-3:#eaf3f9;
  --sys-surface-blue:#edf5fb;
  --sys-border:#d2e0eb;
  --sys-border-strong:#a9c0d2;
  --sys-text:#15385d;
  --sys-muted:#71879a;
  --sys-accent:#2f6f98;
  --sys-accent-hover:#285f86;
  --sys-accent-soft:#e5f0f7;
  --sys-accent-pale:#f1f7fb;
  --sys-accent-selected:#d8e8f3;
  --sys-focus:rgba(47,111,152,.18);
  --sys-success:#3e846c;
  --sys-success-soft:#e4f1ec;
  --sys-warning:#9b742b;
  --sys-warning-soft:#f6f0e3;
  --sys-danger:#ab4d5a;
  --sys-danger-soft:#faecee;
  --sys-card-gradient:linear-gradient(100deg,#ffffff 0%,#f8fbfe 70%,#edf5fa 100%);
  --sys-card-gradient-soft:linear-gradient(100deg,#ffffff 0%,#f5f9fd 100%);
  --sys-card-gradient-blue:linear-gradient(100deg,#f9fcff 0%,#edf5fb 100%);
  --sys-control:#f8fbfe;
  --sys-control-hover:#edf5fb;
  --sys-control-active:#e2eef7;
  --sys-radius-control:10px;
  --sys-radius-chip:999px;

  --navy:#15385d;
  --navy-2:#2f6f98;
  --gold:#7ca9c7;
  --gold-2:#b8d2e4;
  --gold-soft:#e7f1f8;
  --media:#2f6f98;
  --worship:#6d9fbe;
  --bg:#edf5fa;
  --card:#ffffff;
  --ink:#15385d;
  --muted:#71879a;
  --line:#d2e0eb;
  --chip:#e9f2f8;
  --soft:#f6fafe;
  --shadow:none;

  --sb-navy:#15385d;
  --sb-navy-2:#2f6f98;
  --sb-gold:#7ca9c7;
  --sb-gold-soft:#e7f1f8;
  --sb-cream:#ffffff;
  --sb-page:#edf5fa;
  --sb-line:#d2e0eb;
  --sb-muted:#71879a;
  --sb-shadow:none;
}

/* App canvas and fixed chrome */
html.htns-theme-v234,
html.htns-theme-v234 body,
html.htns-theme-v234 .app,
html.htns-theme-v234 #app,
html.htns-theme-v234 #mainApp,
html.htns-theme-v234 body.guest-mode #mainApp,
html.htns-theme-v234 body.view-only-mode #mainApp,
html.htns-theme-v234 body[data-user-role="guest"] #mainApp,
html.htns-theme-v234 body[data-mode="guest"] #mainApp{
  background:
    radial-gradient(620px 310px at 100% 8%,rgba(157,196,220,.20),transparent 66%),
    linear-gradient(180deg,var(--sys-page-top) 0%,var(--sys-page) 100%) !important;
  color:var(--sys-text) !important;
}
html.htns-theme-v234 #mainApp .top,
html.htns-theme-v234 body.guest-mode #mainApp .top,
html.htns-theme-v234 body.view-only-mode #mainApp .top{
  background:var(--sys-card-gradient-blue) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp .tabs,
html.htns-theme-v234 body.guest-mode #mainApp .tabs,
html.htns-theme-v234 body.view-only-mode #mainApp .tabs{
  background:rgba(255,255,255,.98) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}

/* Every card-like surface shares the same premium cool-blue family. */
html.htns-theme-v234 :is(
  .panel,.card,.sheet,.drive-wrap,.album-card,.album-slider,.photo-card,
  .profile-card,.schedule-card,.event-card,.feedback-sheet,.pad-sheet,
  .install-guide-card,.install-ios-panel,.install-platform-panel,.cal-card,
  .conflict-clear-sheet,.event-editor-sheet,.song-editor-sheet,.notif-pop-card,
  .notif-pop-sheet,.notif-clear-confirm-sheet,.media-resource-editor-sheet,
  .power-check-sheet,.power-check-editor-sheet,.my-schedule-sheet
),
html.htns-theme-v234 #mainApp :is(
  .home-team-card,.home-team-member,.home-singers-inline-card,.my-schedule-row,
  .home-quick,.mini-tile,.schedule-role-grid .slot,.quick-person-static,
  .simple-team-editor,.simple-song-item,.resource-list-group,.resource-team-group,
  .resource-preach-card,.resource-preach-roster,.resource-preach-editor,
  .resource-announcement-card,.resource-announcement-row,.media-resource-panel,
  .media-trouble-item,.album-reference-card,.me-section-card,.me-admin-reference,
  .me-admin-manager-stack,.me-super-album-card,.availability-item,.pref-item,
  .pwr-row,.role-manager-dropdown,.role-member-row,.role-member-panel,
  .member-compact,.member-role-menu,.member-role-card-v152,.role-library-v152,
  .role-library-line-v152,.power-check-editor-step,.htns-songbook-form-card,
  .htns-songbook-card,.htns-songbook-set-card,.htns-songbook-health-item,
  .htns-songbook-offline-hub,.htns-songbook-offline-song
),
html.htns-theme-v234 #view-schedule :is(
  .schedule-team-panel,.schedule-team-body,.schedule-assignment-card,
  .simple-schedule-row,.coordinator-row
),
html.htns-theme-v234 #view-events :is(.events-empty,.events-card,.events-item),
html.htns-theme-v234 #view-albums :is(
  .resource-list-group,.resource-list-group>details,.resource-preach-card,
  .resource-preach-roster,.resource-preach-editor,.resource-library-row,
  .resource-song-row,.resource-announcement-row,.media-resource-panel
),
html.htns-theme-v234 #view-profile :is(
  .profile-card,.me-section-card,.me-admin-reference,.me-admin-manager-stack,
  .me-super-album-card
),
html.htns-theme-v234 #modal :is(.sheet,.panel,.feedback-sheet,.pad-sheet){
  background:var(--sys-card-gradient) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}

/* Accordion, card and sheet headers */
html.htns-theme-v234 #view-albums :is(
  summary,.resource-preach-head,.resource-section-head,.resource-team-head,
  .resource-list-group>details>summary,.media-resource-panel-head,
  .worship-resource-panel-head,.song-library-editor-head
),
html.htns-theme-v234 #view-schedule :is(.schedule-team-toggle,.simple-team-editor-head),
html.htns-theme-v234 #view-profile :is(.me-section-head,.role-manager-toggle),
html.htns-theme-v234 :is(
  .sheet-bar,.media-resource-editor-head,.event-editor-head,.song-editor-head,
  .notif-pop-head,.power-check-editor-head,.my-schedule-header
){
  background:var(--sys-card-gradient-blue) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}

/* Home: replace all remaining warm/gold surfaces with cool blue/white. */
html.htns-theme-v234 #view-home :is(
  .assignment-hero,.home-sermon-card,.home-worship-card,.home-next-event-ref,
  .home-next-event-main,.sunday-hero,.home-team-card,.home-quick,.mini-tile
){
  background:var(--sys-card-gradient) !important;
  background-image:var(--sys-card-gradient) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-home :is(
  .assignment-hero,.home-sermon-card,.home-worship-card,.home-next-event-ref,
  .home-next-event-main,.sunday-hero
)::before{
  background:var(--sys-accent) !important;
  background-image:none !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-home :is(
  .assignment-hero-icon,.home-sermon-date,.home-worship-date,.event-chip,
  .home-event-date,.sunday-hero-icon,.home-team-icon,.home-team-role-icon
){
  background:linear-gradient(180deg,#ffffff 0%,#e9f2f8 100%) !important;
  background-image:linear-gradient(180deg,#ffffff 0%,#e9f2f8 100%) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-home :is(
  .home-card-kicker,.home-sermon-kicker,.home-event-kicker,.kicker
){
  color:var(--sys-accent) !important;
}
html.htns-theme-v234 #view-home :is(
  .home-event-church-only-badge,.badge,.pill,.home-team-live,.my-schedule-role
){
  background:var(--sys-accent-soft) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-home :is(.home-team-member.mine,.home-team-person-chip){
  background:var(--sys-accent-pale) !important;
  border-color:var(--sys-border) !important;
}

/* Schedule */
html.htns-theme-v234 #view-schedule :is(
  .schedule-reference-page,.schedule-team-panel,.schedule-team-body,
  .simple-team-editor,.simple-schedule-row,.coordinator-row,.simple-song-item
){
  color:var(--sys-text) !important;
}
html.htns-theme-v234 #view-schedule :is(
  .schedule-date-box,.simple-date-nav,.schedule-nav-btn,.simple-team-tabs,
  .simple-fill-pill,.roster-team-pill,.quick-person-static,.simple-schedule-select,
  .roster-role-select,.simple-row-control
){
  background:#ffffff !important;
  background-image:none !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-schedule :is(
  .simple-team-tabs button.on,.simple-fill-pill,.roster-team-pill,
  .schedule-role-grid .slot.quick-slot,.schedule-role-grid .slot.conflict
){
  background:var(--sys-accent-soft) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-schedule .schedule-role-grid .slot::before{
  background:var(--sys-accent) !important;
  background-image:none !important;
}

/* Events */
html.htns-theme-v234 #view-events :is(.event-page-card,.events-item,.event-card){
  background:var(--sys-card-gradient) !important;
  background-image:var(--sys-card-gradient) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-events .event-page-card::before{
  background:var(--sys-accent) !important;
  background-image:none !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-events :is(.event-page-chip,.events-date-box){
  background:linear-gradient(180deg,#ffffff 0%,#e9f2f8 100%) !important;
  background-image:linear-gradient(180deg,#ffffff 0%,#e9f2f8 100%) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-events :is(
  .event-church-only-badge,.event-detail-church-only,.event-page-church-only-badge
){
  background:var(--sys-accent-soft) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-events :is(.event-page-arrow,.events-date-icon){
  color:var(--sys-accent) !important;
}
html.htns-theme-v234 #view-events .events-section-title::before{
  background:var(--sys-accent) !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* Resources and management libraries */
html.htns-theme-v234 #view-albums :is(
  .resources-hero,.album-hero,.resource-team-group,.resource-preach-card,
  .resource-announcement-card,.media-resource-panel,.album-reference-card
){
  background:var(--sys-card-gradient) !important;
  background-image:var(--sys-card-gradient) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-albums :is(
  .resources-hero-icon,.album-hero-icon,.resource-team-group-icon,
  .resource-preach-icon,.resource-section-icon,.resource-team-icon
){
  background:var(--sys-accent-soft) !important;
  color:var(--sys-accent) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-albums :is(
  .resource-announcement-count,.resource-worship-head-count,.worship-resource-tab-count,
  .role-manager-count,.roster-access-badge,.me-super-badge
){
  background:var(--sys-accent-soft) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-albums :is(
  .media-resource-tab,.worship-resource-tab,.worship-resource-tabs,
  .media-resource-tabs
){
  background:var(--sys-accent-pale) !important;
  color:var(--sys-muted) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-albums :is(.media-resource-tab.on,.worship-resource-tab.on){
  background:var(--sys-accent-selected) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
}

/* Full Songbook, Offline Songbook, editor and live screens */
html.htns-theme-v234 :is(
  .htns-songbook-screen,.htns-songbook-screen-body,.htns-songbook-offline-hub,
  .htns-songbook-modal,.htns-songbook-sheet
){
  background:var(--sys-page) !important;
  color:var(--sys-text) !important;
}
html.htns-theme-v234 :is(
  .htns-songbook-screen-head,.htns-songbook-head,.htns-songbook-toolbar,
  .htns-songbook-summary,.htns-songbook-tabs,.htns-songbook-filterbar
){
  background:var(--sys-card-gradient-blue) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 :is(
  .htns-songbook-brand-icon,.htns-songbook-offline-summary>span,
  .htns-songbook-card,.htns-songbook-sunday-item,.htns-songbook-set-card,
  .htns-songbook-health-item,.htns-songbook-form-card,.htns-songbook-source-notice,
  .htns-songbook-preflight-list,.htns-songbook-utility,.htns-songbook-explain,
  .htns-songbook-shared-note,.htns-songbook-personal-notes
){
  background:var(--sys-card-gradient-soft) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 :is(
  .htns-songbook-row,.htns-songbook-list,.htns-songbook-offline-song,
  .htns-songbook-offline-catalog,.htns-songbook-editor-preview,
  .htns-songbook-viewer-stage,.htns-songbook-viewer-stage-inner
){
  background:#ffffff !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 :is(
  .htns-songbook-tab,.htns-songbook-chip,.htns-songbook-mini-btn,
  .htns-songbook-icon-action,.htns-songbook-primary-btn,.htns-songbook-live-btn,
  .htns-songbook-secondary-btn,.htns-songbook-back,.htns-songbook-head-action,
  .htns-songbook-load-more,.htns-songbook-offline-search-toggle,
  .htns-songbook-offline-tools button,.htns-songbook-control-row button,
  .htns-songbook-viewer-controls button,.htns-songbook-tempo-controls button,
  .htns-songbook-annotation-tools button,.htns-songbook-personal-notes-actions button,
  .htns-songbook-key-stepper button
){
  background:#f8fbfe !important;
  background-image:none !important;
  color:var(--sys-text) !important;
  border:1px solid var(--sys-border-strong) !important;
  border-radius:10px !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
}
html.htns-theme-v234 :is(
  .htns-songbook-tab.on,.htns-songbook-chip.on,.htns-songbook-mini-btn.primary,
  .htns-songbook-icon-action.primary,.htns-songbook-icon-action.on,
  .htns-songbook-live-btn.on,.htns-songbook-primary-btn,
  .htns-songbook-view-tabs button.on
){
  background:var(--sys-accent-selected) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-accent) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 :is(
  .htns-songbook-tab-count,.htns-songbook-chip-count,.htns-songbook-key,
  .htns-songbook-row-tag,.htns-songbook-arrangement
){
  background:var(--sys-accent-soft) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 :is(.htns-songbook-search,.htns-songbook-sort,.htns-songbook-field input,.htns-songbook-field textarea,.htns-songbook-field select){
  background:#ffffff !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}

/* Profile, people and role management */
html.htns-theme-v234 #view-profile :is(
  .me-super-album-card,.me-section-card,.role-manager-dropdown,.role-member-row,
  .role-member-panel,.member-compact,.member-role-menu,.member-role-card-v152,
  .role-library-v152,.role-library-line-v152,.me-power-row
){
  background:var(--sys-card-gradient) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-profile :is(
  .me-super-album-icon,.me-power-icon,.role-manager-icon,.member-admin-icon
){
  background:var(--sys-accent-soft) !important;
  color:var(--sys-accent) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #view-profile :is(
  .roster-access-badge,.roster-team-pill,.member-compact-badge,
  .member-team-pill-v152,.member-role-count-chip-v155,.role-library-count-v152
){
  background:var(--sys-accent-soft) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}

/* Power-down and checklist */
html.htns-theme-v234 :is(
  .power-check-sheet,.power-check-editor-sheet,.power-check-editor-step,
  .check-list,.check-row
){
  background:var(--sys-card-gradient) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 :is(.check-n,.power-check-editor-number){
  background:var(--sys-accent-selected) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 :is(.check-box,.power-check-language-tabs,.power-check-editor-field){
  background:#ffffff !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}

/* Chat */
html.htns-theme-v234 :is(
  .chat-drawer,.chat-drawer-head,.chat-room-note,.chat-composer,.chat-empty,
  .chat-date-separator
){
  background:var(--sys-card-gradient-blue) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 :is(.chat-tab,.chat-load-older,.chat-close){
  background:#f8fbfe !important;
  background-image:none !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 .chat-tab.on{
  background:var(--sys-accent-selected) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-accent) !important;
}
html.htns-theme-v234 .chat-bubble{
  background:#ffffff !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 .chat-message.mine .chat-bubble{
  background:var(--sys-accent) !important;
  color:#ffffff !important;
  border-color:var(--sys-accent) !important;
}

/* Calendar, date picker, notifications and generic popovers */
html.htns-theme-v234 :is(
  .app-date-picker-panel,.notif-pop-sheet,.notif-clear-confirm-sheet,
  .name-drop,.member-role-menu
){
  background:var(--sys-card-gradient) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 :is(.cal button,.week button,.app-date-picker-day,.app-date-picker-action){
  background:#f8fbfe !important;
  background-image:none !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}
html.htns-theme-v234 :is(.cal button.on,.cal button.today,.app-date-picker-day.selected,.week button.on){
  background:var(--sys-accent-selected) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-accent) !important;
  box-shadow:none !important;
}

/* Universal flat-control guard. Do not allow legacy bevels or shadows back in. */
html.htns-theme-v234 #gate button,
html.htns-theme-v234 #mainApp button,
html.htns-theme-v234 #modal button,
html.htns-theme-v234 .htns-songbook-screen button,
html.htns-theme-v234 [role="button"]{
  background-image:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
}
html.htns-theme-v234 #gate button,
html.htns-theme-v234 #mainApp button:not(.event-page-card):not(.home-next-event-main):not(.album-card),
html.htns-theme-v234 #modal button,
html.htns-theme-v234 .htns-songbook-screen button{
  background:#f8fbfe !important;
  color:var(--sys-text) !important;
  border:1px solid var(--sys-border-strong) !important;
  border-radius:10px !important;
}
html.htns-theme-v234 #mainApp :is(
  .btn-navy,.btn-save-all,.btn-navy-gold,.power-check-power,
  .event-save-btn,.song-save-btn,.resource-preach-save,.power-check-editor-save
),
html.htns-theme-v234 #modal :is(.btn-navy,.btn-save-all,.btn-navy-gold,.primary){
  background:var(--sys-accent) !important;
  color:#ffffff !important;
  border-color:var(--sys-accent) !important;
}
html.htns-theme-v234 #mainApp :is(
  .btn-gold,.btn-ok,button.primary,button[class*="-add"],button[class*="-confirm"],
  .schedule-edit-hero-btn,.pwr-btn.off,.htns-songbook-primary-btn
){
  background:var(--sys-accent-selected) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-accent) !important;
}
html.htns-theme-v234 #mainApp :is(
  .btn-no,button.danger,button.delete,button.del,button[class*="delete"],
  button[class*="remove"],#confirmDelBtn,.event-delete-btn
),
html.htns-theme-v234 #modal :is(.btn-no,button.danger,button.delete,button.del,button[class*="delete"],button[class*="remove"]){
  background:var(--sys-danger-soft) !important;
  color:var(--sys-danger) !important;
  border-color:rgba(171,77,90,.58) !important;
}
html.htns-theme-v234 button[aria-pressed="true"],
html.htns-theme-v234 :is(.seg button.on,.simple-team-tabs button.on,.media-resource-tab.on,.worship-resource-tab.on){
  background:var(--sys-accent-selected) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-accent) !important;
}
@media (hover:hover) and (pointer:fine){
  html.htns-theme-v234 #gate button:not(:disabled):hover,
  html.htns-theme-v234 #mainApp button:not(:disabled):hover,
  html.htns-theme-v234 #modal button:not(:disabled):hover,
  html.htns-theme-v234 .htns-songbook-screen button:not(:disabled):hover{
    background:#edf5fb !important;
    border-color:var(--sys-accent) !important;
  }
}
html.htns-theme-v234 #gate button:not(:disabled):active,
html.htns-theme-v234 #mainApp button:not(:disabled):active,
html.htns-theme-v234 #modal button:not(:disabled):active,
html.htns-theme-v234 .htns-songbook-screen button:not(:disabled):active{
  background:#e2eef7 !important;
  border-color:var(--sys-accent) !important;
}
html.htns-theme-v234 :is(button,input,select,textarea,[role="button"]):focus-visible{
  outline:2px solid var(--sys-focus) !important;
  outline-offset:2px !important;
  box-shadow:none !important;
}

/* Card-buttons are allowed the card gradient after the universal button guard. */
html.htns-theme-v234 #mainApp :is(
  button.event-page-card,button.home-next-event-main,button.album-card,
  button.home-quick,button.mini-tile,button.resource-team-group,
  button.role-manager-toggle,button.me-power-row,button.member-compact
){
  background:var(--sys-card-gradient) !important;
  background-image:var(--sys-card-gradient) !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
  box-shadow:none !important;
}

/* Coordinated dark theme for every remaining component. */
html.htns-theme-v234[data-theme="dark"]{
  --sys-page:#0d2233;
  --sys-page-top:#122c40;
  --sys-surface:#173448;
  --sys-surface-2:#1a3a50;
  --sys-surface-3:#203f55;
  --sys-surface-blue:#1a3a50;
  --sys-border:#31556d;
  --sys-border-strong:#4a728a;
  --sys-text:#e9f3f8;
  --sys-muted:#a7bcc9;
  --sys-accent:#72acd0;
  --sys-accent-hover:#81badb;
  --sys-accent-soft:#244b63;
  --sys-accent-pale:#1c3d52;
  --sys-accent-selected:#315e78;
  --sys-card-gradient:linear-gradient(100deg,#173448 0%,#19384c 72%,#1e4156 100%);
  --sys-card-gradient-soft:linear-gradient(100deg,#173448 0%,#1b3b50 100%);
  --sys-card-gradient-blue:linear-gradient(100deg,#173448 0%,#1d4055 100%);
  --sys-control:#1b3c51;
  --sys-control-hover:#244b63;
  --sys-control-active:#2b566f;
  --sys-focus:rgba(114,172,208,.28);
}
html.htns-theme-v234[data-theme="dark"] :is(
  input,textarea,select,.field,.name-search,.date-box,.name-card,
  .htns-songbook-search,.htns-songbook-sort
){
  background:#19394e !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
}
html.htns-theme-v234[data-theme="dark"] #gate button,
html.htns-theme-v234[data-theme="dark"] #mainApp button:not(.event-page-card):not(.home-next-event-main):not(.album-card),
html.htns-theme-v234[data-theme="dark"] #modal button,
html.htns-theme-v234[data-theme="dark"] .htns-songbook-screen button{
  background:#1b3c51 !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border-strong) !important;
}
html.htns-theme-v234[data-theme="dark"] :is(
  .htns-songbook-row,.htns-songbook-list,.htns-songbook-offline-song,
  .htns-songbook-viewer-stage,.htns-songbook-viewer-stage-inner,.chat-bubble
){
  background:#173448 !important;
  color:var(--sys-text) !important;
  border-color:var(--sys-border) !important;
}