:root {
    color-scheme: light;
    --ink: #0b1224;
    --muted: #66738b;
    --line: #dfe5ee;
    --surface: #ffffff;
    --canvas: #f4f7fb;
    --mint: #28d7b4;
    --cyan: #36bff5;
    --blue: #1769ff;
    --red: #e43a52;
    --orange: #ff9e2a;
    --green: #0d9f75;
    --shadow: 0 16px 45px rgba(14, 30, 61, .09);
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--canvas); }
body {
    margin: 0;
    min-height: 100vh;
    color: var(--ink);
    background:
        radial-gradient(circle at 82% 12%, rgba(54, 191, 245, .09), transparent 28rem),
        var(--canvas);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: 0;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 278px minmax(0, 1fr); }
.app-shell-public { display: block; }
.sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 24px 18px;
    color: #eef4ff;
    background: #091328;
    display: flex;
    flex-direction: column;
    gap: 26px;
}
.brand { display: flex; align-items: center; gap: 12px; padding: 0 7px; }
.brand-mark {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #fff;
    color: var(--ink);
    font-size: 20px;
    font-weight: 900;
    box-shadow: 0 8px 24px rgba(31, 214, 180, .16);
    overflow: hidden;
}
.brand-mark img { width: 100%; height: 100%; object-fit: contain; transform: scale(1.16); }
.brand strong, .brand small, .sidebar-account strong, .sidebar-account small { display: block; }
.brand strong { font-size: 18px; }
.brand small { color: #92a1bb; margin-top: 3px; font-size: 11px; line-height: 1.3; }
.sidebar nav { display: grid; gap: 5px; overflow-y: auto; min-height: 0; padding-right: 3px; }
.sidebar nav a {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 0 14px;
    border-radius: 8px;
    color: #aab6ca;
    font-weight: 700;
    font-size: 14px;
}
.sidebar nav a:hover, .sidebar nav a.active { color: #fff; background: rgba(255, 255, 255, .09); }
.sidebar nav a.active { box-shadow: inset 3px 0 0 var(--mint); }
.nav-icon { width: 18px; height: 18px; margin-right: 11px; border: 2px solid currentColor; border-radius: 5px; opacity: .9; }
.sidebar-nav-groups{align-content:start}.sidebar-nav-group{border:1px solid transparent;border-radius:10px}.sidebar-nav-group[open]{padding-bottom:5px;border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.035)}.sidebar-nav-group summary{display:grid;grid-template-columns:29px minmax(0,1fr) 12px;align-items:center;min-height:45px;padding:0 12px;color:#aab6ca;font-size:13px;font-weight:800;list-style:none;cursor:pointer}.sidebar-nav-group summary::-webkit-details-marker{display:none}.sidebar-nav-group summary:hover,.sidebar-nav-group.is-active>summary{color:#fff}.sidebar-nav-group summary .nav-icon{margin-right:0}.sidebar-nav-chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .16s ease}.sidebar-nav-group[open] .sidebar-nav-chevron{transform:rotate(225deg) translate(-1px,-1px)}.sidebar-nav-links{display:grid;gap:3px;padding:0 5px}.sidebar-nav-links a{min-height:39px!important;padding-left:12px!important;font-size:13px!important}.sidebar-nav-links .nav-icon{width:15px;height:15px;margin-right:10px;border-width:1.5px}
.sidebar-nav-static{padding-bottom:5px;border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.035)}.sidebar-nav-static-title{display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;min-height:45px;padding:0 12px;color:#fff;font-size:13px;font-weight:800}.sidebar-nav-static-title .nav-icon{margin-right:0}
.sidebar-nav-item{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:1px}.sidebar-nav-item>a{min-width:0;padding-right:5px!important}.sidebar-nav-item>a>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-favorite-toggle{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#71809a;font-size:17px;line-height:1;transition:color .15s ease,background .15s ease,transform .15s ease}.sidebar-favorite-toggle:hover,.sidebar-favorite-toggle:focus-visible{color:#ffd35a;background:rgba(255,255,255,.09);outline:none}.sidebar-favorite-toggle:focus-visible{box-shadow:0 0 0 2px rgba(40,215,180,.5)}.sidebar-favorite-toggle.is-favorite{color:#ffd35a}.sidebar-favorite-toggle:active{transform:scale(.9)}.sidebar-favorite-toggle:disabled{cursor:wait;opacity:.45}
.sidebar-favorites{display:grid;gap:7px;margin:-8px 0 -8px;padding:10px 9px;border:1px solid rgba(255,211,90,.19);border-radius:11px;background:linear-gradient(135deg,rgba(255,211,90,.08),rgba(255,255,255,.035))}.sidebar-favorites[hidden]{display:none}.sidebar-favorites>header{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 5px;color:#eef4ff}.sidebar-favorites>header>span{color:#ffd35a;font-size:13px}.sidebar-favorites>header>strong{font-size:11px;letter-spacing:.045em;text-transform:uppercase}.sidebar-favorites>header>small{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.09);color:#c5cfde;font-size:9px;font-weight:850}.sidebar-favorites-list{display:grid;gap:2px}.sidebar-favorite-item{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:1px}.sidebar-favorite-item>a{display:flex;align-items:center;min-width:0;min-height:34px;padding:0 7px;border-radius:8px;color:#c5cfde;font-size:12px;font-weight:750}.sidebar-favorite-item>a:hover,.sidebar-favorite-item>a.active{color:#fff;background:rgba(255,255,255,.09)}.sidebar-favorite-item>a.active{box-shadow:inset 3px 0 0 var(--mint)}.sidebar-favorite-item>a>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-favorite-item .nav-icon{width:14px;height:14px;margin-right:8px;border-width:1.5px}.sidebar-favorite-item .sidebar-favorite-toggle{width:28px;height:28px;font-size:15px}.sidebar-favorite-status{min-height:0;margin:0;padding:0 5px;color:#99e5d3;font-size:9px;font-weight:750;line-height:1.35}.sidebar-favorite-status:empty{display:none}.sidebar-favorite-status.is-error{color:#ff9aab}
.sidebar-account { margin-top: auto; display: flex; gap: 10px; align-items: center; padding: 13px 10px; border-top: 1px solid rgba(255,255,255,.09); }
.sidebar-account strong { max-width: 154px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.sidebar-account small { max-width: 154px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #8e9bb2; margin-top: 3px; font-size: 11px; }
.avatar { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--mint); color: var(--ink); font-weight: 900; }
.sidebar-logout { width: 100%; border: 0; background: transparent; color: #8e9bb2; padding: 8px; font-size: 12px; }
.sidebar-logout:hover { color: #fff; }
.sidebar-workspace-footer{display:grid;gap:3px;margin-top:-18px;padding:10px 5px 2px;border-top:1px solid rgba(255,255,255,.09)}.sidebar-workspace-footer>small{padding:0 9px 4px;color:#71809a;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.sidebar-workspace-footer>a{display:flex;align-items:center;min-height:34px;padding:0 9px;border-radius:8px;color:#aab6ca;font-size:12px;font-weight:750}.sidebar-workspace-footer>a:hover{color:#fff;background:rgba(255,255,255,.09)}.sidebar-workspace-footer .nav-icon{width:14px;height:14px;margin-right:9px;border-width:1.5px}

.service-pin-layout { align-items: start; }
.service-pin-reveal { margin: 20px 0; border: 1px solid var(--line); border-radius: 16px; padding: 14px 16px; background: var(--canvas); }
.service-pin-reveal summary { cursor: pointer; font-weight: 800; }
.service-pin-value { margin-top: 14px; font-size: clamp(30px, 5vw, 46px); font-weight: 900; letter-spacing: .3em; font-variant-numeric: tabular-nums; }

.main-content { width: 100%; max-width: 1500px; margin: 0 auto; padding: 44px clamp(24px, 5vw, 72px) 80px; }
.public-content { max-width: none; min-height: 100vh; padding: 0; }
.page-header { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 28px; }
.page-brand-heading { display: flex; align-items: center; gap: 16px; min-width: 0; }
.page-brand-heading .brand-mark { width: 64px; height: 64px; flex: 0 0 64px; }
.standalone-brand { width: fit-content; margin-bottom: 32px; padding: 0; color: var(--ink); }
.standalone-brand small { color: var(--muted); }
.eyebrow { margin: 0 0 7px; color: var(--blue); font-size: 12px; font-weight: 850; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 7px; font-size: clamp(32px, 4vw, 48px); line-height: 1.05; }
h2 { margin-bottom: 15px; font-size: 25px; }
h3 { margin-bottom: 6px; font-size: 17px; }
.lead, .muted { color: var(--muted); line-height: 1.55; }
.lead { margin-bottom: 0; font-size: 16px; }

.grid { display: grid; gap: 18px; }
.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stack { display: grid; gap: 18px; }
.stack-form { display: grid; gap: 14px; }
.stack-form .button { justify-self: start; }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.metric { min-width: 0; min-height: 126px; padding: 18px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.metric span, .metric small { color: var(--muted); }
.metric span { font-size: 12px; font-weight: 800; }
.metric strong { margin: 12px 0; font-size: 28px; }
.metric small { font-size: 12px; }
.section { margin-top: 32px; }
.notice { margin: 18px 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; line-height: 1.5; }
.notice strong { display: block; margin-bottom: 3px; }
.notice-warning { border-color: #f0ca88; background: #fff8ea; color: #6f5118; }
.notice-danger { border-color: #ffc1cc; background: #fff8f9; color: #9f2035; }
.card {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface);
    box-shadow: var(--shadow);
    padding: 22px;
    min-width: 0;
}
.stat { min-height: 144px; display: flex; flex-direction: column; justify-content: space-between; }
.stat small { color: var(--muted); font-weight: 700; }
.stat strong { font-size: 31px; }
.stat .status-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--mint); }
.status-dot-warning { background: var(--orange) !important; }
.status-dot-danger { background: var(--red) !important; }
.status-dot-muted { background: #a3adbd !important; }
.dashboard-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.dashboard-metric {
    min-width: 0;
    min-height: 108px;
    padding: 18px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 13px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface);
    box-shadow: 0 12px 32px rgba(14, 30, 61, .07);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.dashboard-metric:hover,
.dashboard-metric:focus-visible {
    border-color: #b8c7df;
    box-shadow: 0 16px 36px rgba(14, 30, 61, .11);
    transform: translateY(-2px);
    outline: none;
}
.dashboard-metric-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #eaf1ff;
    color: var(--blue);
    font-size: 22px;
    font-weight: 900;
}
.dashboard-metric-subscriptions .dashboard-metric-icon { background: #e8fbf6; color: var(--green); }
.dashboard-metric-invoices .dashboard-metric-icon { background: #eef2f7; color: #526078; }
.dashboard-metric-security .dashboard-metric-icon { background: #e8fbf6; color: var(--green); }
.dashboard-metric-attention .dashboard-metric-icon { background: #fff4df; color: #9b5b00; }
.dashboard-metric-danger .dashboard-metric-icon { background: #ffe9ed; color: #b32139; }
.dashboard-metric-copy { min-width: 0; display: grid; gap: 7px; }
.dashboard-metric-label { color: var(--muted); font-size: 12px; font-weight: 800; }
.dashboard-metric-main { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.dashboard-metric-main strong { font-size: 30px; line-height: 1; }
.dashboard-metric-main span { color: var(--muted); font-size: 12px; font-weight: 700; }
.dashboard-metric-arrow { color: #9aa7ba; font-size: 27px; line-height: 1; }
.identity-dashboard-card {
    min-height: 132px;
    padding: 22px;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    border: 1px solid #c9d8ee;
    border-radius: 8px;
    background: var(--surface);
    box-shadow: var(--shadow);
}
.identity-dashboard-card-open { border-left: 4px solid var(--blue); }
.identity-dashboard-card-verified { border-left: 4px solid var(--green); }
.identity-dashboard-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #eaf1ff;
    color: var(--blue);
    font-size: 18px;
    font-weight: 900;
}
.identity-dashboard-card-verified .identity-dashboard-icon { background: #e8fbf6; color: var(--green); font-size: 24px; }
.identity-dashboard-copy { min-width: 0; }
.identity-dashboard-copy h2 { margin-bottom: 5px; }
.identity-dashboard-copy .muted { margin-bottom: 0; }
.identity-dashboard-actions { display: flex; align-items: center; gap: 12px; }
.card-row { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--line); }
.card-row:first-child { padding-top: 0; }
.card-row:last-child { border-bottom: 0; padding-bottom: 0; }
.card-row-main { min-width: 0; }
.card-row-main p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }
.product-mark { width: 46px; height: 46px; flex: 0 0 46px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line); background: #fff; border-radius: 8px; font-weight: 900; }
.product-mark img { width: 100%; height: 100%; object-fit: contain; padding: 3px; }
.product-mark-fallback { background: #edf2fa; border-color: transparent; }
.product-row { display: flex; gap: 13px; align-items: center; min-width: 0; }
.badge { display: inline-flex; align-items: center; min-height: 27px; padding: 0 10px; border-radius: 999px; background: #e8fbf6; color: #087c5d; font-size: 11px; font-weight: 850; white-space: nowrap; }
.badge-muted { background: #edf1f6; color: var(--muted); }
.badge-warning { background: #fff4df; color: #9b5b00; }
.badge-danger { background: #ffe9ed; color: #b32139; }
.code-box { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 17px; background: #091328; color: #fff; border-radius: 8px; }
.code-box strong { font-size: clamp(19px, 3vw, 29px); letter-spacing: 2px; }
.secret-value { font-size: 16px !important; word-break: break-all; letter-spacing: 0 !important; }
.code-box small { display: block; color: #9eabc0; margin-top: 5px; }
.spaced-card { margin-bottom: 18px; }
.compact-copy { margin: 3px 0 0; }
.code-help { margin: 14px 0 0; }
.flush-row { padding-top: 0; }
.plan-title { margin-top: 15px; }
.not-found { max-width: 680px; margin: 10vh auto; }

.button { border: 0; min-height: 44px; padding: 0 17px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--ink); color: #fff; font-weight: 800; }
.button:hover { filter: brightness(1.12); }
.button-primary { background: var(--blue); }
.button-mint { background: var(--mint); color: var(--ink); }
.button-secondary { color: var(--ink); background: #edf1f7; }
.button-danger { color: var(--red); background: #ffedf0; }
.inline-form { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.inline-form select { min-width: 130px; }
.button-small { min-height: 36px; padding: 0 12px; font-size: 12px; }
.button[disabled] { cursor: not-allowed; opacity: .55; }
.button.is-loading::before { content: ""; width: 15px; height: 15px; flex: 0 0 15px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: admin-submit-spin .75s linear infinite; }
.has-submit-progress { overflow: hidden; }
.admin-submit-progress { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 24px; background: rgba(9, 19, 40, .38); backdrop-filter: blur(5px); }
.admin-submit-progress-card { width: min(100%, 470px); display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 18px; align-items: center; padding: 24px; border: 1px solid rgba(255,255,255,.7); border-radius: 20px; background: #fff; box-shadow: 0 26px 70px rgba(3,13,32,.24); }
.admin-submit-progress-card strong,.admin-submit-progress-card small { display: block; }
.admin-submit-progress-card strong { margin-bottom: 6px; font-size: 18px; }
.admin-submit-progress-card small { color: var(--muted); line-height: 1.5; }
.admin-submit-spinner { width: 52px; height: 52px; border: 5px solid #dce8f8; border-top-color: var(--blue); border-right-color: var(--mint); border-radius: 50%; animation: admin-submit-spin .8s linear infinite; }
@keyframes admin-submit-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .button.is-loading::before,.admin-submit-spinner { animation-duration: 1.8s; } }
@media (max-width: 520px) { .admin-submit-progress-card { grid-template-columns: 44px minmax(0,1fr); padding: 20px; } .admin-submit-spinner { width: 42px; height: 42px; } }

.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.field { display: grid; gap: 7px; }
.field-full { grid-column: 1 / -1; }
.field label { color: #3d4960; font-size: 12px; font-weight: 800; }
.field input, .field select, .field textarea {
    width: 100%;
    min-height: 47px;
    padding: 0 13px;
    border: 1px solid #cfd7e4;
    border-radius: 8px;
    background: #fff;
    color: var(--ink);
    outline: none;
}
.field textarea { min-height: 104px; padding-top: 12px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(23, 105, 255, .11); }
.check-row { display: flex; align-items: flex-start; gap: 11px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.check-row:last-child { border-bottom: 0; }
.check-row input { width: 20px; height: 20px; accent-color: var(--blue); }
.check-row strong, .check-row small { display: block; }
.check-row small { color: var(--muted); margin-top: 3px; line-height: 1.4; }
.notification-signature-note {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
    padding: 16px 18px;
    border: 1px solid #bfe9df;
    border-radius: 8px;
    background: #effbf8;
    color: #126858;
}
.notification-signature-note strong, .notification-signature-note span { display: block; }
.notification-signature-note span { line-height: 1.55; text-align: right; }
.notification-global-search { display: grid; grid-template-columns: minmax(260px, 1fr) auto auto; gap: 12px; align-items: end; margin-bottom: 18px; }
.notification-compose { display: grid; grid-template-columns: minmax(320px, .85fr) minmax(420px, 1.15fr); gap: 18px; align-items: start; }
.notification-recipient-card, .notification-message-card { display: grid; gap: 16px; }
.notification-audience { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.notification-audience-option { display: flex; min-height: 76px; gap: 11px; align-items: center; padding: 13px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); cursor: pointer; }
.notification-audience-option:has(input:checked) { border-color: var(--blue); background: #f1f7ff; box-shadow: 0 0 0 2px rgba(23,105,224,.08); }
.notification-audience-option input { width: 19px; height: 19px; flex: 0 0 auto; accent-color: var(--blue); }
.notification-audience-option span { display: grid; gap: 4px; }
.notification-audience-option small { color: var(--muted); font-size: 11px; line-height: 1.35; }
[data-audience-panel][hidden], [data-signature-customers][hidden], [data-signature-prospects][hidden] { display: none; }
[data-audience-panel="customers"], .notification-prospect-panel { display: grid; gap: 14px; }
.notification-prospect-panel textarea { min-height: 230px; font-family: inherit; }
.notification-contact-basis { border: 1px solid #f1d18a; border-radius: 10px; background: #fffaf0; padding: 13px 14px; }
.notification-search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: end; }
.notification-select-all { min-height: 42px; display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 12px; font-weight: 800; }
.notification-select-all input { width: 18px; height: 18px; accent-color: var(--blue); }
.notification-recipient-list { max-height: 560px; overflow: auto; border: 1px solid var(--line); border-radius: 8px; background: var(--canvas); }
.notification-recipient { display: grid; grid-template-columns: 22px minmax(0, 1fr) minmax(120px, .7fr); gap: 11px; align-items: center; padding: 13px 14px; border-bottom: 1px solid var(--line); background: var(--surface); cursor: pointer; }
.notification-recipient:last-child { border-bottom: 0; }
.notification-recipient:hover { background: #f8fbff; }
.notification-recipient[hidden] { display: none; }
.notification-recipient > input { width: 19px; height: 19px; accent-color: var(--blue); }
.notification-recipient-copy, .notification-recipient-meta { min-width: 0; display: grid; gap: 4px; }
.notification-recipient-copy small, .notification-recipient-meta small { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.notification-recipient-meta { justify-items: end; }
.notification-message-card textarea { min-height: 230px; }
.notification-rich-editor { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); transition: border-color .15s ease, box-shadow .15s ease; }
.notification-rich-editor:focus-within { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(23, 105, 255, .11); }
.notification-rich-toolbar { display: flex; flex-wrap: wrap; gap: 6px; padding: 9px; border-bottom: 1px solid var(--line); background: #f8fafc; }
.notification-rich-tool { min-width: 36px; min-height: 34px; padding: 7px 10px; border: 1px solid #dbe5f1; border-radius: 7px; background: #fff; color: var(--ink); font: inherit; font-size: 12px; font-weight: 850; cursor: pointer; }
.notification-rich-tool:hover, .notification-rich-tool:focus-visible { border-color: #9cbbe6; background: #edf5ff; color: #145bc2; outline: none; }
.notification-rich-surface { min-height: 230px; padding: 16px; color: var(--ink); font-size: 15px; line-height: 1.65; outline: none; overflow-wrap: anywhere; }
.notification-rich-surface:empty::before { content: attr(data-placeholder); color: #94a3b8; pointer-events: none; }
.notification-rich-surface p { margin: 0 0 12px; }
.notification-rich-surface h2 { margin: 18px 0 9px; font-size: 22px; line-height: 1.3; }
.notification-rich-surface h3 { margin: 16px 0 8px; font-size: 18px; line-height: 1.35; }
.notification-rich-surface ul, .notification-rich-surface ol { display: block; margin: 12px 0; padding-left: 28px; }
.notification-rich-surface ul { list-style: disc outside; }
.notification-rich-surface ol { list-style: decimal outside; }
.notification-rich-surface li { display: list-item; margin: 5px 0; padding-left: 3px; }
.notification-rich-surface blockquote { margin: 14px 0; padding: 12px 15px; border-left: 4px solid var(--blue); background: #f8fafc; color: var(--muted); }
.notification-rich-surface a { color: var(--blue); text-decoration: underline; }
.notification-rich-source { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0; pointer-events: none; }
.notification-confirm { margin-top: 2px; }
.notification-template-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.notification-template-card { display: flex; min-height: 220px; flex-direction: column; gap: 14px; }
.notification-template-card > p { flex: 1; color: var(--muted); font-size: 14px; line-height: 1.55; }
.notification-template-actions { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.notification-template-actions form { margin: 0; }
.form-actions { margin-top: 18px; display: flex; justify-content: flex-end; gap: 10px; }
.section-compact { margin-top: 18px; }
.invoice-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.account-warning { margin-bottom: 18px; border-color: #ffd697; background: #fffaf1; box-shadow: none; }
.account-warning .eyebrow { color: #9b5b00; }
.account-warning-critical { border-color: #ffc1cc; background: #fff8f9; }
.account-warning-critical .eyebrow { color: var(--red); }
.settings-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }

.merge-select-card { max-width: 980px; }
.merge-step {
    min-width: 58px;
    min-height: 34px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #e8fbf6;
    color: #087c5d;
    font-size: 12px;
    font-weight: 850;
}
.merge-toolbar { margin: 0 0 18px; padding: 0; border: 0; }
.merge-toolbar h2, .merge-account-head h2 { margin-bottom: 0; }
.merge-compare { align-items: start; }
.merge-account-card { padding: 0; overflow: hidden; }
.merge-account-head { display: flex; align-items: center; gap: 13px; padding: 22px; border-bottom: 1px solid var(--line); }
.merge-account-head .badge { margin-left: auto; }
.merge-account-head .eyebrow { margin-bottom: 4px; }
.merge-login-address { display: grid; gap: 4px; padding: 18px 22px; background: #f7f9fc; border-bottom: 1px solid var(--line); }
.merge-login-address small, .merge-login-address span { color: var(--muted); }
.merge-login-address strong { overflow-wrap: anywhere; font-size: 18px; }
.merge-login-address span { font-size: 12px; }
.merge-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--line); border-bottom: 1px solid var(--line); }
.merge-summary-grid div { min-height: 82px; padding: 14px; background: var(--surface); display: flex; flex-direction: column; justify-content: space-between; }
.merge-summary-grid strong { font-size: 22px; }
.merge-summary-grid small { color: var(--muted); line-height: 1.25; }
.merge-products { padding: 20px 22px; }
.merge-products h3 { margin-bottom: 12px; }
.merge-products .card-row p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.merge-conflict { margin-top: 18px; border-color: #ffc1cc; background: #fff8f9; }
.merge-conflict .eyebrow { color: #a56100; }
.merge-profile-conflicts { display: grid; gap: 16px; margin-top: 20px; }
.merge-profile-conflict { min-width: 0; margin: 0; padding: 18px; border: 1px solid #ffd69a; border-radius: 10px; background: var(--surface); }
.merge-profile-conflict legend { padding: 0 8px; font-size: 18px; font-weight: 850; color: var(--ink); }
.merge-profile-conflict .merge-email-options { margin: 4px 0 0; }
.merge-confirm-card { margin-top: 18px; border-color: rgba(23, 105, 255, .28); }
.merge-email-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 20px 0; }
.merge-email-option { position: relative; display: flex; gap: 12px; align-items: flex-start; min-width: 0; padding: 17px; border: 1px solid #cfd7e4; border-radius: 8px; background: #fff; cursor: pointer; }
.merge-email-option:has(input:checked) { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(23, 105, 255, .11); }
.merge-email-option input { width: 20px; height: 20px; flex: 0 0 20px; accent-color: var(--blue); }
.merge-email-option span, .merge-email-option strong, .merge-email-option small { display: block; min-width: 0; }
.merge-email-option strong { overflow-wrap: anywhere; }
.merge-email-option small { margin-top: 5px; color: var(--muted); line-height: 1.4; }
.merge-confirm-check { margin-top: 4px; border-top: 1px solid var(--line); }

.subscription-filters {
    margin: 22px 0 18px;
    padding: 18px;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(170px, 240px) auto auto;
    gap: 12px;
    align-items: end;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: rgba(255, 255, 255, .72);
}
.subscription-table .card-row h2 { margin-bottom: 0; }
.subscription-cancel-note { display: inline-block; margin-top: 6px; color: #9b5b00; font-weight: 750; }
.subscription-overview { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.subscription-overview-main { display: flex; align-items: flex-start; gap: 16px; min-width: 0; }
.subscription-overview-main h2 { margin-bottom: 5px; }
.subscription-overview-main p:last-child { margin-bottom: 0; }
.subscription-overview-status { min-width: 190px; padding-left: 24px; border-left: 1px solid var(--line); display: grid; justify-items: start; gap: 7px; }
.subscription-overview-status strong, .subscription-overview-status small { display: block; }
.subscription-overview-status small { color: var(--muted); }
.subscription-facts .card { min-height: 132px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: none; }
.subscription-facts small, .subscription-facts span { color: var(--muted); }
.subscription-facts strong { margin: 12px 0; font-size: 19px; overflow-wrap: anywhere; }
.subscription-provider-note { margin-top: 18px; padding: 15px 18px; display: flex; gap: 14px; border: 1px solid #ffd697; border-radius: 8px; background: #fffaf1; color: #7d520e; }
.subscription-provider-note span { color: #806a46; line-height: 1.45; }
.subscription-control > .card-row h2 { margin-bottom: 0; }
.subscription-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
.subscription-action-grid form { padding: 20px 0 2px; display: grid; align-content: start; gap: 13px; }
.subscription-action-grid form + form { padding-left: 24px; border-left: 1px solid var(--line); }
.subscription-action-grid form p { min-height: 42px; margin-bottom: 0; color: var(--muted); line-height: 1.45; }
.subscription-action-grid form .button { justify-self: start; }
.subscription-action-empty { grid-column: 1 / -1; }
.subscription-editor { box-shadow: none; }
.subscription-editor form { display: grid; gap: 13px; }
.subscription-editor .muted { min-height: 48px; }
.subscription-editor .button { justify-self: start; }
.subscription-danger { border-color: #ffc1cc; background: #fffafb; }
.subscription-danger .eyebrow { color: var(--red); }
.subscription-danger form { max-width: 760px; display: grid; gap: 14px; }
.subscription-danger .button { justify-self: start; }

.commerce-hero { align-items: center; }
.commerce-metrics { margin-bottom: 30px; }
.commerce-section { margin-top: 34px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.section-heading h2, .section-heading p { margin-bottom: 0; }
.commerce-empty { border: 1px dashed #cbd5e4; border-radius: 8px; background: rgba(255, 255, 255, .58); }
.commerce-catalog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.commerce-product { min-width: 0; min-height: 300px; padding: 20px; display: flex; flex-direction: column; gap: 18px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.commerce-product-top, .commerce-product-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.commerce-product h3 { font-size: 20px; }
.commerce-product p { color: var(--muted); line-height: 1.5; }
.commerce-product-image { height: 148px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: #f7f9fc; }
.commerce-product-image img { width: 100%; height: 100%; object-fit: contain; padding: 12px; }
.commerce-product-meta { margin-top: auto; align-items: flex-start; }
.commerce-product-meta strong { font-size: 19px; }
.commerce-product-meta small { max-width: 170px; color: var(--muted); text-align: right; line-height: 1.35; }
.commerce-product form, .commerce-product .button { width: 100%; }
.commerce-order-list { display: grid; gap: 10px; }
.commerce-order-row { min-width: 0; padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.commerce-order-row:hover { border-color: #aebbd0; box-shadow: 0 8px 24px rgba(12, 25, 48, .06); }
.commerce-order-row > span { min-width: 0; display: flex; align-items: center; gap: 12px; }
.commerce-order-row > span:first-child { display: grid; gap: 4px; }
.commerce-order-row small { color: var(--muted); }
.commerce-checkout-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .7fr); gap: 20px; align-items: start; }
.commerce-cart-list { padding-top: 10px; padding-bottom: 10px; }
.commerce-cart-item { padding: 18px 0; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 18px; align-items: center; border-bottom: 1px solid var(--line); }
.commerce-cart-item:last-child { border-bottom: 0; }
.commerce-cart-item h3 { margin-top: 9px; }
.commerce-cart-item p { margin-bottom: 0; color: var(--muted); }
.commerce-quantity { display: flex; align-items: center; gap: 8px; }
.commerce-quantity input { width: 70px; }
.commerce-promotion { display: inline-block; margin-top: 8px; color: #087456; font-weight: 800; }
.commerce-summary { position: sticky; top: 24px; display: grid; gap: 13px; box-shadow: none; }
.commerce-summary > div { display: flex; justify-content: space-between; gap: 18px; }
.commerce-saving { color: #087456; }
.commerce-total { margin-top: 5px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 18px; }
.commerce-discount { padding-top: 12px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.commerce-full-button { width: 100%; }
.commerce-address-form { display: grid; gap: 18px; }
.commerce-address-form h2 { margin: 8px 0 0; }
.commerce-address-form > h2:first-child { margin-top: 0; }
.commerce-address-form .form-grid > label, .commerce-address-form > label:not(.check-row) { display: grid; gap: 7px; color: #3d4960; font-size: 12px; font-weight: 800; }
.commerce-address-form input:not([type="checkbox"]):not([type="radio"]), .commerce-address-form textarea { width: 100%; min-height: 47px; padding: 0 13px; border: 1px solid #cfd7e4; border-radius: 8px; background: #fff; color: var(--ink); outline: none; }
.commerce-address-form textarea { min-height: 104px; padding-top: 12px; resize: vertical; }
.commerce-address-form input:not([type="checkbox"]):not([type="radio"]):focus, .commerce-address-form textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(23, 105, 255, .11); }
.commerce-billing-fields[hidden] { display: none; }
.commerce-shipping-list { display: grid; gap: 9px; }
.commerce-shipping-list label { padding: 14px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.commerce-shipping-list label:has(input:checked) { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(23, 105, 255, .09); }
.commerce-shipping-list span, .commerce-shipping-list strong, .commerce-shipping-list small { display: block; }
.commerce-shipping-list small { margin-top: 3px; color: var(--muted); }
.commerce-detail-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .65fr); gap: 20px; align-items: start; }
.commerce-order-item { padding: 16px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); }
.commerce-order-item:last-child { border-bottom: 0; }
.commerce-order-item span, .commerce-order-item strong, .commerce-order-item small { display: block; }
.commerce-order-item small { margin-top: 5px; color: var(--muted); }
.commerce-order-invoice { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.commerce-order-invoice > span { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.admin-commerce-grid { margin-bottom: 22px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: start; }
.admin-commerce-grid .card { min-width: 0; }
.commerce-compact-list { margin-top: 20px; display: grid; gap: 8px; }
.commerce-compact-list > div { padding: 12px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); }
.commerce-compact-list span, .commerce-compact-list strong, .commerce-compact-list small { display: block; }
.commerce-compact-list small { margin-top: 4px; color: var(--muted); }
.commerce-admin-table { margin-top: 22px; }
.commerce-admin-table .section-heading { padding: 0 12px; }
.commerce-admin-table select { min-width: 124px; }
.table-actions { display: flex; align-items: center; gap: 7px; }
.table-actions form { margin: 0; }
.commerce-admin-item { padding: 19px 0; display: grid; gap: 14px; border-top: 1px solid var(--line); }
.commerce-admin-item:first-of-type { border-top: 0; }
.commerce-admin-item-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.commerce-admin-item-head span, .commerce-admin-item-head strong, .commerce-admin-item-head small { display: block; }
.commerce-admin-item-head small { margin-top: 5px; color: var(--muted); }
.commerce-admin-item .button { justify-self: start; }
.commerce-address-block { padding: 15px 0; border-top: 1px solid var(--line); }
.commerce-address-block p { margin: 7px 0 0; color: var(--muted); line-height: 1.55; }
.compact-copy { margin-bottom: 0; font-size: 12px; }

.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th { color: var(--muted); text-align: left; font-size: 10px; text-transform: uppercase; padding: 11px 12px; border-bottom: 1px solid var(--line); }
td { padding: 14px 12px; border-bottom: 1px solid var(--line); vertical-align: middle; }
tr:last-child td { border-bottom: 0; }
.empty { padding: 42px 20px; text-align: center; color: var(--muted); }
.flash { margin: 0 0 22px; padding: 14px 17px; border: 1px solid #adddcf; border-radius: 8px; background: #eafbf6; color: #087456; font-weight: 700; }
.flash-error { border-color: #ffc1cc; background: #fff0f2; color: #ad2239; }
.product-link-qr-layout { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 24px; align-items: center; margin: 20px 0; padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: #f7f9fd; }
.product-link-qr { width: 180px; height: 180px; padding: 9px; border: 1px solid #dbe3f0; border-radius: 8px; background: #fff; }
.product-link-qr svg { display: block; width: 100%; height: 100%; shape-rendering: crispEdges; }
.product-link-qr-layout h3 { margin-bottom: 7px; }

.auth-page { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(420px, .9fr); }
.auth-story { padding: clamp(35px, 7vw, 96px); color: #fff; background: #091328; display: flex; flex-direction: column; justify-content: space-between; }
.auth-story .brand { padding: 0; align-self: flex-start; }
.auth-copy { max-width: 720px; }
.auth-copy h1 { font-size: clamp(44px, 6vw, 78px); max-width: 820px; }
.auth-copy p { color: #aebbd0; font-size: 18px; line-height: 1.6; max-width: 660px; }
.product-strip { display: flex; flex-wrap: wrap; gap: 9px; }
.product-strip .service-chip, .product-strip > span { min-height: 37px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255,255,255,.18); padding: 6px 11px 6px 7px; border-radius: 999px; color: #cbd5e5; font-size: 12px; font-weight: 700; }
.service-chip img { width: 24px; height: 24px; object-fit: contain; border-radius: 6px; background: #fff; }
.auth-panel { padding: clamp(30px, 7vw, 90px); display: grid; place-items: center; background: #fff; }
.auth-box { width: min(100%, 440px); }
.auth-box h2 { font-size: 34px; }
.auth-box .field { margin-top: 14px; }
.auth-box .button { width: 100%; margin-top: 18px; }
.oidc-login-form .button { margin-top: 22px; }
.oidc-button-mark { width: 28px; height: 28px; display: inline-grid; place-items: center; border-radius: 7px; background: rgba(255,255,255,.18); font-size: 11px; font-weight: 900; }
.oidc-first-link-note { margin: 10px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; text-align: center; }
.auth-divider { margin: 23px 0 4px; display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 11px; font-weight: 750; text-transform: uppercase; }
.auth-divider::before, .auth-divider::after { content: ''; height: 1px; flex: 1; background: var(--line); }
.auth-divider span { white-space: nowrap; }
.oidc-security-card { border-color: rgba(23, 105, 255, .28); }
.oidc-security-card .code-box { margin-top: 18px; }
.auth-switch { margin-top: 22px; color: var(--muted); font-size: 13px; text-align: center; }
.auth-switch a { color: var(--blue); font-weight: 800; }
.security-feature { border-color: rgba(23, 105, 255, .28); }
.security-meta { display: flex; flex-wrap: wrap; gap: 9px; margin: 18px 0; }
.security-meta span { padding: 8px 11px; border-radius: 7px; background: #edf2fa; color: #44516a; font-size: 12px; font-weight: 750; }
.security-confirm-form { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; }
.security-confirm-form .field { flex: 1 1 240px; max-width: 360px; }
.security-inline-action { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.security-inline-action input { width: min(220px, 100%); min-height: 39px; padding: 0 11px; border: 1px solid #cfd7e4; border-radius: 7px; background: #fff; color: var(--ink); }
.approval-services-card.is-disabled { border-color: var(--line); }
.approval-services-notice { margin-top: 18px; padding: 12px 14px; border-radius: 7px; background: #fff7e8; color: #875500; font-size: 13px; font-weight: 750; }
.approval-service-list { margin-top: 18px; border-top: 1px solid var(--line); }
.approval-service-row { min-height: 74px; display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 13px; padding: 12px 2px; border-bottom: 1px solid var(--line); cursor: pointer; }
.approval-service-row .product-mark { width: 46px; height: 46px; }
.approval-service-copy strong, .approval-service-copy small { display: block; }
.approval-service-copy strong { color: var(--ink); font-size: 15px; }
.approval-service-copy small { margin-top: 3px; color: var(--muted); line-height: 1.35; }
.approval-service-switch { position: relative; width: 48px; height: 28px; flex: 0 0 48px; }
.approval-service-switch input { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.approval-service-switch span { position: absolute; inset: 0; border-radius: 14px; background: #c7cfdb; transition: background .18s ease; }
.approval-service-switch span::after { content: ''; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(11, 18, 36, .24); transition: transform .18s ease; }
.approval-service-switch input:checked + span { background: var(--blue); }
.approval-service-switch input:checked + span::after { transform: translateX(20px); }
.approval-service-switch input:focus-visible + span { box-shadow: 0 0 0 3px rgba(23, 105, 255, .18); }
.approval-service-switch input:disabled + span { opacity: .55; }
.approval-services-save { margin-top: 18px; }
.recovery-card { border-color: #ffd697; background: #fffaf1; }
.recovery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 18px; }
.recovery-grid code { padding: 12px; border: 1px solid #f1d19e; border-radius: 7px; background: #fff; text-align: center; font-weight: 850; }
.approval-wait { text-align: center; }
.approval-pulse { width: 58px; height: 58px; display: block; margin: 0 auto 24px; border: 5px solid #dce5f5; border-top-color: var(--blue); border-radius: 50%; animation: approval-spin 1s linear infinite; }
@keyframes approval-spin { to { transform: rotate(360deg); } }

.referral-header { align-items: center; }
.referral-header > div { max-width: 800px; }
.referral-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.referral-credit { border-color: rgba(13, 159, 117, .32); background: #f2fcf8; }
.referral-credit strong { color: var(--green); }
.referral-grid { margin-top: 24px; }
.referral-code-card, .referral-status-card { min-height: 390px; }
.referral-code {
    margin-top: 24px;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid rgba(23, 105, 255, .24);
    border-radius: 8px;
    background: #f3f7ff;
}
.referral-code strong { font-size: clamp(20px, 3vw, 30px); letter-spacing: 0; }
.referral-link { margin-top: 12px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
.referral-link input { min-width: 0; }
.referral-claim-form { margin-top: 22px; display: grid; gap: 14px; }
.referral-progress { margin: 30px 0 24px; display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: start; gap: 8px; }
.referral-step { width: 84px; display: grid; justify-items: center; gap: 8px; color: var(--muted); text-align: center; }
.referral-step b { width: 36px; height: 36px; display: grid; place-items: center; border: 2px solid var(--line); border-radius: 50%; background: var(--surface); }
.referral-step small { font-size: 11px; line-height: 1.3; }
.referral-step.complete { color: var(--green); font-weight: 800; }
.referral-step.complete b { border-color: var(--mint); background: var(--mint); color: var(--ink); }
.referral-progress-line { height: 3px; margin-top: 17px; background: var(--line); }
.referral-progress-line.complete { background: var(--mint); }
.referral-verification { margin-top: 24px; padding: 14px; display: flex; align-items: center; gap: 12px; border: 1px solid #ffd697; border-radius: 8px; background: #fffaf1; }
.referral-verification > span { width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); color: #fff; font-weight: 900; }
.referral-verification strong, .referral-verification small { display: block; }
.referral-verification small { margin-top: 3px; color: var(--muted); line-height: 1.35; }
.referral-verification.verified { border-color: rgba(13, 159, 117, .28); background: #f2fcf8; }
.referral-verification.verified > span { background: var(--green); }
.referral-invite-status, .referral-transaction { display: grid; justify-items: end; gap: 6px; }
.referral-transaction small { color: var(--muted); }
.referral-transaction .positive { color: var(--green); }
.commerce-credit-saving { color: var(--green); }

@media (max-width: 1100px) {
    .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .merge-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .subscription-filters { grid-template-columns: minmax(240px, 1fr) minmax(170px, 220px); }
    .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .referral-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .commerce-catalog, .admin-commerce-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .notification-template-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
    .app-shell { display: block; }
    .sidebar { position: static; width: 100%; height: auto; padding: 15px; gap: 14px; }
    .sidebar nav { display: flex; overflow-x: auto; padding-bottom: 4px; }
    .sidebar nav a { flex: 0 0 auto; }
    .sidebar-favorites{margin:0}.sidebar-favorites-list{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.sidebar-favorite-item{flex:0 0 auto;grid-template-columns:minmax(120px,auto) 30px}.sidebar-favorite-item>a{max-width:210px}.sidebar nav.sidebar-nav-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:6px}.sidebar-nav-group[open]{grid-column:1/-1}.sidebar-nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-nav-links a{white-space:normal}.sidebar-nav-item>a>span:last-child{white-space:normal}
    .sidebar-account, .sidebar form, .sidebar-workspace-footer { display: none; }
    .main-content { padding: 28px 16px 60px; }
    .public-content { padding: 0; }
    .auth-page { grid-template-columns: minmax(0, 1fr); }
    .auth-story, .auth-panel { min-width: 0; }
    .auth-story { min-height: 42vh; gap: 70px; }
    .auth-panel { padding: 40px 20px 60px; }
    .subscription-overview { align-items: flex-start; flex-direction: column; }
    .subscription-overview-status { width: 100%; padding: 16px 0 0; border-top: 1px solid var(--line); border-left: 0; }
    .subscription-action-grid { grid-template-columns: 1fr; }
    .subscription-action-grid form + form { padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }
    .subscription-provider-note { flex-direction: column; }
    .commerce-checkout-layout, .commerce-detail-grid { grid-template-columns: 1fr; }
    .commerce-summary { position: static; }
    .admin-commerce-grid { grid-template-columns: 1fr; }
    .identity-dashboard-card { grid-template-columns: 54px minmax(0, 1fr); }
    .identity-dashboard-actions { grid-column: 2; justify-content: space-between; }
    .notification-compose, .notification-template-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
    .grid-4, .grid-3, .grid-2, .form-grid, .settings-list { grid-template-columns: 1fr; }
    .dashboard-metrics { grid-template-columns: 1fr; }
    .page-header { align-items: flex-start; flex-direction: column; }
    .page-brand-heading { align-items: flex-start; }
    .page-brand-heading .brand-mark { width: 52px; height: 52px; flex-basis: 52px; }
    .field-full { grid-column: auto; }
    .card { padding: 18px; }
    .card-row { align-items: flex-start; flex-direction: column; }
    .identity-dashboard-card { grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 18px; }
    .identity-dashboard-icon { width: 44px; height: 44px; }
    .identity-dashboard-actions { grid-column: 1 / -1; align-items: stretch; flex-direction: column; }
    .identity-dashboard-actions .badge { align-self: flex-start; }
    .identity-dashboard-actions .button { width: 100%; }
    .auth-copy h1 { font-size: 42px; }
    .recovery-grid { grid-template-columns: 1fr; }
    .merge-email-options { grid-template-columns: 1fr; }
    .merge-account-head { align-items: flex-start; }
    .subscription-filters { grid-template-columns: 1fr; }
    .metric-grid { grid-template-columns: 1fr; }
    .referral-metrics { grid-template-columns: 1fr; }
    .referral-code { align-items: stretch; flex-direction: column; }
    .referral-link { grid-template-columns: 1fr; }
    .referral-progress { grid-template-columns: 1fr; }
    .referral-progress-line { width: 3px; height: 20px; margin: 0 auto; }
    .referral-step { width: 100%; }
    .referral-invite-status, .referral-transaction { justify-items: start; }
    .commerce-catalog { grid-template-columns: 1fr; }
    .section-heading, .commerce-order-row, .commerce-order-row > span, .commerce-order-item { align-items: flex-start; flex-direction: column; }
    .commerce-cart-item { grid-template-columns: 1fr; }
    .commerce-cart-item > strong { font-size: 18px; }
    .commerce-product { min-height: 0; }
    .commerce-shipping-list label { grid-template-columns: auto minmax(0, 1fr); }
    .commerce-shipping-list label > b { grid-column: 2; }
    .product-link-qr-layout { grid-template-columns: 1fr; }
    .product-link-qr { margin: 0 auto; }
    .notification-search-row { grid-template-columns: 1fr; }
    .notification-audience { grid-template-columns: 1fr; }
    .notification-global-search { grid-template-columns: 1fr; }
    .notification-signature-note { display: grid; }
    .notification-signature-note span { text-align: left; }
    .notification-recipient { grid-template-columns: 22px minmax(0, 1fr); }
    .notification-recipient-meta { grid-column: 2; justify-items: start; }
}

/* Zentrale Identitätsprüfung */
.identity-page-header { align-items: center; }
.identity-benefits .card { min-height: 190px; }
.identity-benefits .card > strong {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    border-radius: 8px;
    background: #eafbf6;
    color: #087456;
}
.identity-benefits h3 { margin: 0 0 8px; }
.identity-success, .identity-pending {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    border-color: #bfeade;
}
.identity-pending { border-color: #cbd8eb; }
.identity-status-symbol {
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #dff8f1;
    color: #078568;
    font-size: 34px;
    font-weight: 900;
}
.identity-pending .identity-status-symbol { background: #edf2fa; color: #3569c8; }
.identity-upload-card { padding: 28px; }
.identity-consents { display: grid; gap: 8px; margin-top: 22px; }
.identity-note { border-left: 4px solid #f0a52b; }
.identity-privacy { border-left: 4px solid #3569c8; }
.identity-review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.identity-evidence { padding: 16px; min-width: 0; }
.identity-evidence img {
    width: 100%;
    max-height: 520px;
    display: block;
    object-fit: contain;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #edf2fa;
}
@media (max-width: 980px) {
    .identity-review-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
    .identity-success, .identity-pending { grid-template-columns: 1fr; }
    .identity-status-symbol { width: 58px; height: 58px; }
}

/* Global issue tracker */
.issue-page-header { align-items: flex-end; }
.page-header-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.issue-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.issue-metrics .stat { min-height: 132px; text-decoration: none; }
.issue-metrics .stat span { margin-top: 8px; color: var(--muted); font-size: 12px; }
.issue-stat-urgent { border-color: #ffc1cc; background: #fff8f9; }
.issue-stat-urgent strong { color: #b91c3b; }
.issue-stat-security { border-color: #ffd697; background: #fffaf1; }
.issue-stat-security strong { color: #a75b00; }
.issue-filters {
    margin: 22px 0;
    padding: 18px;
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) repeat(6, minmax(130px, .65fr)) auto auto;
    gap: 12px;
    align-items: end;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface);
}
.issue-filters .button { min-height: 45px; }
.issue-view-tabs {
    margin: 22px 0 0;
    padding: 6px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #edf2f8;
}
.issue-view-tabs a {
    min-height: 68px;
    padding: 11px 15px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 11px;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #52617a;
    text-decoration: none;
}
.issue-view-tabs a > span { grid-row: 1 / span 2; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 7px; background: #dfe8f4; font-size: 18px; }
.issue-view-tabs a strong { align-self: end; color: #26364f; font-size: 14px; }
.issue-view-tabs a small { align-self: start; color: var(--muted); font-size: 11px; }
.issue-view-tabs a.is-active { border-color: #c7d8ed; background: var(--surface); box-shadow: 0 7px 20px rgba(9, 19, 40, .06); }
.issue-view-tabs a.is-active > span { background: linear-gradient(145deg, #1769e0, #20c9ba); color: #fff; }
.issue-results-heading { margin: 28px 0 12px; }
.issue-list { display: grid; gap: 10px; }
.issue-board-shell {
    margin-right: -8px;
    padding: 2px 8px 16px 2px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-color: #b9c7da transparent;
}
.issue-board-shell:focus-visible { outline: 3px solid rgba(23, 105, 224, .2); outline-offset: 4px; border-radius: 8px; }
.issue-board {
    min-width: max-content;
    display: grid;
    gap: 14px;
    align-items: start;
}
.issue-board-active { width: 100%; min-width: 1040px; grid-template-columns: repeat(4, minmax(245px, 1fr)); }
.issue-board-completed { width: 100%; min-width: 700px; grid-template-columns: repeat(2, minmax(330px, 1fr)); }
.issue-board-column {
    --column-accent: #7a8ba5;
    min-height: 420px;
    padding: 12px;
    border: 1px solid #dce5f0;
    border-top: 4px solid var(--column-accent);
    border-radius: 10px;
    background: #f4f7fb;
    scroll-snap-align: start;
}
.issue-board-column-open { --column-accent: #2474df; }
.issue-board-column-review { --column-accent: #e59a20; }
.issue-board-column-planned { --column-accent: #805ad5; }
.issue-board-column-in_progress { --column-accent: #16a6c9; }
.issue-board-column-resolved { --column-accent: #11a47b; }
.issue-board-column-archive { --column-accent: #8794a8; }
.issue-board-column-head { min-height: 72px; padding: 2px 3px 12px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.issue-board-column-head h3 { margin: 0; font-size: 15px; }
.issue-board-column-head p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.35; }
.issue-board-column-head > span { min-width: 28px; height: 28px; padding: 0 7px; display: grid; place-items: center; border-radius: 999px; background: #e5ebf3; background: color-mix(in srgb, var(--column-accent) 13%, white); color: var(--column-accent); font-size: 12px; font-weight: 850; }
.issue-board-cards { display: grid; gap: 10px; }
.issue-board-empty { min-height: 92px; padding: 20px; display: grid; place-items: center; border: 1px dashed #c9d4e2; border-radius: 8px; color: #8290a5; font-size: 11px; text-align: center; }
.issue-board-card { padding: 14px; display: block; color: inherit; text-decoration: none; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.issue-board-card:hover { transform: translateY(-2px); border-color: #aebed2; border-color: color-mix(in srgb, var(--column-accent) 35%, #c9d4e2); box-shadow: 0 12px 26px rgba(9, 19, 40, .1); }
.issue-board-card-head { display: grid; grid-template-columns: 36px minmax(0, 1fr) 10px; gap: 9px; align-items: center; }
.issue-board-card-head .product-mark { width: 36px; height: 36px; border-radius: 7px; }
.issue-board-card-head div > span, .issue-board-card-head div > strong { display: block; }
.issue-board-card-head div > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .04em; }
.issue-board-card-head div > strong { margin-top: 2px; font-size: 11px; }
.issue-priority-dot { width: 9px; height: 9px; border-radius: 999px; background: #91a0b4; box-shadow: 0 0 0 3px #edf1f6; }
.issue-priority-dot-low { background: #11a47b; }
.issue-priority-dot-normal { background: #6e8099; }
.issue-priority-dot-high { background: #e58a16; }
.issue-priority-dot-urgent { background: #d4314b; }
.issue-board-card h4 { margin: 13px 0 10px; color: #18243a; font-size: 14px; line-height: 1.38; }
.issue-board-card-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.issue-board-card-tags span { padding: 4px 6px; border-radius: 5px; background: #edf2f8; color: #586982; font-size: 9px; font-weight: 750; }
.issue-board-card-tags .is-sensitive { background: #fff0d9; color: #8a4d00; }
.issue-board-card footer { margin-top: 13px; padding-top: 10px; display: flex; justify-content: space-between; gap: 9px; border-top: 1px solid #e5ebf3; color: var(--muted); font-size: 9px; }
.issue-board-card footer span { max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.issue-board-card time.is-overdue { color: #b91c3b; font-weight: 850; }
.issue-row {
    padding: 16px;
    display: grid;
    grid-template-columns: 52px minmax(260px, 1.5fr) minmax(150px, .65fr) minmax(145px, .55fr) 145px;
    gap: 16px;
    align-items: center;
}
.issue-row:hover { border-color: #c6d3e7; box-shadow: 0 10px 28px rgba(9, 19, 40, .07); }
.issue-row .product-mark { width: 52px; height: 52px; }
.issue-main { min-width: 0; }
.issue-main h3 { margin: 3px 0 0; font-size: 16px; line-height: 1.3; }
.issue-main h3 a:hover { color: var(--blue); }
.issue-kicker { color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.issue-meta { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; }
.issue-meta span { padding: 5px 8px; border-radius: 999px; background: #edf2fa; color: #52617a; font-size: 11px; font-weight: 750; }
.issue-owner small, .issue-owner strong, .issue-owner span, .issue-row-action small { display: block; }
.issue-owner small { color: var(--muted); font-size: 10px; text-transform: uppercase; }
.issue-owner strong { margin-top: 4px; font-size: 13px; }
.issue-owner span { margin-top: 4px; color: var(--muted); font-size: 11px; }
.issue-row-state { display: grid; justify-items: start; gap: 6px; }
.issue-status-open { border-color: #bfd5ff; background: #edf4ff; color: #1556b8; }
.issue-status-review { border-color: #ffd697; background: #fffaf1; color: #9a5a08; }
.issue-status-planned { border-color: #d9c8ff; background: #f7f2ff; color: #6c3ac5; }
.issue-status-progress { border-color: #b9d9ff; background: #eff7ff; color: #0e62b6; }
.issue-status-resolved { border-color: #adddcf; background: #eafbf6; color: #087456; }
.issue-status-rejected { border-color: #ffc1cc; background: #fff0f2; color: #ad2239; }
.issue-status-closed { border-color: var(--line); background: #f3f5f9; color: var(--muted); }
.issue-priority { font-size: 11px; font-weight: 800; }
.issue-priority-urgent { color: #b91c3b; }
.issue-priority-high { color: #b75b00; }
.issue-priority-normal { color: #52617a; }
.issue-priority-low { color: #087456; }
.issue-security-label { padding: 4px 7px; border-radius: 5px; background: #fff0d9; color: #8a4d00; font-size: 10px; font-weight: 850; }
.issue-row-action { display: grid; justify-items: stretch; gap: 8px; }
.issue-row-action small { color: var(--muted); font-size: 10px; text-align: right; }
.issue-editor { padding: 24px; }
.issue-editor .form-actions { margin-top: 20px; }
.issue-security-check { border-color: #ffd697; background: #fffaf1; }
.issue-security-banner {
    margin-bottom: 20px;
    padding: 15px 17px;
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid #ffd697;
    border-radius: 8px;
    background: #fffaf1;
    color: #75440a;
}
.issue-security-banner strong, .issue-security-banner span { display: block; }
.issue-security-banner span { font-size: 12px; }
.issue-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 20px; align-items: start; }
.issue-detail-side { position: sticky; top: 24px; display: grid; gap: 14px; }
.issue-detail-side .card { padding: 20px; }
.issue-detail-side h3 { margin-bottom: 7px; }
.issue-fact { padding: 11px 0; display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid var(--line); }
.issue-fact:first-of-type { margin-top: 10px; }
.issue-fact span { color: var(--muted); font-size: 12px; }
.issue-fact strong { max-width: 170px; font-size: 12px; text-align: right; overflow-wrap: anywhere; }
.issue-comments { padding: 24px; }
.issue-comment-list { display: grid; }
.issue-comment { padding: 17px 0; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; border-bottom: 1px solid var(--line); }
.issue-comment-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 8px; background: #eaf1ff; color: #1757c5; font-weight: 850; }
.issue-comment-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.issue-comment-head span { color: var(--muted); font-size: 11px; }
.issue-comment p { margin: 7px 0 0; color: #36445b; font-size: 13px; line-height: 1.55; }
.issue-comment-form { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line); }
.issue-comment-form .button { margin-top: 12px; }
.issue-project-editor { padding: 24px; }
.issue-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.issue-project-card { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 15px; align-items: start; }
.issue-project-card .product-mark { width: 54px; height: 54px; }
.issue-project-card h3 { margin: 0; }
.project-uploader-access { display: grid; gap: 18px; }
.project-uploader-new-token { padding: 16px; border: 1px solid #8fd9c8; border-radius: 8px; background: #effbf7; }
.project-uploader-new-token strong, .project-uploader-new-token p { display: block; }
.project-uploader-new-token p { margin: 6px 0 12px; color: #45665e; font-size: 12px; }
.project-uploader-new-token input { width: 100%; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.project-uploader-token-form { grid-template-columns: minmax(220px, 1fr) auto; align-items: end; }
.project-uploader-token-form .form-actions { margin: 0; }
.project-uploader-token-list { display: grid; border-top: 1px solid var(--line); }
.project-uploader-token-list article { padding: 13px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); }
.project-uploader-token-list strong, .project-uploader-token-list small { display: block; }
.project-uploader-token-list small { margin-top: 4px; color: var(--muted); font-size: 10px; }
.project-build-history { padding: 24px; }
.project-build-list { margin-top: 16px; display: grid; }
.project-build-row { padding: 16px 0; display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 16px; border-top: 1px solid var(--line); }
.project-build-number { width: 58px; height: 58px; display: grid; place-items: center; align-content: center; border-radius: 9px; background: linear-gradient(145deg, #1769e0, #20c9ba); color: #fff; }
.project-build-number small, .project-build-number strong { display: block; line-height: 1; }
.project-build-number small { font-size: 8px; font-weight: 800; text-transform: uppercase; }
.project-build-number strong { margin-top: 4px; font-size: 18px; }
.project-build-row h3 { margin: 3px 0 7px; }
.project-build-row p:not(.eyebrow) { margin: 7px 0; color: #42516a; font-size: 12px; line-height: 1.5; }
.project-build-row > div > small { color: var(--muted); font-size: 10px; }

@media (max-width: 1280px) {
    .issue-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .issue-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .issue-search { grid-column: span 2; }
    .issue-row { grid-template-columns: 52px minmax(230px, 1fr) minmax(140px, .6fr) 145px; }
    .issue-row-state { grid-column: 3; }
    .issue-row-action { grid-column: 4; grid-row: 1 / span 2; }
}
@media (max-width: 900px) {
    .issue-row { grid-template-columns: 52px minmax(0, 1fr) 130px; }
    .issue-owner, .issue-row-state { grid-column: 2; }
    .issue-row-action { grid-column: 3; grid-row: 1 / span 3; }
    .issue-detail-layout { grid-template-columns: 1fr; }
    .issue-detail-side { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .issue-page-header { align-items: stretch; }
    .page-header-actions { justify-content: flex-start; }
    .issue-metrics, .issue-filters, .issue-project-grid, .issue-detail-side { grid-template-columns: 1fr; }
    .issue-search { grid-column: auto; }
    .issue-row { grid-template-columns: 44px minmax(0, 1fr); }
    .issue-row .product-mark { width: 44px; height: 44px; }
    .issue-owner, .issue-row-state, .issue-row-action { grid-column: 1 / -1; grid-row: auto; }
    .issue-row-state { display: flex; flex-wrap: wrap; align-items: center; }
    .issue-row-action small { text-align: left; }
    .issue-security-banner { align-items: flex-start; flex-direction: column; }
    .issue-view-tabs { grid-template-columns: 1fr; }
    .issue-board-shell { scroll-snap-type: x mandatory; }
    .issue-board-active { width: max-content; min-width: max-content; grid-template-columns: repeat(4, min(82vw, 292px)); }
    .issue-board-completed { width: max-content; min-width: max-content; grid-template-columns: repeat(2, min(82vw, 292px)); }
    .project-uploader-token-form { grid-template-columns: 1fr; }
    .project-uploader-token-list article { align-items: flex-start; flex-direction: column; }
}

/* Central loyalty */
.rewards-header { align-items: flex-end; }
.rewards-balance-band {
    margin-top: 22px;
    padding: 24px;
    display: grid;
    grid-template-columns: 1.4fr repeat(2, minmax(180px, .8fr));
    gap: 1px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--line);
    overflow: hidden;
}
.rewards-balance-band > div { min-height: 128px; padding: 22px; display: flex; flex-direction: column; justify-content: center; background: var(--surface); }
.rewards-balance-band span, .rewards-balance-band small { color: var(--muted); }
.rewards-balance-band strong { margin: 5px 0; font-size: 42px; line-height: 1; }
.rewards-rate strong { font-size: 30px; }
.rewards-layout { align-items: start; }
.rewards-redeem-card, .rewards-voucher-card, .rewards-history, .rewards-admin-grid > .card { padding: 24px; }
.rewards-option-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.rewards-option { position: relative; }
.rewards-option input { position: absolute; opacity: 0; pointer-events: none; }
.rewards-option span { padding: 14px; display: grid; gap: 3px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; }
.rewards-option input:checked + span { border-color: var(--blue); background: #edf4ff; }
.rewards-option small, .rewards-voucher small, .rewards-admin-account-list small, .rewards-admin-movements small { color: var(--muted); }
.rewards-voucher-list, .rewards-admin-account-list, .rewards-admin-movements { display: grid; }
.rewards-voucher, .rewards-admin-account-list a, .rewards-admin-movements > div { padding: 14px 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--line); }
.rewards-voucher > div, .rewards-admin-account-list span, .rewards-admin-movements span { display: grid; gap: 3px; }
.points-positive { color: #087456; }
.points-negative { color: #b91c3b; }
.rewards-admin-grid { display: grid; grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr); gap: 18px; align-items: start; }
.rewards-admin-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; }
.rewards-admin-account-list { margin-top: 14px; max-height: 680px; overflow: auto; }
.rewards-admin-account-list a { padding-inline: 10px; text-decoration: none; border-radius: 6px; }
.rewards-admin-account-list a.active { background: #edf4ff; color: var(--blue); }
.rewards-admin-balance { padding: 10px 12px; border-radius: 6px; background: #eafbf6; color: #087456; font-weight: 800; }
.rewards-adjust-form { margin-top: 22px; }
.rewards-admin-movements { margin-top: 26px; }
.commerce-points-preview { color: #087456; }
.rewards-admin-metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 820px) {
    .rewards-balance-band, .rewards-admin-grid { grid-template-columns: 1fr; }
    .rewards-option-grid { grid-template-columns: 1fr; }
    .rewards-admin-metrics { grid-template-columns: 1fr; }
}

/* Public points programme */
.points-public-main{display:grid;gap:84px}
.points-public-shell{width:min(100% - 32px,1220px);margin:0 auto;padding:26px 0 70px}.points-public-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:15px 0 24px}.points-public-header nav{display:flex;align-items:center;justify-content:center;gap:25px;color:#526178;font-size:14px;font-weight:800}.points-public-header nav a:hover{color:var(--blue)}.points-public-shell>main{display:grid;gap:84px}.points-public-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:44px;align-items:center;min-height:520px;padding:68px;border:1px solid #d7e3f2;border-radius:32px;background:radial-gradient(circle at 88% 20%,rgba(40,215,180,.22),transparent 18rem),linear-gradient(135deg,#f8fbff 0%,#edf5ff 52%,#effdf9 100%);box-shadow:0 26px 70px rgba(14,30,61,.11)}.points-public-hero:after{content:"P";position:absolute;right:-30px;bottom:-130px;color:rgba(23,105,255,.045);font-size:440px;font-weight:950;line-height:1;pointer-events:none}.points-public-hero>div{position:relative;z-index:1}.points-public-hero h1{max-width:720px;font-size:clamp(44px,6vw,78px);letter-spacing:-.045em}.points-public-hero .lead{max-width:690px;font-size:18px}.points-public-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}.points-public-rate{display:grid;grid-template-columns:1fr 1fr;gap:12px}.points-public-rate article{min-height:174px;padding:22px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(23,105,255,.13);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 14px 36px rgba(14,30,61,.08);backdrop-filter:blur(10px)}.points-public-rate article:first-child{grid-column:1/-1}.points-public-rate strong{font-size:46px;line-height:1}.points-public-rate span{margin-top:5px;font-weight:900}.points-public-rate small{margin-top:7px;color:var(--muted);line-height:1.45}.points-public-section{scroll-margin-top:20px}.points-public-heading{max-width:760px;margin-bottom:30px}.points-public-heading h2{font-size:clamp(31px,4vw,47px);letter-spacing:-.025em}.points-public-heading>p:last-child{color:var(--muted);font-size:17px;line-height:1.65}.points-earn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.points-earn-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;min-height:190px;padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 15px 40px rgba(14,30,61,.07)}.points-earn-card-wide{grid-column:1/-1;min-height:166px}.points-earn-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;font-size:25px;font-weight:950}.points-icon-blue{color:#125bd5;background:#e8f1ff}.points-icon-mint{color:#087456;background:#dcfbf2}.points-icon-violet{color:#7546c7;background:#f0eafe}.points-icon-orange{color:#b85b08;background:#fff0de}.points-icon-green{color:#107d4d;background:#e2faed}.points-earn-card small{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.points-earn-card h3{margin:7px 0 9px;font-size:21px}.points-earn-card p{margin:0;color:var(--muted);line-height:1.6}.points-example-row{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.points-example-row span{padding:18px 20px;display:grid;gap:4px;border-right:1px solid var(--line)}.points-example-row span:last-child{border:0}.points-example-row small{color:var(--muted)}.points-example-row strong{font-size:18px}.points-redeem-public{padding:48px;border-radius:28px;background:#0a1730;color:#f5f8ff;box-shadow:0 26px 65px rgba(3,13,32,.18)}.points-redeem-public .eyebrow{color:#43e2c2}.points-redeem-public .points-public-heading>p:last-child{color:#aab9cf}.points-redeem-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.points-redeem-steps article{padding:24px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.06)}.points-redeem-steps>article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--mint),var(--cyan));color:#071329;font-size:19px;font-weight:950}.points-redeem-steps h3{margin:2px 0 8px}.points-redeem-steps p{margin:0;color:#b4c1d4;line-height:1.55}.points-redeem-note{margin-top:15px;padding:18px 21px;border:1px solid rgba(67,226,194,.26);border-radius:17px;background:rgba(40,215,180,.08)}.points-redeem-note p{margin:5px 0 0;color:#b9c8db;line-height:1.55}.points-conditions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.points-conditions-grid article{padding:23px;border:1px solid var(--line);border-radius:18px;background:#fff}.points-conditions-grid h3{margin-bottom:9px}.points-conditions-grid p{margin:0;color:var(--muted);line-height:1.58}.points-legal-note{margin-top:18px;padding:20px 23px;display:flex;justify-content:space-between;gap:24px;border:1px solid #cedaeb;border-radius:18px;background:#f8fbff}.points-legal-note p{margin:0;line-height:1.55}.points-legal-note a{color:var(--blue);font-weight:800}.points-legal-note span{flex:0 0 auto;color:var(--muted);font-size:12px}.points-public-cta{padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid #bfe9de;border-radius:25px;background:linear-gradient(135deg,#effdf9,#eef6ff)}.points-public-cta h2{margin:0 0 7px;font-size:32px}.points-public-cta p:last-child{margin:0;color:var(--muted);line-height:1.55}.points-public-cta .button{flex:0 0 auto}.points-public-shell+.legal-footer{width:min(100% - 32px,1220px);margin:0 auto}
.points-earn-icon svg{width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:940px){.points-public-header{grid-template-columns:1fr auto}.points-public-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto}.points-public-hero{grid-template-columns:1fr;padding:46px}.points-public-rate{grid-template-columns:repeat(3,minmax(0,1fr))}.points-public-rate article:first-child{grid-column:auto}.points-redeem-steps,.points-conditions-grid{grid-template-columns:1fr 1fr}.points-public-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.points-public-shell{width:min(100% - 18px,1220px);padding-top:10px}.points-public-header{grid-template-columns:1fr}.points-public-header>.button{justify-self:start}.points-public-header nav{grid-row:auto;gap:18px}.points-public-shell>main{gap:58px}.points-public-hero{min-height:0;padding:30px 22px;border-radius:24px}.points-public-hero h1{font-size:43px}.points-public-rate,.points-earn-grid,.points-redeem-steps,.points-conditions-grid,.points-example-row{grid-template-columns:1fr}.points-public-rate article:first-child,.points-earn-card-wide{grid-column:auto}.points-public-rate article{min-height:130px}.points-earn-card{grid-template-columns:48px minmax(0,1fr);min-height:0;padding:20px}.points-earn-icon{width:48px;height:48px;border-radius:15px}.points-example-row span{border-right:0;border-bottom:1px solid var(--line)}.points-redeem-public{padding:30px 20px;border-radius:23px}.points-redeem-steps article{padding:19px}.points-legal-note{align-items:flex-start;flex-direction:column}.points-public-cta{padding:28px 23px}}
@media(max-width:680px){.points-public-main{gap:58px}}

.points-overview-list{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(14,30,61,.07)}
.points-overview-list>div{display:grid;grid-template-columns:minmax(240px,1fr) minmax(140px,.45fr) minmax(300px,1.35fr);gap:20px;align-items:center;padding:16px 22px;border-top:1px solid var(--line)}
.points-overview-list>div:first-child{border-top:0}
.points-overview-list>div:not(.points-overview-head):hover{background:#f8fbff}
.points-overview-list span{font-weight:800}
.points-overview-list strong{color:#0b65c8;font-size:14px}
.points-overview-list small{color:var(--muted);font-size:12px;line-height:1.45}
.points-overview-list .points-overview-head{padding-block:13px;background:#f2f6fc;color:#66748a;font-size:10px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.points-details-heading{margin:34px 0 15px;font-size:20px}
@media(max-width:760px){
    .points-overview-list .points-overview-head{display:none}
    .points-overview-list>div{grid-template-columns:1fr;gap:5px;padding:17px 18px}
    .points-overview-list strong{font-size:15px}
}

/* Internal wiki */
.wiki-page-header { align-items: flex-end; }
.wiki-metrics .stat { min-height: 126px; text-decoration: none; }
.wiki-metrics .stat span { margin-top: 8px; color: var(--muted); font-size: 12px; }
.wiki-filters {
    margin: 22px 0;
    padding: 18px;
    display: grid;
    grid-template-columns: minmax(240px, 1.35fr) repeat(5, minmax(135px, .65fr)) auto auto;
    gap: 12px;
    align-items: end;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface);
}
.wiki-filters .button { min-height: 45px; }
.wiki-results-heading { margin: 28px 0 12px; }
.wiki-entry-list { display: grid; gap: 10px; }
.wiki-entry-row {
    padding: 17px;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) 165px;
    gap: 16px;
    align-items: center;
}
.wiki-entry-row:hover { border-color: #c6d3e7; box-shadow: 0 10px 28px rgba(9, 19, 40, .07); }
.wiki-entry-row .product-mark { width: 54px; height: 54px; }
.wiki-entry-main { min-width: 0; }
.wiki-entry-main h3 { margin: 4px 0 6px; font-size: 17px; line-height: 1.3; }
.wiki-entry-main h3 a:hover { color: var(--blue); }
.wiki-entry-main p { margin: 0; color: #46556d; font-size: 13px; line-height: 1.5; }
.wiki-entry-kicker { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.wiki-entry-meta { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 6px; }
.wiki-entry-meta span, .wiki-document-meta span {
    padding: 5px 8px;
    border-radius: 999px;
    background: #edf2fa;
    color: #52617a;
    font-size: 11px;
    font-weight: 750;
}
.wiki-entry-meta .wiki-change-ready, .wiki-entry-meta .wiki-change-published { background: #eafbf6; color: #087456; }
.wiki-entry-meta .wiki-change-excluded { background: #f1f3f7; color: #727d90; }
.wiki-entry-action { display: grid; justify-items: stretch; gap: 9px; }
.wiki-entry-action small { color: var(--muted); font-size: 10px; text-align: right; }
.wiki-editor { padding: 24px; }
.wiki-editor .form-actions { margin-top: 20px; }
.wiki-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 20px; align-items: start; }
.wiki-document { padding: 30px; }
.wiki-document-meta { display: flex; flex-wrap: wrap; gap: 7px; }
.wiki-document-body { margin-top: 28px; color: #25334a; font-size: 15px; line-height: 1.75; overflow-wrap: anywhere; }
.wiki-detail-side { position: sticky; top: 24px; display: grid; gap: 14px; }
.wiki-detail-side .card { padding: 20px; }
.wiki-revision-list { margin-top: 12px; display: grid; }
.wiki-revision-list > div { padding: 11px 0; display: grid; gap: 3px; border-top: 1px solid var(--line); }
.wiki-revision-list strong { font-size: 12px; }
.wiki-revision-list span { color: var(--muted); font-size: 11px; }
.wiki-changelog-filters { grid-template-columns: repeat(2, minmax(180px, 1fr)) auto auto; }
.wiki-changelog-output { padding: 24px; }
.wiki-changelog-output textarea {
    width: 100%;
    margin-top: 18px;
    padding: 18px;
    resize: vertical;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #f7f9fc;
    color: var(--ink);
    font: 600 13px/1.65 ui-monospace, SFMono-Regular, Menlo, monospace;
}

@media (max-width: 1280px) {
    .wiki-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .wiki-search { grid-column: span 2; }
}
@media (max-width: 900px) {
    .wiki-entry-row { grid-template-columns: 52px minmax(0, 1fr); }
    .wiki-entry-action { grid-column: 2; display: flex; align-items: center; justify-content: space-between; }
    .wiki-detail-layout { grid-template-columns: 1fr; }
    .wiki-detail-side { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .wiki-page-header { align-items: stretch; }
    .wiki-filters, .wiki-changelog-filters, .wiki-detail-side { grid-template-columns: 1fr; }
    .wiki-search { grid-column: auto; }
    .wiki-entry-row { grid-template-columns: 44px minmax(0, 1fr); }
    .wiki-entry-row .product-mark { width: 44px; height: 44px; }
    .wiki-entry-action { grid-column: 1 / -1; }
    .wiki-entry-action small { text-align: left; }
    .wiki-document { padding: 22px; }
}

/* Legal center */
.legal-footer {
    width: min(100%, 1500px);
    margin: 42px auto 0;
    padding: 22px 24px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: 12px;
}
.legal-footer nav { display: flex; flex-wrap: wrap; gap: 16px; }
.legal-footer a { color: var(--muted); text-decoration: none; font-weight: 750; }
.legal-footer a:hover { color: var(--blue); }
.legal-check { align-items: flex-start; line-height: 1.45; }
.legal-check input { margin-top: 3px; flex: 0 0 auto; }
.legal-check > span { min-width: 0; overflow-wrap: anywhere; }
.legal-check a { color: var(--blue); font-weight: 800; }
.commerce-legal-summary { margin: 10px 0 14px; padding: 12px 0; display: grid; gap: 8px; border-block: 1px solid var(--line); }
.commerce-legal-summary span { display: grid; gap: 2px; color: var(--muted); font-size: 12px; }
.commerce-legal-summary strong { color: var(--ink); font-size: 11px; text-transform: uppercase; }
.legal-shell { width: min(100%, 1320px); margin: 0 auto; padding: 44px 24px 0; }
.legal-update-card { margin-top: 28px; overflow: hidden; }
.legal-update-card .stack-form, .legal-update-card .legal-logout-form { min-width: 0; }
.legal-update-card .button { max-width: 100%; height: auto; min-height: 44px; padding-block: 11px; text-align: center; white-space: normal; }
.legal-header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; align-items: center; }
.legal-header > * { min-width: 0; }
.legal-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.legal-brand .brand-mark { width: 46px; height: 46px; }
.legal-brand span:last-child { display: grid; }
.legal-brand small { color: var(--muted); font-size: 10px; }
.legal-header-copy h1 { margin: 2px 0 7px; font-size: 46px; line-height: 1.04; letter-spacing: 0; overflow-wrap: anywhere; hyphens: auto; }
.legal-header-copy > p:last-child { margin: 0; color: var(--muted); font-size: 16px; }
.legal-intro { margin-top: 30px; padding: 28px 0; max-width: 820px; }
.legal-intro h2 { margin: 0 0 9px; font-size: 25px; }
.legal-intro p { margin: 0 0 12px; color: #3e4d64; font-size: 16px; line-height: 1.65; }
.legal-intro span { color: var(--muted); font-size: 12px; font-weight: 700; }
.legal-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.legal-card-grid > a { min-height: 150px; padding: 24px; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 16px; align-items: center; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); text-decoration: none; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.legal-card-grid > a:hover { border-color: #b7c8e2; box-shadow: 0 16px 34px rgba(9, 19, 40, .08); transform: translateY(-2px); }
.legal-card-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 8px; background: #eaf1ff; color: #1458cf; font-size: 22px; font-weight: 900; }
.legal-card-grid h2 { margin: 0 0 5px; font-size: 20px; }
.legal-card-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.legal-card-grid b { color: #8391a8; font-size: 30px; }
.legal-note { margin-top: 22px; padding: 20px 0; max-width: 900px; border-top: 1px solid var(--line); }
.legal-note p { margin: 5px 0 0; color: var(--muted); line-height: 1.55; }
.legal-document-layout { margin-top: 34px; display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 24px; align-items: start; }
.legal-toc { position: sticky; top: 22px; padding: 18px 0; display: grid; border-block: 1px solid var(--line); }
.legal-toc strong { margin-bottom: 9px; color: var(--ink); font-size: 12px; text-transform: uppercase; }
.legal-toc a { padding: 7px 0; color: var(--muted); font-size: 12px; font-weight: 700; text-decoration: none; }
.legal-toc a:hover { color: var(--blue); }
.legal-document { padding: 34px 42px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); box-shadow: 0 18px 46px rgba(9, 19, 40, .07); }
.legal-document-compact { width: min(100%, 900px); margin: 34px auto 0; }
.legal-meta { padding-bottom: 20px; display: flex; flex-wrap: wrap; gap: 8px; border-bottom: 1px solid var(--line); }
.legal-meta span { padding: 6px 9px; border-radius: 999px; background: #edf2fa; color: #53627a; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.legal-document section { padding-top: 30px; scroll-margin-top: 22px; }
.legal-document section + section { margin-top: 30px; border-top: 1px solid var(--line); }
.legal-document h2 { margin: 0 0 13px; font-size: 23px; line-height: 1.25; }
.legal-document p, .legal-document li, .legal-document address { color: #34435a; font-size: 14px; line-height: 1.72; }
.legal-document p { margin: 0 0 13px; }
.legal-document ul { margin: 12px 0; padding-left: 22px; }
.legal-document li + li { margin-top: 8px; }
.legal-document address { margin: 12px 0 18px; padding: 16px 18px; border-left: 3px solid var(--blue); background: #f5f8fd; font-style: normal; }
.legal-document a { color: var(--blue); font-weight: 750; }
.legal-warning { margin-top: 18px; padding: 16px 18px; border: 1px solid #f0ca88; border-radius: 8px; background: #fff8ea; }
.legal-warning p { margin: 4px 0 0; color: #6f5118; }
.withdrawal-form > div { padding: 20px; border: 1px dashed #aebbd0; border-radius: 8px; background: #f7f9fc; }

@media (max-width: 900px) {
    .legal-document-layout { grid-template-columns: 1fr; }
    .legal-toc { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
    .legal-toc strong { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
    .legal-shell { width: 100%; padding: 20px 12px 0; }
    .legal-footer { align-items: flex-start; flex-direction: column; }
    .legal-header { grid-template-columns: 1fr; }
    .legal-header .button { justify-self: start; }
    .legal-header-copy h1 { font-size: 32px; }
    .legal-card-grid { grid-template-columns: 1fr; }
    .legal-card-grid > a { min-height: 124px; padding: 16px; grid-template-columns: 44px minmax(0, 1fr) 16px; gap: 12px; }
    .legal-card-icon { width: 44px; height: 44px; }
    .legal-update-card { margin-top: 20px; padding: 16px; }
    .legal-check { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; }
    .legal-check input { width: 22px; height: 22px; margin-top: 1px; }
    .legal-update-card .form-actions, .legal-logout-form { width: 100%; }
    .legal-update-card .form-actions .button, .legal-logout-form .button { width: 100%; }
    .legal-document { padding: 24px 20px; }
    .legal-toc { grid-template-columns: 1fr; }
}
@media print {
    body { background: #fff; }
    .app-shell { display: block; }
    .sidebar, .legal-footer, .legal-toc, .legal-header .button { display: none !important; }
    .main-content, .public-content, .legal-shell { max-width: none; padding: 0; }
    .legal-header { display: block; margin-bottom: 24px; }
    .legal-brand { margin-bottom: 18px; }
    .legal-document-layout { display: block; margin-top: 0; }
    .legal-document { padding: 0; border: 0; box-shadow: none; }
    .legal-document section { break-inside: avoid; }
}
.support-security-note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;margin:0 0 18px;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.1);border-radius:14px;color:var(--ink)}
.support-security-note strong{white-space:nowrap;color:#d97706}.support-security-note span{color:var(--muted)}
.support-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.support-thread-list{display:grid}
.support-thread-row{display:flex;align-items:center;gap:13px;padding:14px 4px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.support-thread-row:last-child{border-bottom:0}.support-thread-row:hover .support-thread-copy strong{color:var(--blue)}
.support-thread-copy{display:grid;gap:3px;min-width:0;flex:1}.support-thread-copy small,.support-thread-meta small{color:var(--muted)}.support-thread-meta{display:flex;gap:9px;align-items:center;text-align:right}.support-thread-meta b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#22d3a6;color:#07111f}
.support-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.support-chat-card{padding:0;overflow:hidden}.support-chat-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.support-chat-head div{display:grid;gap:2px}.support-chat-head small{color:var(--muted)}
.support-message-list{display:grid;gap:10px;padding:18px;min-height:320px;max-height:62vh;overflow:auto;background:rgba(112,128,160,.06)}.support-message{display:flex}.support-message>div{max-width:min(78%,680px);padding:11px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.support-message p{margin:5px 0;white-space:normal}.support-message small{color:var(--muted)}.support-message-admin{justify-content:flex-end}.support-message-admin>div{background:linear-gradient(135deg,#22d3a6,#38bdf8);color:#07111f;border:0}.support-message-admin small{color:rgba(7,17,31,.65)}
.support-reply-form{padding:16px 18px;border-top:1px solid var(--line)}.support-chat-context{align-self:start}.support-chat-context form{margin-top:20px}
.support-feedback-admin{display:grid;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.support-feedback-admin .eyebrow{margin:0}.support-feedback-stars{font-size:1.55rem;letter-spacing:.08em;color:#e99a16}.support-feedback-admin blockquote{margin:0;padding:12px 14px;border-left:3px solid #22d3a6;border-radius:10px;background:rgba(34,211,166,.08);color:var(--ink)}.support-feedback-admin>small{color:var(--muted)}
.support-order-preview{display:grid;gap:4px;margin:10px 0;padding:12px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(7,17,31,.12);color:#07111f}.support-order-preview span{font-size:.9rem}.support-order-preview small{color:rgba(7,17,31,.65)}
.support-order-form{display:grid;gap:14px;background:rgba(37,99,235,.035)}.support-order-form .card-row small{display:block;margin-top:3px;color:var(--muted)}.support-order-empty{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(234,143,32,.28);border-radius:14px;background:rgba(234,143,32,.07)}.support-order-empty span{color:var(--muted);font-size:.9rem}
@media (max-width:900px){.support-admin-layout{grid-template-columns:1fr}.support-thread-meta small{display:none}.support-security-note{display:grid}.support-message>div{max-width:90%}}
/* Dedicated subscription and plan catalog */
.plans-hero{overflow:hidden;padding:clamp(24px,4vw,42px);background:linear-gradient(135deg,#0b1830 0%,#16305a 62%,#126d65 100%);color:#fff}
.plans-hero .eyebrow,.plans-hero .lead{color:#d8e8f5}
.plans-hero h1{margin:.2rem 0 .65rem;color:#fff}
.plans-hero .button{background:#fff;color:#10213c;border-color:#fff}
.plans-section{margin-top:28px}
.plans-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}
.plans-section-head h2{margin:.15rem 0}
.plans-section-head p{margin:0}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.plan-card{display:flex;min-width:0;flex-direction:column;padding:22px;border:1px solid #dce5f0;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(15,35,65,.06)}
.plan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.plan-card h3{margin:10px 0 5px;font-size:1.35rem}
.plan-card-summary{min-height:3.2em;margin:0 0 15px;color:#5c6b80;line-height:1.55}
.plan-features{display:grid;gap:9px;margin:4px 0 20px;padding:0;list-style:none}
.plan-features li{position:relative;padding-left:22px;color:#34445b;line-height:1.4}
.plan-features li:before{content:'✓';position:absolute;left:0;color:#0d9988;font-weight:900}
.plan-prices{display:grid;gap:4px;margin-top:auto;padding-top:16px;border-top:1px solid #e5ebf2}
.plan-prices strong{font-size:1.35rem;color:#101b30}
.plan-prices span{color:#66758a;font-size:.88rem}
.plan-action{width:100%;margin-top:15px;text-align:center}
.plan-free,.plan-pending{display:block;margin-top:15px;padding:11px;border-radius:10px;text-align:center;font-weight:800}
.plan-free{background:#edf8f5;color:#08796c}
.plan-pending{background:#fff5df;color:#975a06}
.technical-details summary{cursor:pointer;font-weight:800}
.technical-details[open] summary{margin-bottom:14px}
@media(max-width:1050px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.plans-grid{grid-template-columns:1fr}.plans-section-head{align-items:flex-start;flex-direction:column}.plan-card-summary{min-height:0}}

/* Public help center */
.help-shell{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:38px 0 20px}
.help-hero{padding:44px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#eef7ff 58%,#e9fbf7 100%);text-align:center;box-shadow:0 18px 48px rgba(15,35,65,.08)}
.help-brand{display:inline-flex;margin:0 auto 28px;text-align:left}.help-hero h1{margin:8px 0 12px;font-size:clamp(2.2rem,5vw,4.3rem);letter-spacing:-.055em}.help-hero>p:not(.eyebrow){margin:0 auto;max-width:680px;color:var(--muted);font-size:1.1rem}
.help-search{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:760px;margin:28px auto 0;padding:8px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(16,39,77,.11)}.help-search input{min-height:48px;padding-inline:14px;border:0;background:transparent;font-size:1rem}.help-search input:focus{outline:0;box-shadow:none}
.help-categories{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}.help-categories a{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:800;text-decoration:none}.help-categories a span{color:var(--muted);font-size:.82rem}.help-categories a.active,.help-categories a:hover{border-color:#7ba8ff;background:#edf5ff;color:var(--blue)}
.help-results-note{margin:22px 0 0;padding:15px 18px;border-radius:10px;background:#edf5ff;color:var(--ink)}.help-results-note a{float:right}.help-section{margin-top:42px}.help-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.help-section-heading h2{margin:4px 0 0;font-size:1.8rem}
.help-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.help-article-card{display:flex;min-height:240px;flex-direction:column;color:var(--ink);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.help-article-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(16,39,77,.14)}.help-article-card h3{margin:14px 0 8px;font-size:1.25rem}.help-article-card p{flex:1;color:var(--muted);line-height:1.65}.help-article-card>strong{color:var(--blue)}.help-card-category{color:var(--teal);font-size:.75rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.faq-list{display:grid;gap:12px}.faq-item{padding:0;overflow:hidden}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;cursor:pointer;list-style:none;font-size:1.05rem;font-weight:850}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary b{color:var(--blue);font-size:1.45rem;transition:transform .18s ease}.faq-item[open] summary b{transform:rotate(45deg)}.faq-item>div{padding:0 22px 22px;color:var(--muted);line-height:1.7}.faq-item>div p{margin-top:0}
.help-contact{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:42px;background:#0b1730;color:#fff}.help-contact .eyebrow{color:#58dfc6}.help-contact h2{margin:5px 0}.help-contact p{margin:0;color:#b9c6db}.help-empty{margin-top:34px;text-align:center}
.help-breadcrumb{display:flex;gap:9px;align-items:center;margin:0 0 22px;color:var(--muted);font-weight:750}.help-breadcrumb a{color:var(--blue);text-decoration:none}.help-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.help-document{padding:clamp(26px,5vw,58px)}.help-document h1{margin:8px 0 16px;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em}.help-document-body{margin-top:30px;padding-top:28px;border-top:1px solid var(--line);font-size:1.05rem;line-height:1.85}.help-document-body h2,.help-rich-text h2{margin:34px 0 12px;color:var(--ink);font-size:1.48rem;line-height:1.25;letter-spacing:-.025em}.help-document-body h3,.help-rich-text h3{margin:27px 0 10px;color:var(--ink);font-size:1.18rem}.help-document-body p,.help-rich-text p{margin:0 0 18px}.help-document-body ul,.help-document-body ol,.help-rich-text ul,.help-rich-text ol{display:grid;gap:9px;margin:8px 0 24px;padding-left:24px}.help-document-body li,.help-rich-text li{padding-left:4px}.help-document-body strong,.help-rich-text strong{color:var(--ink)}.help-document-body a,.help-rich-text a{color:var(--blue);font-weight:750}.help-document-body code,.help-rich-text code{padding:2px 6px;border-radius:6px;background:#edf2f8;color:var(--ink);font-size:.92em}.help-related{display:grid;gap:18px}.help-related nav{display:grid}.help-related nav a{padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink);font-weight:780;text-decoration:none}.help-related nav a:last-child{border-bottom:0}.help-related nav a:hover{color:var(--blue)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.help-article-grid{grid-template-columns:1fr 1fr}.help-detail-layout{grid-template-columns:1fr}}
@media(max-width:620px){.help-shell{width:min(100% - 24px,1280px);padding-top:20px}.help-hero{padding:28px 18px}.help-search{grid-template-columns:1fr}.help-article-grid{grid-template-columns:1fr}.help-contact{align-items:flex-start;flex-direction:column}.help-results-note a{float:none;display:block;margin-top:8px}}
.support-message-references{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0 .35rem}.support-message-references .button{max-width:100%;white-space:normal;text-align:left}

/* Native support ticket system */
.ticket-list-card{padding:0;overflow:hidden}.ticket-list{display:grid}.ticket-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background .16s ease}.ticket-row:last-child{border-bottom:0}.ticket-row:hover{background:rgba(37,99,235,.045)}
.ticket-department{display:grid;place-items:center;min-width:48px;height:48px;padding:0 6px;border-radius:14px;background:linear-gradient(135deg,#0b1830,#1769e0);color:#fff;font-size:.77rem;font-weight:900;letter-spacing:.03em}.ticket-row-copy{display:grid;gap:4px;min-width:0}.ticket-row-copy strong{font-size:1rem}.ticket-row-copy small,.ticket-row-copy>span,.ticket-row-meta small{color:var(--muted)}.ticket-row-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.ticket-row-meta{display:grid;justify-items:end;gap:7px;text-align:right}
.ticket-case-pill{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid rgba(23,105,224,.2);border-radius:999px;background:rgba(23,105,224,.07);color:#1256b5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:850;letter-spacing:.025em}.ticket-case-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:#1256b5}
.ticket-queue-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0}.ticket-queue-tabs a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #d8e2ef;border-radius:999px;background:#fff;color:#34445c;font-weight:800;text-decoration:none}.ticket-queue-tabs a span{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#edf3fb;font-size:.76rem}.ticket-queue-tabs a.is-active{border-color:#1769e0;background:#1769e0;color:#fff}.ticket-queue-tabs a.is-active span{background:rgba(255,255,255,.2)}.ticket-queue-tabs>strong{margin-left:auto;color:#b42318;font-size:.86rem}.ticket-sla-due{background:#eef6ff;color:#175cd3}.ticket-sla-overdue{background:#fee4e2;color:#b42318}.text-danger{color:#b42318!important}.sla-rule-table .compact-field{min-width:125px;margin:0}.sla-rule-table input{min-width:100px}.ticket-feedback-card{max-width:720px;margin:36px auto}.feedback-rating-field{margin:22px 0;padding:0;border:0}.feedback-rating-field legend{margin-bottom:10px;font-weight:850}.feedback-rating-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.feedback-rating-options input{position:absolute;opacity:0}.feedback-rating-options span{display:grid;place-items:center;padding:12px 8px;border:1px solid #ccd8e7;border-radius:12px;background:#fff;font-weight:850;cursor:pointer}.feedback-rating-options input:checked+span{border-color:#1769e0;background:#eaf2ff;color:#1256b5}.feedback-resolved-options{display:flex;gap:18px;flex-wrap:wrap}.support-feedback-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0;padding:18px;border-radius:16px;background:#f3f8ff}.support-feedback-summary strong,.support-feedback-stars{color:#f5a000;font-size:1.3rem;letter-spacing:.08em}@media(max-width:700px){.feedback-rating-options{grid-template-columns:repeat(3,1fr)}.ticket-queue-tabs>strong{width:100%;margin-left:0}.sla-rule-table{min-width:860px}}
.ticket-status-open,.ticket-status-waiting_team{background:#fff1d6;color:#8b5700}.ticket-status-waiting_customer{background:#e8f2ff;color:#1256b5}.ticket-status-resolved{background:#dcf8ef;color:#087763}.ticket-status-closed{background:#edf0f5;color:#596579}
.ticket-create-card{max-width:900px}.ticket-create-card textarea,.ticket-reply-form textarea{resize:vertical}.ticket-page-header .eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:none;letter-spacing:.02em}
.ticket-create-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:18px;align-items:start}.ticket-account-search{display:grid;gap:12px;position:sticky;top:20px}.ticket-account-search form{display:grid;gap:10px}.ticket-account-search .field{margin:0}.ticket-account-search>small{color:var(--muted);line-height:1.5}.ticket-create-card{display:grid;gap:16px}.ticket-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ticket-contact-grid .field,.ticket-create-card>.field{margin:0}
.ticket-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.ticket-conversation{padding:0;overflow:hidden}.ticket-conversation-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.ticket-conversation-head>div{display:grid;gap:3px}.ticket-conversation-head small{color:var(--muted)}
.ticket-message-list{display:grid;gap:11px;min-height:330px;max-height:66vh;padding:20px;overflow:auto;background:rgba(112,128,160,.055)}.ticket-message{display:flex}.ticket-message>div{max-width:min(78%,720px);padding:12px 15px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.ticket-message strong{display:block}.ticket-message p{margin:6px 0 8px;line-height:1.6}.ticket-message small{color:var(--muted)}.ticket-message-customer{justify-content:flex-end}.ticket-message-customer>div{border:0;background:linear-gradient(135deg,#22d3a6,#38bdf8);color:#07111f}.ticket-message-customer small{color:rgba(7,17,31,.62)}.ticket-message-internal>div{max-width:92%;border:1px dashed #d39936;background:#fff8e8}.ticket-message-internal strong{color:#8a5700}
.ticket-attachments{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.ticket-attachment{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:center;max-width:100%;padding:8px 10px;border:1px solid rgba(23,105,224,.22);border-radius:12px;background:rgba(255,255,255,.82);color:#0f3976;text-decoration:none}.ticket-attachment>span{grid-row:1/3;font-size:20px}.ticket-attachment>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ticket-attachment>small{font-size:11px!important}.ticket-attachment:hover{border-color:#1769e0;background:#fff}
.one-time-public-shell{min-height:68vh;display:grid;place-items:center;padding:32px 16px}.one-time-public-card{width:min(680px,100%);display:grid;gap:18px;text-align:center;padding:38px}.one-time-public-card>img{margin:auto}.one-time-public-card h1{margin:0}.one-time-public-card .lead{margin:0}.one-time-public-card form{display:grid;gap:14px}.one-time-public-card form .button{min-width:240px}.one-time-confirm{text-align:left}.one-time-security-note{padding:16px 18px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff;color:#164e82;line-height:1.6;text-align:left}.one-time-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.one-time-facts>div{padding:13px;border:1px solid var(--line);border-radius:14px;text-align:left}.one-time-facts dt{font-size:12px;color:var(--muted)}.one-time-facts dd{margin:5px 0 0;font-weight:800}.one-time-secret-text{padding:22px;border:1px solid #b9e6dc;border-radius:18px;background:#f0fdfa;text-align:left;white-space:normal;overflow-wrap:anywhere;font:15px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.one-time-admin-layout{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(440px,1.15fr);gap:20px;align-items:start}.one-time-create-form{display:grid;gap:15px}.one-time-kind-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.one-time-created{display:grid;gap:13px;margin-bottom:20px;border-color:#8adcca;background:linear-gradient(135deg,#f0fdfa,#eff6ff)}.one-time-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.one-time-copy-row input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.one-time-history{display:grid;gap:16px}.one-time-list{display:grid;gap:10px}.one-time-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.one-time-row>div{display:grid;gap:4px}.one-time-row small,.one-time-row a{font-size:12px}.one-time-status-active{background:#e8f2ff;color:#1256b5}.one-time-status-opened{background:#dcf8ef;color:#087763}.one-time-status-revoked,.one-time-status-expired{background:#edf0f5;color:#596579}.one-time-ticket-card form{display:grid;gap:12px}.one-time-ticket-list{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.one-time-ticket-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.one-time-ticket-list span{display:grid;gap:3px}.one-time-ticket-list small{color:var(--muted);font-size:11px}@media(max-width:900px){.one-time-admin-layout{grid-template-columns:1fr}.one-time-row{grid-template-columns:1fr auto}.one-time-row form{grid-column:1/-1}.one-time-facts,.one-time-kind-grid{grid-template-columns:1fr}}@media(max-width:600px){.one-time-copy-row{grid-template-columns:1fr}.one-time-public-card{padding:24px 18px}.one-time-public-card form .button{min-width:0;width:100%}}
.secure-request-section-header{margin:42px 0 16px}.secure-request-section-header h2{margin:0}.request-link-created{border-color:#9fb8f7;background:linear-gradient(135deg,#eef4ff,#f0fdfa)}.request-link-instructions{padding:18px;border:1px solid var(--line);border-radius:16px;background:#f8fafc;color:#334155;line-height:1.65;text-align:left;overflow-wrap:anywhere}.request-link-public-card .field{text-align:left}.request-status-submitted{background:#dcf8ef;color:#087763}.request-status-active{background:#fff3d6;color:#8a5a00}.request-status-completed,.request-status-revoked,.request-status-expired{background:#edf0f5;color:#596579}.secure-request-ticket-card form{display:grid;gap:12px}.request-ticket-actions{display:flex;align-items:center;gap:6px}.request-ticket-actions form{display:block;margin:0}.secure-request-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.secure-request-response-card{display:grid;gap:18px}.secure-request-response-card>form{margin-top:10px;padding-top:18px;border-top:1px solid var(--line)}@media(max-width:900px){.secure-request-detail-layout{grid-template-columns:1fr}}@media(max-width:600px){.request-ticket-actions{width:100%}.secure-request-ticket-list>div{align-items:flex-start;flex-direction:column}}
.secure-links-tabbar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px;padding:7px;border:1px solid var(--line);border-radius:18px;background:#eef3f9;box-shadow:0 10px 30px rgba(14,30,61,.06)}.secure-links-tabbar a{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:15px 18px;border:1px solid transparent;border-radius:13px;color:#526178;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.secure-links-tabbar a>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#dfe8f4;color:#1256b5;font-size:23px;font-weight:900}.secure-links-tabbar a>strong{align-self:end;font-size:15px}.secure-links-tabbar a>small{align-self:start;margin-top:3px;color:#718096;font-size:12px}.secure-links-tabbar a:hover{color:#10213a;background:rgba(255,255,255,.65)}.secure-links-tabbar a.active{border-color:#c9d9ed;background:#fff;color:#10213a;box-shadow:0 8px 22px rgba(14,30,61,.09)}.secure-links-tabbar a.active>span{background:linear-gradient(135deg,#1769e0,#19bfb3);color:#fff}.secure-links-tab-panel[hidden]{display:none!important}@media(max-width:700px){.secure-links-tabbar{grid-template-columns:1fr}.secure-links-tabbar a{padding:12px 14px}}
.admin-context-tabbar{display:grid;gap:8px;margin:-10px 0 26px;padding:7px;border:1px solid var(--line);border-radius:18px;background:#eef3f9;box-shadow:0 10px 30px rgba(14,30,61,.06)}.admin-context-tabbar-label{padding:5px 10px 0;color:#6b7890;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.admin-context-tabbar>div{display:flex;gap:7px;overflow-x:auto;padding-bottom:1px;scrollbar-width:thin;scroll-snap-type:x proximity}.admin-context-tabbar a{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;min-width:132px;min-height:48px;padding:10px 14px;border:1px solid transparent;border-radius:12px;color:#526178;white-space:nowrap;scroll-snap-align:start;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.admin-context-tabbar a .nav-icon{flex:0 0 auto;width:18px;height:18px;margin:0;border-width:1.5px}.admin-context-tabbar a strong{font-size:13px}.admin-context-tabbar a:hover{color:#10213a;background:rgba(255,255,255,.7)}.admin-context-tabbar a.active{border-color:#c9d9ed;background:#fff;color:#10213a;box-shadow:0 7px 20px rgba(14,30,61,.09)}.admin-context-tabbar a.active .nav-icon{color:#1769e0;background:#eaf2ff}@media(max-width:700px){.admin-context-tabbar{margin-top:-4px}.admin-context-tabbar a{min-width:150px;justify-content:flex-start}.admin-context-tabbar-label{padding-left:8px}}

/* Deliberately separated administration workspaces. */
.admin-workspace-switch{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin:-8px 0 -4px;padding:11px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.admin-workspace-switch:hover{border-color:rgba(40,215,180,.5);background:rgba(255,255,255,.11);transform:translateY(-1px)}.admin-workspace-switch-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#fff;overflow:hidden}.admin-workspace-switch-icon img{width:100%;height:100%;padding:3px;object-fit:contain}.admin-workspace-switch>span:nth-child(2){display:grid;gap:1px;min-width:0}.admin-workspace-switch small,.admin-workspace-switch strong,.admin-workspace-switch em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-workspace-switch small{color:#91a1bb;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.admin-workspace-switch strong{font-size:13px}.admin-workspace-switch em{color:#48dfc2;font-size:10px;font-style:normal;font-weight:750}.admin-workspace-switch b{color:#91a1bb;font-size:24px;font-weight:500}.admin-workspace-ribbon{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;margin:-10px 0 24px;padding:13px 15px;border:1px solid #cbd9eb;border-left:4px solid #1769e0;border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(14,30,61,.06)}.admin-workspace-ribbon-logo{display:grid;place-items:center;width:48px;height:48px;border:1px solid #dce6f2;border-radius:13px;background:#fff;overflow:hidden}.admin-workspace-ribbon-logo img{width:100%;height:100%;padding:4px;object-fit:contain}.admin-workspace-ribbon>span:nth-child(2){display:grid;gap:2px;min-width:0}.admin-workspace-ribbon small{color:#1769e0;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.admin-workspace-ribbon strong{font-size:17px}.admin-workspace-ribbon em{color:var(--muted);font-size:12px;font-style:normal}.admin-workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-workspace-card{display:flex;flex-direction:column;gap:14px;min-height:265px;border-top:4px solid #1769e0}.admin-workspace-card.is-central{border-top-color:#28d7b4}.admin-workspace-card-head{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px}.admin-workspace-card-head .product-mark{width:58px;height:58px;border-radius:15px}.admin-workspace-card-head .eyebrow{margin:0 0 3px}.admin-workspace-card-head h2{margin:0}.admin-workspace-card>p{margin-bottom:0}.admin-workspace-card>.button{width:100%;margin-top:auto}.admin-workspace-card>small{color:var(--muted)}
@media(max-width:820px){.admin-workspace-grid{grid-template-columns:1fr}.admin-workspace-ribbon{grid-template-columns:44px minmax(0,1fr)}.admin-workspace-ribbon>.button{grid-column:2;justify-self:start}.admin-workspace-ribbon-logo{width:44px;height:44px}}
@media(max-width:640px){.admin-workspace-switch{margin:0}.admin-workspace-ribbon{margin-top:0}.admin-workspace-ribbon em{display:none}.admin-workspace-card-head{grid-template-columns:50px minmax(0,1fr)}.admin-workspace-card-head .product-mark{width:50px;height:50px}.admin-workspace-card-head>.badge{grid-column:2;justify-self:start}}
.notification-tabbar{grid-template-columns:repeat(3,minmax(0,1fr))}.notification-tabbar+section[hidden],[data-notification-tab-panel][hidden]{display:none!important}[data-notification-tab-panel]>.section:first-child{margin-top:0}@media(max-width:850px){.notification-tabbar{grid-template-columns:1fr}.notification-tabbar a{padding:12px 14px}}
.ticket-reply-form{display:grid;gap:13px;padding:18px 20px;border-top:1px solid var(--line)}.ticket-reply-form>small{color:var(--muted)}.ticket-context-card{display:grid;gap:13px}.ticket-context-card .eyebrow{margin:0}.ticket-context-card .button{width:100%}.ticket-admin-sidebar{display:grid;gap:16px}.ticket-filter-form{display:grid;grid-template-columns:190px 220px minmax(240px,1fr) auto;gap:12px;align-items:end;margin-bottom:18px}.ticket-filter-form .field{margin:0}.ticket-filter-form .button{min-height:44px}.ticket-chat-link,.ticket-chat-convert{display:grid;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.ticket-chat-convert .eyebrow{margin:0}.ticket-chat-convert small{color:var(--muted);line-height:1.5}
.ticket-workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:-8px 0 18px;padding:7px;border:1px solid var(--line);border-radius:18px;background:#eef3f9;box-shadow:0 10px 30px rgba(14,30,61,.06)}.ticket-workspace-tab{display:grid;gap:3px;min-width:0;min-height:62px;padding:11px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#526178;font:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.ticket-workspace-tab span{font-size:14px;font-weight:850}.ticket-workspace-tab small{overflow:hidden;color:#718096;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ticket-workspace-tab:hover{background:rgba(255,255,255,.68);color:#10213a}.ticket-workspace-tab[aria-pressed="true"]{border-color:#c9d9ed;background:#fff;color:#10213a;box-shadow:0 7px 20px rgba(14,30,61,.09)}.ticket-workspace-tab[aria-pressed="true"] span{color:#1769e0}.ticket-detail-workspace{grid-template-columns:minmax(0,1fr)}.ticket-detail-workspace[data-ticket-active-view="history"]{grid-template-columns:minmax(0,1fr) 320px}.ticket-workspace-panels{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ticket-detail-workspace[data-ticket-active-view="history"] .ticket-workspace-panels{grid-template-columns:1fr;position:sticky;top:18px}.ticket-detail-workspace[data-ticket-active-view="history"] .ticket-processing-card{order:1}.ticket-detail-workspace[data-ticket-active-view="history"] .ticket-admin-identity-card{order:2}.ticket-workspace-panels[hidden],[data-ticket-view-panel][hidden]{display:none!important}.ticket-workspace-panels>.one-time-created{margin-bottom:0}.ticket-processing-card{width:min(680px,100%)}
.ticket-identity-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:24px;align-items:center;margin:0 0 18px;border-color:rgba(23,105,224,.24);background:linear-gradient(135deg,#fff 0%,#f3f8ff 100%)}.ticket-identity-card h2{margin:3px 0 8px}.ticket-identity-card p{margin:0 0 8px}.ticket-identity-card small{color:var(--muted);line-height:1.5}.ticket-identity-card form{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.ticket-identity-card .field{margin:0}.ticket-identity-card input{font-size:22px;letter-spacing:.35em;text-align:center}.ticket-identity-result{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 18px;padding:14px 18px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink)}.ticket-identity-result span{color:var(--muted)}.ticket-identity-result-success{border-color:rgba(20,111,100,.3);background:#effbf7}.ticket-identity-result-success strong{color:#0f766e}.ticket-identity-result-rejected{border-color:rgba(220,38,38,.25);background:#fff5f5}.ticket-identity-result-rejected strong{color:#b42318}.ticket-identity-admin-status{display:grid;gap:3px;padding:13px 14px;border-radius:13px;background:#f3f5f8;color:var(--ink)}.ticket-identity-admin-status small{color:var(--muted)}.ticket-identity-admin-status.is-pending{background:#fff7e6;color:#9a6700}.ticket-identity-admin-status.is-verified{background:#eafaf5;color:#0f766e}.ticket-identity-admin-status.is-rejected{background:#fff0f0;color:#b42318}.ticket-admin-identity-card form{margin:0}
@media(max-width:980px){.ticket-detail-layout,.ticket-create-layout,.ticket-detail-workspace[data-ticket-active-view="history"]{grid-template-columns:1fr}.ticket-detail-workspace[data-ticket-active-view="history"] .ticket-workspace-panels{position:static}.ticket-account-search{position:static}.ticket-filter-form{grid-template-columns:1fr 1fr}.ticket-filter-search{grid-column:1/-1}.ticket-filter-form .button{justify-self:start}.ticket-row{grid-template-columns:48px minmax(0,1fr)}.ticket-row-meta{grid-column:2;justify-items:start;text-align:left}}
@media(max-width:760px){.ticket-identity-card{grid-template-columns:1fr}.ticket-identity-result{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.ticket-workspace-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.ticket-workspace-tab{flex:0 0 180px;scroll-snap-align:start}.ticket-workspace-panels{grid-template-columns:1fr}}
@media(max-width:620px){.ticket-contact-grid{grid-template-columns:1fr}.ticket-row{padding:14px 13px}.ticket-department{height:44px;min-width:44px}.ticket-message>div{max-width:94%}.ticket-conversation-head{align-items:flex-start;flex-direction:column}.ticket-filter-form{grid-template-columns:1fr}.ticket-filter-search{grid-column:auto}.ticket-workspace-tabs{margin-top:-2px}.ticket-workspace-tab{flex-basis:165px;min-height:56px}}
/* Public request center and issue release tracking */
.public-request-page{width:min(1050px,calc(100% - 32px));margin:36px auto 72px}.public-request-form{padding:clamp(22px,4vw,42px)}
.request-kind-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:28px}.request-kind-switch input{position:absolute;opacity:0;pointer-events:none}.request-kind-switch span{display:flex;min-height:52px;align-items:center;justify-content:center;padding:12px 16px;border:1px solid #d7e0ed;border-radius:14px;background:#f7f9fc;font-weight:800;text-align:center;cursor:pointer}.request-kind-switch input:checked+span{color:#075cca;border-color:#1684e8;background:#eaf5ff;box-shadow:0 0 0 3px rgba(22,132,232,.12)}
.request-account-note{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:#eef8f6}.request-account-note span,.request-privacy{font-size:.9rem}.public-request-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.public-request-success{padding:clamp(28px,5vw,54px);text-align:center}.public-request-success h2{margin:.35rem 0 1rem}
.issue-reward-note[hidden],.issue-suggestion-stage[hidden],.issue-existing-confirmation[hidden],[data-issue-check-error][hidden],[data-request-submit-actions][hidden]{display:none!important}.issue-reward-note{display:flex;align-items:flex-start;gap:13px;margin:0 0 24px;padding:16px 18px;border:1px solid #9ddbd1;border-radius:16px;background:linear-gradient(145deg,#effbf8,#eef6ff)}.issue-reward-note>span{font-size:25px}.issue-reward-note strong,.issue-reward-note small{display:block}.issue-reward-note small{margin-top:4px;color:var(--muted);line-height:1.45}.issue-reward-success{width:fit-content;margin:18px auto;padding:10px 15px;border-radius:999px;background:#e9faf4;color:#087456}.issue-suggestion-stage,.issue-existing-confirmation{margin-top:24px;padding:22px;border:1px solid #cbd8e9;border-radius:18px;background:#f8fbff}.issue-suggestion-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.issue-suggestion-heading h2{margin:.25rem 0 .4rem}.issue-suggestion-list{display:grid;gap:10px;margin-top:18px}.issue-suggestion-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid #d8e2ef;border-radius:14px;background:#fff}.issue-suggestion-option>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px}.issue-suggestion-option strong{grid-column:2}.issue-suggestion-option small{grid-column:2;color:var(--muted)}.issue-existing-confirmation{text-align:center;border-color:#9ddbd1;background:#effbf8}.issue-existing-confirmation h2{margin:.3rem 0 .6rem}
.issue-status-in_progress{border-color:#b9d9ff;background:#eff7ff;color:#0e62b6}.issue-account-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.issue-account-list,.issue-account-detail-main{display:grid;gap:14px}.issue-account-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:16px;align-items:center;color:var(--ink);text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.issue-account-row:hover{transform:translateY(-2px);border-color:#9cbbe6;box-shadow:0 14px 34px rgba(14,30,61,.09)}.issue-account-row .product-mark{width:54px;height:54px}.issue-account-copy{display:grid;gap:4px;min-width:0}.issue-account-copy small,.issue-account-copy em,.issue-account-state small{color:var(--muted);font-size:11px;font-style:normal}.issue-account-copy strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.issue-account-state{display:grid;gap:8px;justify-items:end}.issue-account-empty{padding:42px;text-align:center}.issue-account-empty>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:18px;background:#e9faf4;color:#087456;font-size:28px;font-weight:900}.issue-account-detail-header{align-items:center}.issue-account-header-actions{display:flex;align-items:center;gap:10px}.issue-account-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.issue-account-facts{position:sticky;top:20px}.issue-account-description,.issue-account-conversation{padding:24px}.issue-account-description>p:not(.eyebrow){margin:12px 0 0;line-height:1.65}.issue-account-tech{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.issue-account-tech span{padding:6px 9px;border-radius:8px;background:#edf2f8;color:#586982;font-size:11px;font-weight:750}.issue-account-comments{display:grid;margin-top:15px}.issue-account-comment{display:flex;margin:7px 0}.issue-account-comment>div{max-width:82%;padding:13px 15px;border-radius:16px;background:#edf2f8}.issue-account-comment.is-customer{justify-content:flex-end}.issue-account-comment.is-customer>div{background:#e8f1ff}.issue-account-comment.is-team>div{border:1px solid #a8ded4;background:#effbf8}.issue-account-comment strong,.issue-account-comment small{display:block}.issue-account-comment p{margin:6px 0;line-height:1.5}.issue-account-comment small{color:var(--muted);font-size:10px}.issue-account-comment-form{display:grid;gap:13px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.issue-account-comment-form .field{margin:0}.issue-account-comment-form .button{justify-self:start}
.issue-version-layout{align-items:start}.issue-version-filter{display:flex;gap:10px;margin-bottom:16px}.issue-version-filter select{flex:1}.issue-version-list{display:grid;gap:14px}.issue-version-row{display:grid;grid-template-columns:1fr auto;gap:10px 16px}.issue-version-row p,.issue-version-row small{grid-column:1/-1}.issue-suggestion-card{display:grid;gap:10px;padding:16px;border:1px solid #9ddbd1;border-radius:14px;background:linear-gradient(145deg,#effbf8,#eef6ff)}
@media(max-width:900px){.issue-account-detail-layout{grid-template-columns:1fr}.issue-account-facts{position:static}}@media(max-width:760px){.request-kind-switch{grid-template-columns:1fr}.public-request-page{width:min(100% - 20px,1050px);margin-top:20px}.issue-version-row{grid-template-columns:1fr}.issue-version-row .badge{justify-self:start}.issue-suggestion-heading,.issue-suggestion-option{align-items:stretch;flex-direction:column}.issue-suggestion-option .button{width:100%}.issue-account-metrics{grid-template-columns:1fr}.issue-account-row{grid-template-columns:44px minmax(0,1fr)}.issue-account-row .product-mark{width:44px;height:44px}.issue-account-state{grid-column:2;justify-items:start}.issue-account-detail-header{align-items:flex-start}.issue-account-header-actions{align-items:flex-start;flex-direction:column}.issue-account-comment>div{max-width:94%}}

/* Zentrale Web-Versionen und Real Project Uploader */

/* Sichere, projektübergreifende Release-Pipeline */
.release-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:18px}
.release-project-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);color:inherit;text-decoration:none;transition:.18s ease}
.release-project-card:hover,.release-project-card.is-active{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)}
.release-project-card strong,.release-project-card small{display:block}.release-project-card small{margin-top:4px;color:var(--muted)}
.release-project-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;color:var(--primary);font-weight:900;box-shadow:0 8px 20px rgba(20,40,80,.08)}
.release-workspace-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;margin:18px 0}
.release-safety-card{background:linear-gradient(135deg,#f4f8ff,#effdfa)}
.release-flow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:22px 0}.release-flow span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:800}.release-flow b{color:var(--primary)}
.release-list{display:grid;gap:13px;margin-top:18px}.release-row{display:grid;grid-template-columns:190px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}
.release-row.is-error{border-color:#f5b7c2}.release-row.is-success{border-color:#9adfc9}
.release-version{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:20px;background:linear-gradient(145deg,#0f6df7,#11c9b8);color:#fff}.release-version small,.release-version span{opacity:.88}.release-version strong{font-size:1.8rem}
.release-row-body{padding:18px 20px}.release-row-body h3{margin:0}.release-row-body p{margin:10px 0}
.release-build-table{display:grid;gap:9px;margin-top:18px}.release-build-row{display:grid;grid-template-columns:70px 90px 120px minmax(150px,1fr) 130px 130px minmax(130px,auto);gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}
.release-build-row small,.release-build-row strong{display:block}.release-build-row small{margin-bottom:4px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.release-build-row code{font-size:.82rem}
.release-environments-card{margin-top:18px}.release-environments-card>summary{display:flex;justify-content:space-between;gap:18px;align-items:center;cursor:pointer;list-style:none}.release-environments-card>summary::-webkit-details-marker{display:none}.release-environments-card>summary:after{content:'Einstellungen anzeigen';padding:7px 11px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.78rem;font-weight:800}.release-environments-card[open]>summary{padding-bottom:18px;border-bottom:1px solid var(--line)}.release-environments-card[open]>summary:after{content:'Einstellungen schließen'}.release-environments-card>summary .muted{font-size:.86rem;font-weight:500}.release-environment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.release-environment{display:grid;gap:15px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}.release-environment.is-enabled{border-color:#9adfc9;background:linear-gradient(145deg,#fff,#effbf7)}.release-environment h3{margin:2px 0 0}.release-environment-form{display:grid;gap:12px}.release-environment-form .field{margin:0}.release-environment-form label small{color:var(--muted);font-weight:500}.release-active-build{margin:0;padding:10px 12px;border-radius:11px;background:#e9faf4;color:#087456}.release-token-once{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(320px,1fr);gap:16px;align-items:center;margin-top:18px;padding:16px;border:1px solid #e7b94f;border-radius:16px;background:#fff8e6}.release-token-once strong,.release-token-once small{display:block}.release-token-once small{margin-top:5px;color:#765b1c;line-height:1.45}.release-token-once input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.release-environment-note{margin-top:16px;padding:13px 15px;border-radius:13px;background:#eef3f9;color:#536176;font-size:.9rem;line-height:1.5}.release-environment-note strong{color:var(--ink)}
.release-emergency-settings:not([open]){padding-top:14px;padding-bottom:14px;border-style:dashed;background:rgba(255,255,255,.68);box-shadow:none}.release-emergency-settings:not([open])>summary strong{color:var(--muted)}.release-emergency-settings>summary:after{content:'Nur im Notfall öffnen';background:#fff3d9;color:#8a5c00}.release-emergency-settings[open]>summary:after{content:'Notfalleinstellungen schließen'}
.release-agent-state{display:grid;gap:4px;padding:11px 13px;border-radius:12px}.release-agent-state small{line-height:1.4}.release-agent-state.is-success{border:1px solid #9ee2cf;background:#ebfff8;color:#0b6a50}.release-agent-state.is-error{border:1px solid #ffc1ca;background:#fff1f3;color:#9f1239}.release-build-actions{display:flex;justify-content:flex-end}.release-build-actions form{margin:0}.release-deployment-list{display:grid;gap:10px;margin-top:18px}.release-deployment-row{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(170px,.8fr) 130px minmax(220px,1.2fr) auto;gap:14px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-left-width:4px;border-radius:15px;background:var(--surface-soft)}.release-deployment-row.is-success{border-left-color:#16a77c}.release-deployment-row.is-error{border-left-color:#dc3857}.release-deployment-row small,.release-deployment-row strong{display:block}.release-deployment-row small{margin-bottom:4px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.release-deployment-message span{font-size:.85rem;line-height:1.4}
.release-agent-overview{display:grid;gap:16px}.release-agent-overview>.muted{margin:0}.release-agent-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.release-agent-quick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-left-width:4px;border-radius:15px;background:var(--surface-soft)}.release-agent-quick.is-success{border-left-color:#16a77c;background:linear-gradient(145deg,#fff,#effbf7)}.release-agent-quick.is-error{border-left-color:#dc3857;background:linear-gradient(145deg,#fff,#fff3f5)}.release-agent-quick.is-unknown{border-left-color:#e5a91a}.release-agent-quick-copy{display:grid;gap:7px;min-width:0}.release-agent-quick-copy h3{margin:2px 0 0}.release-agent-quick-copy>small{color:var(--muted)}.release-agent-quick form{margin:0}.release-agent-setup-hint{max-width:150px;font-size:.78rem;text-align:right}
@media(max-width:900px){.release-workspace-grid,.release-environment-grid,.release-agent-quick-grid{grid-template-columns:1fr}.release-row{grid-template-columns:1fr}.release-version{padding:14px 18px}.release-build-row{grid-template-columns:repeat(2,minmax(0,1fr))}.release-project-card{grid-template-columns:auto 1fr}.release-project-card .badge{grid-column:1/-1;justify-self:start}.release-token-once{grid-template-columns:1fr}}
@media(max-width:620px){.release-agent-quick{grid-template-columns:1fr}.release-agent-quick form,.release-agent-quick .button{width:100%}.release-agent-setup-hint{max-width:none;text-align:left}}
@media(max-width:1100px){.release-deployment-row{grid-template-columns:repeat(2,minmax(0,1fr))}.release-deployment-message{grid-column:1/-1}}
.web-version-metrics{margin-bottom:22px}.web-version-project-section{display:grid;gap:18px}.web-version-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}.web-version-project-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f8fafc;color:var(--ink);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.web-version-project-card:hover{transform:translateY(-2px);border-color:#9dbce8;box-shadow:0 10px 25px rgba(14,30,61,.08)}.web-version-project-card.is-active{border-color:#75a9ef;background:linear-gradient(145deg,#eef5ff,#effbf8);box-shadow:0 0 0 3px rgba(23,105,224,.08)}.web-version-project-icon{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#1769e0,#20c9ba);color:#fff;font-size:18px;font-weight:900}.web-version-project-card>span:nth-child(2){display:grid;gap:3px;min-width:0}.web-version-project-card small,.web-version-project-card b,.web-version-project-meta em{font-style:normal}.web-version-project-card small{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.web-version-project-card strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.web-version-project-card b{color:#1757c5;font-size:12px}.web-version-project-meta{grid-column:2;display:flex;flex-wrap:wrap;gap:6px}.web-version-project-meta em{padding:5px 7px;border-radius:7px;background:#eaf0f8;color:#59677c;font-size:9px;font-weight:800}.web-version-current-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;margin-bottom:22px}.web-version-current-card,.web-version-uploader-card{display:grid;gap:18px}.web-version-current-card h2,.web-version-uploader-card h2{margin:2px 0 0}.web-version-current-number{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:14px;padding:20px;border-radius:16px;background:linear-gradient(135deg,#0c1b36,#1769e0);color:#fff}.web-version-current-number span{grid-row:1/3;color:#bcd7ff;font-size:11px;font-weight:900;text-transform:uppercase}.web-version-current-number strong{font-size:36px;line-height:1}.web-version-current-number small{margin-top:6px;color:#dbe9ff}.web-version-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.web-version-facts>div{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.web-version-facts span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.web-version-facts strong{font-size:13px}.web-version-build-number{display:grid;place-items:center;min-height:116px;border:1px solid #99ddcf;border-radius:18px;background:linear-gradient(145deg,#effbf8,#eaf3ff);color:#0c4fa9;font-size:52px;font-weight:900;line-height:1}.web-version-build-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.web-version-build-form .field{margin:0}.web-version-release-form{display:grid;gap:16px}.web-version-selection-note{text-align:center}.web-version-timeline{display:grid;margin-top:16px}.web-version-history-row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--line)}.web-version-history-row h3{margin:3px 0 7px}.web-version-history-row p:not(.eyebrow){margin:7px 0;color:#42516a;font-size:12px;line-height:1.55}.web-version-history-row>div>small{color:var(--muted);font-size:10px}
@media(max-width:1050px){.web-version-current-grid{grid-template-columns:1fr}}@media(max-width:700px){.web-version-build-form{grid-template-columns:1fr}.web-version-facts{grid-template-columns:1fr}.web-version-current-number strong{font-size:30px}.web-version-history-row{grid-template-columns:52px minmax(0,1fr)}.web-version-history-row .project-build-number{width:50px;height:50px}.web-version-project-card{grid-template-columns:42px minmax(0,1fr)}.web-version-project-icon{width:42px;height:42px}.web-version-project-meta{grid-column:1/-1}}

/* Schriftvorgänge und wiederkehrende Geschäftskorrespondenz */
.post-office-nav{display:flex;gap:7px;overflow-x:auto;margin:-12px 0 28px;padding:7px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(14,30,61,.05)}.post-office-nav a{flex:0 0 auto;padding:10px 15px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:850}.post-office-nav a:hover,.post-office-nav a.active{color:#fff;background:#10213a}.post-office-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.post-office-action{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:104px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease}.post-office-action:hover{transform:translateY(-2px);border-color:#9cbbe6}.post-office-action>.nav-icon{width:34px;height:34px;margin:0;border-radius:9px;color:var(--blue)}.post-office-action span strong,.post-office-action span small{display:block}.post-office-action span small{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.4}.post-office-action>b{display:grid;place-items:center;min-width:31px;height:31px;border-radius:50%;background:#eaf2ff;color:#1256b5}.post-office-action>i{color:var(--blue);font-size:12px;font-style:normal;font-weight:850}.post-office-form-card{max-width:980px;margin:0 auto}.post-office-form-card form{display:grid;gap:16px}.post-office-form-card .field{margin:0}
.letter-case-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.letter-case-main,.letter-case-side{display:grid;gap:18px}.letter-case-side{position:sticky;top:20px}.letter-case-side .card{display:grid;gap:12px}.letter-case-side h3,.letter-case-side p{margin:0}.letter-case-side small{color:var(--muted);line-height:1.5}
.letter-case-timeline{display:grid;margin-top:18px}.letter-case-entry{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;position:relative;padding-bottom:20px}.letter-case-entry:not(:last-child):before{content:"";position:absolute;left:20px;top:42px;bottom:0;border-left:2px solid #dbe5f1}.letter-case-number{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#0b1830,#1769e0);color:#fff;font-weight:900}.letter-case-entry-body{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.letter-case-entry-body .card-row small{display:block;margin-top:4px;color:var(--muted)}.letter-case-entry-body>p{margin:15px 0;line-height:1.6}.letter-case-compose form{display:grid;gap:14px}.letter-case-compose .field{margin:0}
@media(max-width:1100px){.post-office-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.letter-case-layout{grid-template-columns:1fr}.letter-case-side{position:static}}@media(max-width:620px){.post-office-actions{grid-template-columns:1fr}.post-office-action{min-height:86px}.post-office-nav{margin-top:-8px}}
.app-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}.app-catalog-card{display:flex;flex-direction:column;gap:16px}.app-catalog-card .form-actions{margin-top:auto}.app-catalog-brand{display:flex;align-items:center;gap:16px;min-width:0}.app-catalog-brand img{width:72px;height:72px;object-fit:contain;border-radius:18px;background:#fff;padding:8px;border:1px solid #dbe5f1}.app-catalog-brand h1,.app-catalog-brand h2{margin:2px 0 0}.app-catalog-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compact-lead{font-size:1.05rem}.app-hub-dashboard-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#eff6ff,#ecfeff)}.app-detail-header{align-items:center}.app-detail-header .app-catalog-brand img{width:92px;height:92px}.app-hero-image{margin:22px 0;border-radius:28px;overflow:hidden;background:#eaf1f8;border:1px solid #dbe5f1}.app-hero-image img{display:block;width:100%;max-height:520px;object-fit:cover}.app-detail-copy{max-width:none}.app-screenshot-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,320px);gap:16px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x mandatory}.app-screenshot-strip a{display:block;scroll-snap-align:start;border-radius:22px;overflow:hidden;border:1px solid #dbe5f1;background:#fff;min-height:300px}.app-screenshot-strip img{display:block;width:100%;height:100%;max-height:560px;object-fit:cover}.app-signup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px;margin-top:26px}.app-interest-admin-form{display:grid;gap:6px;min-width:250px}.app-interest-admin-form select{max-width:100%}.mini-check{font-size:.78rem;display:flex;align-items:flex-start;gap:6px}.danger-zone{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#fecaca}@media(max-width:760px){.app-detail-header,.danger-zone,.app-hub-dashboard-card{align-items:flex-start;flex-direction:column}.app-catalog-brand{align-items:flex-start}.app-catalog-brand img{width:58px;height:58px}.app-detail-header .app-catalog-brand img{width:68px;height:68px}.app-screenshot-strip{grid-auto-columns:82vw}}

/* Sticker-Produktion und Kamera-Scanner */
.sticker-code-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.sticker-code-input input{min-width:180px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.025em}.sticker-product-summary{display:flex;align-items:center;gap:12px;min-width:330px}.sticker-product-summary>div{min-width:0}.sticker-product-thumbnail{display:block!important;width:72px!important;height:54px!important;min-width:72px!important;max-width:72px!important;min-height:54px!important;max-height:54px!important;flex:0 0 72px;object-fit:contain!important;border:1px solid var(--line);border-radius:9px;background:#fff}.sticker-product-description{display:-webkit-box;max-width:680px;margin-top:4px;overflow:hidden;color:var(--muted);line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sticker-article-form{display:grid;grid-template-columns:minmax(300px,1fr);gap:7px;align-items:center;min-width:430px}.sticker-article-form>label{margin-top:3px;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}.sticker-article-form>.button{justify-self:start;margin-top:3px}.sticker-ptouch-card{border-color:#bcd9ea;background:linear-gradient(135deg,#f5f9ff,#effcf9)}.sticker-label-explainer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.sticker-label-explainer>span{display:grid;gap:4px;padding:13px 15px;border:1px solid rgba(23,105,224,.14);border-radius:12px;background:rgba(255,255,255,.76)}.sticker-label-explainer small{color:var(--muted);line-height:1.4}.sticker-release-form{display:grid;gap:8px;min-width:260px}.sticker-release-form select{width:100%}.sticker-release-or{color:var(--muted);font-size:11px;font-weight:850;text-align:center;text-transform:uppercase}.sticker-shipping-label{min-width:210px}.sticker-shipping-label>summary{display:inline-flex;list-style:none;cursor:pointer}.sticker-shipping-label>summary::-webkit-details-marker{display:none}.sticker-shipping-label[open]>summary{margin-bottom:10px}.sticker-shipping-label form{display:grid;gap:9px;min-width:280px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#f8fafc}.sticker-shipping-label .field{margin:0}.sticker-shipping-label .check-row{align-items:flex-start;font-size:11px;line-height:1.35}.sticker-shipping-label small{max-width:280px;line-height:1.4}.sticker-scanner-open{overflow:hidden}.sticker-scanner-modal[hidden]{display:none!important}.sticker-scanner-modal{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:20px}.sticker-scanner-backdrop{position:absolute;inset:0;background:rgba(3,10,24,.78);backdrop-filter:blur(8px)}.sticker-scanner-dialog{position:relative;z-index:1;width:min(680px,100%);padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.35)}.sticker-scanner-dialog h2{margin:3px 0}.sticker-scanner-viewport{position:relative;overflow:hidden;margin:18px 0 14px;aspect-ratio:4/3;border-radius:18px;background:#07101f}.sticker-scanner-viewport video{display:block;width:100%;height:100%;object-fit:cover}.sticker-scanner-guide{position:absolute;inset:18%;border:3px solid #39e6c1;border-radius:18px;box-shadow:0 0 0 999px rgba(3,10,24,.26),0 0 22px rgba(57,230,193,.75)}.sticker-scanner-error{color:#b42318!important;font-weight:750}@media(max-width:680px){.sticker-code-input,.sticker-article-form,.sticker-label-explainer{grid-template-columns:1fr}.sticker-product-summary{min-width:260px}.sticker-product-thumbnail{width:58px!important;height:44px!important;min-width:58px!important;max-width:58px!important;min-height:44px!important;max-height:44px!important;flex-basis:58px}.sticker-article-form{min-width:260px}.sticker-scanner-modal{padding:8px}.sticker-scanner-dialog{padding:15px;border-radius:18px}.sticker-scanner-viewport{margin:13px 0}.sticker-scanner-guide{inset:14%}}
.sticker-print-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#f4f8ff,#effdf9)}.sticker-print-intro h2{margin:3px 0 8px}.sticker-print-intro p{margin:0;max-width:860px}.sticker-print-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:18px;align-items:start}.sticker-print-layout>.card{margin:0}.sticker-print-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sticker-print-facts>span{display:grid;gap:3px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#f8fafc}.sticker-print-facts small{color:var(--muted);line-height:1.4}.sticker-print-preview{display:grid;gap:17px;position:sticky;top:20px}.sticker-print-preview-frame{position:relative;display:grid;place-items:center;overflow:hidden;min-height:250px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#edf3fb,#fff)}.sticker-print-preview-frame canvas{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 14px 36px rgba(8,21,44,.16)}.sticker-print-preview-frame.is-square canvas{width:min(100%,360px)}.sticker-print-warning{display:grid;gap:4px;padding:14px 16px;border:1px solid #f2cf77;border-radius:14px;background:#fff8e6;color:#72510c}.sticker-print-warning span{font-size:12px;line-height:1.5}.sticker-print-status{padding:13px 15px;border-radius:13px;font-size:13px;font-weight:750;line-height:1.45}.sticker-print-status.is-working{border:1px solid #b8d7ff;background:#eff6ff;color:#174b91}.sticker-print-status.is-success{border:1px solid #9ee2cf;background:#ebfff8;color:#0b6a50}.sticker-print-status.is-error{border:1px solid #ffc1ca;background:#fff1f3;color:#9f1239}@media(max-width:980px){.sticker-print-layout{grid-template-columns:1fr}.sticker-print-preview{position:static}}@media(max-width:680px){.sticker-print-intro{align-items:flex-start;flex-direction:column}.sticker-print-facts{grid-template-columns:1fr}.sticker-print-preview-frame{min-height:190px;padding:12px}}
.sticker-print-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;border:0}.sticker-print-mode-switch label{position:relative}.sticker-print-mode-switch input{position:absolute;opacity:0;pointer-events:none}.sticker-print-mode-switch span{display:grid;gap:4px;min-height:74px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#f8fafc;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.sticker-print-mode-switch small{color:var(--muted);line-height:1.35}.sticker-print-mode-switch input:checked+span{border-color:#2563eb;background:#eef5ff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.sticker-print-mode-switch input:focus-visible+span{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}.sticker-standard-options{padding:15px;border:1px solid #cfe0f8;border-radius:14px;background:#f7faff}.sticker-custom-upload{padding:15px;border:1px dashed #9db9e4;border-radius:14px;background:#f4f8ff}.sticker-custom-editor{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fafc}.sticker-custom-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.sticker-custom-editor-heading>div{display:grid;gap:4px}.sticker-custom-editor-heading small{color:var(--muted);line-height:1.4}.sticker-custom-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 18px}.sticker-custom-controls label{display:flex;justify-content:space-between;gap:12px;font-weight:750}.sticker-custom-controls input[type=range]{grid-column:1/2;width:100%;accent-color:var(--primary)}.sticker-custom-position{grid-column:2/3;grid-row:1/3;align-self:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);white-space:nowrap}.sticker-custom-empty{display:grid;place-items:center;gap:7px;max-width:340px;padding:28px;text-align:center;border:2px dashed #9db9e4;border-radius:16px;background:rgba(255,255,255,.8);color:var(--muted)}.sticker-custom-empty strong{color:var(--ink);font-size:16px}.sticker-custom-upload[hidden],.sticker-custom-editor[hidden],.sticker-custom-empty[hidden],.sticker-standard-options[hidden]{display:none!important}.sticker-print-preview-frame.is-editable canvas{cursor:grab;touch-action:none;outline:3px solid rgba(37,99,235,.16);outline-offset:4px}.sticker-print-preview-frame.is-editable canvas:active{cursor:grabbing}@media(max-width:680px){.sticker-print-mode-switch{grid-template-columns:1fr}.sticker-custom-editor-heading{align-items:flex-start;flex-direction:column}.sticker-custom-controls{grid-template-columns:1fr}.sticker-custom-position{grid-column:1;grid-row:auto;white-space:normal}}
/* Central catalog edit window */
.catalog-create-disclosure{margin:0 0 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px rgba(20,42,75,.06);overflow:hidden}
.catalog-create-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;cursor:pointer;list-style:none}
.catalog-create-disclosure>summary::-webkit-details-marker{display:none}
.catalog-create-disclosure>summary span{display:grid;gap:3px}.catalog-create-disclosure>summary strong{font-size:16px}.catalog-create-disclosure>summary small{color:var(--muted);font-size:12px}.catalog-create-disclosure>summary b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-size:22px;line-height:1}.catalog-create-disclosure[open]>summary{border-bottom:1px solid var(--line)}.catalog-create-disclosure[open]>summary b{transform:rotate(45deg)}
.catalog-create-content{margin:0;border:0;border-radius:0;box-shadow:none}
.catalog-edit-modal{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:20px}
.catalog-edit-backdrop{position:absolute;inset:0;background:rgba(3,10,24,.72);backdrop-filter:blur(8px)}
.catalog-edit-dialog{position:relative;z-index:1;width:min(900px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.35)}
@media(max-width:680px){.catalog-edit-modal{padding:8px}.catalog-edit-dialog{max-height:calc(100vh - 16px);padding:16px}}

/* Terminbuchung */
.booking-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.booking-metrics .card{display:grid;gap:5px;padding:20px}.booking-metrics strong{font-size:2rem;color:var(--ink)}.booking-metrics span{color:var(--muted);font-size:.86rem;font-weight:750}.booking-calendar-card{overflow:hidden}.booking-month-nav{display:flex;gap:8px;flex-wrap:wrap}.booking-calendar{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));min-width:760px;margin-top:20px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.booking-calendar-weekday{padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f3f6fa;color:var(--muted);font-size:.76rem;text-align:center;text-transform:uppercase}.booking-calendar-day{display:flex;min-height:132px;flex-direction:column;gap:5px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.booking-calendar-day-empty{background:#f8fafc}.booking-calendar-day.is-today{background:#f2f8ff;box-shadow:inset 0 0 0 2px rgba(23,105,224,.3)}.booking-day-number{align-self:flex-end;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:.78rem;font-weight:850}.is-today .booking-day-number{background:#1769e0;color:#fff}.booking-event{display:block;overflow:hidden;padding:5px 7px;border-left:4px solid var(--event-color,#1769e0);border-radius:7px;background:color-mix(in srgb,var(--event-color,#1769e0) 10%,white);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.booking-event b{margin-right:3px}.booking-status-form{display:flex;min-width:250px;align-items:center;gap:7px}.booking-status-form select{min-width:130px}.booking-staff-grid,.booking-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,470px),1fr));gap:18px}.booking-slug-field{display:grid;grid-template-columns:auto 1fr;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#f7f9fc}.booking-slug-field span{padding:0 0 0 13px;color:var(--muted);font-size:.82rem;font-weight:800}.booking-slug-field input{border:0;background:transparent}.booking-staff-selection{display:flex;flex-wrap:wrap;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px}.booking-staff-selection legend{padding:0 7px;font-weight:800}.booking-staff-selection label{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:#f3f6fa}.booking-create-details>summary,.booking-type-grid details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none}.booking-create-details>summary::-webkit-details-marker,.booking-type-grid details>summary::-webkit-details-marker{display:none}.booking-create-details[open]>summary,.booking-type-grid details[open]>summary{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}.booking-type-grid details>summary>span:first-child{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center}.booking-type-grid summary i{grid-row:1/3;display:block;width:13px;height:42px;border-radius:999px;background:var(--event-color,#1769e0)}.booking-type-grid summary small{color:var(--muted)}.booking-staff-picker{display:flex;align-items:end;gap:12px}.booking-staff-picker .field{width:min(420px,100%);margin:0}.booking-availability-list{display:grid;gap:8px}.booking-availability-day{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.booking-availability-day>div{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:9px}.booking-availability-day label{display:grid;gap:4px}.booking-availability-day label span{color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.booking-block-list{display:grid;gap:9px;margin-top:18px}.booking-block-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.booking-block-list article>span{display:grid;gap:3px}.booking-block-list small{color:var(--muted)}
.booking-public-shell{width:min(940px,calc(100% - 30px));margin:30px auto 70px}.booking-public-hero{display:flex;align-items:center;gap:20px;padding:26px 4px}.booking-public-hero img{width:74px;height:74px;object-fit:contain;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(15,34,61,.1)}.booking-public-hero h1{margin:2px 0 5px;font-size:clamp(2rem,5vw,3.5rem)}.booking-public-hero p{margin:0;color:var(--muted)}.booking-public-intro{max-width:720px;margin:0 0 20px 98px;color:var(--muted);line-height:1.65}.booking-public-step{margin-bottom:18px;padding:clamp(20px,4vw,34px)}.booking-public-step>div:first-child{display:flex;align-items:center;gap:13px;margin-bottom:20px}.booking-public-step>div:first-child>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1769e0,#22d3a6);color:#fff;font-weight:900}.booking-public-step h2{margin:2px 0}.booking-public-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:11px;margin-bottom:20px}.booking-public-types label{position:relative}.booking-public-types input,.booking-slot-grid input{position:absolute;opacity:0}.booking-public-types label>span{display:grid;min-height:150px;gap:7px;padding:17px;border:1px solid var(--line);border-left:5px solid var(--event-color,#1769e0);border-radius:16px;background:#fff;cursor:pointer}.booking-public-types label small{color:var(--muted);line-height:1.4}.booking-public-types label b{align-self:end;color:#1769e0;font-size:.78rem}.booking-public-types input:checked+span{border-color:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.12)}.booking-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:9px;margin-bottom:24px}.booking-slot-grid label span{display:grid;place-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:800;cursor:pointer}.booking-slot-grid input:checked+span{border-color:#1769e0;background:#1769e0;color:#fff}.booking-customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.booking-customer-fields .field{margin:0}.booking-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.booking-submit{width:100%;margin-top:20px}.booking-no-slots{padding:24px;border:1px solid #f0cf86;border-radius:16px;background:#fff8e8;text-align:center}.booking-public-footer{padding:12px;color:var(--muted);font-size:.78rem;text-align:center}.booking-cancel-shell{max-width:720px}.booking-cancel-card{padding:34px;text-align:center}.booking-cancel-card form{margin-top:22px}
@media(max-width:1000px){.booking-metrics{grid-template-columns:1fr 1fr}.booking-calendar-card{overflow-x:auto}.booking-availability-day>div{grid-template-columns:1fr 1fr}}@media(max-width:700px){.booking-metrics{grid-template-columns:1fr 1fr}.booking-metrics .card{padding:15px}.booking-calendar{min-width:680px}.booking-availability-day{grid-template-columns:1fr}.booking-public-hero{align-items:flex-start;flex-direction:column}.booking-public-intro{margin-left:0}.booking-customer-fields{grid-template-columns:1fr}.booking-block-list article{align-items:flex-start;flex-direction:column}.booking-status-form{min-width:220px}}@media(max-width:460px){.booking-metrics{grid-template-columns:1fr}.booking-public-shell{width:min(100% - 18px,940px);margin-top:10px}.booking-public-hero{padding:18px 6px}.booking-public-hero img{width:58px;height:58px}.booking-public-types{grid-template-columns:1fr}.booking-availability-day>div{grid-template-columns:1fr 1fr}}

/* Öffentliche Terminwahl: Terminart, Monatskalender und Bestätigung */
.booking-public-message{width:min(700px,100%);margin:0 auto 22px;text-align:center;box-shadow:0 10px 30px rgba(15,34,61,.06)}
.booking-reschedule-form{display:grid;min-width:220px;gap:7px;padding-top:9px}.booking-reschedule-form input{min-height:38px}.booking-reschedule-form .button{justify-content:center}.table-wrap details>summary{cursor:pointer;margin-top:5px;font-weight:750}

/* Central e-mail delivery log */
.email-log-metrics{margin-bottom:20px}.email-log-filter-card{margin-bottom:20px}.email-log-filters{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(150px,1fr)) repeat(2,minmax(135px,.8fr));gap:12px;align-items:end}.email-log-filters .field{margin:0}.email-log-filter-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.email-log-detail{display:grid;gap:20px;margin-bottom:20px}.email-log-detail .section-heading,.email-log-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.email-log-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.email-log-detail-facts>div{display:grid;align-content:start;gap:6px;min-height:78px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.email-log-detail-facts span{color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}.email-log-detail-facts strong:not(.badge){overflow-wrap:anywhere;font-size:13px}.email-log-context{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.email-log-context>summary{cursor:pointer;font-weight:800}.email-log-context dl{display:grid;gap:7px;margin:14px 0 0}.email-log-context dl>div{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(0,1fr);gap:12px;padding-top:7px;border-top:1px solid var(--line)}.email-log-context dt{color:var(--muted);font-size:11px;font-weight:800}.email-log-context dd{margin:0;overflow-wrap:anywhere;font-size:12px}.email-log-preview-heading h3{margin:3px 0 0}.email-log-preview-frame{display:block;width:100%;min-height:620px;border:1px solid var(--line);border-radius:16px;background:#fff}.email-log-text-preview{max-height:620px;margin:0;padding:24px;overflow:auto;border:1px solid var(--line);border-radius:16px;background:#f8fafc;color:#26344c;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.email-log-table{padding:0}.email-log-table table{margin:0}.email-log-table td{vertical-align:top}.email-log-table td:nth-child(4){overflow-wrap:anywhere}.email-log-error-summary{display:block;max-width:440px;margin-top:6px;color:#b32139;font-size:10px;line-height:1.4}.email-log-row-failed{background:#fff9fa}.email-log-footnote{margin-top:14px;font-size:11px}
@media(max-width:1100px){.email-log-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.email-log-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.email-log-filters,.email-log-detail-facts{grid-template-columns:1fr}.email-log-detail .section-heading,.email-log-preview-heading{align-items:flex-start;flex-direction:column}.email-log-preview-frame{min-height:480px}.email-log-context dl>div{grid-template-columns:1fr;gap:4px}}
.booking-account-assignment{display:grid;gap:2px;margin-top:9px;padding:8px 10px;border:1px solid #f0cf86;border-radius:10px;background:#fff8e8;color:#8b5a00}.booking-account-assignment.is-assigned{border-color:#a7e5d4;background:#ecfbf7;color:#08745d}.booking-account-assignment small{font-size:.66rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.booking-account-assignment strong,.booking-account-assignment span{overflow:hidden;text-overflow:ellipsis}.booking-account-assignment span{font-size:.72rem}.booking-account-details>summary{color:#1769e0}.booking-account-form{display:grid;min-width:300px;gap:8px;padding-top:9px}.booking-account-form label{display:grid;gap:5px}.booking-account-form label>span{color:var(--muted);font-size:.7rem;font-weight:800}.booking-account-form select{max-width:360px}.booking-account-form .button{justify-content:center}
.booking-confirmation{display:flex;align-items:center;width:min(650px,100%);margin:28px auto 42px;padding:clamp(34px,7vw,64px);flex-direction:column;text-align:center;border-color:#a7e5d4;background:linear-gradient(145deg,#fff,#ecfbf7);box-shadow:0 24px 70px rgba(14,100,79,.14)}
.booking-confirmation-icon{display:grid;place-items:center;width:82px;height:82px;margin-bottom:22px;border-radius:50%;background:linear-gradient(135deg,#11b98a,#25d5ad);color:#fff;font-size:42px;font-weight:900;box-shadow:0 14px 34px rgba(17,185,138,.28)}
.booking-confirmation h2{margin:6px 0 12px;font-size:clamp(2rem,5vw,3.1rem)}
.booking-confirmation>p:not(.eyebrow){max-width:500px;margin:0 0 25px;color:var(--muted);font-size:1.02rem;line-height:1.65}
.booking-public-type{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:118px;padding:18px;border:1px solid var(--line);border-left:5px solid var(--event-color,#1769e0);border-radius:16px;background:#fff;color:var(--ink);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.booking-public-type:hover{transform:translateY(-2px);border-color:var(--event-color,#1769e0);box-shadow:0 12px 28px rgba(15,34,61,.09)}
.booking-public-type>span{display:grid;gap:7px;min-width:0}
.booking-public-type small{color:var(--muted);line-height:1.45}
.booking-public-type b{color:#1769e0;font-size:.78rem}
.booking-public-type>i{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#edf3fb;color:#1769e0;font-size:25px;font-style:normal;font-weight:900}
.booking-public-type.is-selected{border-color:var(--event-color,#1769e0);background:color-mix(in srgb,var(--event-color,#1769e0) 5%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--event-color,#1769e0) 14%,transparent)}
.booking-public-type.is-selected>i{background:var(--event-color,#1769e0);color:#fff}
.booking-date-time-layout{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(360px,1.18fr);gap:20px;align-items:start}
.booking-date-calendar,.booking-time-panel{padding:20px;border:1px solid var(--line);border-radius:18px;background:#f8fafc}
.booking-date-calendar>header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:14px;text-align:center}
.booking-date-calendar>header a,.booking-date-calendar>header span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:#1769e0;font-size:27px;font-weight:850;box-shadow:inset 0 0 0 1px var(--line)}
.booking-date-calendar>header span{color:#b7c0ce;background:#f1f4f8}
.booking-date-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.booking-date-calendar-weekdays{margin-bottom:6px;color:var(--muted);font-size:.68rem;text-align:center;text-transform:uppercase}
.booking-date-calendar-grid>a,.booking-date-calendar-grid>span{display:grid;place-items:center;aspect-ratio:1;border-radius:11px;color:#9aa6b6;font-size:.82rem;font-weight:800}
.booking-date-calendar-grid>a{background:#fff;color:#12345f;box-shadow:inset 0 0 0 1px #cbd9eb;transition:transform .14s ease,background .14s ease,color .14s ease}
.booking-date-calendar-grid>a:hover{transform:translateY(-1px);background:#eaf2ff;color:#1769e0}
.booking-date-calendar-grid>a.is-selected{background:#1769e0;color:#fff;box-shadow:0 8px 18px rgba(23,105,224,.24)}
.booking-date-calendar-grid>.is-today:not(.is-selected){box-shadow:inset 0 0 0 2px #25cfa8;color:#08745d}
.booking-date-calendar-grid>.is-empty{visibility:hidden}
.booking-date-calendar>small{display:block;margin-top:15px;color:var(--muted);text-align:center}
.booking-time-panel{min-height:330px;background:#fff}
.booking-time-panel h3{margin:2px 0 17px;font-size:1.45rem}
.booking-slot-option[hidden]{display:none!important}
.booking-slot-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-10px 0 24px;padding:12px 14px;border:1px solid #d8e4f2;border-radius:14px;background:linear-gradient(135deg,#f7faff,#f0f8ff)}
.booking-slot-pager>small{color:var(--muted);font-size:.72rem}.booking-slot-pager>small strong{color:#1769e0}
.booking-slot-pager>div{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.booking-slot-pager .button{min-height:38px;padding:8px 13px}
.booking-time-placeholder{display:flex;align-items:center;justify-content:center;min-height:285px;flex-direction:column;text-align:center}
.booking-time-placeholder>span{margin-bottom:14px;font-size:42px}
.booking-time-placeholder strong{font-size:1.05rem}
.booking-time-placeholder p{max-width:290px;margin:8px 0 0;color:var(--muted);line-height:1.5}
@media(max-width:820px){.booking-date-time-layout{grid-template-columns:1fr}.booking-date-calendar,.booking-time-panel{padding:16px}.booking-time-panel{min-height:0}.booking-time-placeholder{min-height:190px}}
@media(max-width:560px){.booking-slot-pager{align-items:stretch;flex-direction:column}.booking-slot-pager>small{text-align:center}.booking-slot-pager>div{justify-content:center}.booking-slot-pager .button{flex:1 1 auto}}

/* Interner Preiskalkulator: reine Browserberechnung ohne Datenübernahme. */
.price-calculator-header{align-items:center}.price-calculator-safety{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:center;margin-bottom:20px;padding:15px 17px;border:1px solid #9edfd2;border-radius:14px;background:linear-gradient(135deg,#edfcf8,#eef6ff)}.price-calculator-safety>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0c9f81;color:#fff;font-size:19px;font-weight:900}.price-calculator-safety strong,.price-calculator-safety p{display:block}.price-calculator-safety p{margin:3px 0 0;color:#526178;font-size:12px;line-height:1.5}.price-calculator{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(340px,.68fr);gap:20px;align-items:start}.price-calculator-form{display:grid;gap:18px}.price-calculator-card{box-shadow:none}.price-calculator-card-head{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}.price-calculator-card-head>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#1769ff,#28d7b4);color:#fff;font-size:12px;font-weight:900}.price-calculator-card-head .eyebrow{margin:2px 0 4px}.price-calculator-card-head h2{margin:0 0 5px}.price-calculator-card-head p:last-child{margin:0;line-height:1.5}.price-calculator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.price-calculator-fields .field{align-content:start}.price-calculator-fields .field>span:first-child{color:#3d4960;font-size:12px;font-weight:800}.price-calculator-fields .field>small{color:var(--muted);font-size:10px;line-height:1.45}.price-calculator-money,.price-calculator-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;border:1px solid #cfd7e4;border-radius:8px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.price-calculator-money:focus-within,.price-calculator-unit:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,255,.11)}.price-calculator-money input,.price-calculator-unit input{min-width:0;border:0;border-radius:0;box-shadow:none!important}.price-calculator-money b,.price-calculator-unit b{display:grid;place-items:center;min-width:48px;padding:0 12px;border-left:1px solid var(--line);background:#f5f8fc;color:#526178;font-size:11px}.price-calculator-actions{display:flex;justify-content:flex-end;margin-top:20px}.price-calculator-result{position:sticky;top:18px;display:grid;gap:14px}.price-calculator-result>.card{box-shadow:none}.price-calculator-result-main{overflow:hidden;background:radial-gradient(circle at 95% 0,rgba(40,215,180,.32),transparent 12rem),linear-gradient(145deg,#0a1933,#1769e0);color:#fff;box-shadow:0 18px 42px rgba(10,25,51,.2)!important}.price-calculator-result-main .eyebrow{color:#70ead4}.price-calculator-result-label{display:block;color:#c4d4ea;font-size:12px;font-weight:750}.price-calculator-result-main>strong{display:block;margin:7px 0 3px;font-size:clamp(38px,4vw,54px);line-height:1;letter-spacing:-.04em}.price-calculator-result-main>small{color:#c4d4ea}.price-calculator-margin{display:flex;justify-content:space-between;gap:15px;margin-top:21px;padding-top:15px;border-top:1px solid rgba(255,255,255,.18)}.price-calculator-margin span{color:#c4d4ea}.price-calculator-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:0;overflow:hidden;background:var(--line)}.price-calculator-result-grid>div{display:grid;gap:4px;min-height:104px;padding:16px;background:#fff}.price-calculator-result-grid span,.price-calculator-result-grid small{color:var(--muted);font-size:10px}.price-calculator-result-grid strong{font-size:18px}.price-calculator-breakdown h2{margin:0}.price-calculator-breakdown dl{display:grid;margin:18px 0 0}.price-calculator-breakdown dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--line)}.price-calculator-breakdown dt{color:#526178;font-size:11px}.price-calculator-breakdown dd{margin:0;font-size:12px;font-weight:850}.price-calculator-breakdown .price-calculator-breakdown-total{margin-top:4px;border-top:2px solid #aebdd2}.price-calculator-breakdown-total dt,.price-calculator-breakdown-total dd{color:var(--ink);font-size:13px}.price-calculator-batch{display:grid;gap:0}.price-calculator-batch>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--line)}.price-calculator-batch span{color:var(--muted);font-size:11px}.price-calculator-batch strong{font-size:12px}.price-calculator-error{margin:0;padding:12px 14px;border:1px solid #ffc1cc;border-radius:10px;background:#fff0f2;color:#ad2239;font-size:12px;font-weight:800}.price-calculator-footnote{margin:0;padding:0 4px;color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:1050px){.price-calculator{grid-template-columns:1fr}.price-calculator-result{position:static;grid-template-columns:1fr 1fr}.price-calculator-result-main,.price-calculator-breakdown,.price-calculator-error,.price-calculator-footnote{grid-column:1/-1}}
@media(max-width:680px){.price-calculator-header .button{width:100%}.price-calculator-fields,.price-calculator-result{grid-template-columns:1fr}.price-calculator-result-main,.price-calculator-breakdown,.price-calculator-error,.price-calculator-footnote{grid-column:auto}.price-calculator-card-head{grid-template-columns:40px minmax(0,1fr)}.price-calculator-card-head>span{width:40px;height:40px}.price-calculator-safety{align-items:start}.price-calculator-actions .button{width:100%}}
@media print{.sidebar,.topbar,.admin-workspace-ribbon,.price-calculator-header .button,.price-calculator-safety,.price-calculator-form,.legal-footer{display:none!important}.app-shell{display:block}.content{max-width:none;padding:0}.price-calculator{display:block}.price-calculator-result{position:static}.price-calculator-result>.card{break-inside:avoid}.price-calculator-result-main{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
@media(max-width:460px){.booking-confirmation{padding:30px 20px}.booking-confirmation-icon{width:68px;height:68px;font-size:34px}.booking-public-type{min-height:104px;padding:15px}.booking-date-calendar-grid{gap:4px}.booking-date-calendar-grid>a,.booking-date-calendar-grid>span{border-radius:9px;font-size:.76rem}}
/* Compact service notices in the central administration. */
.service-notice-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.service-notice-example{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid;border-radius:18px;background:#fff}.service-notice-example>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;font-weight:900}.service-notice-example div{display:grid;gap:2px}.service-notice-example small{color:#667085}.service-notice-example.is-info{border-color:#b8d5ff;background:#f1f7ff}.service-notice-example.is-info>span{background:#d9eaff;color:#1769e0}.service-notice-example.is-warning{border-color:#f4ca78;background:#fff8e8}.service-notice-example.is-warning>span{background:#ffe5ad;color:#9b5d00}.service-notice-example.is-notice{border-color:#9bdfd0;background:#effcf8}.service-notice-example.is-notice>span{background:#cef5eb;color:#087e68}.service-notice-type-info{background:#e7f1ff!important;color:#1769e0!important}.service-notice-type-warning{background:#fff0cb!important;color:#8a5200!important}.service-notice-type-notice{background:#dbf8f0!important;color:#087e68!important}@media(max-width:800px){.service-notice-examples{grid-template-columns:1fr}}

/* Gespeicherte Kalkulationen bleiben visuell und technisch vom Produktpreis getrennt. */
.price-calculator-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.price-calculator-overview>.card-row{align-items:flex-end;gap:20px;margin-bottom:18px}.price-calculator-search{width:min(360px,100%)}.price-calculator-search input{width:100%}.price-calculator-table td{vertical-align:middle}.price-calculator-table td:last-child{text-align:right}.price-calculator-empty{margin:18px 0 0;padding:24px;border-radius:14px;background:#f5f8fc;color:var(--muted);text-align:center}.price-calculator-product-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;margin:0 0 20px;border:1px solid var(--line);border-radius:16px;background:var(--line);gap:1px}.price-calculator-product-strip>div{display:grid;gap:5px;min-height:86px;padding:17px;background:#fff}.price-calculator-product-strip span{color:var(--muted);font-size:10px;font-weight:750}.price-calculator-product-strip strong{font-size:13px}.price-calculator-actions{align-items:center;justify-content:space-between;gap:14px}.price-calculator-actions>.muted{font-size:11px}.price-calculator-actions .form-actions{margin:0}
@media(max-width:900px){.price-calculator-product-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.price-calculator-overview>.card-row{align-items:stretch;flex-direction:column}.price-calculator-search{width:100%}}
@media(max-width:680px){.price-calculator-metrics,.price-calculator-product-strip{grid-template-columns:1fr}.price-calculator-actions{align-items:stretch;flex-direction:column}.price-calculator-actions .form-actions{width:100%}.price-calculator-actions .form-actions .button{flex:1}}
@media print{.price-calculator-product-strip{grid-template-columns:repeat(4,minmax(0,1fr));print-color-adjust:exact;-webkit-print-color-adjust:exact}.price-calculator-overview{display:none!important}}

/* Service notice shown to customers. Kept in the external stylesheet for CSP compatibility. */
.ra-service-notice{--n-bg:#f1f7ff;--n-border:#b8d5ff;--n-accent:#1769e0;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;margin:0 0 24px;padding:15px 16px;border:1px solid var(--n-border);border-left:5px solid var(--n-accent);border-radius:16px;background:var(--n-bg);color:#101828;box-shadow:0 9px 25px rgba(16,24,40,.06);font:14px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ra-service-notice--warning{--n-bg:#fff8e8;--n-border:#f4ca78;--n-accent:#9b5d00}.ra-service-notice--notice{--n-bg:#effcf8;--n-border:#9bdfd0;--n-accent:#087e68}.ra-service-notice__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:var(--n-accent);font-size:18px;font-weight:900;box-shadow:inset 0 0 0 1px var(--n-border)}.ra-service-notice__copy{min-width:0}.ra-service-notice__copy strong{display:block;margin:0;color:#101828;font-size:15px;line-height:1.3}.ra-service-notice__copy p{margin:4px 0 0;color:#475467;line-height:1.5}.ra-service-notice__actions{display:flex;align-items:center;gap:8px}.ra-service-notice__link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border-radius:11px;background:var(--n-accent);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:850;white-space:nowrap}.ra-service-notice__link:hover{filter:brightness(.94)}.ra-service-notice__close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:11px;background:rgba(255,255,255,.7);color:#667085;font:24px/1 system-ui,-apple-system,sans-serif;cursor:pointer}.ra-service-notice__close:hover{background:#fff;color:#101828}@media(max-width:650px){.ra-service-notice{grid-template-columns:auto minmax(0,1fr);align-items:start;margin-bottom:18px;padding:14px}.ra-service-notice__actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.ra-service-notice__link{white-space:normal}}

/* Instagram-Studio v3: feste Markenregeln, Produktkarten und lokale PNG-Ebenen. */
.instagram-studio-header{align-items:center}.instagram-studio-header-actions{display:flex;gap:10px;flex-wrap:wrap}.instagram-studio-note{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:center;margin-bottom:20px;padding:15px 17px;border:1px solid #9edfd2;border-radius:14px;background:linear-gradient(135deg,#edfcf8,#eef6ff)}.instagram-studio-note>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0c9f81;color:#fff;font-size:20px;font-weight:900}.instagram-studio-note strong{display:block}.instagram-studio-note p{margin:3px 0 0;color:#526178;font-size:12px;line-height:1.5}.instagram-studio{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(450px,1.2fr);gap:20px;align-items:start}.instagram-studio-controls{display:grid;gap:16px}.instagram-control-card{box-shadow:none}.instagram-control-heading{display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.instagram-control-heading>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#1769ff,#28d7b4);color:#fff;font-size:12px;font-weight:900}.instagram-control-heading .eyebrow{margin:0 0 3px}.instagram-control-heading h2{margin:0;font-size:21px}.instagram-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.instagram-control-stack{display:grid;gap:13px}.instagram-control-card .field{margin:0}.instagram-control-card .field>span{color:#3d4960;font-size:11px;font-weight:850}.instagram-control-card textarea{resize:vertical}.instagram-control-card .field>small{justify-self:end;color:var(--muted);font-size:9px}.instagram-upload-copy{margin:-3px 0 14px;font-size:11px}.instagram-upload-drop{display:grid;place-items:center;min-height:124px;padding:18px;border:1.5px dashed #a9bdd8;border-radius:15px;background:#f7faff;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.instagram-upload-drop:hover{border-color:#1769ff;background:#eef5ff}.instagram-upload-drop input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.instagram-upload-drop>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:8px;border-radius:11px;background:#e5efff;color:#1769ff;font-size:24px}.instagram-upload-drop strong,.instagram-upload-drop small{display:block}.instagram-upload-drop small{margin-top:4px;color:var(--muted);font-size:10px}.instagram-layer-list{display:grid;gap:7px;margin-top:13px}.instagram-layer-list>p{margin:0;padding:8px 2px;font-size:11px}.instagram-layer{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:42px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-align:left}.instagram-layer>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#eef4fd;color:#1769ff;font-size:10px;font-weight:900}.instagram-layer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.instagram-layer small{color:var(--muted);font-size:9px}.instagram-layer.is-selected{border-color:#1769ff;box-shadow:0 0 0 3px rgba(23,105,255,.09)}.instagram-layer-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.instagram-layer-tools .form-actions{grid-column:1/-1;margin:0}.instagram-studio-preview-panel{position:sticky;top:18px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:#e9eef5;box-shadow:0 18px 48px rgba(14,30,61,.1)}.instagram-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.instagram-preview-toolbar .eyebrow{margin-bottom:2px}.instagram-preview-toolbar strong{font-size:13px}.instagram-canvas-stage{display:grid;place-items:center;min-height:500px;padding:18px;overflow:hidden;border-radius:14px;background-color:#dce3ed;background-image:linear-gradient(45deg,#d4dce7 25%,transparent 25%),linear-gradient(-45deg,#d4dce7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d4dce7 75%),linear-gradient(-45deg,transparent 75%,#d4dce7 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.instagram-canvas-stage canvas{display:block;width:auto;max-width:100%;max-height:760px;border-radius:5px;background:#fff;box-shadow:0 18px 45px rgba(9,19,40,.2);touch-action:none;cursor:default}.instagram-canvas-stage canvas:active{cursor:grabbing}.instagram-preview-hint{margin:13px 3px 0;color:#5b6880;font-size:10px;line-height:1.5}

/* mdlnk.de: administration remains inside the protected RealAccount back office. */
.short-links-header{align-items:center;padding:28px;border:1px solid #cfe0f5;border-radius:24px;background:radial-gradient(circle at 92% 12%,rgba(36,211,190,.18),transparent 13rem),linear-gradient(135deg,#f4f8ff,#fff)}.short-links-header>div{max-width:820px}.short-link-created{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(320px,1.3fr);align-items:center;gap:24px;margin:18px 0;border-color:#9edfd2;background:#edfcf8}.short-link-created h2,.short-link-created p{margin:3px 0}.short-link-metrics{margin:18px 0}.short-link-admin-layout{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(520px,1.28fr);gap:18px;align-items:start}.short-link-create{position:sticky;top:18px}.short-link-create>.field,.short-link-edit .field,.short-link-filter .field{margin:0}.short-link-create{display:grid;gap:14px}.short-link-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-with-prefix{display:grid;grid-template-columns:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}.input-with-prefix>span{display:grid;place-items:center;padding:0 0 0 13px;color:#516075;font-size:12px;font-weight:800}.input-with-prefix>input{border:0;border-radius:0;padding-left:4px}.short-link-list-column,.short-link-list{display:grid;gap:14px}.short-link-filter{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;align-items:end;gap:10px;padding:15px}.short-link-card{display:grid;gap:13px;margin:0}.short-link-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.short-link-card-head h2{margin:8px 0 0;font-size:19px}.short-link-count{display:grid;min-width:78px;color:#1769ff;font-size:26px;text-align:right}.short-link-count small{color:var(--muted);font-size:9px;text-transform:uppercase}.short-link-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.short-link-copy input{min-width:0;color:#155fd5;font-weight:800}.short-link-target{display:block;overflow:hidden;color:#53627a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.short-link-meta{display:flex;flex-wrap:wrap;gap:7px 14px;color:var(--muted);font-size:10px}.short-link-edit{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0}.short-link-edit>summary{cursor:pointer;font-size:12px;font-weight:850}.short-link-edit>form{display:grid;gap:12px;padding-top:14px}.short-link-actions{display:flex;flex-wrap:wrap;gap:8px}.short-link-actions form{margin:0}
@media(max-width:1050px){.short-link-admin-layout{grid-template-columns:1fr}.short-link-create{position:static}.short-link-filter{grid-template-columns:1fr 180px auto}}
@media(max-width:680px){.short-link-created{grid-template-columns:1fr}.short-link-filter,.short-link-form-grid{grid-template-columns:1fr}.short-link-copy{grid-template-columns:1fr}.short-link-copy .button{width:100%}.short-link-card-head{align-items:center}}
@media(max-width:1050px){.instagram-studio{grid-template-columns:1fr}.instagram-studio-preview-panel{position:static;grid-row:1}.instagram-canvas-stage canvas{max-height:650px}}
@media(max-width:680px){.instagram-studio-header{align-items:stretch;flex-direction:column}.instagram-studio-header-actions{display:grid;grid-template-columns:1fr 1fr}.instagram-control-grid{grid-template-columns:1fr}.instagram-layer-tools{grid-template-columns:1fr}.instagram-layer-tools .form-actions{grid-column:auto}.instagram-canvas-stage{min-height:300px;padding:10px}.instagram-studio-preview-panel{padding:12px}.instagram-studio-note{align-items:start}}
.instagram-layer-tools[hidden]{display:none!important}
.instagram-points-field[hidden]{display:none!important}

/* Zentrale Kundenbewertungen */
.reviews-public-shell{width:min(1180px,100%);margin:0 auto}.reviews-site-header{display:grid;grid-template-columns:minmax(160px,220px) minmax(210px,1fr) auto;align-items:center;gap:22px;margin-bottom:16px;padding:15px 18px;border:1px solid #d6e3f4;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(9,31,67,.07)}.reviews-md-brand{display:flex;align-items:center;min-width:0}.reviews-md-brand img{display:block;width:100%;max-width:190px;height:52px;object-fit:contain;object-position:left center}.reviews-realaccount-brand{display:flex;align-items:center;gap:11px;width:max-content;color:var(--ink);text-decoration:none}.reviews-realaccount-brand .brand-mark{width:42px;height:42px}.reviews-realaccount-brand .brand-mark img{width:100%;height:100%;object-fit:contain}.reviews-realaccount-brand>span:last-child{display:grid}.reviews-realaccount-brand strong{font-size:15px}.reviews-realaccount-brand small{color:var(--muted);font-size:10px}.reviews-site-header nav{display:flex;align-items:center;justify-content:flex-end;gap:15px}.reviews-site-header nav>a:not(.button){color:#526178;font-size:11px;font-weight:800;text-decoration:none}.reviews-site-header nav>a:not(.button):hover{color:#1769e0}.reviews-brand-rail{display:flex;align-items:center;justify-content:center;gap:22px;min-height:66px;margin-bottom:18px;padding:11px 20px;border:1px solid #dce6f3;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff)}.reviews-brand-rail>span{color:#6a778c;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.reviews-brand-rail img{display:block;width:auto;max-width:128px;height:30px;object-fit:contain}.reviews-brand-rail img[alt="RealAccount"]{height:34px}.reviews-brand-rail img[alt="RealPing"]{height:34px}.reviews-site-header-compact{grid-template-columns:minmax(160px,220px) minmax(210px,1fr) auto}.review-invitation-shell{max-width:880px}.review-invitation-card{margin:0 auto}.review-invitation-service{display:flex;justify-content:center;margin-bottom:18px}.review-invitation-service .service-chip{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 13px;border:1px solid #d6e3f4;border-radius:13px;background:#f7faff;font-size:11px;font-weight:850}.review-invitation-service .service-chip img{width:auto;max-width:120px;height:auto;max-height:28px;background:transparent}.review-security-strip{display:flex;align-items:center;justify-content:center;gap:11px;width:min(700px,100%);margin:14px auto 0;padding:14px 18px;border:1px solid #9edfd2;border-radius:15px;background:#edfcf8}.review-security-strip>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#0c9f81;color:#fff;font-weight:900}.review-security-strip>div{display:grid;gap:2px}.review-security-strip small{color:#526178}.review-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.reviews-page-header{align-items:center;padding:28px;border:1px solid #cfe0f5;border-radius:24px;background:radial-gradient(circle at 92% 15%,rgba(36,211,190,.2),transparent 13rem),linear-gradient(135deg,#f4f8ff,#fff)}.reviews-page-header>div:first-child{max-width:780px}.reviews-score{display:grid;min-width:210px;gap:4px;padding:20px 24px;border:1px solid #d6e3f4;border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(9,31,67,.09);text-align:center}.reviews-score>strong{font-size:42px;line-height:1;color:#0c1830}.reviews-score small{color:var(--muted)}.review-stars{color:#ffad0a;font-weight:900;letter-spacing:.06em}.reviews-score .review-stars{font-size:23px}.review-trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;margin:18px 0;background:var(--line);border:1px solid var(--line);border-radius:17px}.review-trust-strip>span{padding:15px 17px;background:#fff;color:var(--muted);font-size:12px;line-height:1.5}.review-trust-strip b{color:var(--ink)}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}.review-card{display:flex;min-height:230px;flex-direction:column;margin:0}.review-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.review-card-head>div{display:grid;gap:5px}.review-card-head small{color:var(--muted);font-weight:750}.review-card h2{margin:18px 0 2px;font-size:19px}.review-card>p{flex:1;margin:10px 0;color:#3f4b60;line-height:1.65}.review-card>footer{display:flex;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}.review-card>footer time{color:var(--muted)}.review-badge{display:inline-flex;align-items:center;width:max-content;padding:6px 9px;border-radius:999px;background:#eaf2ff;color:#1758ab;font-size:10px;font-weight:900;white-space:nowrap}.review-badge-verified{background:#dff8f0;color:#08755e}.review-empty{grid-column:1/-1;text-align:center}.review-form-card{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(400px,1.35fr);gap:34px;scroll-margin-top:20px}.review-form-intro h2{margin-top:4px}.review-form-intro p{line-height:1.6}.review-form{display:grid;gap:15px}.review-form .field{margin:0}.review-rating-field{margin:0;padding:0;border:0}.review-rating-field legend{margin-bottom:8px;font-size:12px;font-weight:850}.review-rating-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.review-rating-options label{position:relative}.review-rating-options input{position:absolute;opacity:0}.review-rating-options span{display:grid;place-items:center;min-height:44px;border:1px solid var(--line);border-radius:11px;background:#f8fafc;cursor:pointer;font-size:12px;font-weight:850}.review-rating-options input:checked+span{border-color:#ffad0a;background:#fff8e5;color:#8d5f00;box-shadow:0 0 0 3px rgba(255,173,10,.12)}.review-rating-options input:focus-visible+span{outline:3px solid rgba(23,105,224,.25)}.review-invitation-card{max-width:700px}.review-invitation-card h1{margin-bottom:8px}.review-verified-note{display:grid;gap:4px;margin:18px 0;padding:14px 16px;border:1px solid #9edfd2;border-radius:14px;background:#edfcf8}.review-verified-note span{color:#526178;font-size:12px;line-height:1.5}.review-submitted-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0;padding:17px;border:1px solid var(--line);border-radius:15px;background:#f8fafc}.review-submitted-summary .review-stars{font-size:22px}.review-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.review-admin-stats .stat-card{display:grid;gap:8px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.review-admin-stats span{color:var(--muted);font-size:11px;font-weight:800}.review-admin-stats strong{font-size:30px}.review-admin-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.review-admin-layout>.card{margin:0}.review-admin-layout .stack-form{display:grid;gap:13px}.review-admin-layout .field{margin:0}.input-with-suffix{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--line);border-radius:10px}.input-with-suffix input{border:0;border-radius:0}.input-with-suffix span{display:grid;place-items:center;padding:0 14px;background:#f4f7fb;color:var(--muted);font-size:12px;font-weight:800}.review-moderation-actions{display:flex;min-width:330px;flex-wrap:wrap;gap:6px;margin-top:10px}.table-wrap td .review-stars{white-space:nowrap}
@media(max-width:950px){.reviews-site-header{grid-template-columns:1fr auto}.reviews-realaccount-brand{display:none}.reviews-brand-rail{flex-wrap:wrap}.review-form-card{grid-template-columns:1fr}.review-admin-layout{grid-template-columns:1fr}.review-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.review-trust-strip{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}}
@media(max-width:620px){.reviews-site-header,.reviews-site-header-compact{grid-template-columns:1fr;justify-items:center}.reviews-md-brand img{object-position:center}.reviews-site-header nav{justify-content:center;flex-wrap:wrap}.reviews-site-header-compact .reviews-realaccount-brand{display:flex}.reviews-brand-rail{gap:13px;padding:12px}.reviews-brand-rail>span{width:100%;text-align:center}.reviews-brand-rail img{max-width:92px;height:24px}.reviews-page-header{align-items:stretch;flex-direction:column}.reviews-score{width:100%}.review-form-card{padding:18px}.review-rating-options{grid-template-columns:repeat(5,minmax(48px,1fr));overflow-x:auto}.review-admin-stats{grid-template-columns:1fr}.review-card-head{align-items:flex-start;flex-direction:column}.review-moderation-actions{min-width:250px}}
.review-compliance-note{display:grid;gap:4px;margin:12px 0 16px;padding:13px 14px;border:1px solid #f2cf77;border-radius:13px;background:#fff8e6;color:#72510c}.review-compliance-note span{font-size:11px;line-height:1.5}
.review-admin-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.review-risk-note{display:grid;gap:3px;margin:10px 0;padding:9px 10px;border:1px solid #f2cf77;border-radius:10px;background:#fff8e6;color:#72510c}.review-risk-note strong{font-size:11px}.review-risk-note span{font-size:10px;line-height:1.45}@media(max-width:950px){.review-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.review-admin-stats{grid-template-columns:1fr}}
.review-reward-note{display:grid;gap:4px;margin:14px 0;padding:14px 16px;border:1px solid #8adfd2;border-radius:14px;background:linear-gradient(135deg,#effcf9,#f4f8ff)}.review-reward-note strong{color:#087b68}.review-reward-note span{color:#526178;font-size:12px;line-height:1.5}.coupon-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.coupon-admin-grid>.card{margin:0}.coupon-admin-grid .stack-form{display:grid;gap:13px}.coupon-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.coupon-token-card{border-color:#79d7ca;background:linear-gradient(135deg,#effcf9,#fff)}.coupon-token-value{overflow:auto;margin:14px 0;padding:14px;border:1px dashed #159985;border-radius:12px;background:#fff}.coupon-token-value code{font-size:13px;white-space:nowrap}.coupon-admin-grid hr{margin:24px 0;border:0;border-top:1px solid var(--line)}@media(max-width:950px){.coupon-admin-grid{grid-template-columns:1fr}}@media(max-width:620px){.coupon-form-row{grid-template-columns:1fr}}

/* Mehrfachauswahl für Dienste in Bewertungen. */
.review-service-field{display:grid;gap:8px;margin:0;padding:0;border:0}.review-service-field>legend{font-size:12px;font-weight:850}.review-service-field>legend small{color:var(--muted);font-weight:650}.review-service-field>p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.review-service-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.review-service-options>label{position:relative;display:grid;cursor:pointer}.review-service-options input{position:absolute;opacity:0;pointer-events:none}.review-service-options label>span{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;min-height:70px;padding:10px 44px 10px 10px;border:1px solid var(--line);border-radius:13px;background:#f8fafc;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.review-service-options label>span::after{content:'✓';position:absolute;top:50%;right:14px;display:grid;place-items:center;width:22px;height:22px;border:1px solid #b8c7da;border-radius:7px;background:#fff;color:transparent;font-size:13px;font-weight:950;transform:translateY(-50%)}.review-service-options .product-mark{width:42px;height:42px;flex-basis:42px;border-radius:10px}.review-service-options .product-mark img{padding:4px}.review-service-copy{display:grid;gap:3px;min-width:0}.review-service-options strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.review-service-options small{color:var(--muted);font-size:10px}.review-service-options input:checked+span{border-color:#5f9cf2;background:linear-gradient(135deg,#eef5ff,#f0fcfa);box-shadow:0 0 0 3px rgba(23,105,224,.08)}.review-service-options input:checked+span::after{border-color:#1769e0;background:linear-gradient(135deg,#1769e0,#20cdb2);color:#fff}.review-service-options input:focus-visible+span{outline:3px solid rgba(23,105,224,.22);outline-offset:2px}.review-service-options-admin{grid-template-columns:repeat(2,minmax(0,1fr))}.review-invitation-service{flex-wrap:wrap;gap:8px}.review-card-head small{max-width:420px;line-height:1.4}.review-card-services,.review-table-services{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.review-card-services .service-chip,.review-table-services .service-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 8px 4px 5px;border:1px solid #d6e3f4;border-radius:9px;background:#f7faff;color:#33435d;font-size:10px;font-weight:800}.review-card-services .service-chip img,.review-table-services .service-chip img{width:22px;height:22px;border:0;border-radius:5px;background:#fff;object-fit:contain}.review-table-services+small{display:block;margin-top:7px}@media(max-width:620px){.review-service-options,.review-service-options-admin{grid-template-columns:1fr}}

/* Freiwillige Kommunikation: getrennte Entscheidungen, klarer Status und neutraler Punktebonus. */
.communication-preferences{display:grid;gap:18px}.communication-preferences>.section{margin:0}.communication-voluntary-card{overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(36,211,190,.16),transparent 18rem),linear-gradient(135deg,#f7faff,#fff)}.communication-points-badge{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:999px;background:#dff8f0;color:#08755e;font-size:12px;font-weight:900;white-space:nowrap}.communication-choice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:start;margin-top:12px;padding:16px;border:1px solid #cfdaea;border-radius:15px;background:rgba(255,255,255,.88);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.communication-choice:hover{border-color:#8eb8f5}.communication-choice>input{width:20px;height:20px;margin:2px 0 0;accent-color:#1769e0}.communication-choice>span{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px}.communication-choice strong{font-size:14px}.communication-choice small{grid-column:1;color:var(--muted);line-height:1.55}.communication-choice b{grid-column:2;grid-row:1/3;align-self:center;padding:6px 9px;border-radius:999px;background:#edf3fb;color:#526178;font-size:10px;white-space:nowrap}.communication-choice:has(input:checked){border-color:#8eb8f5;box-shadow:0 0 0 3px rgba(23,105,224,.08)}.communication-choice:has(input:checked) b{background:#dff8f0;color:#08755e}.communication-legal-copy{margin:15px 0 0;color:#5a687e;font-size:11px;line-height:1.6}.communication-savebar{position:sticky;bottom:14px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border:1px solid #c9d8ec;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 16px 42px rgba(9,31,67,.14);backdrop-filter:blur(12px)}.communication-savebar>div{display:grid;gap:3px}.communication-savebar small{color:var(--muted)}
@media(max-width:680px){.communication-voluntary-card .card-row,.communication-savebar{align-items:stretch;flex-direction:column}.communication-choice>span{grid-template-columns:1fr}.communication-choice b{grid-column:1;grid-row:auto;justify-self:start}.communication-savebar .button{width:100%}}

/* Rückrufaktion direkt am Termin. */
.booking-row-actions{display:grid;min-width:255px;gap:10px}.booking-unreachable-details{padding-top:10px;border-top:1px solid var(--line)}.booking-unreachable-details>summary{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 12px;border:1px solid #f0c66c;border-radius:10px;background:#fff8e8;color:#8b5a00;cursor:pointer;font-size:11px;font-weight:850;list-style:none}.booking-unreachable-details>summary::-webkit-details-marker{display:none}.booking-unreachable-details>summary::after{content:'›';font-size:19px;line-height:1;transition:transform .15s ease}.booking-unreachable-details[open]>summary::after{transform:rotate(90deg)}.booking-unreachable-form{display:grid;gap:9px;padding:10px 1px 0}.booking-unreachable-form p{margin:0;color:var(--muted);font-size:10px;line-height:1.45;overflow-wrap:anywhere}.booking-unreachable-form .check-row{margin:0;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}.booking-unreachable-button{justify-content:center;border:1px solid #f0c66c;background:#fff8e8;color:#8b5a00}.booking-unreachable-button:hover{border-color:#e7ad34;background:#ffefc7;color:#704600}@media(max-width:700px){.booking-row-actions{min-width:220px}}

.analytics-bar i{width:100%!important}.analytics-breakdown-list b{height:100%!important}.analytics-bar.analytics-pct-0 i{height:0}

/* Support feedback – focused confirmation instead of a detached system alert. */
.ticket-feedback-shell{position:relative;display:grid;place-items:center;min-height:calc(100vh - 145px);padding:clamp(34px,6vw,76px) 20px;overflow:hidden;background:radial-gradient(circle at 72% 16%,rgba(40,215,180,.14),transparent 25rem),radial-gradient(circle at 22% 78%,rgba(23,105,224,.11),transparent 28rem),#f4f7fb}.ticket-feedback-shell:before,.ticket-feedback-shell:after{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(40,215,180,.28);border-radius:50%;pointer-events:none}.ticket-feedback-shell:before{top:-165px;right:8%}.ticket-feedback-shell:after{bottom:-210px;left:7%}.ticket-feedback-card{position:relative;z-index:1;width:min(100%,820px);max-width:none;margin:0;padding:clamp(28px,5vw,52px);border-radius:26px;box-shadow:0 26px 70px rgba(14,30,61,.13)}.ticket-feedback-card.is-submitted{border-color:#c7e5df}.ticket-feedback-brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:38px}.ticket-feedback-brand-row .standalone-brand{margin:0}.ticket-feedback-secure{padding:8px 11px;border-radius:999px;background:#e8f8f3;color:#087456;font-size:11px;font-weight:850}.ticket-feedback-success-mark{display:grid;place-items:center;width:62px;height:62px;margin-bottom:24px;border-radius:19px;background:linear-gradient(135deg,#1769e0,#28d7b4);box-shadow:0 14px 30px rgba(23,105,224,.22);color:#fff;font-size:30px;font-weight:900}.ticket-feedback-card h1{max-width:650px;font-size:clamp(38px,5vw,58px);letter-spacing:-.045em}.ticket-feedback-card>.lead{max-width:650px;font-size:17px}.support-feedback-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0 24px;padding:0;background:transparent}.support-feedback-summary>span{display:grid;gap:8px;min-height:102px;padding:18px 20px;border:1px solid #dce5f1;border-radius:17px;background:#f6f9fd}.support-feedback-summary small{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.support-feedback-summary strong,.support-feedback-stars{color:#f5a000;font-size:1.35rem;letter-spacing:.08em}.support-feedback-summary .ticket-feedback-result{color:#25354e;font-size:15px;letter-spacing:0}.support-feedback-summary .ticket-feedback-result.is-resolved{color:#087456}.ticket-feedback-actions{display:flex;flex-wrap:wrap;gap:10px}.ticket-feedback-closing{margin:26px 0 0;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}@media(max-width:700px){.ticket-feedback-shell{place-items:start center;min-height:0;padding:20px 12px 38px}.ticket-feedback-card{padding:26px 20px;border-radius:20px}.ticket-feedback-brand-row{align-items:flex-start;margin-bottom:28px}.ticket-feedback-secure{display:none}.support-feedback-summary{grid-template-columns:1fr}.ticket-feedback-actions .button{width:100%}}
/* Central, privacy-conscious service analytics */
.analytics-header{align-items:flex-start}.analytics-filter{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,.7fr) auto;gap:14px;align-items:end;margin-bottom:18px}.analytics-filter .field{margin:0}.analytics-metrics{margin-bottom:18px}.analytics-chart-card{margin-bottom:18px;overflow:hidden}.analytics-chart-card h2,.analytics-table-card h2,.analytics-breakdown h2,.analytics-referrers h2{margin:3px 0 0}.analytics-chart{display:flex;align-items:stretch;gap:4px;height:260px;margin-top:20px;padding:12px 4px 30px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,rgba(148,163,184,.16) 55px)}.analytics-bar{position:relative;display:flex;flex:1;min-width:2px;align-items:flex-end;height:100%}.analytics-bar i{display:block;width:100%;min-height:3px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#20d3b0 0%,#1478f2 72%,#175cd3 100%);box-shadow:0 5px 12px rgba(23,105,224,.12);transition:filter .16s ease,transform .16s ease}.analytics-bar:hover i{filter:saturate(1.2) brightness(.96);transform:translateY(-2px)}.analytics-bar small{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);color:var(--muted);font-size:10px;white-space:nowrap}.analytics-empty{margin-top:18px}.analytics-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px;margin-bottom:18px}.analytics-table-card{padding:0;overflow:hidden}.analytics-table-card>.card-row{padding:20px 22px 14px}.analytics-table-card table{margin:0}.analytics-table-card code{display:inline-block;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#164e82}.analytics-breakdown{display:grid;align-content:start;gap:20px}.analytics-breakdown-list{display:grid;gap:18px}.analytics-breakdown-list>div{display:grid;gap:8px}.analytics-breakdown-list span{display:flex;align-items:center;justify-content:space-between;gap:16px}.analytics-breakdown-list em{color:var(--muted);font-style:normal;font-size:.85rem}.analytics-breakdown-list i{display:block;height:9px;border-radius:999px;background:#eaf0f7;overflow:hidden}.analytics-breakdown-list b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1769e0,#22d3a6)}.analytics-pct-5 i,.analytics-breakdown-list b.analytics-pct-5{height:5%;width:5%}.analytics-pct-10 i,.analytics-breakdown-list b.analytics-pct-10{height:10%;width:10%}.analytics-pct-15 i,.analytics-breakdown-list b.analytics-pct-15{height:15%;width:15%}.analytics-pct-20 i,.analytics-breakdown-list b.analytics-pct-20{height:20%;width:20%}.analytics-pct-25 i,.analytics-breakdown-list b.analytics-pct-25{height:25%;width:25%}.analytics-pct-30 i,.analytics-breakdown-list b.analytics-pct-30{height:30%;width:30%}.analytics-pct-35 i,.analytics-breakdown-list b.analytics-pct-35{height:35%;width:35%}.analytics-pct-40 i,.analytics-breakdown-list b.analytics-pct-40{height:40%;width:40%}.analytics-pct-45 i,.analytics-breakdown-list b.analytics-pct-45{height:45%;width:45%}.analytics-pct-50 i,.analytics-breakdown-list b.analytics-pct-50{height:50%;width:50%}.analytics-pct-55 i,.analytics-breakdown-list b.analytics-pct-55{height:55%;width:55%}.analytics-pct-60 i,.analytics-breakdown-list b.analytics-pct-60{height:60%;width:60%}.analytics-pct-65 i,.analytics-breakdown-list b.analytics-pct-65{height:65%;width:65%}.analytics-pct-70 i,.analytics-breakdown-list b.analytics-pct-70{height:70%;width:70%}.analytics-pct-75 i,.analytics-breakdown-list b.analytics-pct-75{height:75%;width:75%}.analytics-pct-80 i,.analytics-breakdown-list b.analytics-pct-80{height:80%;width:80%}.analytics-pct-85 i,.analytics-breakdown-list b.analytics-pct-85{height:85%;width:85%}.analytics-pct-90 i,.analytics-breakdown-list b.analytics-pct-90{height:90%;width:90%}.analytics-pct-95 i,.analytics-breakdown-list b.analytics-pct-95{height:95%;width:95%}.analytics-pct-100 i,.analytics-breakdown-list b.analytics-pct-100{height:100%;width:100%}.analytics-referrers{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:24px;align-items:start;margin-top:18px}.analytics-referrer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.analytics-referrer-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#f8fafc}.analytics-referrer-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-referrer-list span{color:var(--muted);font-size:.82rem;white-space:nowrap}@media(max-width:900px){.analytics-filter{grid-template-columns:1fr 1fr}.analytics-filter .button{grid-column:1/-1}.analytics-columns,.analytics-referrers{grid-template-columns:1fr}.analytics-referrer-list{grid-template-columns:1fr}}@media(max-width:600px){.analytics-filter{grid-template-columns:1fr}.analytics-chart{gap:2px;height:210px}.analytics-bar small{display:none}.analytics-referrer-list{grid-template-columns:1fr}}

/* Einmalige Plan-Testphasen und zentrale Kontingentübersicht. */
.trial-plans-hero{align-items:center;overflow:hidden;background:radial-gradient(circle at 92% 8%,rgba(36,211,190,.2),transparent 17rem),linear-gradient(135deg,#f4f8ff,#fff);color:var(--ink)}.trial-plans-hero>div{max-width:850px}.trial-plans-hero h1{color:var(--ink)}.trial-plans-hero .eyebrow{color:var(--blue)}.trial-plans-hero .lead{color:var(--muted)}.trial-plans-hero .button{border-color:#c9d8ec;background:#fff;color:var(--ink)}.quota-overview-section{margin-top:22px}.service-quota-grid,.trial-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-quota-card,.trial-service-card{margin:0}.service-quota-card{position:relative;overflow:hidden}.service-quota-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#20b996}.service-quota-card.quota-state-warning:before{background:#e7a323}.service-quota-card.quota-state-danger:before{background:#db3b56}.service-quota-heading,.trial-service-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.service-quota-heading h3,.trial-service-head h2{margin:2px 0 0}.service-quota-heading small{color:var(--muted);font-weight:750}.quota-figure{display:flex;align-items:baseline;gap:9px;margin:24px 0 10px}.quota-figure strong{font-size:clamp(30px,4vw,44px);letter-spacing:-.045em}.quota-figure span{color:var(--muted);font-weight:800}.quota-meter{height:10px;overflow:hidden;border-radius:999px;background:#e9eef5}.quota-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1769e0,#20cdb2)}.quota-state-warning .quota-meter span{background:linear-gradient(90deg,#f0b035,#e38b1b)}.quota-state-danger .quota-meter span{background:linear-gradient(90deg,#ef6479,#c92c48)}.service-quota-card>p{margin:12px 0 0;font-size:11px;line-height:1.5}.badge-danger{background:#ffe3e8!important;color:#a51f3a!important}.badge-trial{background:#dff8f0!important;color:#08745e!important}.quota-empty{grid-column:1/-1;text-align:left}.quota-empty strong{display:block;margin-bottom:5px;color:var(--ink)}.active-plan-list .product-row{flex:1}.trial-service-card{display:grid;align-content:start;gap:18px}.trial-status-panel{padding:14px 16px;border:1px solid #9ddfd1;border-radius:14px;background:#effcf8}.trial-status-panel strong{color:#08745e}.trial-status-panel p{margin:5px 0 0;color:#526178;font-size:11px;line-height:1.55}.trial-status-warning{border-color:#f2ce78;background:#fff8e7}.trial-status-warning strong{color:#8b5900}.trial-status-danger{border-color:#f1a7b4;background:#fff1f3}.trial-status-danger strong{color:#a51f3a}.trial-plan-options{display:grid;gap:12px}.trial-plan-option{display:grid;gap:14px;padding-top:15px;border-top:1px solid var(--line)}.trial-plan-option h3{margin:0 0 4px}.trial-plan-option p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.trial-start-form{display:grid;gap:12px}.trial-consent{align-items:flex-start;margin:0;padding:12px;border:1px solid #d6e1ef;border-radius:12px;background:#f7faff}.trial-consent input{margin-top:2px}.trial-consent span{color:#526178;font-size:10px;line-height:1.5}.trial-start-form .button{width:100%}
@media(max-width:900px){.service-quota-grid,.trial-service-grid{grid-template-columns:1fr}}@media(max-width:620px){.trial-plans-hero,.service-quota-heading,.trial-service-head{align-items:stretch;flex-direction:column}.trial-plans-hero .button{width:100%}.active-plan-list .card-row{align-items:flex-start;flex-direction:column}}

/* Subscription lifecycle, cancellation and points passes */
.active-subscription-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.active-subscription-actions form{margin:0}.point-pass-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.point-pass-card{display:grid;align-content:start;gap:16px;margin:0}.point-pass-head,.cancellation-contract-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.point-pass-head h3,.cancellation-contract-head h2{margin:2px 0 0}.point-pass-head small,.cancellation-contract-head small{color:var(--muted);font-weight:800}.point-pass-card>p{margin:0;color:var(--muted);line-height:1.55}.point-pass-price{display:flex;align-items:baseline;gap:10px;padding:16px 0;border-block:1px solid var(--line)}.point-pass-price strong{font-size:36px;letter-spacing:-.04em;color:var(--blue)}.point-pass-price span{color:var(--muted);font-weight:850}.point-pass-card>small{color:var(--muted)}.point-pass-note{padding:13px 15px;border:1px solid #d6e1ef;border-radius:12px;background:#f7faff;color:#526178;font-size:12px;line-height:1.5}.point-pass-form{display:grid;gap:12px}.point-pass-form .check-row{margin:0;padding:13px;border:1px solid #cfe0f6;border-radius:13px;background:#f6faff}.point-pass-form .button{width:100%}.badge-mint{background:#dff8f0!important;color:#08745e!important}.plan-commercial-settings{display:grid;gap:14px;padding:18px;border:1px solid #d7e2f0;border-radius:16px;background:#f8fbff}.plan-commercial-settings>.field{margin:0}.cancellation-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(circle at 90% 10%,rgba(36,211,190,.18),transparent 17rem),linear-gradient(135deg,#f4f8ff,#fff)}.cancellation-hero>div{max-width:840px}.cancellation-list{display:grid;gap:15px}.cancellation-list>.plans-section-head{margin-bottom:0}.cancellation-contract-card{display:grid;gap:19px;margin:0}.cancellation-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--line)}.cancellation-facts>div{min-width:0;padding:15px;background:#fff}.cancellation-facts dt{color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}.cancellation-facts dd{margin:5px 0 0;overflow-wrap:anywhere;font-weight:850}.cancellation-result{padding:16px 18px;border-left:4px solid var(--blue);border-radius:10px;background:#f4f8ff}.cancellation-result p{margin:5px 0 0;color:var(--muted);line-height:1.55}.cancellation-confirm-form{display:grid;gap:14px}.cancellation-confirm-form .check-row{margin:0}.cancellation-confirm-form .button{justify-self:start;min-width:190px}.cancellation-help{display:flex;align-items:center;justify-content:space-between;gap:25px}.cancellation-help h2{margin:.15rem 0}.cancellation-help p{margin:0}
@media(max-width:900px){.point-pass-grid{grid-template-columns:1fr}.cancellation-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.active-subscription-actions,.point-pass-head,.cancellation-contract-head,.cancellation-hero,.cancellation-help{align-items:stretch;flex-direction:column}.active-subscription-actions{justify-content:flex-start}.cancellation-facts{grid-template-columns:1fr}.cancellation-confirm-form .button,.cancellation-hero .button,.cancellation-help .button{width:100%}}

/* Zentrale Zustandsanzeige für Cronjobs und dienstübergreifende Automatisierungen. */
.cron-health-endpoint{display:grid;gap:5px;padding:11px 13px;border:1px dashed #c8d6e8;border-radius:12px;background:#f8fafc}.cron-health-endpoint small{color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.cron-health-endpoint code{overflow:auto;color:#164e82;font-size:10px;white-space:nowrap}
.system-health-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;background:radial-gradient(circle at 96% 2%,rgba(36,211,190,.18),transparent 19rem),linear-gradient(135deg,#f5f9ff,#fff)}.system-health-hero-copy{max-width:780px}.system-health-hero-copy h1{margin-bottom:9px}.health-overall-state{display:grid;grid-template-columns:15px minmax(220px,1fr);gap:13px;align-items:start;min-width:min(100%,330px);padding:18px;border:1px solid #d9e4f1;border-radius:18px;background:rgba(255,255,255,.86)}.health-overall-state>span,.health-count-dot,.health-status-dot{display:block;border-radius:999px}.health-overall-state>span{width:13px;height:13px;margin-top:5px;background:#1769e0;box-shadow:0 0 0 6px rgba(23,105,224,.11)}.health-overall-state div{display:grid;gap:4px}.health-overall-state small{color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.health-overall-state strong{font-size:18px}.health-overall-state p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.health-overall-healthy .health-overall-state>span{background:#17a77f;box-shadow:0 0 0 6px rgba(23,167,127,.12)}.health-overall-warning .health-overall-state>span{background:#e6a020;box-shadow:0 0 0 6px rgba(230,160,32,.14)}.health-overall-failed .health-overall-state>span{background:#d63d59;box-shadow:0 0 0 6px rgba(214,61,89,.12)}.system-health-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.system-health-metrics .metric{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px}.system-health-metrics .metric>div{display:grid;gap:2px}.system-health-metrics .metric small{color:var(--muted);font-size:11px;font-weight:800}.system-health-metrics .metric strong{font-size:28px;line-height:1}.health-count-dot{width:14px;height:14px}.health-dot-healthy{background:#17a77f}.health-dot-running{background:#1769e0}.health-dot-warning{background:#e6a020}.health-dot-failed{background:#d63d59}.system-health-section{margin-top:24px}.system-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.cron-health-card{position:relative;display:grid;align-content:start;gap:16px;margin:0;overflow:hidden}.cron-health-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#17a77f}.cron-state-warning:before{background:#e6a020}.cron-state-failed:before{background:#d63d59}.cron-state-running:before{background:#1769e0}.cron-health-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.cron-health-title{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start}.health-status-dot{width:11px;height:11px;margin-top:7px;background:#17a77f;box-shadow:0 0 0 5px rgba(23,167,127,.1)}.cron-state-warning .health-status-dot{background:#e6a020;box-shadow:0 0 0 5px rgba(230,160,32,.12)}.cron-state-failed .health-status-dot{background:#d63d59;box-shadow:0 0 0 5px rgba(214,61,89,.1)}.cron-state-running .health-status-dot{background:#1769e0;box-shadow:0 0 0 5px rgba(23,105,224,.1)}.cron-health-title small{color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.cron-health-title h3{margin:3px 0 0;font-size:17px}.health-badge{white-space:nowrap}.health-badge-healthy{background:#dff8f0!important;color:#08745e!important}.health-badge-running{background:#e5efff!important;color:#1458b8!important}.health-badge-warning{background:#fff1cd!important;color:#885700!important}.health-badge-failed{background:#ffe3e8!important;color:#a51f3a!important}.cron-description{min-height:38px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.cron-health-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cron-health-facts>div{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.cron-health-facts small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.cron-health-facts strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.cron-health-message{padding:12px 14px;border-radius:13px;background:#edf9f5;color:#08745e}.cron-state-warning .cron-health-message{background:#fff8e8;color:#805300}.cron-state-failed .cron-health-message{background:#fff0f3;color:#9f213b}.cron-state-running .cron-health-message{background:#eef5ff;color:#1557b0}.cron-health-message p{margin:4px 0 0;font-size:11px;line-height:1.5}.cron-health-message small{display:block;margin-top:6px;color:inherit;opacity:.76}.cron-result{font-size:11px}.cron-result summary{cursor:pointer;color:#1769e0;font-weight:800}.cron-result pre{max-height:260px;margin:10px 0 0;padding:12px;overflow:auto;border:1px solid #d9e4f1;border-radius:11px;background:#0e1c31;color:#dfeafd;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.cron-history-card{margin-top:22px}.cron-history-card .table-wrap{margin:16px -24px -24px}.cron-history-card table{margin:0}.cron-history-card td>small{display:block;margin-top:3px;color:var(--muted)}.cron-history-message{max-width:460px;white-space:normal;overflow-wrap:anywhere}@media(max-width:980px){.system-health-hero{align-items:stretch;flex-direction:column}.system-health-grid{grid-template-columns:1fr}}@media(max-width:720px){.system-health-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cron-health-head{align-items:flex-start;flex-direction:column}.cron-health-facts{grid-template-columns:1fr}.cron-description{min-height:0}}@media(max-width:440px){.system-health-metrics{grid-template-columns:1fr}}
.cron-history-actions{display:flex;align-items:flex-end;flex-direction:column;gap:8px}.cron-history-actions small{color:var(--muted);font-weight:700}@media(max-width:720px){.cron-history-actions{align-items:flex-start}}
.system-alert-settings{margin-top:22px}.system-alert-form{display:grid;gap:18px;margin-top:18px}.system-alert-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.system-alert-options .check-row{align-items:flex-start;margin:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.system-alert-options .check-row span{display:grid;gap:4px}.system-alert-options .check-row strong{font-size:13px}.system-alert-options .check-row small,.system-alert-fields .field small{color:var(--muted);font-size:10px;line-height:1.45}.system-alert-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:14px}.system-alert-fields .field{margin:0}.system-alert-actions{margin:0}.system-alert-hint{margin:0;padding:11px 13px;border-radius:12px;background:#fff8e8;color:#805300;font-size:10px;line-height:1.55}@media(max-width:850px){.system-alert-options{grid-template-columns:1fr}.system-alert-fields{grid-template-columns:1fr}}@media(max-width:560px){.system-alert-actions{align-items:stretch;flex-direction:column}.system-alert-actions .button{width:100%}}
/* Serverstatus */
.status-public-shell{max-width:1180px;margin:0 auto;padding:18px 0 48px}.status-site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.status-brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.status-brand>svg{width:46px;height:46px}.status-brand span{display:grid}.status-brand strong{font-size:1.08rem}.status-brand small{color:var(--muted);font-weight:700}.status-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:46px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,#fff 12%,#f4f8ff 68%,#e8fbf8);box-shadow:var(--shadow)}.status-hero:after{content:"";position:absolute;width:280px;height:280px;border:2px solid rgba(23,202,186,.23);border-radius:50%;right:-110px;top:-150px}.status-hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.02;margin:4px 0 12px}.status-hero p:not(.eyebrow){max-width:660px;color:var(--muted);font-size:1.08rem;margin:0}.status-overall{position:relative;z-index:1;min-width:230px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px)}.status-overall small{grid-column:2;color:var(--muted);margin-top:3px}.status-pulse{width:13px;height:13px;border-radius:50%;background:#13ad83;box-shadow:0 0 0 7px rgba(19,173,131,.13)}.status-tone-warning .status-pulse,.status-tone-warning.status-component i{background:#e9a313;box-shadow:0 0 0 7px rgba(233,163,19,.13)}.status-tone-outage .status-pulse,.status-tone-outage.status-component i,.status-tone-danger .status-pulse,.status-tone-danger.status-component i{background:#e43b61;box-shadow:0 0 0 7px rgba(228,59,97,.12)}.status-tone-maintenance .status-pulse,.status-tone-maintenance.status-component i{background:#2476f3;box-shadow:0 0 0 7px rgba(36,118,243,.12)}.status-section{margin-top:38px}.status-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}.status-section-heading h2{margin:2px 0 0;font-size:1.65rem}.status-section-heading>span{color:var(--muted);font-weight:750}.status-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.status-component{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(26,47,83,.055)}.status-component>div{display:grid;gap:4px}.status-component small{color:var(--muted);line-height:1.35}.status-component>span{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#07845f;font-weight:850}.status-component i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#13ad83}.status-tone-warning.status-component>span{color:#9b6800}.status-tone-outage.status-component>span,.status-tone-danger.status-component>span{color:#b51f43}.status-tone-maintenance.status-component>span{color:#145dc7}.status-clear{display:flex;align-items:center;gap:16px;padding:25px;border:1px solid #b9e8d9;border-radius:20px;background:#effbf7}.status-clear>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#13ad83;color:#fff;font-size:1.3rem;font-weight:900}.status-clear strong{font-size:1.08rem}.status-clear p{margin:4px 0 0;color:var(--muted)}.status-incident-list,.status-admin-incidents{display:grid;gap:16px}.status-incident{border:1px solid var(--line);border-left:5px solid #e9a313;border-radius:20px;background:#fff;padding:24px}.status-incident.status-tone-danger,.status-incident.status-tone-outage{border-left-color:#e43b61}.status-incident.status-tone-maintenance{border-left-color:#2476f3}.status-incident>header,.status-admin-incident>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.status-incident h3,.status-admin-incident h3{margin:8px 0 0;font-size:1.3rem}.status-incident>p,.status-admin-incident>p{color:var(--muted);line-height:1.6}.status-incident-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;color:var(--muted);font-size:.9rem;font-weight:700}.status-timeline{list-style:none;margin:22px 0 0;padding:20px 0 0;border-top:1px solid var(--line)}.status-timeline li{display:grid;grid-template-columns:14px 1fr;gap:13px;position:relative;padding-bottom:18px}.status-timeline li>span{width:10px;height:10px;margin-top:5px;border:2px solid #2476f3;border-radius:50%;background:#fff}.status-timeline li>div{display:grid;grid-template-columns:1fr auto;gap:4px 16px}.status-timeline small{color:var(--muted)}.status-timeline p{grid-column:1/-1;margin:3px 0 0;color:var(--muted)}.status-history details{border-top:1px solid var(--line);padding:0 4px}.status-history summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;cursor:pointer}.status-history summary>span{display:grid;gap:4px}.status-history small,.status-history time{color:var(--muted)}.status-history details>p{color:var(--muted);margin:0 0 18px}.status-empty{padding:22px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.status-privacy-note{text-align:center;color:var(--muted);font-size:.88rem;margin:30px 0 0}.status-admin-components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.status-component-admin{display:grid;gap:18px;padding:20px}.status-component-admin>div:first-of-type{display:grid;gap:4px}.status-component-admin small{color:var(--muted)}.status-component-form{display:grid;grid-template-columns:1fr auto;gap:10px}.status-incident-create{margin-top:28px}.status-component-choices{border:0;padding:0}.status-component-choices legend{font-weight:800;margin-bottom:10px}.status-component-choices>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.status-component-choices .check-row{margin:0;padding:11px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.status-admin-incident{padding:24px}.status-admin-incident form{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.status-admin-history{display:grid}.status-admin-history>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.status-admin-history>div>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e7f8f1;color:#07845f;font-weight:900}.status-admin-history>div>div{display:grid;gap:3px}.status-admin-history small{color:var(--muted)}
@media (max-width:780px){.status-public-shell{padding-top:4px}.status-hero{padding:28px 22px;align-items:stretch;flex-direction:column}.status-overall{min-width:0;width:100%}.status-component-grid,.status-admin-components{grid-template-columns:1fr}.status-component{align-items:flex-start;flex-direction:column}.status-section-heading{align-items:flex-start;flex-direction:column}.status-component-choices>div{grid-template-columns:1fr}.status-incident>header,.status-admin-incident>header{flex-direction:column}.status-timeline li>div{grid-template-columns:1fr}.status-timeline small{grid-column:1}.status-site-header{align-items:flex-start}.status-site-header .button{font-size:.8rem;padding:10px 12px}.status-history summary{align-items:flex-start;flex-direction:column}}
.status-component>img{width:42px;height:42px;object-fit:contain;flex:0 0 auto}.status-component>div{flex:1;min-width:0}@media(max-width:780px){.status-component{display:grid;grid-template-columns:42px 1fr}.status-component>span{grid-column:1/-1}}
/* Kompakter Cronjob-Zustand auf der Admin-Startseite. */
.dashboard-health-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:18px;padding:19px 22px;color:var(--ink);text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.dashboard-health-card:hover{transform:translateY(-1px);border-color:#a9bfdf;box-shadow:0 18px 42px rgba(14,30,61,.12)}.dashboard-health-dot{width:13px;height:13px;border-radius:50%;background:#17a77f;box-shadow:0 0 0 6px rgba(23,167,127,.12)}.dashboard-health-card>div{display:grid;gap:3px}.dashboard-health-card small{color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.dashboard-health-card strong{font-size:17px}.dashboard-health-card p{margin:0;color:var(--muted);font-size:12px}.dashboard-health-link{color:var(--blue);font-size:12px;font-weight:850;white-space:nowrap}.dashboard-health-warning .dashboard-health-dot{background:#e6a020;box-shadow:0 0 0 6px rgba(230,160,32,.14)}.dashboard-health-failed .dashboard-health-dot{background:#d63d59;box-shadow:0 0 0 6px rgba(214,61,89,.12)}.dashboard-health-running .dashboard-health-dot{background:#1769e0;box-shadow:0 0 0 6px rgba(23,105,224,.11)}@media(max-width:620px){.dashboard-health-card{grid-template-columns:auto minmax(0,1fr)}.dashboard-health-link{grid-column:2}}
/* Etikettenstudio im Admin: dieselben 50,8-x-25,4-mm-Vorlagen wie in der MD-App. */
.label-web-studio{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(500px,1.1fr);gap:22px;align-items:start;margin:24px 0}.label-web-studio>.card{margin:0}.label-web-controls .card-row{align-items:flex-start}.label-web-controls .card-row .muted{max-width:650px;margin:5px 0 0;line-height:1.5}.label-web-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.label-web-form-grid .field{margin:0}.label-web-controls [hidden]{display:none!important}.label-web-preview-card{position:sticky;top:22px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#edf4fe,#fbfdff);box-shadow:var(--shadow)}.label-web-preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:15px}.label-web-preview-heading h2{margin:2px 0 0}.label-web-preview-heading>span{display:grid;place-items:center;min-width:42px;height:32px;padding:0 10px;border-radius:999px;background:#fff;color:var(--blue);font-weight:850}.label-web-preview-stage{display:grid;place-items:center;padding:32px 24px;border-radius:17px;background-color:#dce6f2;background-image:linear-gradient(45deg,#e8eef6 25%,transparent 25%),linear-gradient(-45deg,#e8eef6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8eef6 75%),linear-gradient(-45deg,transparent 75%,#e8eef6 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.label-web-preview{position:relative;width:min(100%,610px);aspect-ratio:2/1;overflow:hidden;padding:18px 20px;border:2px solid #101827;border-radius:12px;background:#fff;color:#071126;box-shadow:0 18px 38px rgba(10,28,58,.18)}.label-preview-brand{position:absolute;top:16px;left:20px;font-size:14px;font-weight:900;letter-spacing:-.04em}.label-preview-eyebrow{margin:0 0 4px 43%;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.label-web-preview>strong{display:block;margin:0 0 9px 43%;font-size:21px;line-height:1.04}.label-web-preview>p{max-width:70%;margin:0;padding-top:10px;border-top:1px solid #172033;font-size:10px;font-weight:680;line-height:1.35}.label-preview-code{position:absolute;right:24px;bottom:36px;display:grid;justify-items:center;gap:3px;width:54%;height:64px}.label-preview-code i{display:block;width:100%;height:46px;background:repeating-linear-gradient(90deg,#071126 0 2px,transparent 2px 5px,#071126 5px 8px,transparent 8px 11px)}.label-preview-code small{max-width:100%;overflow:hidden;font-size:8px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.label-preview-code.is-qr{right:24px;bottom:45px;width:72px;height:72px}.label-preview-code.is-qr i{width:64px;height:64px;background:repeating-conic-gradient(#071126 0 25%,#fff 0 50%) 50%/10px 10px;border:5px solid #071126;box-shadow:inset 0 0 0 4px #fff}.label-preview-code.is-qr small{font-size:7px}.label-web-preview footer{position:absolute;right:20px;bottom:14px;left:20px;display:flex;justify-content:space-between;gap:12px;font-size:7px;font-weight:800;text-transform:uppercase}.label-web-preview[data-code-style="none"]>p{max-width:100%;font-size:11px}.label-web-preview[data-template="profile_sticker"]>p{max-width:100%;font-size:8px}.label-web-preview[data-template="b_ware"]>strong{margin-left:48%;}.label-web-preview[data-template="b_ware"]>p{max-width:100%;text-align:center}.label-web-preview-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin-top:15px;border:1px solid var(--line);border-radius:13px;background:var(--line)}.label-web-preview-facts>span{display:grid;gap:3px;padding:11px;background:#fff}.label-web-preview-facts strong{font-size:9px}.label-web-preview-facts small{color:var(--muted);font-size:8px}.label-web-preview-card>.muted{margin:14px 1px 0;font-size:10px;line-height:1.5}@media(max-width:1120px){.label-web-studio{grid-template-columns:1fr}.label-web-preview-card{position:static;grid-row:1}}@media(max-width:620px){.label-web-form-grid,.label-web-preview-facts{grid-template-columns:1fr}.label-web-preview-stage{padding:12px}.label-web-preview{padding:12px 13px}.label-preview-brand{top:11px;left:13px;font-size:10px}.label-preview-eyebrow{margin-left:42%;font-size:6px}.label-web-preview>strong{margin-left:42%;font-size:15px}.label-web-preview>p{font-size:7px}.label-preview-code{right:14px;bottom:27px;height:42px}.label-preview-code i{height:30px}.label-web-preview footer{right:13px;bottom:8px;left:13px;font-size:5px}}
/* Druckstudio für DIN-lang-Briefumschläge. */
.envelope-designer-layout{display:grid;grid-template-columns:minmax(380px,.8fr) minmax(560px,1.2fr);gap:24px;align-items:start}.envelope-designer-controls{display:grid;gap:15px}.envelope-designer-controls>.card{margin:0}.envelope-designer-controls .field{margin:14px 0 0}.envelope-designer-controls .field small{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.45}.envelope-motif-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.envelope-motif-options label,.envelope-service-options label{position:relative}.envelope-motif-options input,.envelope-service-options input{position:absolute;opacity:0;pointer-events:none}.envelope-motif-options span{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;min-height:72px;padding:9px;border:1px solid var(--line);border-radius:13px;background:#f8fafc;cursor:pointer}.envelope-motif-options img{width:54px;height:54px;object-fit:contain;border-radius:8px;background:#fff}.envelope-motif-options strong{font-size:11px}.envelope-motif-options input:checked+span,.envelope-service-options input:checked+span{border-color:#1769e0;background:#edf4ff;box-shadow:0 0 0 3px rgba(23,105,224,.1)}.envelope-motif-options input:focus-visible+span,.envelope-service-options input:focus-visible+span{outline:3px solid rgba(23,105,224,.23)}.envelope-service-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.envelope-service-options span{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;cursor:pointer}.envelope-service-options img{width:42px;height:32px;object-fit:contain}.envelope-service-options strong{font-size:10px;line-height:1.25}.envelope-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.envelope-preview-panel{position:sticky;top:22px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#edf4fe,#f8fbff);box-shadow:var(--shadow)}.envelope-preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.envelope-preview-heading h2{margin:2px 0 0}.envelope-preview-heading>span{color:var(--muted);font-size:10px;font-weight:800}.envelope-preview-stage{display:grid;place-items:center;overflow:hidden;padding:24px;border-radius:16px;background-color:#dde6f1;background-image:linear-gradient(45deg,#e8eef6 25%,transparent 25%),linear-gradient(-45deg,#e8eef6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8eef6 75%),linear-gradient(-45deg,transparent 75%,#e8eef6 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.envelope-preview-stage canvas{display:block;width:100%;height:auto;aspect-ratio:2/1;background:#fff;box-shadow:0 18px 45px rgba(14,30,61,.18)}.envelope-print-hints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin-top:16px;border:1px solid var(--line);border-radius:13px;background:var(--line)}.envelope-print-hints>span{display:grid;gap:3px;padding:12px;background:#fff}.envelope-print-hints strong{font-size:10px}.envelope-print-hints small{color:var(--muted);font-size:9px}.envelope-printer-note{margin:15px 2px 0;font-size:10px;line-height:1.55}@media(max-width:1150px){.envelope-designer-layout{grid-template-columns:1fr}.envelope-preview-panel{position:static;grid-row:1}}@media(max-width:620px){.envelope-motif-options,.envelope-service-options,.envelope-actions,.envelope-print-hints{grid-template-columns:1fr}.envelope-preview-stage{padding:10px}.envelope-preview-panel{padding:14px}}
.envelope-template-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:25px 0 16px;padding:18px 20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,#fff,#f5f9ff)}.envelope-template-heading>div{display:flex;align-items:center;gap:14px}.envelope-template-heading>div>span{display:grid;place-items:center;min-width:76px;height:34px;padding:0 12px;border-radius:999px;background:#1769ee;color:#fff;font-size:11px;font-weight:850}.envelope-template-heading h2{margin:2px 0 0}.envelope-template-heading p{max-width:590px;margin:0;color:var(--muted);font-size:11px;line-height:1.5}.envelope-template-heading-legal{margin-top:38px;background:linear-gradient(135deg,#f5f9ff,#edfbf8)}.envelope-template-heading-legal>div>span{background:linear-gradient(135deg,#1769ee,#18bfae)}.envelope-legal-layout{margin-bottom:30px}.envelope-legal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.envelope-legal-fields .field{margin-top:14px}.envelope-legal-preview-stage canvas{width:min(100%,720px);aspect-ratio:105/47}@media(max-width:760px){.envelope-template-heading{align-items:flex-start;flex-direction:column}.envelope-template-heading>div{align-items:flex-start;flex-direction:column}.envelope-legal-fields{grid-template-columns:1fr}}
.envelope-legal-preview-stage canvas{width:100%;aspect-ratio:2/1}