/* BACO flyer palette, shared by public pages and all signed-in workspaces. */
:root {
  --navy: #1e2849;
  --blue: #1b75bc;
  --red: #c0272b;
  --gold: #e5a823;
  --ink: #2b2b2b;
  --wash: #f9f6f0;
  --ice: #d3e4f0;
  --teal: var(--ice);
  --muted: #56616d;
  --line: #c5d1dc;
  --workspace-navy: var(--navy);
  --workspace-navy-dark: var(--navy);
  --workspace-bg: var(--wash);
}
body, body.app-shell { background: var(--wash); }
.top, .app-topbar, footer, .app-shell>footer { background: var(--navy); color: #fff; }
.top .brand, .top nav a, .top .nav-button, .app-topbar .workspace-label,
.app-topbar .account-link, .app-topbar .mfa-indicator, .app-topbar #sidebar-toggle { color: #fff; }
.top .brand small, footer p, .app-shell>footer p, footer .copyright,
.app-shell>footer .copyright { color: var(--ice); }
.button.primary, .app-shell .button.primary, .nav-join, .chat-form button { background: var(--blue); border-color: var(--blue); color: #fff; }
.button.danger, .app-shell .button.danger { background: var(--red); border-color: var(--red); color: #fff; }
.button.danger .pulse { color: #fff; }
.eyebrow, .app-shell .eyebrow, .hero h1 span, .trust-row strong { color: var(--blue); }
.hero-art, .privacy-band, .chat-msg, .credential-card, .workspace-table th { background: var(--ice); }
.hero-art { display: grid; place-items: start center; padding-top: 26px; }
.hero-brand-logo { position: relative; z-index: 1; width: 180px; height: 180px; }
.hill-back { background: #adc9df; }
.hill-front { background: var(--navy); }
.art-label { color: var(--navy); top: 12px; }
.auth-brand-logo { display: block; margin-bottom: 18px; }
.brand-mark.department-logo, .sidebar-mark.department-logo { background: #fff; object-fit: contain; }
.service-icon.blue, .service-icon.green, .pin, .report-bullet { background: var(--ice); color: var(--blue); }
.service-icon.red, .status-rejected { color: var(--red); background: #fbe9e9; }
.art-check, .approval-symbol, .status-verified, .status-resolved, .status-closed,
.app-shell .status-verified, .mfa-indicator.enabled { background: var(--gold); color: var(--navy); }
.sidebar-nav a[aria-current=page] { background: var(--blue); border-left-color: var(--gold); }
.nav-count { background: var(--red); color: #fff; }
.alert-note { background: var(--wash); border-color: var(--gold); color: var(--ink); }
.message, .help-messages, .quick-replies button { background: var(--ice); color: var(--navy); }
.field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.field select, .field textarea, .app-shell .field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.app-shell .field select, .app-shell .field textarea { background: var(--wash); }
input[type=checkbox], input[type=radio], .app-shell input[type=checkbox] { accent-color: var(--blue); }
:focus-visible, .app-shell :focus-visible, .field input:focus, .field select:focus, .field textarea:focus { outline: 3px solid var(--gold); outline-offset: 3px; }
body.call-screen .call-rail { background: var(--navy); }
body.call-screen .call-rail .is-active { background: var(--blue); border-left-color: var(--gold); }
body.call-screen .sos-status, body.call-screen #sos-inbox article { background: var(--ice); }
body.call-screen #sos-start, body.call-screen .sos-card form .danger { background: var(--red); border-color: var(--red); color: #fff; }
body.call-screen .sos-card form .primary { background: var(--blue); border-color: var(--blue); }
body.call-screen .sos-eyebrow { color: var(--red); }
body.call-screen #sos-inbox article.selected-call { border-color: var(--gold); background: var(--wash); }
@media (max-width: 650px) {
  .top { height: auto; min-height: 76px; flex-wrap: wrap; gap: 12px; padding: 14px 18px; }
  .top nav { gap: 16px; flex-wrap: wrap; }
  .hero-brand-logo { width: 150px; height: 150px; }
}

.app-topbar #sidebar-toggle { background: var(--blue); }

.sidebar-identity .user-avatar.department-logo { width: 48px; height: 48px; object-fit: contain; background: #fff; border-radius: 50%; padding: 2px; }

/* The dashboard plays the local siren in place. */
.app-shell .citizen-action #alarm-start { width: 170px; height: 170px; margin: 20px auto; border-radius: 50%; border: 7px solid #f3cecf; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; touch-action: none; user-select: none; -webkit-user-select: none; }
.app-shell #alarm-start strong { color: #fff; font-size: 38px; line-height: 1; }
.app-shell #alarm-start span { font-size: 12px; }
.app-shell #alarm-start.holding { animation: dashboard-sos-hold 2s linear forwards; }
.app-shell #alarm-status { min-height: 3em; margin-top: 12px; }
@keyframes dashboard-sos-hold { from { box-shadow: 0 0 0 0 #e5a823; } to { box-shadow: 0 0 0 10px #e5a823; } }
@media (prefers-reduced-motion: reduce) { .app-shell #alarm-start.holding { animation: none; outline: 6px solid #e5a823; } }

/* Login-only Material Neumorphism treatment. Authentication markup and behavior stay intact. */
body.login-neumorphic {
  --login-surface: #e9eef3;
  --login-highlight: #ffffff;
  --login-shadow: #c4cbd3;
  --login-ink: #253047;
  background: var(--login-surface);
}
body.login-neumorphic .top {
  background: var(--login-surface);
  border: 0;
  box-shadow: 0 10px 24px #c4cbd380;
}
body.login-neumorphic .top .brand,
body.login-neumorphic .top nav a,
body.login-neumorphic .top .nav-button { color: var(--login-ink); }
body.login-neumorphic .top .brand small { color: #66738a; }
body.login-neumorphic .top .nav-join {
  color: #fff;
  box-shadow: 5px 5px 12px var(--login-shadow), -5px -5px 12px var(--login-highlight);
}
body.login-neumorphic #page-content {
  display: grid;
  place-items: center;
  min-height: calc(100vh - 76px);
  padding: 54px 20px 72px;
}
body.login-neumorphic .auth-page {
  width: min(100%, 480px);
  max-width: 480px;
  margin: 0;
  padding: 0;
}
body.login-neumorphic .auth-page .back-link {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  margin-bottom: 24px;
  padding: 7px 14px;
  border-radius: 12px;
  color: #526078;
  box-shadow: 4px 4px 10px var(--login-shadow), -4px -4px 10px var(--login-highlight);
}
body.login-neumorphic .auth-page .back-link:hover {
  text-decoration: none;
  box-shadow: inset 3px 3px 7px var(--login-shadow), inset -3px -3px 7px var(--login-highlight);
}
body.login-neumorphic .auth-page .form-heading { text-align: center; margin: 0 0 28px; }
body.login-neumorphic .auth-page .auth-brand-logo {
  width: 92px;
  height: 92px;
  margin: 0 auto 22px;
  padding: 9px;
  border-radius: 28px;
  background: var(--login-surface);
  box-shadow: 9px 9px 20px var(--login-shadow), -9px -9px 20px var(--login-highlight);
}
body.login-neumorphic .auth-page .eyebrow { margin-bottom: 9px; letter-spacing: .18em; }
body.login-neumorphic .auth-page .form-heading h1 {
  margin: 0 0 10px;
  color: var(--login-ink);
  font-size: clamp(30px, 7vw, 40px);
  font-weight: 800;
}
body.login-neumorphic .auth-page .form-heading .muted {
  max-width: 390px;
  margin: 0 auto;
  color: #657187;
}
body.login-neumorphic .auth-page .form-card {
  padding: 32px;
  border: 0;
  border-radius: 24px;
  background: var(--login-surface);
  box-shadow: 14px 14px 30px var(--login-shadow), -14px -14px 30px var(--login-highlight);
}
body.login-neumorphic .auth-page .field { margin-bottom: 20px; }
body.login-neumorphic .auth-page .field label { margin: 0 0 9px 4px; color: #46536a; }
body.login-neumorphic .auth-page .field input:not([type=checkbox]):not([type=radio]):not([type=hidden]) {
  min-height: 52px;
  padding: 13px 16px;
  border: 0;
  border-radius: 14px;
  background: var(--login-surface);
  color: var(--login-ink);
  box-shadow: inset 5px 5px 10px var(--login-shadow), inset -5px -5px 10px var(--login-highlight);
}
body.login-neumorphic .auth-page .field input:focus {
  outline: 3px solid #1b75bc55;
  outline-offset: 3px;
  box-shadow: inset 4px 4px 8px var(--login-shadow), inset -4px -4px 8px var(--login-highlight);
}
body.login-neumorphic .auth-page .auth-recovery { margin: -3px 3px 22px; }
body.login-neumorphic .auth-page .auth-recovery a,
body.login-neumorphic .auth-page .form-foot a { font-weight: 700; }
body.login-neumorphic .auth-page .button.primary {
  min-height: 52px;
  margin-top: 4px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(145deg, #2184cf, #1767a6);
  box-shadow: 7px 7px 15px var(--login-shadow), -7px -7px 15px var(--login-highlight);
  font-size: 14px;
  letter-spacing: .02em;
  transition: transform .15s ease, box-shadow .15s ease;
}
body.login-neumorphic .auth-page .button.primary:hover { filter: none; transform: translateY(-1px); }
body.login-neumorphic .auth-page .button.primary:active {
  transform: translateY(1px);
  box-shadow: inset 3px 3px 7px #12568f, inset -3px -3px 7px #2d91db;
}
body.login-neumorphic .auth-page > .form-foot { margin-top: 28px; color: #657187; }
body.login-neumorphic > footer { display: none; }

@media (max-width: 650px) {
  body.login-neumorphic #page-content { min-height: calc(100vh - 76px); padding: 34px 18px 54px; }
  body.login-neumorphic .auth-page .form-card { padding: 24px 20px; border-radius: 20px; }
  body.login-neumorphic .auth-page .auth-brand-logo { width: 78px; height: 78px; border-radius: 23px; }
}

/* Landing-page Material Neumorphism. Links and server-rendered content are unchanged. */
body.landing-neumorphic {
  --landing-surface: #e9eef3;
  --landing-highlight: #ffffff;
  --landing-shadow: #c4cbd3;
  --landing-ink: #253047;
  background: var(--landing-surface);
  color: var(--landing-ink);
}
body.landing-neumorphic .top {
  background: var(--landing-surface);
  border: 0;
  box-shadow: 0 9px 22px #c4cbd380;
}
body.landing-neumorphic .top .brand,
body.landing-neumorphic .top nav a,
body.landing-neumorphic .top .nav-button { color: var(--landing-ink); }
body.landing-neumorphic .top .brand small { color: #69758a; }
body.landing-neumorphic .top .nav-join {
  color: #fff;
  box-shadow: 5px 5px 12px var(--landing-shadow), -5px -5px 12px var(--landing-highlight);
}
body.landing-neumorphic .hero {
  min-height: 560px;
  padding: 76px 24px 64px;
  gap: clamp(38px, 6vw, 72px);
}
body.landing-neumorphic .hero h1 { color: var(--landing-ink); }
body.landing-neumorphic .hero .lead { color: #606d82; }
body.landing-neumorphic .hero .button {
  min-height: 50px;
  padding-inline: 22px;
  border: 0;
  border-radius: 14px;
  box-shadow: 7px 7px 15px var(--landing-shadow), -7px -7px 15px var(--landing-highlight);
  transition: transform .15s ease, box-shadow .15s ease;
}
body.landing-neumorphic .hero .button:hover { filter: none; transform: translateY(-2px); }
body.landing-neumorphic .hero .button:active {
  transform: translateY(1px);
  box-shadow: inset 3px 3px 7px #0002, inset -3px -3px 7px #fff3;
}
body.landing-neumorphic .hero .button.primary { background: linear-gradient(145deg, #2184cf, #1767a6); }
body.landing-neumorphic .hero .button.danger { background: linear-gradient(145deg, #d23a3e, #a61f24); color: #fff; }
body.landing-neumorphic .secure-note {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  padding: 10px 15px;
  border-radius: 12px;
  color: #536078;
  box-shadow: inset 3px 3px 7px var(--landing-shadow), inset -3px -3px 7px var(--landing-highlight);
}
body.landing-neumorphic .hero-art {
  height: 380px;
  border: 0;
  border-radius: 30px;
  background: var(--landing-surface);
  box-shadow: 16px 16px 34px var(--landing-shadow), -16px -16px 34px var(--landing-highlight);
}
body.landing-neumorphic .hero-brand-logo {
  width: 174px;
  height: 174px;
  padding: 12px;
  border-radius: 34px;
  background: var(--landing-surface);
  box-shadow: 8px 8px 18px #9ba8b5, -8px -8px 18px #fff;
}
body.landing-neumorphic .art-card {
  border-radius: 16px;
  background: var(--landing-surface);
  box-shadow: 8px 8px 18px #53617466, -5px -5px 14px #ffffffb8;
}
body.landing-neumorphic .pin,
body.landing-neumorphic .art-check { box-shadow: inset 2px 2px 5px #0002, inset -2px -2px 5px #fff8; }
body.landing-neumorphic .trust-row {
  width: min(calc(100% - 40px), 1100px);
  margin: 0 auto;
  padding: 22px 28px;
  border: 0;
  border-radius: 20px;
  background: var(--landing-surface);
  box-shadow: 9px 9px 20px var(--landing-shadow), -9px -9px 20px var(--landing-highlight);
}
body.landing-neumorphic .trust-row div { min-width: 0; }
body.landing-neumorphic .trust-row strong {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 12px;
  background: var(--landing-surface);
  box-shadow: 4px 4px 9px var(--landing-shadow), -4px -4px 9px var(--landing-highlight);
}
body.landing-neumorphic .section { padding-block: 78px; }
body.landing-neumorphic .section-head h2,
body.landing-neumorphic .announcements h2 { color: var(--landing-ink); }
body.landing-neumorphic .section-head > p { color: #606d82; }
body.landing-neumorphic .service-grid { gap: 24px; }
body.landing-neumorphic .service-card {
  min-height: 250px;
  padding: 30px;
  border: 0;
  border-radius: 22px;
  background: var(--landing-surface);
  box-shadow: 10px 10px 23px var(--landing-shadow), -10px -10px 23px var(--landing-highlight);
  transition: transform .18s ease, box-shadow .18s ease;
}
body.landing-neumorphic .service-card:hover {
  border: 0;
  transform: translateY(-5px);
  box-shadow: 14px 14px 28px #bcc4cc, -12px -12px 26px #fff;
}
body.landing-neumorphic .service-card:active {
  transform: translateY(0);
  box-shadow: inset 5px 5px 11px var(--landing-shadow), inset -5px -5px 11px var(--landing-highlight);
}
body.landing-neumorphic .service-icon {
  width: 50px;
  height: 50px;
  border-radius: 15px;
  box-shadow: 4px 4px 10px var(--landing-shadow), -4px -4px 10px var(--landing-highlight);
}
body.landing-neumorphic .announcements {
  margin-bottom: 78px;
  padding: 34px;
  border-radius: 24px;
  box-shadow: inset 6px 6px 14px var(--landing-shadow), inset -6px -6px 14px var(--landing-highlight);
}
body.landing-neumorphic .announcements article { border-color: #b9c3ce; }
body.landing-neumorphic .privacy-band {
  margin: 0 max(calc((100% - 1160px)/2), 20px) 70px;
  padding: 24px 28px;
  border-radius: 18px;
  background: var(--landing-surface);
  color: var(--landing-ink);
  box-shadow: 8px 8px 18px var(--landing-shadow), -8px -8px 18px var(--landing-highlight);
}
body.landing-neumorphic > footer { box-shadow: 0 -8px 22px #c4cbd380; }

@media (max-width: 700px) {
  body.landing-neumorphic .hero { min-height: auto; padding: 54px 20px 40px; }
  body.landing-neumorphic .hero-art { height: 300px; margin-top: 46px; border-radius: 24px; }
  body.landing-neumorphic .hero-brand-logo { width: 140px; height: 140px; }
  body.landing-neumorphic .trust-row { display: grid; width: calc(100% - 40px); gap: 18px; padding: 22px; }
  body.landing-neumorphic .section { padding: 58px 20px; }
  body.landing-neumorphic .service-grid { gap: 20px; }
  body.landing-neumorphic .service-card { min-height: 0; }
  body.landing-neumorphic .announcements { width: calc(100% - 40px); margin: 0 20px 56px; padding: 26px 22px; }
  body.landing-neumorphic .privacy-band { margin: 0 20px 52px; }
}

/* Landing content refinements: report preview, stepper, service states and notices. */
body.landing-neumorphic .hero .button.danger {
  position: relative;
  border: 1px solid #d65b5f;
  background: #f8e9ea;
  color: #a32328;
}
body.landing-neumorphic .hero .button.danger .pulse {
  width: 9px;
  height: 9px;
  overflow: hidden;
  border-radius: 50%;
  background: #c0272b;
  color: transparent;
  box-shadow: 0 0 0 5px #c0272b20;
  animation: landing-emergency-pulse 2s ease-out infinite;
}
body.landing-neumorphic .hero .secure-note { margin-top: -4px; padding-block: 8px; }
body.landing-neumorphic .hero-preview {
  min-width: 0;
  padding: 18px;
  border: 1px solid #ffffffa8;
  border-radius: 28px;
  background: var(--landing-surface);
  box-shadow: 16px 16px 34px var(--landing-shadow), -16px -16px 34px var(--landing-highlight);
}
body.landing-neumorphic .preview-toolbar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 4px 16px;
  border-bottom: 1px solid #cbd3db;
}
body.landing-neumorphic .preview-toolbar > span { width: 8px; height: 8px; border-radius: 50%; background: #aeb9c5; }
body.landing-neumorphic .preview-toolbar > span:first-child { background: #d65b5f; }
body.landing-neumorphic .preview-toolbar small { margin-left: auto; color: #748095; font-size: 9px; font-weight: 800; letter-spacing: .14em; }
body.landing-neumorphic .preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 20px 5px 16px; }
body.landing-neumorphic .preview-heading strong,
body.landing-neumorphic .preview-heading span { display: block; }
body.landing-neumorphic .preview-heading strong { color: var(--landing-ink); font-size: 18px; }
body.landing-neumorphic .preview-kicker { color: #1b75bc; font-size: 8px; font-weight: 800; letter-spacing: .13em; }
body.landing-neumorphic .preview-count { padding: 5px 9px; border-radius: 8px; background: #d7e7f3; color: #185e93; font-size: 10px; font-weight: 700; }
body.landing-neumorphic .preview-report {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  margin: 10px 0;
  padding: 12px;
  border-radius: 14px;
  background: var(--landing-surface);
  box-shadow: 5px 5px 11px var(--landing-shadow), -5px -5px 11px var(--landing-highlight);
}
body.landing-neumorphic .preview-report-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: #d8e7f2; color: #1b75bc; font-size: 10px; font-weight: 800; }
body.landing-neumorphic .preview-report strong,
body.landing-neumorphic .preview-report small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.landing-neumorphic .preview-report strong { color: #334057; font-size: 11px; }
body.landing-neumorphic .preview-report small { color: #7a8597; font-size: 8px; }
body.landing-neumorphic .preview-status { padding: 4px 7px; border-radius: 7px; font-size: 8px; font-weight: 800; white-space: nowrap; }
body.landing-neumorphic .preview-status.progress { background: #dcebf6; color: #1a6399; }
body.landing-neumorphic .preview-status.pending { background: #fff0cd; color: #8b6016; }
body.landing-neumorphic .preview-status.resolved { background: #dcefe7; color: #257157; }
body.landing-neumorphic .preview-timeline { display: grid; grid-template-columns: repeat(3, 1fr); position: relative; gap: 0; padding: 14px 10px 0; text-align: center; }
body.landing-neumorphic .preview-timeline::before { content: ''; position: absolute; top: 18px; left: 18%; right: 18%; height: 2px; background: #c2ccd5; }
body.landing-neumorphic .preview-timeline > span { z-index: 1; width: 10px; height: 10px; margin: 0 auto 5px; border: 2px solid #9aa8b7; border-radius: 50%; background: var(--landing-surface); }
body.landing-neumorphic .preview-timeline > span.complete { border-color: #1b75bc; background: #1b75bc; }
body.landing-neumorphic .preview-timeline small { color: #7a8597; font-size: 8px; }
body.landing-neumorphic .trust-row { position: relative; align-items: flex-start; }
body.landing-neumorphic .trust-row::before { content: ''; position: absolute; z-index: 0; top: 40px; left: 17%; right: 17%; height: 2px; background: linear-gradient(90deg, #1b75bc, #7aaed2); }
body.landing-neumorphic .trust-row div { z-index: 1; flex: 1; flex-direction: column; justify-content: flex-start; text-align: center; }
body.landing-neumorphic .trust-row strong { background: var(--landing-surface); }
body.landing-neumorphic .trust-row span { max-width: 190px; color: #56647a; font-weight: 600; }
body.landing-neumorphic .emergency-service { border: 1px solid #df8e91; background: #f5e7e8; }
body.landing-neumorphic .emergency-service:hover { border: 1px solid #d65b5f; }
body.landing-neumorphic .emergency-service .service-icon { position: relative; }
body.landing-neumorphic .emergency-service .service-icon i { position: absolute; inset: -5px; border: 1px solid #c0272b55; border-radius: 18px; }
body.landing-neumorphic .tracking-chip { display: flex; align-items: center; gap: 8px; margin: 14px 0 18px; padding: 8px 10px; border-radius: 9px; box-shadow: inset 3px 3px 7px var(--landing-shadow), inset -3px -3px 7px var(--landing-highlight); color: #7a8597; font-size: 9px; }
body.landing-neumorphic .tracking-chip span { width: 9px; height: 9px; border: 1px solid #798699; border-radius: 50%; }
body.landing-neumorphic .announcement-empty { display: flex; align-items: center; gap: 18px; margin-top: 22px; padding: 22px; border-radius: 16px; background: #e3e9ee; }
body.landing-neumorphic .announcement-empty > span { display: grid; place-items: center; width: 48px; height: 48px; flex: none; border-radius: 15px; color: #67758a; font-size: 25px; box-shadow: 4px 4px 9px var(--landing-shadow), -4px -4px 9px var(--landing-highlight); }
body.landing-neumorphic .announcement-empty h3 { margin: 0 0 3px; }
body.landing-neumorphic .announcement-empty p { margin: 0; color: #667388; font-size: 12px; }
body.landing-neumorphic .privacy-band { align-items: center; justify-content: flex-start; border: 1px solid #e0bd67; background: #fff3d6; box-shadow: 8px 8px 18px #c9c1aa, -8px -8px 18px var(--landing-highlight); }
body.landing-neumorphic .privacy-band > div { display: grid; gap: 3px; }
body.landing-neumorphic .privacy-band .notice-icon { display: grid; place-items: center; width: 38px; height: 38px; flex: none; border-radius: 12px; background: #e5a823; color: #253047; font-weight: 900; }
@keyframes landing-emergency-pulse { 0%, 100% { box-shadow: 0 0 0 4px #c0272b22; } 50% { box-shadow: 0 0 0 8px #c0272b08; } }

@media (max-width: 700px) {
  body.landing-neumorphic .hero-preview { margin-top: 44px; padding: 14px; border-radius: 22px; }
  body.landing-neumorphic .preview-report { grid-template-columns: 32px minmax(0, 1fr); }
  body.landing-neumorphic .preview-status { grid-column: 2; justify-self: start; }
  body.landing-neumorphic .trust-row::before { top: 40px; bottom: 40px; left: 41px; right: auto; width: 2px; height: auto; }
  body.landing-neumorphic .trust-row div { flex-direction: row; align-items: center; gap: 16px; text-align: left; }
  body.landing-neumorphic .trust-row span { max-width: none; }
  body.landing-neumorphic .announcement-empty { align-items: flex-start; }
  body.landing-neumorphic .privacy-band { display: flex; }
}

@media (prefers-reduced-motion: reduce) {
  body.landing-neumorphic .hero .button.danger .pulse { animation: none; }
}

/* Clean standard landing layout. Kept last to replace the earlier experimental treatment. */
body.landing-neumorphic { background: #f9f6f0; }
body.landing-neumorphic .top {
  background: #fff;
  border-bottom: 1px solid #e2e7ec;
  box-shadow: 0 2px 10px #1e284908;
}
body.landing-neumorphic .top .brand,
body.landing-neumorphic .top nav a,
body.landing-neumorphic .top .nav-button { color: var(--navy); }
body.landing-neumorphic .top .brand small { color: #69758a; }
body.landing-neumorphic .top .nav-join { color: #fff; box-shadow: none; }
body.landing-neumorphic .hero {
  display: block;
  min-height: 0;
  max-width: 1160px;
  padding: 96px 24px 84px;
}
body.landing-neumorphic .hero-copy { max-width: 720px; }
body.landing-neumorphic .hero h1 { max-width: 700px; font-size: clamp(48px, 6vw, 72px); }
body.landing-neumorphic .hero .lead { max-width: 620px; }
body.landing-neumorphic .hero .button {
  min-height: 48px;
  border-radius: 9px;
  box-shadow: none;
}
body.landing-neumorphic .hero .button:hover { transform: translateY(-1px); box-shadow: 0 6px 14px #1e284916; }
body.landing-neumorphic .hero .button.primary { background: var(--blue); }
body.landing-neumorphic .hero .button.danger { background: #fff; }
body.landing-neumorphic .hero .secure-note {
  margin-top: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}
body.landing-neumorphic .trust-row {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 26px max(calc((100% - 1160px)/2), 24px);
  border-top: 1px solid #dce3e9;
  border-bottom: 1px solid #dce3e9;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
body.landing-neumorphic .trust-row::before { top: 44px; background: #cbd6df; }
body.landing-neumorphic .trust-row strong {
  width: 36px;
  height: 36px;
  border: 2px solid #d6e5f0;
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
}
body.landing-neumorphic .section { padding-block: 72px; }
body.landing-neumorphic .service-grid { gap: 18px; }
body.landing-neumorphic .service-card,
body.landing-neumorphic .emergency-service {
  min-height: 240px;
  padding: 26px;
  border: 1px solid #dce3e9;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 4px 16px #1e28490a;
}
body.landing-neumorphic .emergency-service { border-color: #e8b9bb; background: #fffafa; }
body.landing-neumorphic .service-card:hover,
body.landing-neumorphic .emergency-service:hover {
  border-color: #aebdca;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px #1e284912;
}
body.landing-neumorphic .service-icon { box-shadow: none; }
body.landing-neumorphic .tracking-chip { background: #f4f6f8; box-shadow: none; }
body.landing-neumorphic .announcements {
  margin-bottom: 72px;
  padding: 30px;
  border: 1px solid #dce3e9;
  border-radius: 14px;
  background: #fff;
  box-shadow: none;
}
body.landing-neumorphic .announcement-empty { background: #f4f6f8; }
body.landing-neumorphic .announcement-empty > span { border: 1px solid #dce3e9; background: #fff; box-shadow: none; }
body.landing-neumorphic .privacy-band {
  margin-bottom: 64px;
  border: 1px solid #e5c675;
  border-radius: 12px;
  background: #fff7df;
  box-shadow: none;
}
body.landing-neumorphic > footer { box-shadow: none; }

@media (max-width: 700px) {
  body.landing-neumorphic .hero { padding: 64px 20px 52px; }
  body.landing-neumorphic .hero h1 { font-size: clamp(42px, 13vw, 58px); }
  body.landing-neumorphic .trust-row { width: 100%; padding: 24px 20px; }
  body.landing-neumorphic .trust-row::before { left: 37px; }
  body.landing-neumorphic .section { padding-block: 52px; }
  body.landing-neumorphic .service-card,
  body.landing-neumorphic .emergency-service { min-height: 0; }
}

/* Baco landing page — Soft UI layout based on the supplied visual reference. */
body.landing-soft-ui {
  --soft-bg: #edf2f7;
  --soft-surface: #edf2f7;
  --soft-light: #ffffff;
  --soft-shadow: #cbd3dc;
  --soft-text: #172842;
  background: var(--soft-bg);
  color: var(--soft-text);
}
body.landing-soft-ui .top {
  position: sticky;
  top: 0;
  z-index: 1000;
  min-height: 72px;
  border-top: 8px solid #101010;
  border-bottom: 1px solid #ffffff8f;
  background: #fbfaf7d9;
  box-shadow: 0 8px 24px #1728420c;
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
}
body.landing-soft-ui .top .brand,
body.landing-soft-ui .top nav a,
body.landing-soft-ui .top .nav-button { color: var(--soft-text); }
body.landing-soft-ui .top .brand small { color: #69768a; }
body.landing-soft-ui .top .nav-join { color: #fff; background: var(--blue); }
body.landing-soft-ui #page-content { background: var(--soft-bg); }
body.landing-soft-ui .soft-home { width: min(100% - 40px, 980px); margin: 0 auto; padding: 58px 0 80px; }
body.landing-soft-ui .soft-intro { margin-bottom: 38px; }
body.landing-soft-ui .soft-intro h1 {
  margin: 5px 0 4px;
  color: var(--soft-text);
  font-size: clamp(34px, 5vw, 48px);
  line-height: 1.15;
  letter-spacing: -1.4px;
}
body.landing-soft-ui .soft-intro > p:last-child { margin: 0; color: #647288; font-size: 17px; }
body.landing-soft-ui .soft-service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-bottom: 38px; }
body.landing-soft-ui .soft-service-card {
  display: flex;
  min-width: 0;
  min-height: 225px;
  padding: 28px;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #ffffff8c;
  border-radius: 20px;
  background: var(--soft-surface);
  color: var(--soft-text);
  box-shadow: 10px 10px 20px var(--soft-shadow), -10px -10px 20px var(--soft-light);
  transition: transform .2s ease, box-shadow .2s ease;
}
body.landing-soft-ui .soft-service-card:hover {
  transform: translateY(-4px);
  text-decoration: none;
  box-shadow: 13px 13px 25px #c5ced7, -13px -13px 25px #fff;
}
body.landing-soft-ui .soft-service-card:active {
  transform: translateY(0);
  box-shadow: inset 5px 5px 11px var(--soft-shadow), inset -5px -5px 11px var(--soft-light);
}
body.landing-soft-ui .soft-service-icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin-bottom: 22px;
  border-radius: 16px;
  font-size: 25px;
  font-weight: 800;
  box-shadow: inset 3px 3px 7px #00000012, inset -3px -3px 7px #ffffffa6;
}
body.landing-soft-ui .report-icon { background: #dbeafe; color: #146db2; }
body.landing-soft-ui .emergency-icon { background: #fee4e4; color: #bd292d; }
body.landing-soft-ui .tracking-icon { background: #ddf3ea; color: #19735a; }
body.landing-soft-ui .soft-service-card > strong { margin-bottom: 5px; font-size: 18px; }
body.landing-soft-ui .soft-service-card > small { color: #657389; font-size: 12px; line-height: 1.55; }
body.landing-soft-ui .soft-card-link { margin-top: auto; padding-top: 18px; color: var(--blue); font-size: 12px; font-weight: 800; }
body.landing-soft-ui .emergency-card { border-color: #edc9cb; }
body.landing-soft-ui .emergency-card .soft-card-link { color: #b7252a; }
body.landing-soft-ui .soft-feature {
  display: grid;
  grid-template-columns: 190px 1fr;
  align-items: center;
  gap: 42px;
  margin-bottom: 38px;
  padding: 42px;
  border: 1px solid #ffffff8c;
  border-radius: 24px;
  background: var(--soft-surface);
  box-shadow: 10px 10px 22px var(--soft-shadow), -10px -10px 22px var(--soft-light);
}
body.landing-soft-ui .soft-progress {
  display: grid;
  place-items: center;
  align-content: center;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(circle at center, var(--soft-bg) 59%, transparent 60%), conic-gradient(#1b75bc 0 34%, #24ae88 34% 68%, #d4dde7 68% 100%);
}
body.landing-soft-ui .soft-progress span { color: var(--soft-text); font-size: 42px; font-weight: 800; line-height: 1; }
body.landing-soft-ui .soft-progress small { color: #617086; }
body.landing-soft-ui .soft-feature h2 { margin: 3px 0 10px; color: var(--soft-text); font-size: clamp(24px, 4vw, 31px); }
body.landing-soft-ui .soft-feature-copy > p:not(.eyebrow) { max-width: 580px; margin: 0 0 20px; color: #5f6e84; }
body.landing-soft-ui .soft-feature .button {
  min-height: 46px;
  border: 0;
  border-radius: 12px;
  box-shadow: 6px 6px 13px var(--soft-shadow), -6px -6px 13px var(--soft-light);
}
body.landing-soft-ui .soft-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 38px;
  padding: 26px;
  border-radius: 20px;
  box-shadow: inset 5px 5px 11px var(--soft-shadow), inset -5px -5px 11px var(--soft-light);
}
body.landing-soft-ui .soft-steps > div { display: flex; align-items: flex-start; gap: 12px; padding: 10px; }
body.landing-soft-ui .soft-steps > div > span { display: grid; place-items: center; width: 34px; height: 34px; flex: none; border-radius: 11px; background: #dbeafa; color: #176ba8; font-size: 10px; font-weight: 800; }
body.landing-soft-ui .soft-steps strong,
body.landing-soft-ui .soft-steps small { display: block; }
body.landing-soft-ui .soft-steps strong { font-size: 13px; }
body.landing-soft-ui .soft-steps small { margin-top: 3px; color: #6a778a; font-size: 10px; line-height: 1.45; }
body.landing-soft-ui .soft-announcements {
  margin-bottom: 38px;
  padding: 30px;
  border: 1px solid #ffffff8c;
  border-radius: 20px;
  background: var(--soft-surface);
  box-shadow: 9px 9px 19px var(--soft-shadow), -9px -9px 19px var(--soft-light);
}
body.landing-soft-ui .soft-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
body.landing-soft-ui .soft-section-heading h2 { margin: 2px 0 0; color: var(--soft-text); font-size: 23px; }
body.landing-soft-ui .announcement-symbol { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: #68758a; box-shadow: 5px 5px 10px var(--soft-shadow), -5px -5px 10px var(--soft-light); }
body.landing-soft-ui .soft-announcement-list article,
body.landing-soft-ui .soft-empty { padding: 20px; border-radius: 14px; background: #f3f6f9; }
body.landing-soft-ui .soft-announcement-list article + article { margin-top: 12px; }
body.landing-soft-ui .soft-announcement-list h3 { margin: 0 0 4px; color: var(--soft-text); font-size: 15px; }
body.landing-soft-ui .soft-announcement-list p { margin: 0; color: #68758a; font-size: 12px; }
body.landing-soft-ui .soft-empty { display: flex; align-items: center; gap: 15px; }
body.landing-soft-ui .soft-empty > span { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 12px; background: #fff; color: #748095; }
body.landing-soft-ui .soft-safety { display: flex; align-items: center; gap: 16px; padding: 20px 24px; border: 1px solid #e5c66d; border-radius: 15px; background: #fff4d7; }
body.landing-soft-ui .soft-safety > span { display: grid; place-items: center; width: 38px; height: 38px; flex: none; border-radius: 12px; background: #e5a823; color: #253047; font-weight: 900; }
body.landing-soft-ui .soft-safety strong { display: block; }
body.landing-soft-ui .soft-safety p { margin: 2px 0 0; color: #6d5b2c; font-size: 11px; }
body.landing-soft-ui > footer { box-shadow: 0 -8px 22px #cbd3dc80; }

@media (max-width: 760px) {
  body.landing-soft-ui .soft-home { width: min(100% - 32px, 980px); padding: 40px 0 58px; }
  body.landing-soft-ui .soft-service-grid { grid-template-columns: 1fr; gap: 18px; }
  body.landing-soft-ui .soft-service-card { min-height: 205px; }
  body.landing-soft-ui .soft-feature { grid-template-columns: 1fr; gap: 26px; padding: 28px 22px; }
  body.landing-soft-ui .soft-progress { width: 130px; height: 130px; }
  body.landing-soft-ui .soft-steps { grid-template-columns: 1fr; }
  body.landing-soft-ui .soft-announcements { padding: 24px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  body.landing-soft-ui .soft-service-card { transition: none; }
}

/* Signed-in workspace — the same Soft UI language as the landing page. */
body.app-shell {
  --dash-bg: #edf2f7;
  --dash-surface: #edf2f7;
  --dash-light: #ffffff;
  --dash-shadow: #cbd3dc;
  --dash-text: #172842;
  --workspace-bg: var(--dash-bg);
  background: var(--dash-bg);
  color: var(--dash-text);
}
body.app-shell .app-sidebar {
  background: var(--dash-surface);
  color: #5e6d82;
  border-right: 1px solid #ffffffa3;
  box-shadow: 9px 0 22px #c7d0d980;
}
body.app-shell .sidebar-brand {
  color: var(--dash-text);
  border-bottom-color: #d5dde5;
}
body.app-shell .sidebar-brand:hover { color: var(--blue); }
body.app-shell .sidebar-brand small,
body.app-shell .nav-group > p { color: #78869a; }
body.app-shell .sidebar-identity { border-bottom-color: #d5dde5; }
body.app-shell .sidebar-identity strong { color: var(--dash-text); }
body.app-shell .role-badge { background: #dbe8f3; color: #315e7d; border-radius: 7px; }
body.app-shell .sidebar-nav { scrollbar-color: #b5c1cd transparent; }
body.app-shell .sidebar-nav a {
  margin: 4px 14px;
  padding: 11px 14px;
  border: 0;
  border-radius: 11px;
  color: #56677b;
}
body.app-shell .sidebar-nav a svg { color: #6d8296; }
body.app-shell .sidebar-nav a:hover {
  background: var(--dash-surface);
  color: var(--blue);
  box-shadow: 4px 4px 9px var(--dash-shadow), -4px -4px 9px var(--dash-light);
}
body.app-shell .sidebar-nav a[aria-current=page] {
  background: #dceaf5;
  color: #176ba8;
  border: 0;
  box-shadow: inset 3px 3px 7px #c2ccd5, inset -3px -3px 7px #fff;
}
body.app-shell .sidebar-nav a[aria-current=page] svg { color: #176ba8; }
body.app-shell .sidebar-nav .vawc-nav,
body.app-shell .sidebar-nav .vawc-nav svg { color: #b52c3e; }
body.app-shell .nav-count { background: #c0272b; color: #fff; }
body.app-shell .sidebar-signout { border-top-color: #d5dde5; background: transparent; }
body.app-shell .sidebar-signout button { color: #5f6f83; }
body.app-shell .app-topbar {
  background: #edf2f7d9;
  border-bottom: 1px solid #ffffffa3;
  box-shadow: 0 8px 24px #1728420c;
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
}
body.app-shell .workspace-label,
body.app-shell .account-link { color: #596b80; }
body.app-shell #sidebar-toggle {
  background: var(--dash-surface);
  color: var(--dash-text);
  box-shadow: 4px 4px 9px var(--dash-shadow), -4px -4px 9px var(--dash-light);
}
body.app-shell > main { background: var(--dash-bg); padding: 38px 38px 56px; }
body.app-shell h1,
body.app-shell h2,
body.app-shell h3 { color: var(--dash-text); }
body.app-shell .dash-head { margin-bottom: 34px; }
body.app-shell .dash-head h1 { font-size: clamp(28px, 4vw, 38px); letter-spacing: -1px; }
body.app-shell .eyebrow { color: #176ba8; font-weight: 800; }
body.app-shell .button {
  min-height: 42px;
  border: 1px solid #ffffff99;
  border-radius: 11px;
  background: var(--dash-surface);
  color: #35536b;
  box-shadow: 5px 5px 11px var(--dash-shadow), -5px -5px 11px var(--dash-light);
}
body.app-shell .button:hover { filter: none; transform: translateY(-1px); }
body.app-shell .button:active {
  transform: translateY(0);
  box-shadow: inset 3px 3px 7px var(--dash-shadow), inset -3px -3px 7px var(--dash-light);
}
body.app-shell .button.primary { border-color: #1b75bc; background: #1b75bc; color: #fff; box-shadow: 5px 5px 11px #b9c3cd, -5px -5px 11px #fff; }
body.app-shell .button.danger { border-color: #c0272b; background: #c0272b; color: #fff; }
body.app-shell .stat-row { gap: 20px; margin-bottom: 30px; }
body.app-shell .stat {
  min-height: 118px;
  padding: 22px;
  border: 1px solid #ffffff99;
  border-radius: 18px;
  background: var(--dash-surface);
  box-shadow: 9px 9px 18px var(--dash-shadow), -9px -9px 18px var(--dash-light);
}
body.app-shell .stat strong { color: var(--dash-text); font-size: 31px; }
body.app-shell .stat small { color: #68788c; }
body.app-shell .panel,
body.app-shell .citizen-action,
body.app-shell .form-card,
body.app-shell .incident-card {
  border: 1px solid #ffffff99;
  border-radius: 18px;
  background: var(--dash-surface);
  box-shadow: 9px 9px 19px var(--dash-shadow), -9px -9px 19px var(--dash-light);
}
body.app-shell .panel { margin-bottom: 28px; padding: 0 26px; }
body.app-shell .panel-title { padding: 21px 0; border-bottom-color: #d4dde5; }
body.app-shell .panel-title h2 { font-size: 17px; }
body.app-shell .report-row { border-bottom-color: #d7dfe7; }
body.app-shell a.report-row:hover { margin-inline: -12px; padding-inline: 12px; border-radius: 11px; background: #f4f7fa; }
body.app-shell .status { border-radius: 8px; font-weight: 700; }
body.app-shell .table-panel { overflow: hidden; }
body.app-shell .workspace-table th { background: #e4eaf0; color: #5c6c80; }
body.app-shell .workspace-table td { border-bottom-color: #d8e0e7; }
body.app-shell .workspace-table tbody tr:hover { background: #f4f7fa; }
body.app-shell .citizen-actions { gap: 22px; margin-bottom: 30px; }
body.app-shell .citizen-action { padding: 28px; }
body.app-shell .citizen-action > svg {
  width: 48px;
  height: 48px;
  padding: 12px;
  border-radius: 15px;
  background: #dbeafa;
  color: #176ba8;
  box-shadow: inset 3px 3px 7px #c3ced8, inset -3px -3px 7px #fff;
}
body.app-shell .citizen-action.vawc-action { border-top: 1px solid #edc9cb; }
body.app-shell .citizen-action.vawc-action > svg { background: #fee4e4; color: #b52c3e; }
body.app-shell .report-summary-grid > div {
  padding: 16px 10px;
  border-radius: 12px;
  background: var(--dash-surface);
  box-shadow: inset 3px 3px 7px var(--dash-shadow), inset -3px -3px 7px var(--dash-light);
}
body.app-shell .filter-form input,
body.app-shell .filter-form select,
body.app-shell .field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
body.app-shell .field select,
body.app-shell .field textarea {
  border: 1px solid #ffffff99;
  border-radius: 11px;
  background: var(--dash-surface);
  box-shadow: inset 3px 3px 7px var(--dash-shadow), inset -3px -3px 7px var(--dash-light);
}
body.app-shell .timeline-dot { box-shadow: 0 0 0 4px #d7e8f3; }
body.app-shell > footer { background: var(--dash-bg); border-top-color: #d5dde5; color: #657489; }

@media (max-width: 1200px) {
  body.app-shell > main { padding: 30px 28px 46px; }
}
@media (max-width: 650px) {
  body.app-shell > main { padding: 28px 16px 42px; }
  body.app-shell .stat-row { gap: 14px; }
  body.app-shell .stat { min-height: 102px; padding: 16px; border-radius: 15px; }
  body.app-shell .panel { padding: 0 18px; border-radius: 15px; }
  body.app-shell .citizen-actions { gap: 18px; }
  body.app-shell .citizen-action { padding: 22px; }
}

/* Remaining public/account workflows use the shared Soft UI foundation. */
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) {
  --public-bg: #edf2f7;
  --public-surface: #edf2f7;
  --public-light: #ffffff;
  --public-shadow: #cbd3dc;
  background: var(--public-bg);
  color: #172842;
}
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .top {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #edf2f7dc;
  border-bottom: 1px solid #ffffffa3;
  box-shadow: 0 8px 24px #1728420c;
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
}
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .top .brand,
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .top nav a,
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .top .nav-button { color: #172842; }
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .top .brand small { color: #6b798d; }
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .top .nav-join { color: #fff; }
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) #page-content { min-height: 65vh; }
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .form-card,
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .panel,
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .incident-card,
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .chat-card {
  border: 1px solid #ffffff99;
  border-radius: 18px;
  background: var(--public-surface);
  box-shadow: 9px 9px 19px var(--public-shadow), -9px -9px 19px var(--public-light);
}
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .form-wrap { margin-top: 58px; }
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .form-heading h1,
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) h1,
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) h2,
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) h3 { color: #172842; }
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .button {
  min-height: 42px;
  border: 1px solid #ffffff99;
  border-radius: 11px;
  background: var(--public-surface);
  color: #35536b;
  box-shadow: 5px 5px 11px var(--public-shadow), -5px -5px 11px var(--public-light);
}
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .button.primary { border-color: var(--blue); background: var(--blue); color: #fff; }
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .button.danger { border-color: var(--red); background: var(--red); color: #fff; }
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .field select,
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .field textarea {
  border: 1px solid #ffffff99;
  border-radius: 11px;
  background: var(--public-surface);
  box-shadow: inset 3px 3px 7px var(--public-shadow), inset -3px -3px 7px var(--public-light);
}
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .report-row { border-bottom-color: #d5dee6; }
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .status { border-radius: 8px; font-weight: 700; }
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) .messages .message { border-radius: 12px; }
body:not(.app-shell):not(.landing-soft-ui):not(.login-neumorphic):not(.call-screen) > footer { box-shadow: 0 -8px 22px #cbd3dc80; }