/* Clariso CMS: Markenfarben zentral pflegen. Status- und Portalfarben bleiben eigenständig.
   Wird nach den Modulstyles geladen; nicht in PDF-/Dokumentlayouts eingebunden. */
:root {
    --clariso: #305c78;
    --clariso-deep: #203f54;
    --clariso-light: #c2d9e9;
    --clariso-soft: #eaf1f6;
    --ink: #21333f;
    --muted: #647784;
    --line: #dce5ec;
    --canvas: #f3f6f9;
    --navy: var(--clariso);
    --navy-deep: var(--clariso-deep);
    --aqua: #427594;
    --aqua-soft: var(--clariso-soft);
    --shadow: 0 18px 50px rgba(32,63,84,.08);
}
.brand-mark { background: var(--clariso-light); color: var(--clariso-deep); }
.sidebar { background: linear-gradient(170deg, var(--clariso), var(--clariso-deep)); }
.sidebar-brand small, .nav-label, .user-copy small, .icon-button { color: #b5cddd; }
.nav-item { color: #d5e3ed; }
.nav-icon { color: var(--clariso-light); }
.nav-item.active, .nav-submenu a.active { background: rgba(194,217,233,.16); }
.nav-item:not(.disabled):hover { background: rgba(194,217,233,.1); }
.nav-submenu { border-color: rgba(194,217,233,.3); }
.nav-submenu a { color: #c2d6e4; }
.nav-submenu a::before { background: #a5c4d8; }
.nav-submenu a.active::before { background: #d7e8f3; }
.brand-panel::after { border-color: rgba(194,217,233,.24); box-shadow: 0 0 0 75px rgba(194,217,233,.04), 0 0 0 150px rgba(194,217,233,.03); }
.brand-panel .eyebrow { color: var(--clariso-light); }
.brand-copy, .brand-audience span { color: #d1e0eb; }
.brand-foot { color: #b6cbd9; }
.login-panel { background: #fbfcfe; }
.button-primary { box-shadow: 0 8px 22px rgba(48,92,120,.18); }
.workflow-step.current { background: #f0f5f9; }
.workflow-step.current .workflow-marker { color: white; }
.workflow-step.stay-step .workflow-marker { color: #d4e7f4; background: rgba(194,217,233,.15); }
.workflow-step.stay-step .workflow-step-body > small,
.workflow-step.stay-step .workflow-step-body > p { color: #c1d3e0; }
.quick-action-list a:hover, .quick-action-list button:hover { background: var(--clariso-soft); }

/* Eigenständiges SES-Modul. Erfolgs-/Warn-/Fehlerzustände ausdrücklich ausnehmen. */
.ses a { color: var(--clariso); }
.ses input:not([type=checkbox]), .ses select { color: var(--ink); border-color: #cbd9e3; }
.ses input:focus, .ses select:focus { outline-color: rgba(66,117,148,.24); border-color: var(--clariso); }
.ses button, .ses-button { background: var(--clariso); }
.ses .secondary { background: #f4f8fb; border-color: #cbdce8; color: var(--clariso)!important; }
.ses .danger { background: #9c3737; }
.ses .ses-check input { accent-color: var(--clariso); }
.ses-save { background: var(--clariso-deep); }
.ses-save button { background: #d1e4f0; color: var(--clariso-deep)!important; }
.ses-person { background: #f7f9fc; border-color: var(--line); }
.ses-card { border-color: var(--line); box-shadow: 0 8px 26px rgba(32,63,84,.06); }
.ses-notice:not(.success):not(.warning) { background: var(--clariso-soft); border-color: #d4e2ec; }

/* Immobilieneditor: Auswahlzustände und Referenzsuche statt festem Türkis. */
.property-subsection strong, .property-language-reference > strong,
.language-results button strong { color: var(--clariso); }
.property-language-reference, .children-price-editor { background: #f7f9fc; border-color: var(--line); }
.language-results button:hover, .property-add-row { background: var(--clariso-soft); }
.property-add-row { color: var(--clariso); border-color: #bfd2e0; }
.equipment-group summary, .goal-group summary { background: #f3f7fa; }
.equipment-group summary span { color: var(--clariso); }
.selection-counter { background: var(--clariso-soft); color: var(--clariso); }
.highlight-picker input:checked + span { background: var(--clariso-soft); border-color: var(--clariso); box-shadow: inset 0 0 0 1px var(--clariso); }
.property-language-reference > label > input { color: var(--ink); }
.property-filters button, .property-language-tabs button.active,
.property-section-nav button.active, .owner-filters button {
    background: var(--clariso); border-color: var(--clariso); color: white;
}
.property-language-tabs button:not(.active), .property-section-nav button:not(.active),
.discount-row-actions a, .discount-existing-list a { color: var(--clariso); }
.property-section-nav button:not(.active):hover { background: var(--clariso-soft); }
.property-savebar, .owner-savebar { background: var(--clariso-deep); box-shadow: 0 15px 36px rgba(32,63,84,.2); }
.property-savebar span, .owner-savebar span { color: #c8dce9; }
.property-savebar button, .owner-savebar button { background: #d1e4f0; color: var(--clariso-deep); }

/* Gut sichtbarer Tastaturfokus, unabhängig vom jeweiligen Modul. */
.quick-action-list .quick-cancel strong, .quick-action-list .quick-cancel .quick-icon { color: var(--danger); }
.quick-action-list .quick-cancel .quick-icon { background: var(--danger-soft); }
.cancel-booking-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px; margin-top:22px; }
.cancel-booking-submit { background:var(--danger); color:white; }
:where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid #729bb6;
    outline-offset: 3px;
}