[hidden] {
    display: none !important;
}

:root {
    color-scheme: light;

    --wb-color-primary: #081b3a;
    --wb-color-primary-strong: #031126;
    --wb-color-secondary: #f7f8fa;
    --wb-color-accent: #ff8202;
    --wb-color-accent-strong: #e86f00;
    --wb-color-background: #ffffff;
    --wb-color-surface: #ffffff;
    --wb-color-surface-muted: #f7f8fa;
    --wb-color-border: #e5e7eb;
    --wb-color-border-strong: #d1d5db;
    --wb-color-text: #1f2328;
    --wb-color-text-strong: #111827;
    --wb-color-text-muted: #6b7280;
    --wb-color-text-soft: #8a94a6;
    --wb-color-placeholder: #9ca3af;
    --wb-color-disabled: #94a3b8;
    --wb-color-danger: #b42318;
    --wb-color-success: #16794c;
    --wb-color-warning: #a15c07;
    --wb-color-info: #245b9e;
    --wb-color-error: var(--wb-color-danger);
    --wb-color-on-dark: #ffffff;
    --wb-color-on-dark-secondary: rgba(255, 255, 255, 0.82);
    --wb-color-on-dark-muted: rgba(255, 255, 255, 0.66);
    --wb-color-black: #050505;
    --wb-color-accent-soft: #ffbf74;
    --wb-color-accent-warm: #ffd99f;
    --wb-color-accent-warm-hover: #ffc875;
    --wb-color-accent-deep: #f47600;
    --wb-color-bonus-background: #0b1f1a;
    --wb-color-bonus-surface: #102c25;
    --wb-color-choice-icon-mix: #7c4152;
    --wb-color-logo-muted: #9ca3af;
    --admin-table-zebra-background: #f8fafc;

    --wb-radius-sm: 4px;
    --wb-radius-md: 6px;
    --wb-radius-lg: 8px;
    --wb-radius-xl: 10px;
    --wb-radius-full: 999px;

    --wb-shadow-sm: 0 10px 28px rgba(8, 27, 58, 0.06);
    --wb-shadow-md: 0 20px 48px rgba(8, 27, 58, 0.1);
    --wb-shadow-lg: 0 25px 60px rgba(0, 0, 0, 0.08);
    --wb-shadow-focus: 0 0 0 3px rgba(255, 130, 2, 0.24);

    --wb-space-1: 0.25rem;
    --wb-space-2: 0.5rem;
    --wb-space-3: 0.75rem;
    --wb-space-4: 1rem;
    --wb-space-5: 1.25rem;
    --wb-space-6: 1.5rem;
    --wb-space-8: 2rem;
    --wb-space-10: 2.5rem;
    --wb-space-12: 3rem;
    --wb-space-16: 4rem;
    --wb-space-20: 5rem;

    --wb-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --wb-font-family-base: var(--wb-font-sans);
    --wb-font-size-xs: 0.75rem;
    --wb-font-size-sm: 0.875rem;
    --wb-font-size-md: 1rem;
    --wb-font-size-lg: 1.125rem;
    --wb-font-size-xl: 1.375rem;
    --wb-font-size-2xl: 1.875rem;
    --wb-font-size-3xl: 2.5rem;
    --wb-font-size-4xl: 3.5rem;
    --wb-font-size-5xl: 5rem;
    --wb-font-size-body: 1rem;
    --wb-font-size-label: 0.875rem;
    --wb-font-size-helper: 0.8125rem;
    --wb-font-size-table: 0.875rem;
    --wb-font-size-button: 0.9375rem;
    --wb-font-size-card-title: 1.125rem;
    --wb-font-size-h1: 2.125rem;
    --wb-font-size-h2: 1.625rem;
    --wb-font-size-h3: 1.25rem;
    --wb-font-weight-normal: 400;
    --wb-font-weight-medium: 500;
    --wb-font-weight-semibold: 600;
    --wb-font-weight-bold: 700;
    --wb-line-tight: 1.08;
    --wb-line-base: 1.55;
    --wb-line-body: 1.62;
    --wb-line-heading: 1.24;
    --wb-line-heading-tight: 1.16;
    --wb-line-control: 1.25;

    --wb-container-sm: 760px;
    --wb-container-md: 1040px;
    --wb-container-lg: 1440px;
    --wb-container-pad: 10px;
    --wb-shell-pad: 10px;
    --wb-public-page-pad: 10px;
    --wb-public-chrome-pad: 10px;
    --wb-transition-fast: 160ms ease;
    --wb-form-control-height: 48px;
    --wb-form-control-padding-x: var(--wb-space-4);
    --wb-form-control-radius: 12px;
    --wb-form-control-border: #d8dce3;
    --wb-form-control-background: #ffffff;
    --wb-form-control-focus-shadow: 0 0 0 3px rgba(255, 130, 2, 0.14);
    --wb-form-label-line-height: 1.25;
    --wb-form-help-line-height: 1.3;
    --wb-choice-control-size: 18px;
    --wb-choice-control-border: var(--wb-color-border-strong);
    --wb-choice-control-background: var(--wb-color-surface);
    --wb-choice-control-mark: #ffffff;
    --wb-choice-checkbox-radius: 5px;
    --wb-choice-radio-dot-size: 8px;
    --wb-choice-switch-width: 46px;
    --wb-choice-switch-height: 26px;
    --wb-choice-switch-thumb-size: 20px;

    --color-orange-500: var(--wb-color-accent);
    --color-orange-600: var(--wb-color-accent-strong);
    --color-success: var(--wb-color-success);
    --color-warning: var(--wb-color-warning);
    --color-danger: var(--wb-color-danger);
    --color-error: var(--wb-color-error);
    --color-info: var(--wb-color-info);
    --text-primary: var(--wb-color-text);
    --text-secondary: var(--wb-color-text-muted);
    --text-muted: var(--wb-color-text-soft);
    --surface-page: var(--wb-color-background);
    --surface-raised: var(--wb-color-surface);
    --surface-card: var(--wb-color-surface);
    --surface-field: var(--wb-color-surface-muted);
    --border-subtle: var(--wb-color-border);
    --border-strong: var(--wb-color-border-strong);
    --font-sans: var(--wb-font-sans);
    --font-family-base: var(--wb-font-family-base);
    --font-size-xs: var(--wb-font-size-xs);
    --font-size-sm: var(--wb-font-size-sm);
    --font-size-md: var(--wb-font-size-md);
    --font-size-lg: var(--wb-font-size-lg);
    --font-size-xl: var(--wb-font-size-xl);
    --font-size-2xl: var(--wb-font-size-2xl);
    --font-size-3xl: var(--wb-font-size-3xl);
    --font-size-4xl: var(--wb-font-size-4xl);
    --font-size-5xl: var(--wb-font-size-5xl);
    --font-size-body: var(--wb-font-size-body);
    --font-size-label: var(--wb-font-size-label);
    --font-size-helper: var(--wb-font-size-helper);
    --font-size-table: var(--wb-font-size-table);
    --font-size-button: var(--wb-font-size-button);
    --font-size-card-title: var(--wb-font-size-card-title);
    --font-size-h1: var(--wb-font-size-h1);
    --font-size-h2: var(--wb-font-size-h2);
    --font-size-h3: var(--wb-font-size-h3);
    --font-weight-normal: var(--wb-font-weight-normal);
    --font-weight-medium: var(--wb-font-weight-medium);
    --font-weight-semibold: var(--wb-font-weight-semibold);
    --font-weight-bold: var(--wb-font-weight-bold);
    --line-tight: var(--wb-line-tight);
    --line-base: var(--wb-line-base);
    --line-body: var(--wb-line-body);
    --line-heading: var(--wb-line-heading);
    --line-heading-tight: var(--wb-line-heading-tight);
    --line-control: var(--wb-line-control);
    --space-1: var(--wb-space-1);
    --space-2: var(--wb-space-2);
    --space-3: var(--wb-space-3);
    --space-4: var(--wb-space-4);
    --space-5: var(--wb-space-5);
    --space-6: var(--wb-space-6);
    --space-8: var(--wb-space-8);
    --space-10: var(--wb-space-10);
    --space-12: var(--wb-space-12);
    --space-16: var(--wb-space-16);
    --radius-sm: var(--wb-radius-sm);
    --radius-md: var(--wb-radius-md);
    --radius-lg: var(--wb-radius-lg);
    --radius-full: var(--wb-radius-full);
    --shadow-sm: var(--wb-shadow-sm);
    --shadow-md: var(--wb-shadow-md);
    --shadow-focus: var(--wb-shadow-focus);
    --container-sm: var(--wb-container-sm);
    --container-md: var(--wb-container-md);
    --container-lg: var(--wb-container-lg);
    --container-pad: var(--wb-container-pad);
    --shell-pad: var(--wb-shell-pad);
    --public-page-pad: var(--wb-public-page-pad);
    --public-chrome-pad: var(--wb-public-chrome-pad);
}

* {
    box-sizing: border-box;
}

html {
    min-width: 320px;
    background: var(--wb-color-background);
}

body {
    margin: 0;
    min-height: 100vh;
    background: var(--wb-color-background);
    color: var(--wb-color-text);
    font-family: var(--wb-font-family-base);
    font-size: var(--wb-font-size-body);
    font-weight: var(--wb-font-weight-normal);
    line-height: var(--wb-line-body);
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.is-modal-open {
    overflow: hidden;
}

body,
button,
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,
textarea {
    font: inherit;
    font-family: var(--wb-font-family-base);
}

a {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}

img,
svg {
    display: block;
    max-width: 100%;
}

button,
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,
textarea {
    letter-spacing: 0;
    min-width: 0;
}

.container {
    width: min(var(--wb-container-lg), calc(100% - (var(--wb-container-pad) * 2)));
    margin-inline: auto;
}

.container--narrow {
    width: min(var(--wb-container-sm), calc(100% - (var(--wb-container-pad) * 2)));
}

.container--content {
    width: min(var(--wb-container-md), calc(100% - (var(--wb-container-pad) * 2)));
}

.app-shell--public .site-main .container,
.app-shell--public .site-main .container--narrow,
.app-shell--public .site-main .container--content {
    width: calc(100% - (var(--wb-public-page-pad) * 2));
    max-width: none;
    margin-inline: auto;
}

.app-shell--public .site-main .hero__inner,
.app-shell--public .site-main .page-hero__inner {
    max-width: none;
}

.app-shell--public .site-header__inner,
.app-shell--public .premium-footer__inner {
    width: auto;
    max-width: none;
    margin-inline: 0;
    padding-inline: var(--wb-public-chrome-pad);
}

.site-header,
.dashboard-header,
.admin-header {
    position: sticky;
    top: 0;
    z-index: 30;
    border-bottom: 1px solid var(--wb-color-border);
    background: var(--wb-color-surface);
}

.site-header__inner,
.dashboard-header,
.admin-header {
    display: grid;
    min-height: 76px;
    align-items: center;
    gap: var(--wb-space-5);
}

.site-header__inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 90px;
}

.dashboard-header,
.admin-header {
    display: flex;
    justify-content: space-between;
}

.dashboard-header,
.admin-header {
    padding-inline: var(--wb-shell-pad);
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: var(--wb-space-3);
    color: var(--wb-color-primary);
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
}

.brand__mark {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-primary);
    color: var(--wb-color-on-dark);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
    font-size: var(--wb-font-size-lg);
    font-weight: var(--wb-font-weight-semibold);
}

.brand__logo {
    width: auto;
    max-width: 148px;
    height: 32px;
    padding: 4px 8px;
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-black);
    object-fit: contain;
}

.brand__name {
    font-size: var(--wb-font-size-lg);
}

.site-nav,
.footer-nav,
.dashboard-actions,
.inline-cluster,
.site-actions {
    display: flex;
    align-items: center;
    gap: var(--wb-space-3);
    flex-wrap: wrap;
}

.site-nav {
    justify-content: center;
}

.site-actions {
    justify-content: flex-end;
}

.site-nav a,
.footer-nav a,
.dashboard-sidebar a,
.admin-sidebar a,
.mobile-nav a {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
}

.site-nav a {
    border-radius: var(--wb-radius-full);
    padding: var(--wb-space-2) var(--wb-space-3);
}

.site-nav a:hover,
.site-nav a:focus-visible,
.site-nav a[aria-current="page"],
.mobile-nav a:hover,
.mobile-nav a:focus-visible,
.mobile-nav a[aria-current="page"],
.dashboard-sidebar a:hover,
.dashboard-sidebar a:focus-visible,
.admin-sidebar a:hover,
.admin-sidebar a:focus-visible {
    background: color-mix(in srgb, var(--wb-color-accent) 8%, var(--wb-color-surface));
    color: var(--wb-color-primary);
    outline: none;
}

.site-nav a[aria-current="page"],
.mobile-nav a[aria-current="page"] {
    font-weight: var(--wb-font-weight-semibold);
}

.nav-toggle {
    display: none;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    padding: 0;
}

.nav-toggle span {
    width: 18px;
    height: 2px;
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-primary);
}

.mobile-nav {
    display: none;
    border-top: 1px solid var(--wb-color-border);
    background: var(--wb-color-surface);
    padding: var(--wb-space-3) var(--wb-public-chrome-pad) var(--wb-space-5);
}

.mobile-nav.is-open {
    display: grid;
    gap: var(--wb-space-3);
}

.site-main {
    min-height: calc(100vh - 152px);
}

.site-footer {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0)),
        var(--wb-color-primary);
    color: var(--wb-color-on-dark);
}

.app-shell--public .premium-footer__inner {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 40px;
}

.premium-footer__inner {
    display: grid;
    gap: clamp(42px, 4vw, 60px);
    padding-block: clamp(72px, 7vw, 108px) var(--wb-space-8);
}

.premium-footer__top {
    display: grid;
    gap: var(--wb-space-6);
}

.premium-footer__brand,
.premium-footer__column,
.premium-footer__payments,
.premium-footer__social,
.premium-footer__regions {
    min-width: 0;
}

.footer-brand {
    display: inline-flex;
    align-items: center;
    gap: var(--wb-space-3);
    color: var(--wb-color-on-dark);
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
}

.footer-brand__logo {
    width: auto;
    max-width: 190px;
    height: 42px;
    padding: 4px 8px;
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-black);
    object-fit: contain;
}

.premium-footer__brand p,
.premium-footer__payments p,
.premium-footer__social p,
.premium-footer__bottom p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 18px;
    line-height: 1.55;
}

.premium-footer__brand {
    display: grid;
    align-content: start;
    gap: var(--wb-space-4);
}

.premium-footer__brand .premium-footer__claim {
    color: var(--wb-color-on-dark);
    font-size: 2rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.18;
}

.premium-footer__cta {
    justify-self: start;
    min-height: auto;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--wb-color-accent-soft);
    font-size: 18px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 0;
}

.premium-footer__cta:hover,
.premium-footer__cta:focus-visible {
    background: transparent;
    color: var(--wb-color-accent);
    box-shadow: none;
}

.premium-footer__column {
    display: grid;
    align-content: start;
    gap: var(--wb-space-3);
}

.premium-footer__column summary,
.premium-footer__regions summary {
    list-style: none;
}

.premium-footer__column summary::-webkit-details-marker,
.premium-footer__regions summary::-webkit-details-marker {
    display: none;
}

.premium-footer h2 {
    margin: 0;
    color: var(--wb-color-accent-soft);
    font-size: 20px;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0.04em;
    line-height: 1.25;
    text-transform: uppercase;
}

.premium-footer__links {
    display: grid;
    gap: var(--wb-space-1);
}

.premium-footer__column a,
.premium-footer__regions a,
.premium-footer__bottom a {
    color: rgba(255, 255, 255, 0.78);
    font-size: 18px;
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
}

.premium-footer__column a {
    display: grid;
    min-height: 48px;
    align-items: center;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: var(--wb-space-3);
    border-radius: var(--wb-radius-md);
    padding-inline: var(--wb-space-2);
}

.premium-footer__link-icon {
    display: inline-grid;
    width: 24px;
    height: 24px;
    place-items: center;
    color: rgba(255, 255, 255, 0.82);
}

.premium-footer__link-icon.is-empty {
    opacity: 0;
}

.footer-menu-icon {
    display: block;
    width: 20px;
    height: 20px;
    vector-effect: non-scaling-stroke;
}

.premium-footer__column a:hover,
.premium-footer__column a:focus-visible,
.premium-footer__regions a:hover,
.premium-footer__regions a:focus-visible,
.premium-footer__bottom a:hover,
.premium-footer__bottom a:focus-visible {
    background: rgba(255, 130, 2, 0.08);
    color: var(--wb-color-on-dark);
    outline: none;
}

.premium-footer__column a:hover .premium-footer__link-icon,
.premium-footer__column a:focus-visible .premium-footer__link-icon {
    color: var(--wb-color-accent-soft);
}

.premium-footer__regions,
.premium-footer__trust,
.premium-footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: var(--wb-space-6);
}

.premium-footer__regions nav {
    display: grid;
    gap: var(--wb-space-3) var(--wb-space-5);
    grid-auto-flow: column;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(4, auto);
}

.region-link-grid {
    display: grid;
    gap: var(--wb-space-3) var(--wb-space-5);
    grid-template-columns: minmax(0, 1fr);
}

.premium-footer__regions a {
    min-height: 42px;
    border-radius: var(--wb-radius-md);
    padding: var(--wb-space-2) var(--wb-space-3);
}

.region-link-grid a {
    display: flex;
    min-width: 0;
    max-width: 100%;
    min-height: 48px;
    align-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
    overflow-wrap: anywhere;
    padding: var(--wb-space-3) var(--wb-space-4);
    text-decoration: none;
    hyphens: auto;
}

.region-link-grid a:hover,
.region-link-grid a:focus-visible {
    border-color: var(--wb-color-accent);
    background: var(--wb-color-surface-muted);
}

.premium-footer__trust {
    display: grid;
    gap: var(--wb-space-5);
}

.premium-footer__payments,
.premium-footer__social {
    display: grid;
    gap: var(--wb-space-4);
}

.stripe-status {
    display: inline-flex;
    width: fit-content;
    margin-top: var(--wb-space-3);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--wb-radius-full);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.82);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    padding: var(--wb-space-1) var(--wb-space-3);
}

.payment-badges,
.social-links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wb-space-2);
}

.payment-badge {
    display: inline-flex;
    height: 40px;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.045));
    padding-inline: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.payment-badge__logo {
    display: grid;
    min-width: 58px;
    height: 24px;
    place-items: center;
}

.payment-logo {
    display: block;
    width: auto;
    max-width: 100px;
    height: 24px;
}

.payment-badge.is-muted {
    opacity: 0.9;
}

.social-links a,
.social-links span {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--wb-radius-full);
    background: rgba(255, 255, 255, 0.08);
    color: var(--wb-color-on-dark);
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.social-links span {
    cursor: default;
}

.social-links a:hover,
.social-links a:focus-visible {
    border-color: rgba(255, 130, 2, 0.72);
    background: rgba(255, 130, 2, 0.14);
    color: var(--wb-color-accent-soft);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
    outline: none;
}

.social-links svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.premium-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wb-space-4);
    flex-wrap: wrap;
}

.premium-footer__bottom p {
    display: grid;
    gap: 2px;
}

.footer-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--wb-space-4);
}

.hero,
.page-section {
    padding-block: var(--wb-space-16);
}

.hero--premium {
    min-height: 560px;
    display: flex;
    align-items: center;
    background:
        linear-gradient(135deg, rgba(19, 34, 56, 0.94), rgba(19, 34, 56, 0.78)),
        linear-gradient(45deg, var(--wb-color-secondary), var(--wb-color-background));
    color: var(--wb-color-on-dark);
}

.hero__inner {
    max-width: 850px;
}

.hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wb-space-3);
    margin-top: var(--wb-space-6);
}

.hero--premium p {
    color: rgba(255, 255, 255, 0.78);
}

.section-heading {
    max-width: 760px;
    margin-bottom: var(--wb-space-8);
}

.section-heading--compact {
    margin-bottom: var(--wb-space-5);
}

.eyebrow {
    margin: 0 0 var(--wb-space-3);
    color: var(--wb-color-accent);
    font-size: var(--wb-font-size-xs);
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

h1,
h2,
h3,
p {
    margin-top: 0;
    overflow-wrap: anywhere;
}

h1,
h2,
h3 {
    color: inherit;
    letter-spacing: 0;
}

h1 {
    margin-bottom: var(--wb-space-5);
    font-size: var(--wb-font-size-2xl);
    line-height: var(--wb-line-tight);
}

h2 {
    margin-bottom: var(--wb-space-4);
    font-size: var(--wb-font-size-2xl);
    line-height: 1.15;
}

h3 {
    margin-bottom: var(--wb-space-3);
    font-size: var(--wb-font-size-xl);
    line-height: 1.25;
}

p {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.button,
input[type="submit"] {
    display: inline-flex;
    max-width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: var(--wb-space-2);
    border: 1px solid transparent;
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-accent);
    border-color: var(--wb-color-accent);
    color: var(--wb-color-on-dark);
    cursor: pointer;
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 var(--wb-space-5);
    text-decoration: none;
    text-align: center;
    white-space: normal;
    transition: background-color var(--wb-transition-fast), border-color var(--wb-transition-fast), color var(--wb-transition-fast), transform var(--wb-transition-fast), box-shadow var(--wb-transition-fast), opacity var(--wb-transition-fast);
}

.button:hover,
input[type="submit"]:hover {
    border-color: var(--wb-color-accent-deep);
    background: var(--wb-color-accent-deep);
    color: var(--wb-color-on-dark);
    box-shadow: var(--wb-shadow-sm);
}

.button:focus-visible,
button:focus-visible,
input[type="submit"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible {
    box-shadow: var(--wb-shadow-focus);
    outline: none;
}

.button--secondary {
    border-color: var(--wb-color-border-strong);
    background: var(--wb-color-surface);
    color: var(--wb-color-primary);
}

.button--secondary:hover {
    border-color: color-mix(in srgb, var(--wb-color-accent) 42%, var(--wb-color-border));
    background: color-mix(in srgb, var(--wb-color-accent) 8%, var(--wb-color-surface));
    color: var(--wb-color-primary);
}

.button--outline {
    border-color: var(--wb-color-primary);
    background: transparent;
    color: var(--wb-color-primary);
}

.button--outline:hover {
    background: color-mix(in srgb, var(--wb-color-primary) 8%, transparent);
    color: var(--wb-color-primary);
}

.button--ghost {
    border-color: transparent;
    background: transparent;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.button--ghost:hover {
    background: var(--wb-color-surface-muted);
    color: var(--wb-color-primary);
}

.button--success {
    border-color: var(--wb-color-success);
    background: var(--wb-color-success);
    color: var(--wb-color-on-dark);
}

.button--success:hover {
    background: color-mix(in srgb, var(--wb-color-success) 88%, var(--wb-color-primary));
}

.button--danger {
    border-color: var(--wb-color-danger);
    background: var(--wb-color-danger);
    color: var(--wb-color-on-dark);
}

.button--danger:hover {
    background: color-mix(in srgb, var(--wb-color-danger) 88%, var(--wb-color-primary));
}

.button:disabled,
button:disabled,
input[type="submit"]:disabled,
.button[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 0.58;
    pointer-events: none;
    transform: none;
}

.button.is-loading,
.button[aria-busy="true"],
button[aria-busy="true"] {
    cursor: wait;
    opacity: 0.78;
}

.form-grid {
    display: grid;
    align-items: start;
    gap: 18px 20px;
}

.form-field {
    display: flex;
    flex-direction: column;
    align-content: start;
    gap: 6px;
    margin: 0;
    min-width: 0;
    position: relative;
}

.form-field--full {
    grid-column: 1 / -1;
}

.form-field > span:first-child,
label.form-field > span:first-child {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    line-height: var(--wb-form-label-line-height);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,
textarea {
    width: 100%;
    min-height: var(--wb-form-control-height);
    border: 1px solid var(--wb-form-control-border);
    border-radius: var(--wb-form-control-radius);
    background: var(--wb-form-control-background);
    color: var(--wb-color-text);
    font-size: 0.9375rem;
    line-height: 1.3;
    padding: 0 var(--wb-form-control-padding-x);
    transition: background-color var(--wb-transition-fast), border-color var(--wb-transition-fast), box-shadow var(--wb-transition-fast);
}

textarea {
    min-height: 120px;
    padding: 12px var(--wb-form-control-padding-x);
    resize: vertical;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
select:hover,
textarea:hover {
    border-color: color-mix(in srgb, var(--wb-color-primary) 24%, var(--wb-color-border-strong));
    background: var(--wb-form-control-background);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
select:focus,
textarea:focus {
    border-color: var(--wb-color-accent);
    box-shadow: var(--wb-form-control-focus-shadow);
    outline: none;
}

input[type="checkbox"],
input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    display: inline-grid;
    width: var(--wb-choice-control-size);
    height: var(--wb-choice-control-size);
    min-width: var(--wb-choice-control-size);
    min-height: var(--wb-choice-control-size);
    max-width: var(--wb-choice-control-size);
    max-height: var(--wb-choice-control-size);
    place-content: center;
    flex: 0 0 var(--wb-choice-control-size);
    align-self: center;
    margin: 0;
    padding: 0;
    border: 1px solid var(--wb-choice-control-border);
    background: var(--wb-choice-control-background);
    color: var(--wb-choice-control-mark);
    box-sizing: border-box;
    cursor: pointer;
    line-height: 1;
    vertical-align: -3px;
    transition: background-color var(--wb-transition-fast), border-color var(--wb-transition-fast), box-shadow var(--wb-transition-fast), opacity var(--wb-transition-fast);
}

input[type="checkbox"] {
    border-radius: var(--wb-choice-checkbox-radius);
}

input[type="radio"] {
    border-radius: 50%;
}

input[type="checkbox"]::after {
    width: 5px;
    height: 9px;
    margin-top: -2px;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    content: "";
    transform: rotate(45deg) scale(0);
    transition: transform var(--wb-transition-fast);
}

input[type="radio"]::after {
    width: var(--wb-choice-radio-dot-size);
    height: var(--wb-choice-radio-dot-size);
    border-radius: 50%;
    background: var(--wb-color-primary);
    content: "";
    transform: scale(0);
    transition: transform var(--wb-transition-fast);
}

input[type="checkbox"]:checked {
    border-color: var(--wb-color-primary);
    background: var(--wb-color-primary);
}

input[type="checkbox"]:checked::after {
    transform: rotate(45deg) scale(1);
}

input[type="radio"]:checked {
    border-color: var(--wb-color-primary);
    box-shadow: inset 0 0 0 3px var(--wb-choice-control-background);
}

input[type="radio"]:checked::after {
    transform: scale(1);
}

input[type="checkbox"]:hover,
input[type="radio"]:hover {
    border-color: color-mix(in srgb, var(--wb-color-primary) 42%, var(--wb-choice-control-border));
}

input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {
    border-color: var(--wb-color-accent);
    box-shadow: var(--wb-form-control-focus-shadow);
    outline: none;
}

input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
    background: var(--wb-color-surface-muted);
    border-color: var(--wb-color-border);
    cursor: not-allowed;
    opacity: 0.68;
}

input[type="checkbox"]:disabled:checked {
    background: var(--wb-color-text-muted);
}

input[type="file"] {
    display: block;
    min-height: var(--wb-form-control-height);
    height: var(--wb-form-control-height);
    cursor: pointer;
    padding: 7px 12px;
    line-height: 32px;
}

input[type="file"]::file-selector-button {
    min-height: 32px;
    margin: 0 var(--wb-space-3) 0 0;
    border: 1px solid var(--wb-form-control-border);
    border-radius: 10px;
    background: var(--wb-color-surface-muted);
    color: var(--wb-color-primary);
    cursor: pointer;
    font: inherit;
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 var(--wb-space-3);
}

.phone-input-group {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: var(--wb-form-control-height);
    grid-template-columns: 68px auto minmax(0, 1fr);
    align-items: stretch;
    overflow: visible;
    border: 1px solid var(--wb-form-control-border);
    border-radius: var(--wb-form-control-radius);
    background: var(--wb-form-control-background);
    transition: background-color var(--wb-transition-fast), border-color var(--wb-transition-fast), box-shadow var(--wb-transition-fast);
}

.phone-input-group:hover {
    border-color: color-mix(in srgb, var(--wb-color-primary) 24%, var(--wb-color-border-strong));
}

.phone-input-group:focus-within {
    border-color: var(--wb-color-accent);
    box-shadow: var(--wb-form-control-focus-shadow);
}

.phone-native-select {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

.phone-country-button,
.phone-prefix {
    display: inline-flex;
    min-height: calc(var(--wb-form-control-height) - 2px);
    align-items: center;
    justify-content: center;
    border: 0;
    border-right: 1px solid var(--wb-color-border);
    background: var(--wb-color-surface-muted);
    color: var(--wb-color-primary);
    font: inherit;
    font-size: 0.9375rem;
    font-weight: var(--wb-font-weight-semibold);
}

.phone-country-button {
    gap: 6px;
    cursor: pointer;
    padding: 0 10px;
}

.phone-country-button:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--wb-color-accent) 28%, transparent);
    outline-offset: -3px;
}

.phone-country-flag {
    min-width: 1.55rem;
    text-align: center;
    font-size: 1.05rem;
    line-height: 1;
}

.phone-country-chevron {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.75rem;
    line-height: 1;
}

.phone-prefix {
    padding: 0 12px;
    white-space: nowrap;
}

.phone-local-control {
    display: flex;
    min-width: 0;
}

.phone-local-control > input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    width: 100%;
    min-width: 0;
    min-height: calc(var(--wb-form-control-height) - 2px);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding-inline: 12px;
}

.phone-local-control > input:hover,
.phone-local-control > input:focus {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.phone-country-dropdown {
    position: absolute;
    z-index: 80;
    top: calc(100% + 6px);
    left: 0;
    width: min(430px, 100%);
    max-width: calc(100vw - 32px);
    border: 1px solid var(--wb-color-border);
    border-radius: 10px;
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-lg);
    padding: 8px;
}

.phone-country-search-wrap {
    display: block;
    margin: 0 0 8px;
}

.phone-country-search {
    width: 100%;
    min-height: 40px;
    border-radius: 8px;
    font-size: 0.9rem;
}

.phone-country-options {
    display: grid;
    gap: 2px;
    max-height: min(320px, calc(100vh - 220px));
    overflow-y: auto;
    overscroll-behavior: contain;
}

.phone-country-option {
    display: grid;
    width: 100%;
    min-height: 40px;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--wb-color-text);
    cursor: pointer;
    font: inherit;
    padding: 7px 9px;
    text-align: left;
}

.phone-country-option[hidden] {
    display: none;
}

.phone-country-option:hover,
.phone-country-option:focus-visible,
.phone-country-option[aria-selected="true"] {
    background: color-mix(in srgb, var(--wb-color-accent) 10%, var(--wb-color-surface-muted));
    outline: 0;
}

.phone-country-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.phone-country-code {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-weight: var(--wb-font-weight-semibold);
    white-space: nowrap;
}

.phone-country-divider {
    height: 1px;
    margin: 5px 0;
    background: var(--wb-color-border);
}

.form-field small,
.field-error {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.8125rem;
    line-height: var(--wb-form-help-line-height);
    margin: 0;
}

.field-error {
    color: var(--wb-color-danger);
    font-weight: var(--wb-font-weight-semibold);
}

.field-error--client {
    display: block;
}

.field-error--client[aria-hidden="true"] {
    display: none;
}

.card,
.pricing-card,
.empty-state,
.metric-card,
.table-card {
    min-width: 0;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
    padding: var(--wb-space-6);
}

.card-grid {
    display: grid;
    gap: var(--wb-space-5);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}

.card__image {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--wb-radius-md);
    object-fit: cover;
}

.pricing-card {
    display: grid;
    gap: var(--wb-space-4);
    align-content: start;
}

.pricing-card--featured {
    border-color: color-mix(in srgb, var(--wb-color-accent) 45%, var(--wb-color-border));
    box-shadow: var(--wb-shadow-lg);
    transform: translateY(-6px);
}

.price {
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-2xl);
    font-weight: var(--wb-font-weight-semibold);
}

.component-grid,
.metric-grid,
.token-grid {
    display: grid;
    gap: var(--wb-space-5);
    min-width: 0;
}

.component-grid--wide {
    grid-template-columns: 1fr;
}

.ui-kit-stack {
    display: grid;
    gap: var(--wb-space-8);
}

.stack-sm {
    display: grid;
    gap: var(--wb-space-3);
}

.token-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.token-swatch {
    min-height: 112px;
    display: flex;
    align-items: end;
    border-radius: var(--wb-radius-lg);
    box-shadow: var(--wb-shadow-sm);
    padding: var(--wb-space-4);
    color: var(--wb-color-on-dark);
    font-weight: var(--wb-font-weight-semibold);
}

.token-swatch--primary { background: var(--wb-color-primary); }
.token-swatch--secondary { background: var(--wb-color-secondary); color: var(--wb-color-text); }
.token-swatch--accent { background: var(--wb-color-accent); }
.token-swatch--surface { background: var(--wb-color-surface); color: var(--wb-color-text); border: 1px solid var(--wb-color-border); }
.token-swatch--success { background: var(--wb-color-success); }
.token-swatch--warning { background: var(--wb-color-warning); }
.token-swatch--danger { background: var(--wb-color-danger); }

.table-wrap,
.table-card {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    padding: 0;
}

table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    background: var(--wb-color-surface);
}

th,
td {
    border-bottom: 1px solid var(--wb-color-border);
    padding: var(--wb-space-4);
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

td strong,
td small {
    display: block;
}

th {
    background: var(--wb-color-surface-muted);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.alert {
    display: grid;
    gap: var(--wb-space-2);
    border: 1px solid var(--wb-color-border);
    border-left: 4px solid var(--wb-color-info);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    padding: var(--wb-space-4);
}

.alert--success { border-left-color: var(--wb-color-success); background: color-mix(in srgb, var(--wb-color-success) 5%, var(--wb-color-surface)); }
.alert--warning { border-left-color: var(--wb-color-warning); background: color-mix(in srgb, var(--wb-color-warning) 6%, var(--wb-color-surface)); }
.alert--danger,
.alert--error { border-left-color: var(--wb-color-danger); background: color-mix(in srgb, var(--wb-color-danger) 5%, var(--wb-color-surface)); }
.alert--info { border-left-color: var(--wb-color-info); background: color-mix(in srgb, var(--wb-color-info) 5%, var(--wb-color-surface)); }
.alert--neutral { border-left-color: var(--wb-color-border-strong); background: var(--wb-color-surface-muted); }

.nav-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 var(--wb-space-4);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-text);
    color: var(--wb-color-surface);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
}

.nav-pill:hover,
.nav-pill:focus-visible {
    border-color: var(--wb-color-primary);
    background: color-mix(in srgb, var(--wb-color-primary) 92%, var(--wb-color-accent));
    color: var(--wb-color-on-dark);
    outline: none;
}

.nav-pill--muted {
    background: var(--wb-color-surface);
    color: var(--wb-color-text);
}

.nav-pill--muted:hover,
.nav-pill--muted:focus-visible {
    border-color: color-mix(in srgb, var(--wb-color-accent) 36%, var(--wb-color-border));
    background: color-mix(in srgb, var(--wb-color-accent) 8%, var(--wb-color-surface));
    color: var(--wb-color-primary);
}

.logout-form {
    margin: 0;
}

.logout-form--inline {
    display: inline-flex;
}

.logout-form__button {
    cursor: pointer;
}

.logout-link {
    display: block;
    width: 100%;
    min-height: 0;
    border: 0;
    border-radius: var(--wb-radius-md);
    background: transparent;
    color: var(--wb-color-text);
    cursor: pointer;
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    line-height: var(--wb-line-base);
    padding: var(--wb-space-2) var(--wb-space-3);
    text-align: left;
    text-decoration: none;
    box-shadow: none;
}

.logout-link:hover,
.logout-link:focus-visible {
    background: var(--wb-color-surface-muted);
    outline: none;
    transform: none;
}

.logout-link--mobile {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-weight: var(--wb-font-weight-semibold);
    padding: 0;
}

.button--sm {
    min-height: 36px;
    padding: 0 var(--wb-space-3);
    font-size: var(--wb-font-size-sm);
}

.counter-proposal-row {
    display: grid;
    gap: var(--wb-space-2);
    margin-top: var(--wb-space-3);
    padding-top: var(--wb-space-3);
    border-top: 1px solid var(--wb-color-border);
}

.counter-proposal-row:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.status-chip,
.wallet-chip {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-surface);
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 var(--wb-space-4);
    white-space: nowrap;
}

.status-chip {
    border-color: color-mix(in srgb, var(--wb-color-accent) 42%, var(--wb-color-border));
    background: color-mix(in srgb, var(--wb-color-accent) 10%, var(--wb-color-surface));
    color: var(--wb-color-primary);
}

.profile-menu {
    position: relative;
}

.profile-menu__button {
    display: inline-flex;
    min-height: 42px;
    max-width: 280px;
    align-items: center;
    gap: var(--wb-space-2);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-surface);
    color: var(--wb-color-text);
    padding: 0 var(--wb-space-3) 0 var(--wb-space-2);
    cursor: pointer;
}

.profile-menu__button:hover,
.profile-menu__button:focus-visible {
    border-color: color-mix(in srgb, var(--wb-color-accent) 34%, var(--wb-color-border));
    background: color-mix(in srgb, var(--wb-color-accent) 8%, var(--wb-color-surface));
    color: var(--wb-color-primary);
    outline: none;
}

.profile-menu__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
}

.profile-dropdown {
    position: absolute;
    top: calc(100% + var(--wb-space-3));
    right: 0;
    z-index: 50;
    display: none;
    width: min(280px, calc(100vw - var(--wb-space-6)));
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-md);
    padding: var(--wb-space-4);
}

.profile-dropdown.is-open {
    display: grid;
    gap: var(--wb-space-2);
}

.profile-dropdown p {
    margin: 0 0 var(--wb-space-2);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.profile-dropdown a,
.profile-dropdown .logout-link {
    border-radius: var(--wb-radius-md);
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    padding: var(--wb-space-2) var(--wb-space-3);
    text-decoration: none;
}

.profile-dropdown a:hover,
.profile-dropdown a:focus-visible,
.profile-dropdown .logout-link:hover,
.profile-dropdown .logout-link:focus-visible {
    background: var(--wb-color-surface-muted);
    outline: none;
}

.profile-dropdown .logout-form {
    margin-top: var(--wb-space-2);
    padding-top: var(--wb-space-2);
    border-top: 1px solid var(--wb-color-border);
}

.profile-dropdown .logout-link {
    display: flex;
    align-items: center;
    gap: var(--wb-space-2);
    color: color-mix(in srgb, var(--wb-color-danger) 78%, var(--wb-color-text));
}

.profile-dropdown .logout-link .admin-icon {
    flex: 0 0 auto;
}

.profile-dropdown .logout-link:hover,
.profile-dropdown .logout-link:focus-visible {
    background: color-mix(in srgb, var(--wb-color-danger) 8%, var(--wb-color-surface));
    color: color-mix(in srgb, var(--wb-color-danger) 88%, var(--wb-color-text));
}

.page-hero--compact {
    min-height: 360px;
}

.auth-shell {
    display: grid;
    justify-items: center;
    width: min(100%, 1040px);
    margin-inline: auto;
}

.auth-choice-page {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #f8fafc;
}

.auth-choice-page::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 8% 12%, rgba(255, 130, 2, 0.12), transparent 28%),
        radial-gradient(circle at 90% 14%, rgba(8, 27, 58, 0.05), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 66%, #ffffff 100%);
}

.auth-choice-page .container {
    max-width: 1280px;
}

.auth-choice-hero {
    position: relative;
    overflow: hidden;
    padding-block: 72px 126px;
    background:
        linear-gradient(135deg, rgba(255, 247, 237, 0.84), rgba(255, 255, 255, 0.94) 46%, rgba(247, 248, 250, 0.92)),
        #ffffff;
}

.auth-choice-hero::before,
.auth-choice-hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.auth-choice-hero::before {
    left: -92px;
    top: -120px;
    width: 300px;
    height: 560px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 130, 2, 0.12), rgba(255, 255, 255, 0));
    transform: rotate(35deg);
}

.auth-choice-hero::after {
    right: -150px;
    bottom: -210px;
    width: 480px;
    height: 480px;
    border-radius: var(--wb-radius-full);
    background: radial-gradient(circle, rgba(255, 130, 2, 0.1), transparent 68%);
}

.auth-choice-hero__inner {
    position: relative;
    z-index: 1;
    max-width: 760px;
    margin-inline: auto;
    text-align: center;
}

.auth-choice-badge {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    border: 1px solid rgba(255, 130, 2, 0.24);
    border-radius: var(--wb-radius-full);
    background: rgba(255, 130, 2, 0.1);
    color: var(--wb-color-accent-deep);
    font-size: 0.75rem;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
    line-height: 1.1;
    padding: 6px 12px;
    text-transform: uppercase;
}

.auth-choice-hero h1 {
    margin: 18px 0 14px;
    color: #111827;
    font-size: 2.35rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.08;
}

.auth-choice-hero p {
    max-width: 620px;
    margin: 0 auto;
    color: #5f6878;
    font-size: 1.0625rem;
    line-height: 1.65;
}

.auth-choice-grid {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 24px;
    align-items: stretch;
    margin-top: -82px;
}

.auth-choice-card {
    display: flex;
    min-width: 0;
    min-height: 100%;
    flex-direction: column;
    border: 1px solid rgba(229, 231, 235, 0.9);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 24px 70px rgba(8, 27, 58, 0.09);
    padding: 26px;
    transition: border-color var(--wb-transition-fast), box-shadow var(--wb-transition-fast), transform var(--wb-transition-fast);
}

.auth-choice-card:hover,
.auth-choice-card:focus-within {
    border-color: rgba(255, 130, 2, 0.34);
    box-shadow: 0 30px 78px rgba(8, 27, 58, 0.13);
    transform: translateY(-3px);
}

.auth-choice-card__content {
    display: grid;
    gap: 24px;
}

.auth-choice-card__head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.auth-choice-card h2,
.auth-choice-help h2,
.auth-choice-trust-card h2 {
    margin: 0;
    color: #111827;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.2;
}

.auth-choice-card h2 {
    font-size: 1.4rem;
}

.auth-choice-card p,
.auth-choice-help p,
.auth-choice-trust-card p {
    margin: 0;
    color: #667085;
}

.auth-choice-card__head p {
    margin-top: 6px;
    line-height: 1.58;
}

.auth-choice-benefits {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.auth-choice-benefits li {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    color: #273142;
    font-size: 0.9375rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.45;
}

.auth-choice-icon {
    display: inline-grid;
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    place-items: center;
    color: currentColor;
}

.auth-choice-icon svg {
    width: 100%;
    height: 100%;
}

.auth-choice-icon--large {
    width: 64px;
    height: 64px;
    border: 1px solid rgba(255, 130, 2, 0.18);
    border-radius: var(--wb-radius-full);
    background: #fff7ed;
    color: var(--wb-color-accent-deep);
    box-shadow: 0 16px 34px rgba(255, 130, 2, 0.12);
    padding: 15px;
}

.auth-choice-icon--check {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    border: 1px solid rgba(255, 130, 2, 0.5);
    border-radius: var(--wb-radius-full);
    color: var(--wb-color-accent-deep);
    padding: 3px;
}

.auth-choice-visual {
    position: relative;
    min-width: 0;
    overflow: hidden;
    margin: 28px 0 24px;
    border: 1px solid rgba(229, 231, 235, 0.82);
    border-radius: 14px;
    background: #f4f6f8;
    aspect-ratio: 16 / 9;
}

.auth-choice-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.14)),
        linear-gradient(90deg, rgba(255, 255, 255, 0.16), transparent 42%);
    pointer-events: none;
}

.auth-choice-visual picture,
.auth-choice-visual img {
    width: 100%;
    height: 100%;
}

.auth-choice-visual img {
    object-fit: cover;
}

.auth-choice-card__footer {
    display: grid;
    gap: 12px;
    margin-top: auto;
}

.auth-choice-card__button.button {
    width: 100%;
    min-height: 54px;
    border-radius: 11px;
    font-size: 0.9375rem;
    font-weight: var(--wb-font-weight-semibold);
    padding-inline: 18px;
}

.auth-choice-icon--button {
    width: 18px;
    height: 18px;
}

.auth-choice-security {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #7a8290;
    font-size: 0.8125rem;
    line-height: 1.3;
    text-align: center;
}

.auth-choice-icon--security {
    width: 16px;
    height: 16px;
    color: #7a8290;
}

.auth-choice-help {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 32px;
    border: 1px solid rgba(255, 130, 2, 0.18);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 44px rgba(8, 27, 58, 0.06);
    padding: 18px 22px;
}

.auth-choice-help__text {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    min-width: 0;
}

.auth-choice-help h2 {
    font-size: 1rem;
}

.auth-choice-help p {
    margin-top: 2px;
    font-size: 0.9rem;
    line-height: 1.5;
}

.auth-choice-icon--help {
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 130, 2, 0.2);
    border-radius: var(--wb-radius-full);
    background: #fff7ed;
    color: var(--wb-color-accent-deep);
    padding: 11px;
}

.auth-choice-help__button.button {
    min-height: 44px;
    flex: 0 0 auto;
    border-radius: 11px;
    font-size: 0.875rem;
    font-weight: var(--wb-font-weight-semibold);
}

.auth-choice-trust-band {
    margin-top: 48px;
    border-top: 1px solid rgba(229, 231, 235, 0.88);
    background: rgba(255, 255, 255, 0.84);
    padding-block: 28px;
}

.auth-choice-trust-grid {
    display: grid;
    gap: 14px;
}

.auth-choice-trust-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    min-width: 0;
    border: 1px solid rgba(229, 231, 235, 0.86);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(8, 27, 58, 0.045);
    padding: 18px;
}

.auth-choice-trust-card h2 {
    font-size: 0.95rem;
}

.auth-choice-trust-card p {
    margin-top: 4px;
    font-size: 0.84rem;
    line-height: 1.5;
}

.auth-choice-icon--trust {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 130, 2, 0.16);
    border-radius: 11px;
    background: #fff7ed;
    color: var(--wb-color-accent-deep);
    padding: 9px;
}

@media (min-width: 860px) {
    .auth-choice-trust-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 960px) {
    .auth-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .auth-choice-hero h1 {
        font-size: 3.2rem;
    }
}

@media (min-width: 1200px) {
    .auth-choice-grid {
        gap: 30px;
    }

    .auth-choice-card {
        padding: 30px;
    }

    .auth-choice-hero h1 {
        font-size: 3.45rem;
    }
}

@media (max-width: 767px) {
    .auth-choice-hero {
        padding-block: 56px 104px;
    }

    .auth-choice-grid {
        margin-top: -68px;
    }

    .auth-choice-card {
        padding: 20px;
    }

    .auth-choice-card__head {
        gap: 14px;
    }

    .auth-choice-icon--large {
        width: 56px;
        height: 56px;
        padding: 13px;
    }

    .auth-choice-help {
        display: grid;
        padding: 18px;
    }

    .auth-choice-help__button.button {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .auth-choice-hero h1 {
        font-size: 2rem;
    }

    .auth-choice-hero p {
        font-size: 0.98rem;
    }

    .auth-choice-card {
        border-radius: 14px;
        padding: 18px;
    }

    .auth-choice-card h2 {
        font-size: 1.24rem;
    }

    .auth-choice-card__head {
        grid-template-columns: 1fr;
    }

    .auth-choice-benefits li {
        font-size: 0.9rem;
    }

    .auth-choice-card__button.button {
        min-height: 52px;
        font-size: 0.9rem;
    }

    .auth-choice-visual {
        margin-top: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .auth-choice-card {
        transition: none;
    }

    .auth-choice-card:hover,
    .auth-choice-card:focus-within {
        transform: none;
    }
}

.auth-shell--narrow {
    max-width: 760px;
}

.auth-form {
    width: min(100%, 960px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 20px;
    border-color: rgba(8, 27, 58, 0.1);
    border-radius: 24px;
    background: var(--wb-color-surface);
    box-shadow: 0 22px 60px rgba(8, 27, 58, 0.08);
    padding: 32px;
}

.auth-form .form-field {
    min-height: 0;
}

.auth-form .form-field > span:first-child,
.auth-form label.form-field > span:first-child {
    color: var(--wb-color-text);
    font-size: 0.875rem;
    font-weight: var(--wb-font-weight-semibold);
}

.auth-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.auth-form select,
.auth-form textarea {
    background: var(--wb-form-control-background);
}

.auth-form > .button {
    width: 100%;
    min-height: var(--wb-form-control-height);
    border-radius: var(--wb-form-control-radius);
}

.auth-form .form-field:has([name="password"]),
.auth-form .form-field:has([name="password_confirmation"]) {
    grid-column: 1 / -1;
}

.auth-role-panel {
    gap: 6px;
    padding: var(--wb-space-4);
    border: 1px solid var(--wb-color-border);
    border-radius: 16px;
    background: color-mix(in srgb, var(--wb-color-accent) 5%, var(--wb-color-surface));
}

.auth-role-panel h2 {
    margin: 0;
    font-size: var(--wb-font-size-lg);
}

.auth-role-panel p {
    margin: 0;
}

.form-field--invalid input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.form-field--invalid select,
.form-field--invalid textarea,
.form-field--invalid .trade-checkbox-list,
.form-field--invalid .phone-input-group {
    border-color: var(--wb-color-danger);
    background: color-mix(in srgb, var(--wb-color-danger) 5%, var(--wb-color-surface-muted));
}

.form-field--invalid input[type="checkbox"],
.form-field--invalid input[type="radio"] {
    border-color: var(--wb-color-danger);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wb-color-danger) 12%, transparent);
}

.password-meter {
    display: block;
    height: 6px;
    overflow: hidden;
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-border);
}

.password-meter span {
    display: block;
    width: 12%;
    height: 100%;
    border-radius: inherit;
    background: var(--wb-color-danger);
    transition: width 160ms ease, background-color 160ms ease;
}

.password-meter[data-level="medium"] span {
    background: var(--wb-color-warning);
}

.password-meter[data-level="strong"] span {
    background: var(--wb-color-success);
}

.multiselect-search {
    margin-bottom: 0;
}

.trade-checkbox-list {
    display: grid;
    max-height: min(420px, 56vh);
    overflow: auto;
    gap: 10px;
    padding: var(--wb-space-3);
    border: 1px solid var(--wb-form-control-border);
    border-radius: var(--wb-form-control-radius);
    background: var(--wb-form-control-background);
    scrollbar-width: thin;
}

.trade-checkbox-list fieldset {
    display: grid;
    gap: var(--wb-space-2);
    min-width: 0;
    margin: 0;
    padding: 0 0 var(--wb-space-2);
    border: 0;
}

.trade-checkbox-list fieldset + fieldset {
    padding-top: var(--wb-space-3);
    border-top: 1px solid var(--wb-color-border);
}

.trade-checkbox-list legend {
    padding: 0;
    margin-bottom: var(--wb-space-1);
    color: var(--wb-color-text);
    font-weight: var(--wb-font-weight-semibold);
}

.trade-checkbox-card {
    position: relative;
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    height: var(--wb-form-control-height);
    gap: var(--wb-space-3);
    padding: 0.62rem var(--wb-space-3);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    color: var(--wb-color-text);
    cursor: pointer;
    transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.trade-checkbox-card:hover {
    border-color: color-mix(in srgb, var(--wb-color-primary) 36%, var(--wb-color-border-strong));
    background: color-mix(in srgb, var(--wb-color-primary) 3%, var(--wb-color-surface));
}

.trade-checkbox-card input {
    position: absolute;
    width: 1px;
    height: 1px;
    min-width: 1px;
    min-height: 1px;
    max-width: 1px;
    max-height: 1px;
    border: 0;
    background: transparent;
    box-shadow: none;
    opacity: 0;
    pointer-events: none;
}

.trade-checkbox-card__check {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border: 1px solid var(--wb-color-border-strong);
    border-radius: var(--wb-radius-sm);
    background: var(--wb-color-surface-muted);
}

.trade-checkbox-card__check::before {
    content: "";
    width: 11px;
    height: 6px;
    border: solid var(--wb-color-surface);
    border-width: 0 0 2px 2px;
    opacity: 0;
    transform: rotate(-45deg) translate(1px, -1px);
}

.trade-checkbox-card span:last-child {
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trade-checkbox-card:has(input:checked) {
    border-color: var(--wb-color-primary);
    background: color-mix(in srgb, var(--wb-color-primary) 6%, var(--wb-color-surface));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wb-color-primary) 55%, transparent);
}

.trade-checkbox-card:has(input:checked) .trade-checkbox-card__check {
    border-color: var(--wb-color-primary);
    background: var(--wb-color-primary);
}

.trade-checkbox-card:has(input:checked) .trade-checkbox-card__check::before {
    opacity: 1;
}

.trade-checkbox-card:has(input:focus-visible) {
    box-shadow: var(--wb-shadow-focus);
}

.checkbox-field {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    min-height: var(--wb-form-control-height);
    gap: var(--wb-space-3);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-form-control-radius);
    background: var(--wb-form-control-background);
    padding: 0 var(--wb-space-4);
    color: var(--wb-color-text);
}

.checkbox-field input[type="checkbox"],
.checkbox-field input[type="radio"] {
    width: var(--wb-choice-control-size);
    height: var(--wb-choice-control-size);
    min-width: var(--wb-choice-control-size);
    min-height: var(--wb-choice-control-size);
    flex: 0 0 var(--wb-choice-control-size);
    margin: 0;
}

.checkbox-field span {
    color: var(--wb-color-text);
    font-weight: var(--wb-font-weight-semibold);
}

.checkbox-field small {
    grid-column: 2;
    padding-bottom: var(--wb-space-2);
}

@media (max-width: 639px) {
    .form-grid {
        gap: 14px;
    }

    .phone-input-group {
        grid-template-columns: 58px auto minmax(0, 1fr);
    }

    .phone-country-button {
        padding-inline: 8px;
    }

    .phone-prefix {
        padding-inline: 10px;
    }

    .auth-shell {
        width: 100%;
    }

    .auth-form {
        grid-template-columns: 1fr;
        gap: 14px;
        border-radius: 18px;
        padding: 20px;
    }
}

.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--wb-space-5);
}

@media (max-width: 860px) {
    .dashboard-grid {
        grid-template-columns: 1fr;
    }

    .site-nav .nav-pill {
        display: none;
    }
}

.badge {
    display: inline-flex;
    min-height: 28px;
    width: max-content;
    max-width: 100%;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--wb-color-accent) 36%, transparent);
    border-radius: var(--wb-radius-full);
    background: color-mix(in srgb, var(--wb-color-accent) 12%, transparent);
    color: var(--wb-color-accent-strong);
    font-size: var(--wb-font-size-xs);
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 var(--wb-space-3);
    overflow-wrap: anywhere;
}

.badge--success {
    border-color: color-mix(in srgb, var(--wb-color-success) 30%, transparent);
    background: color-mix(in srgb, var(--wb-color-success) 10%, transparent);
    color: var(--wb-color-success);
}

.badge--warning {
    border-color: color-mix(in srgb, var(--wb-color-warning) 30%, transparent);
    background: color-mix(in srgb, var(--wb-color-warning) 10%, transparent);
    color: var(--wb-color-warning);
}

.badge--danger,
.badge--error {
    border-color: color-mix(in srgb, var(--wb-color-danger) 30%, transparent);
    background: color-mix(in srgb, var(--wb-color-danger) 10%, transparent);
    color: var(--wb-color-danger);
}

.badge--info {
    border-color: color-mix(in srgb, var(--wb-color-info) 30%, transparent);
    background: color-mix(in srgb, var(--wb-color-info) 10%, transparent);
    color: var(--wb-color-info);
}

.badge--neutral {
    border-color: var(--wb-color-border);
    background: var(--wb-color-surface-muted);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.tabs {
    display: flex;
    gap: var(--wb-space-2);
    overflow-x: auto;
    margin-bottom: var(--wb-space-4);
}

.tab {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: var(--wb-space-2);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    border-color: var(--wb-color-border);
    background: var(--wb-color-surface-muted);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    cursor: pointer;
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 var(--wb-space-4);
}

.tab:hover,
.tab:focus-visible {
    background: color-mix(in srgb, var(--wb-color-accent) 8%, var(--wb-color-surface));
    color: var(--wb-color-primary);
    outline: none;
}

.tab.is-active {
    background: var(--wb-color-primary);
    color: var(--wb-color-on-dark);
}

.tab.is-active:hover,
.tab.is-active:focus-visible {
    background: color-mix(in srgb, var(--wb-color-primary) 92%, var(--wb-color-accent));
    color: var(--wb-color-on-dark);
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wb-space-2);
    margin-top: var(--wb-space-5);
}

.pagination a {
    display: inline-flex;
    min-width: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-weight: var(--wb-font-weight-semibold);
    padding-inline: var(--wb-space-3);
    text-decoration: none;
}

.pagination a.is-active {
    background: var(--wb-color-primary);
    color: var(--wb-color-on-dark);
}

.text-link {
    color: var(--wb-color-primary);
    font-weight: var(--wb-font-weight-semibold);
    text-decoration-color: color-mix(in srgb, var(--wb-color-accent) 60%, transparent);
}

.text-link:hover,
.text-link:focus-visible {
    color: var(--wb-color-accent-strong);
}

.empty-state {
    display: grid;
    justify-items: start;
    gap: var(--wb-space-3);
}

.empty-state__mark,
.empty-state__icon {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-secondary);
    color: var(--wb-color-primary);
    font-weight: var(--wb-font-weight-semibold);
}

.wizard-progress {
    counter-reset: wizard;
    display: grid;
    gap: var(--wb-space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.wizard-progress li {
    counter-increment: wizard;
    display: flex;
    align-items: center;
    gap: var(--wb-space-3);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-weight: var(--wb-font-weight-semibold);
}

.wizard-progress li::before {
    content: counter(wizard);
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-surface-muted);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.wizard-progress li.is-complete::before,
.wizard-progress li.is-active::before {
    border-color: var(--wb-color-primary);
    background: var(--wb-color-primary);
    color: var(--wb-color-on-dark);
}

.wizard-progress li.is-active {
    color: var(--wb-color-primary);
}

.notification-menu {
    position: relative;
}

.notification-dropdown {
    position: absolute;
    right: 0;
    top: calc(100% + var(--wb-space-2));
    z-index: 40;
    display: none;
    width: min(320px, calc(100vw - 2rem));
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-lg);
    padding: var(--wb-space-5);
}

.notification-dropdown.is-open,
.notification-menu--static .notification-dropdown {
    display: grid;
    gap: var(--wb-space-2);
}

.notification-menu--static .notification-dropdown {
    position: static;
    width: 100%;
    margin-top: var(--wb-space-3);
}

.icon-button,
.avatar-pill {
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-surface);
    color: var(--wb-color-primary);
    font-weight: var(--wb-font-weight-semibold);
}

.user-avatar {
    position: relative;
    flex: 0 0 auto;
    overflow: hidden;
    line-height: 1;
}

.user-avatar__image,
.user-avatar__initials {
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.user-avatar__image {
    display: block;
    object-fit: cover;
}

.user-avatar__initials {
    display: grid;
    place-items: center;
}

.user-avatar__initials[hidden],
.user-avatar--initials .user-avatar__image {
    display: none;
}

.icon-button:hover,
.icon-button:focus-visible {
    border-color: color-mix(in srgb, var(--wb-color-accent) 34%, var(--wb-color-border));
    background: color-mix(in srgb, var(--wb-color-accent) 8%, var(--wb-color-surface));
    color: var(--wb-color-primary);
    outline: none;
}

.modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    background: rgba(19, 34, 56, 0.52);
    padding: var(--wb-space-4);
}

.modal-backdrop[hidden] {
    display: none;
}

.modal {
    position: relative;
    width: min(560px, 100%);
    max-height: calc(100dvh - (var(--wb-space-4) * 2));
    overflow: auto;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-lg);
    color: var(--wb-color-text);
    padding: var(--wb-space-6);
}

.modal__close {
    display: inline-grid;
    position: absolute;
    top: var(--wb-space-4);
    right: var(--wb-space-4);
    width: 36px;
    min-height: 36px;
    place-items: center;
    border-color: var(--wb-color-border);
    background: var(--wb-color-surface-muted);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    padding: 0;
}

.modal__actions {
    display: flex;
    gap: var(--wb-space-3);
    flex-wrap: wrap;
    margin-top: var(--wb-space-5);
}

.dashboard-shell,
.admin-shell {
    display: grid;
    min-height: calc(100vh - 76px);
}

.dashboard-sidebar,
.admin-sidebar {
    display: none;
    max-height: calc(100vh - 76px);
    overflow-y: auto;
    border-right: 1px solid var(--wb-color-border);
    background: var(--wb-color-surface);
    padding: var(--wb-space-6);
}

.dashboard-sidebar nav,
.admin-sidebar nav {
    display: grid;
    gap: var(--wb-space-2);
}

.dashboard-sidebar a,
.admin-sidebar a {
    border-radius: var(--wb-radius-md);
    padding: var(--wb-space-3) var(--wb-space-4);
}

.dashboard-sidebar a.is-active,
.admin-sidebar a.is-active {
    background: var(--wb-color-primary);
    color: var(--wb-color-on-dark);
}

.dashboard-sidebar a.is-active:hover,
.dashboard-sidebar a.is-active:focus-visible,
.admin-sidebar a.is-active:hover,
.admin-sidebar a.is-active:focus-visible {
    background: color-mix(in srgb, var(--wb-color-primary) 92%, var(--wb-color-accent));
    color: var(--wb-color-on-dark);
}

.dashboard-main,
.admin-main {
    min-width: 0;
    padding: var(--wb-space-6) var(--wb-container-pad) var(--wb-space-12);
}

.dashboard-page {
    display: grid;
    gap: var(--wb-space-6);
}

.dashboard-hero {
    display: grid;
    gap: var(--wb-space-5);
    align-items: stretch;
}

.dashboard-hero h1 {
    margin-bottom: var(--wb-space-3);
}

.dashboard-hero p {
    max-width: 780px;
}

.profile-completion {
    display: grid;
    align-content: center;
    gap: var(--wb-space-2);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
    padding: var(--wb-space-5);
}

.profile-completion span {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
}

.profile-completion strong {
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-2xl);
    line-height: var(--wb-line-tight);
}

.profile-completion p {
    margin: 0;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.progress-bar {
    height: 8px;
    overflow: hidden;
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-border);
}

.progress-bar span {
    display: block;
    width: var(--wb-progress-value, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--wb-color-accent), var(--wb-color-success));
}

.progress-bar__fill--0 {
    --wb-progress-value: 0%;
}

.progress-bar__fill--50 {
    --wb-progress-value: 50%;
}

.progress-bar__fill--75 {
    --wb-progress-value: 75%;
}

.dashboard-metrics {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--wb-space-4);
}

.metric-card {
    min-height: 160px;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
    padding: var(--wb-space-5);
}

.metric-card span {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
}

.metric-card strong {
    display: block;
    margin-top: var(--wb-space-2);
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-2xl);
}

.metric-card p {
    margin: var(--wb-space-3) 0 0;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.dashboard-bottom-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    display: flex;
    gap: var(--wb-space-2);
    overflow-x: auto;
    border-top: 1px solid var(--wb-color-border);
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(18px);
    padding: var(--wb-space-2) var(--wb-space-3) calc(var(--wb-space-2) + env(safe-area-inset-bottom));
}

.dashboard-bottom-nav a {
    flex: 0 0 auto;
    min-width: 96px;
    border-radius: var(--wb-radius-md);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-xs);
    font-weight: var(--wb-font-weight-semibold);
    padding: var(--wb-space-2) var(--wb-space-3);
    text-align: center;
    text-decoration: none;
}

.dashboard-bottom-nav a.is-active {
    background: var(--wb-color-primary);
    color: var(--wb-color-on-dark);
}

.profile-page {
    gap: var(--wb-space-5);
}

.profile-hero-card {
    align-items: center;
}

.profile-identity,
.profile-public-head,
.profile-actions {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: var(--wb-space-4);
    flex-wrap: wrap;
}

.profile-actions {
    justify-content: flex-start;
}

.profile-avatar {
    display: inline-grid;
    width: 64px;
    height: 64px;
    flex: 0 0 auto;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--wb-color-border);
    border-radius: 50%;
    background: linear-gradient(135deg, var(--wb-color-primary), var(--wb-color-accent));
    color: var(--wb-color-on-dark);
    font-size: var(--wb-font-size-xl);
    font-weight: var(--wb-font-weight-semibold);
}

.profile-avatar--lg {
    width: 96px;
    height: 96px;
    font-size: var(--wb-font-size-3xl);
}

.profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--wb-space-5);
}

.profile-section {
    display: grid;
    gap: var(--wb-space-4);
}

.profile-section h2,
.profile-form-band h2 {
    margin: 0;
    font-size: var(--wb-font-size-xl);
}

.profile-facts {
    display: grid;
    gap: var(--wb-space-3);
    margin: 0;
}

.profile-facts div {
    display: grid;
    gap: var(--wb-space-1);
    padding-bottom: var(--wb-space-3);
    border-bottom: 1px solid var(--wb-color-border);
}

.profile-facts div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.profile-facts dt {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.profile-facts dd {
    margin: 0;
    color: var(--wb-color-text);
    font-weight: var(--wb-font-weight-semibold);
    overflow-wrap: anywhere;
}

.tag-list {
    display: flex;
    gap: var(--wb-space-2);
    flex-wrap: wrap;
}

.tag-list span {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface-muted);
    padding: 0 var(--wb-space-3);
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-sm);
}

.profile-edit-form {
    align-items: start;
}

.profile-form-band {
    border-top: 1px solid var(--wb-color-border);
    padding-top: var(--wb-space-5);
}

.public-profile-hero {
    padding-bottom: var(--wb-space-8);
}

.public-profile-hero h1 {
    margin-bottom: var(--wb-space-2);
}

.trade-choice-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--wb-space-3);
}

.trade-choice-grid fieldset {
    display: grid;
    gap: var(--wb-space-2);
    min-width: 0;
    margin: 0;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    padding: var(--wb-space-3);
    background: var(--wb-color-surface-muted);
}

.trade-choice-grid legend {
    padding: 0 var(--wb-space-2);
    color: var(--wb-color-text);
    font-weight: var(--wb-font-weight-semibold);
}

.trade-choice-grid label,
.admin-flags label,
.admin-inline-form {
    display: flex;
    align-items: center;
    gap: var(--wb-space-2);
}

.trade-choice-grid input:not([type="checkbox"]):not([type="radio"]),
.admin-flags input:not([type="checkbox"]):not([type="radio"]) {
    width: auto;
}

.admin-inline-form {
    flex-wrap: wrap;
}

.admin-inline-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.admin-inline-form select {
    width: auto;
    min-width: 140px;
}

.admin-country-table {
    min-width: 1280px;
}

.admin-country-table input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    width: 100%;
    min-width: 110px;
}

.admin-country-table td:nth-child(7) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.admin-country-table td:nth-child(8) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    min-width: 220px;
}

@media (min-width: 860px) {
    .profile-detail-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .profile-detail-grid .profile-section:first-child {
        grid-column: span 2;
    }

    .trade-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.home-hero {
    position: relative;
    min-height: 720px;
    display: grid;
    align-items: center;
    overflow: hidden;
    background: var(--wb-color-primary);
    color: var(--wb-color-on-dark);
}

.home-hero__media {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(11, 22, 38, 0.94) 0%, rgba(11, 22, 38, 0.78) 42%, rgba(11, 22, 38, 0.2) 78%),
        url("../img/home-hero.png") center right / cover no-repeat;
}

.home-hero__content {
    position: relative;
    z-index: 1;
    padding-block: var(--wb-space-20);
}

.home-hero__copy {
    max-width: 760px;
}

.home-hero h1 {
    font-size: var(--wb-font-size-3xl);
}

.home-hero p {
    max-width: 680px;
    color: rgba(255, 255, 255, 0.8);
    font-size: var(--wb-font-size-lg);
}

.button--on-dark {
    color: rgba(255, 255, 255, 0.86);
}

.button--on-dark:hover {
    background: rgba(255, 255, 255, 0.12);
    color: var(--wb-color-on-dark);
}

.home-search-section {
    position: relative;
    z-index: 2;
    margin-top: calc(var(--wb-space-12) * -1);
    padding-bottom: var(--wb-space-8);
}

.search-panel {
    border: 1px solid rgba(203, 194, 180, 0.78);
    border-radius: var(--wb-radius-lg);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--wb-shadow-lg);
    padding: var(--wb-space-5);
    backdrop-filter: blur(16px);
}

.home-search {
    display: grid;
    gap: var(--wb-space-4);
}

.home-search .button {
    min-height: 52px;
}

.trust-grid {
    display: grid;
    gap: var(--wb-space-4);
}

.trust-item {
    min-width: 0;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
    padding: var(--wb-space-5);
}

.trust-item strong {
    display: block;
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-lg);
}

.trust-item span {
    display: block;
    margin-top: var(--wb-space-2);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.section-band {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0)),
        var(--wb-color-secondary);
}

.split-section {
    display: grid;
    gap: var(--wb-space-8);
    align-items: start;
}

.feature-list {
    display: grid;
    gap: var(--wb-space-4);
}

.feature-list--compact {
    grid-template-columns: 1fr;
}

.feature-card {
    min-width: 0;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
    padding: var(--wb-space-6);
}

.feature-card span {
    display: inline-grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-secondary);
    color: var(--wb-color-accent-strong);
    font-weight: var(--wb-font-weight-semibold);
    margin-bottom: var(--wb-space-4);
}

.feature-card--large {
    display: grid;
    gap: var(--wb-space-4);
    align-content: start;
}

.feature-card--large h2 {
    margin-bottom: 0;
}

.three-column-section {
    display: grid;
    gap: var(--wb-space-5);
}

.faq-grid {
    display: grid;
    gap: var(--wb-space-4);
}

.faq-item {
    border-top: 1px solid var(--wb-color-border);
    padding-top: var(--wb-space-5);
}

.faq-item h3 {
    font-size: var(--wb-font-size-lg);
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.contact-page {
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfcfd 48%, #ffffff 100%);
    padding-block: clamp(54px, 6vw, 88px) clamp(58px, 6vw, 86px);
}

.contact-hero {
    display: grid;
    align-items: center;
    gap: var(--wb-space-8);
    grid-template-columns: minmax(0, 1fr) minmax(280px, 390px);
    margin-bottom: var(--wb-space-8);
}

.contact-hero__copy {
    max-width: 720px;
}

.contact-hero h1 {
    margin-bottom: var(--wb-space-4);
    color: #071126;
    font-size: var(--wb-font-size-h1);
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.05;
}

.contact-hero p {
    max-width: 650px;
    color: #667085;
    font-size: 1.0625rem;
    line-height: 1.7;
}

.contact-response-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--wb-space-4);
    align-items: center;
    min-height: 92px;
    border: 1px solid #e6eaf0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 45px rgba(8, 27, 58, 0.055);
    padding: var(--wb-space-5);
}

.contact-response-card > span,
.contact-selected > span,
.contact-faq-card__intro > span {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--wb-color-accent) 18%, #ffffff);
    border-radius: 8px;
    background: color-mix(in srgb, var(--wb-color-accent) 8%, #ffffff);
    color: var(--wb-color-accent);
}

.contact-response-card strong,
.contact-selected strong {
    color: #071126;
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
}

.contact-response-card p,
.contact-selected p {
    margin: 4px 0 0;
    color: #667085;
    font-size: var(--wb-font-size-sm);
}

.contact-shell {
    display: grid;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
    border: 1px solid #e7ebf1;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 22px 58px rgba(8, 27, 58, 0.075);
}

.contact-panel {
    min-width: 0;
    padding: clamp(26px, 3.2vw, 46px);
}

.contact-panel--form {
    border-left: 1px solid #edf0f4;
}

.contact-step-heading {
    display: flex;
    align-items: center;
    gap: var(--wb-space-3);
    margin-bottom: var(--wb-space-6);
}

.contact-step-heading > span {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff9b24, var(--wb-color-accent));
    color: #ffffff;
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    box-shadow: 0 12px 26px rgba(255, 130, 2, 0.24);
}

.contact-step-heading--muted > span {
    border: 2px solid #d5dce7;
    background: #ffffff;
    box-shadow: none;
    color: #8a94a6;
}

.contact-step-heading h2 {
    margin: 0;
    color: #121826;
    font-size: 18px;
    font-weight: var(--wb-font-weight-semibold);
}

.contact-topic-grid {
    display: grid;
    gap: var(--wb-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact-topic-card {
    display: grid;
    min-height: 156px;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    gap: var(--wb-space-3);
    align-items: start;
    border: 1px solid #e5eaf0;
    border-radius: 8px;
    background: #ffffff;
    color: #071126;
    cursor: pointer;
    padding: 26px 24px 22px;
    text-align: left;
    transition: border-color 170ms ease, box-shadow 170ms ease, transform 170ms ease, background-color 170ms ease;
}

.contact-topic-card:hover,
.contact-topic-card:focus-visible {
    border-color: color-mix(in srgb, var(--wb-color-accent) 68%, #ffffff);
    background: #fffdfb;
    box-shadow: 0 18px 40px rgba(8, 27, 58, 0.085);
    outline: none;
    transform: translateY(-2px);
}

.contact-topic-card.is-active {
    border-color: var(--wb-color-accent);
    background:
        linear-gradient(135deg, rgba(255, 130, 2, 0.075), rgba(255, 255, 255, 0.94));
    box-shadow: 0 18px 42px rgba(255, 130, 2, 0.11);
}

.contact-topic-card__icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    color: var(--wb-color-accent);
}

.contact-topic-card__body {
    display: grid;
    gap: var(--wb-space-2);
    min-width: 0;
}

.contact-topic-card strong {
    color: #071126;
    font-size: 16px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.25;
}

.contact-topic-card__body span {
    color: #667085;
    font-size: var(--wb-font-size-sm);
    line-height: 1.55;
}

.contact-topic-card__arrow {
    grid-column: 2;
    align-self: end;
    color: var(--wb-color-accent);
    font-size: 20px;
    line-height: 1;
}

.contact-icon {
    width: 25px;
    height: 25px;
}

.contact-topic-card__icon .contact-icon {
    width: 34px;
    height: 34px;
}

.contact-form {
    display: grid;
    gap: var(--wb-space-5);
}

.contact-selected {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--wb-space-4);
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--wb-color-accent) 20%, #e7ebf1);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 130, 2, 0.09), rgba(255, 255, 255, 0.96));
    padding: var(--wb-space-4);
}

.contact-selected button {
    border: 0;
    background: transparent;
    color: var(--wb-color-accent);
    cursor: pointer;
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    padding: var(--wb-space-2);
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.contact-selected button:focus-visible {
    border-radius: var(--wb-radius-sm);
    box-shadow: var(--wb-shadow-focus);
    outline: none;
}

.contact-form__grid {
    display: grid;
    gap: var(--wb-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact-form .form-field > span:first-child {
    color: #111827;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.contact-form select,
.contact-form textarea {
    border-color: #dfe5ed;
    background: #ffffff;
    box-shadow: inset 0 1px 0 rgba(8, 27, 58, 0.02);
}

.contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
.contact-form select:focus,
.contact-form textarea:focus {
    border-color: var(--wb-color-accent);
    box-shadow: var(--wb-shadow-focus);
    outline: none;
}

.contact-form textarea {
    min-height: 168px;
}

.contact-form__counter {
    justify-self: end;
}

.contact-form__actions {
    display: flex;
    justify-content: flex-end;
}

.contact-submit {
    min-width: min(100%, 240px);
    min-height: 56px;
    box-shadow: 0 18px 36px rgba(255, 130, 2, 0.22);
}

.contact-submit .contact-icon,
.contact-faq-card__button .contact-icon {
    width: 20px;
    height: 20px;
}

.contact-faq-card {
    display: grid;
    gap: var(--wb-space-5);
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    margin-top: var(--wb-space-8);
    border: 1px solid #dfe9f7;
    border-radius: 8px;
    background: linear-gradient(135deg, #f8fbff, #ffffff);
    padding: clamp(22px, 2.4vw, 34px);
}

.contact-faq-card__intro {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--wb-space-4);
    align-items: center;
}

.contact-faq-card__intro h2 {
    margin: 0 0 4px;
    color: #071126;
    font-size: 18px;
    font-weight: var(--wb-font-weight-semibold);
}

.contact-faq-card__intro p {
    margin: 0;
    color: #667085;
    font-size: var(--wb-font-size-sm);
}

.contact-faq-card__button {
    min-width: 190px;
    border-color: #dfe5ed;
    background: #ffffff;
}

.contact-faq-accordion {
    display: grid;
    grid-column: 1 / -1;
    gap: var(--wb-space-3);
}

.contact-faq-item {
    overflow: hidden;
    border: 1px solid #e4eaf2;
    border-radius: 8px;
    background: #ffffff;
}

.contact-faq-item summary {
    display: flex;
    min-height: 56px;
    align-items: center;
    justify-content: space-between;
    gap: var(--wb-space-4);
    color: #111827;
    cursor: pointer;
    font-weight: var(--wb-font-weight-semibold);
    list-style: none;
    padding: 0 var(--wb-space-5);
}

.contact-faq-item summary::-webkit-details-marker {
    display: none;
}

.contact-faq-item summary::after {
    content: "+";
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    background: #f4f6f9;
    color: var(--wb-color-accent);
    font-weight: var(--wb-font-weight-semibold);
}

.contact-faq-item[open] summary::after {
    content: "-";
}

.contact-faq-item p {
    margin: 0;
    border-top: 1px solid #edf0f4;
    color: #667085;
    font-size: var(--wb-font-size-sm);
    line-height: 1.65;
    padding: 0 var(--wb-space-5) var(--wb-space-5);
}

@media (max-width: 1040px) {
    .contact-hero,
    .contact-shell {
        grid-template-columns: 1fr;
    }

    .contact-response-card {
        width: min(100%, 520px);
    }

    .contact-panel--form {
        border-top: 1px solid #edf0f4;
        border-left: 0;
    }

    .contact-faq-card {
        grid-template-columns: 1fr;
    }

    .contact-faq-card__button {
        justify-self: start;
    }
}

@media (max-width: 767px) {
    .contact-page {
        padding-block: var(--wb-space-10) var(--wb-space-12);
    }

    .contact-hero {
        gap: var(--wb-space-5);
        margin-bottom: var(--wb-space-5);
    }

    .contact-hero h1 {
        font-size: 36px;
    }

    .contact-response-card,
    .contact-faq-card__intro,
    .contact-selected {
        grid-template-columns: 1fr;
    }

    .contact-topic-grid,
    .contact-form__grid {
        grid-template-columns: 1fr;
    }

    .contact-panel {
        padding: var(--wb-space-5);
    }

    .contact-topic-card {
        min-height: 132px;
        padding: var(--wb-space-5);
    }

    .contact-form__actions,
    .contact-submit,
    .contact-faq-card__button {
        width: 100%;
    }

    .contact-faq-card {
        margin-top: var(--wb-space-5);
    }

    .contact-faq-item summary {
        padding-inline: var(--wb-space-4);
    }

    .contact-faq-item p {
        padding-inline: var(--wb-space-4);
    }
}

.faq-page {
    --faq-dark: #111820;
    --faq-dark-2: #18222c;
    --faq-muted: #a8b0bc;
    --faq-panel: #f4f6f8;
    --faq-line: #e6e9ee;
    background: var(--faq-panel);
    color: var(--wb-color-text);
}

.faq-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #111820;
    color: var(--wb-color-on-dark);
    padding-block: 64px 48px;
}

.faq-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 18px),
        linear-gradient(160deg, #111820 0%, #151d26 48%, #0b1118 100%);
    opacity: 0.95;
}

.faq-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(ellipse at 78% 45%, rgba(255, 130, 2, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
    pointer-events: none;
}

.faq-hero__inner,
.faq-section__inner {
    width: min(100%, 1440px);
    max-width: 1440px;
    margin-inline: auto;
    box-sizing: border-box;
}

.faq-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
    gap: 48px;
    align-items: center;
    padding-inline: 28px;
}

.faq-hero__copy {
    max-width: 720px;
}

.faq-hero h1 {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: 48px;
    line-height: 1.08;
    font-weight: var(--wb-font-weight-semibold);
}

.faq-hero p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 17px;
    line-height: 1.65;
}

.faq-hero__search {
    position: relative;
    width: min(100%, 450px);
    margin-top: 30px;
}

.faq-hero__search-icon {
    position: absolute;
    top: 50%;
    left: 18px;
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    color: rgba(255, 255, 255, 0.9);
    transform: translateY(-50%);
    pointer-events: none;
}

.faq-hero__search-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.faq-hero__search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    width: 100%;
    min-height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    padding: 0 18px 0 50px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 18px 50px rgba(0, 0, 0, 0.24);
    outline: none;
}

.faq-hero__search input::placeholder {
    color: rgba(255, 255, 255, 0.78);
}

.faq-hero__search input:focus {
    border-color: rgba(255, 130, 2, 0.8);
    box-shadow: var(--wb-shadow-focus), 0 18px 50px rgba(0, 0, 0, 0.28);
}

.faq-hero__visual {
    position: relative;
    min-height: 220px;
}

.faq-visual__bubble {
    position: absolute;
    display: grid;
    place-items: center;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.faq-visual__bubble--main {
    right: 84px;
    top: 6px;
    width: 190px;
    height: 156px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 44% 48% 40% 42%;
    background: linear-gradient(145deg, #303842, #171e27);
}

.faq-visual__bubble--main::after {
    content: "";
    position: absolute;
    left: 24px;
    bottom: -26px;
    width: 48px;
    height: 48px;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    background: #171e27;
    transform: rotate(24deg) skewX(-18deg);
}

.faq-visual__bubble--main span {
    position: relative;
    z-index: 1;
    color: var(--wb-color-accent);
    font-size: 82px;
    line-height: 1;
    font-weight: var(--wb-font-weight-semibold);
    text-shadow: 0 5px 0 rgba(0, 0, 0, 0.28);
}

.faq-visual__bubble--accent {
    right: 12px;
    bottom: 16px;
    display: flex;
    width: 128px;
    height: 86px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 44px 44px 44px 18px;
    background: linear-gradient(145deg, #ff8202, #f47600);
}

.faq-visual__bubble--accent::after {
    content: "";
    position: absolute;
    right: 12px;
    bottom: -16px;
    width: 34px;
    height: 34px;
    background: #f47600;
    transform: rotate(26deg) skewX(-16deg);
}

.faq-visual__bubble--accent span {
    position: relative;
    z-index: 1;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.faq-section {
    background: linear-gradient(90deg, var(--faq-dark) 0, var(--faq-dark) 336px, var(--faq-panel) 336px, var(--faq-panel) 100%);
    padding-block: 0 72px;
}

.faq-section__inner {
    padding: 0;
}

.faq-layout {
    display: grid;
    grid-template-columns: 336px minmax(0, 1fr);
    align-items: stretch;
    min-height: 720px;
}

.faq-sidebar {
    position: sticky;
    top: 76px;
    align-self: start;
    display: grid;
    gap: 20px;
    min-height: calc(100vh - 76px);
    padding: 26px 20px;
    background: var(--faq-dark);
    color: #ffffff;
}

.faq-sidebar__label {
    margin: 0 0 2px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    text-transform: uppercase;
}

.faq-category-list {
    display: grid;
    gap: 8px;
}

.faq-category {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 12px;
    width: 100%;
    min-height: 46px;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: rgba(255, 255, 255, 0.78);
    cursor: pointer;
    padding: 10px 14px;
    text-align: left;
    transition: background-color var(--wb-transition-fast), border-color var(--wb-transition-fast), color var(--wb-transition-fast), transform var(--wb-transition-fast);
}

.faq-category:hover,
.faq-category:focus-visible,
.faq-category.is-active {
    border-color: rgba(255, 130, 2, 0.2);
    background: rgba(255, 130, 2, 0.1);
    color: #ffffff;
    outline: none;
}

.faq-category.is-active {
    color: #ffffff;
    font-weight: var(--wb-font-weight-semibold);
}

.faq-category__icon {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    color: rgba(255, 255, 255, 0.58);
}

.faq-category__svg {
    width: 18px;
    height: 18px;
}

.faq-category:hover .faq-category__icon,
.faq-category:focus-visible .faq-category__icon,
.faq-category.is-active .faq-category__icon,
.faq-category.is-active .faq-category__count {
    color: var(--wb-color-accent);
}

.faq-category__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.faq-category__count {
    color: rgba(255, 255, 255, 0.54);
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.faq-sidebar__support {
    display: grid;
    gap: 12px;
    margin-top: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.055);
    padding: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.faq-sidebar__support h2,
.faq-sidebar__support p {
    margin: 0;
}

.faq-sidebar__support h2 {
    color: #ffffff;
    font-size: 18px;
}

.faq-sidebar__support p {
    color: rgba(255, 255, 255, 0.68);
    font-size: 14px;
}

.faq-sidebar__support .button {
    width: 100%;
    justify-content: center;
    min-height: 42px;
}

.faq-sidebar__support .button--secondary {
    border-color: rgba(255, 255, 255, 0.42);
    background: transparent;
    color: #ffffff;
}

.faq-content {
    display: grid;
    align-content: start;
    gap: 18px;
    min-width: 0;
    padding: 28px clamp(22px, 3.6vw, 42px) 76px;
    background: var(--faq-panel);
}

.faq-content__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 4px;
}

.faq-content__toolbar h2,
.faq-content__toolbar p {
    margin: 0;
}

.faq-content__toolbar h2 {
    color: #1b1f24;
    font-size: 26px;
    line-height: 1.2;
}

.faq-content__toolbar p {
    margin-top: 4px;
    color: var(--wb-color-accent);
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
}

.faq-sort {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #6b7280;
    font-size: 14px;
}

.faq-sort select {
    min-width: 180px;
    min-height: 42px;
    border: 1px solid var(--faq-line);
    border-radius: 8px;
    background: #ffffff;
    color: #6b7280;
    padding: 0 36px 0 16px;
    box-shadow: 0 8px 24px rgba(8, 27, 58, 0.05);
}

.faq-sort select:focus-visible {
    outline: none;
    box-shadow: var(--wb-shadow-focus);
}

.faq-accordion {
    display: grid;
    gap: 12px;
}

.faq-accordion__item {
    border: 1px solid var(--faq-line);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(12, 20, 30, 0.06);
    overflow: hidden;
    transition: border-color var(--wb-transition-fast), box-shadow var(--wb-transition-fast), transform var(--wb-transition-fast);
}

.faq-accordion__item:hover {
    border-color: rgba(255, 130, 2, 0.34);
    box-shadow: 0 18px 42px rgba(12, 20, 30, 0.09);
}

.faq-accordion__item.is-open {
    border-color: rgba(255, 130, 2, 0.28);
    box-shadow: 0 20px 52px rgba(12, 20, 30, 0.1);
}

.faq-accordion__item h3 {
    margin: 0;
    font-size: 16px;
}

.faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    min-height: 60px;
    border: 0;
    background: #ffffff;
    color: #171b20;
    cursor: pointer;
    padding: 18px 32px;
    text-align: left;
    font-weight: var(--wb-font-weight-semibold);
    transition: background-color var(--wb-transition-fast), color var(--wb-transition-fast);
}

.faq-question:hover,
.faq-question:focus-visible {
    color: var(--wb-color-accent);
    outline: none;
}

.faq-question:focus-visible {
    box-shadow: inset var(--wb-shadow-focus);
}

.faq-accordion__item.is-open .faq-question {
    color: var(--wb-color-accent);
}

.faq-question__icon {
    position: relative;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    color: #1f2933;
}

.faq-question__icon::before,
.faq-question__icon::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 13px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transform: translate(-50%, -50%);
    transition: transform var(--wb-transition-fast), background-color var(--wb-transition-fast);
}

.faq-question__icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.faq-accordion__item.is-open .faq-question__icon {
    color: var(--wb-color-accent);
}

.faq-accordion__item.is-open .faq-question__icon::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

.faq-answer {
    transition: max-height 220ms ease, opacity var(--wb-transition-fast);
}

html[data-app-ready="true"] .faq-answer {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

html[data-app-ready="true"] .faq-accordion__item.is-open .faq-answer {
    opacity: 1;
}

.faq-answer__inner {
    border-top: 1px solid var(--faq-line);
    background: #ffffff;
    padding: 16px 32px 22px;
}

.faq-answer p {
    margin: 0;
    color: #4b5563;
    font-size: 15px;
    line-height: 1.75;
}

.faq-empty {
    border: 1px solid var(--faq-line);
    border-radius: 8px;
    background: #ffffff;
    padding: 24px;
    box-shadow: 0 12px 32px rgba(12, 20, 30, 0.06);
}

.faq-empty h2,
.faq-empty p {
    margin: 0;
}

.faq-empty p {
    margin-top: 8px;
    color: #6b7280;
}
.admin-filter-grid--compact {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    align-items: end;
}

.dashboard-actions--compact {
    justify-content: flex-start;
}

.footer-cta {
    background:
        linear-gradient(135deg, rgba(19, 34, 56, 0.98), rgba(19, 34, 56, 0.88)),
        var(--wb-color-primary);
    color: var(--wb-color-on-dark);
    padding-block: var(--wb-space-16);
}

.footer-cta__inner {
    display: grid;
    gap: var(--wb-space-6);
    align-items: center;
}

.footer-cta p {
    color: rgba(255, 255, 255, 0.76);
}

.page-hero {
    background:
        linear-gradient(135deg, rgba(19, 34, 56, 0.96), rgba(19, 34, 56, 0.84)),
        var(--wb-color-primary);
    color: var(--wb-color-on-dark);
    padding-block: var(--wb-space-16);
}

.page-hero__inner {
    max-width: 860px;
}

.page-hero p {
    max-width: 720px;
    color: rgba(255, 255, 255, 0.78);
    font-size: var(--wb-font-size-lg);
}

.process-grid,
.service-grid,
.preview-list {
    display: grid;
    gap: var(--wb-space-5);
}

.process-card,
.service-card {
    min-width: 0;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
    padding: var(--wb-space-6);
}

.service-card {
    display: grid;
    gap: var(--wb-space-3);
}

.service-card span {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-primary);
    color: var(--wb-color-on-dark);
    font-weight: var(--wb-font-weight-semibold);
}

.preview-shell {
    display: grid;
    gap: var(--wb-space-6);
    align-items: start;
}

.legal-content {
    display: grid;
    gap: var(--wb-space-6);
}

.app-shell--public .site-main .legal-content {
    width: min(960px, calc(100% - (var(--wb-public-page-pad) * 2)));
    max-width: 960px;
    margin-inline: auto;
}

.app-shell .legal-content > * {
    min-width: 0;
}

.app-shell .legal-text-block {
    display: grid;
    gap: var(--wb-space-4);
}

.app-shell .legal-content :is(h2, h3) {
    color: var(--wb-color-text-strong);
    margin-bottom: 0;
}

.app-shell .legal-content h2:not(:first-child) {
    margin-top: var(--wb-space-4);
}

.app-shell .legal-content :is(p, li) {
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-body);
    font-weight: var(--wb-font-weight-normal);
    line-height: 1.7;
}

.app-shell .legal-content p {
    margin-bottom: 0;
}

.app-shell .legal-content :is(ul, ol) {
    display: grid;
    gap: var(--wb-space-2);
    margin: 0;
    padding-left: 1.35rem;
}

.app-shell .legal-content a:not(.button):not(.btn) {
    color: var(--wb-color-accent-strong);
    overflow-wrap: anywhere;
}

.app-shell .legal-content .alert {
    line-height: 1.55;
}

.honeypot {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.cms-editor {
    display: grid;
    gap: var(--wb-space-6);
    align-items: start;
}

.cms-editor__main,
.cms-editor__side,
.cms-block-list {
    display: grid;
    gap: var(--wb-space-5);
    min-width: 0;
}

.cms-toolbar,
.cms-block__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wb-space-3);
    flex-wrap: wrap;
}

.cms-block {
    display: grid;
    gap: var(--wb-space-4);
    border: 1px dashed var(--wb-color-border-strong);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface-muted);
    padding: var(--wb-space-5);
}

.cms-block textarea {
    min-height: 180px;
    font-family: Consolas, "Courier New", monospace;
    font-size: var(--wb-font-size-sm);
}

.cms-check {
    display: inline-flex;
    align-items: center;
    gap: var(--wb-space-2);
    white-space: nowrap;
}

.cms-check input[type="checkbox"],
.cms-check input[type="radio"] {
    width: var(--wb-choice-control-size);
    height: var(--wb-choice-control-size);
    min-width: var(--wb-choice-control-size);
    min-height: var(--wb-choice-control-size);
    flex: 0 0 var(--wb-choice-control-size);
}

.cms-menu-items {
    display: grid;
    gap: var(--wb-space-3);
    margin-top: var(--wb-space-4);
}

.cms-menu-row {
    display: grid;
    gap: var(--wb-space-3);
    align-items: center;
}

@media (min-width: 640px) {
    .form-grid,
    .component-grid,
    .metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .token-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .home-search {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: end;
    }

    .trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .feature-list--compact,
    .three-column-section,
    .faq-grid,
    .process-grid,
    .service-grid,
    .preview-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .premium-footer__top,
    .premium-footer__trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .premium-footer__brand {
        grid-column: 1 / -1;
    }

    .region-link-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 481px) {
    .region-link-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    :root {
        --wb-container-pad: 15px;
        --wb-shell-pad: 15px;
        --wb-public-page-pad: 15px;
        --wb-public-chrome-pad: 15px;
    }

    h1 {
        font-size: var(--wb-font-size-4xl);
    }

    .region-link-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 960px) {
    :root {
        --wb-shell-pad: var(--wb-space-8);
    }

    .component-grid--wide {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
    }

    .dashboard-shell,
    .admin-shell {
        grid-template-columns: 264px 1fr;
    }

    .dashboard-sidebar,
    .admin-sidebar {
        display: block;
    }

    .dashboard-main,
    .admin-main {
        padding: var(--wb-space-8);
    }

    .dashboard-hero {
        grid-template-columns: minmax(0, 1fr) 320px;
    }

    .dashboard-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-bottom-nav {
        display: none;
    }

    .home-search {
        grid-template-columns: 1.2fr 0.8fr 0.9fr auto;
    }

    .home-hero h1 {
        font-size: var(--wb-font-size-5xl);
    }

    .trust-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .split-section {
        grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    }

    .split-section--reverse {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    }

    .feature-list--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .three-column-section {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.95fr) minmax(0, 0.95fr);
    }

    .faq-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr) minmax(0, 0.9fr) minmax(0, 0.9fr);
    }

    .footer-cta__inner {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .cms-editor {
        grid-template-columns: minmax(0, 1fr) 320px;
    }

    .cms-editor__side {
        position: sticky;
        top: 96px;
    }

    .cms-menu-row {
        grid-template-columns: minmax(120px, 1fr) minmax(180px, 1.35fr) minmax(140px, 0.8fr) 130px 90px auto;
    }

    .process-grid,
    .service-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .preview-shell {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    }

    .premium-footer__top {
        grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(0, 0.82fr));
    }

    .premium-footer__brand {
        grid-column: auto;
    }

    .region-link-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    :root {
        --wb-container-pad: 80px;
        --wb-public-page-pad: 80px;
        --wb-public-chrome-pad: 80px;
    }

    .region-link-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1400px) {
    .region-link-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .site-nav,
    .dashboard-actions .notification-menu {
        display: none;
    }

    .nav-toggle {
        display: inline-flex;
    }

    .site-header__inner,
    .site-footer__inner {
        min-height: 68px;
    }

    .site-footer__inner {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        padding-block: var(--wb-space-5);
    }

    .hero,
    .page-section {
        padding-block: var(--wb-space-12);
    }

    .hero--premium {
        min-height: 520px;
    }

    .card,
    .pricing-card,
    .empty-state,
    .modal {
        padding: var(--wb-space-5);
    }

    .dashboard-header,
    .admin-header {
        min-height: 66px;
        gap: var(--wb-space-3);
    }

    .brand__name {
        font-size: var(--wb-font-size-md);
    }

    .dashboard-actions {
        gap: var(--wb-space-2);
    }

    .status-chip,
    .wallet-chip {
        display: none;
    }

    .profile-menu__button {
        max-width: 148px;
        padding-right: var(--wb-space-2);
    }

    .profile-menu__name {
        display: none;
    }

    .dashboard-main,
    .admin-main {
        padding-bottom: calc(92px + env(safe-area-inset-bottom));
    }

    .pricing-card--featured {
        transform: none;
    }

    .home-hero {
        min-height: 680px;
    }

    .home-hero__media {
        background:
            linear-gradient(180deg, rgba(11, 22, 38, 0.94), rgba(11, 22, 38, 0.68)),
            url("../img/home-hero.png") center / cover no-repeat;
    }

    .home-search-section {
        margin-top: 0;
        padding-top: var(--wb-space-4);
    }

    .search-panel {
        padding: var(--wb-space-4);
    }
}

.wizard-page {
    display: grid;
    gap: var(--wb-space-6);
    padding-bottom: 20px;
}

.app-shell--public .wizard-page {
    width: calc(100% - (var(--wb-public-page-pad) * 2));
    max-width: none;
    margin-inline: auto;
}

.app-shell--user .wizard-page {
    width: 100%;
}

.wizard-shell {
    display: grid;
    gap: clamp(24px, 3vw, 42px);
}

.order-stepper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
    gap: var(--wb-space-4);
    align-items: center;
    padding-top: var(--wb-space-2);
}

.order-stepper__item {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: var(--wb-space-3);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    white-space: nowrap;
}

.order-stepper__number {
    display: inline-grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--wb-color-primary) 18%, var(--wb-color-border));
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-surface);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
    transition: background-color var(--wb-transition-fast), border-color var(--wb-transition-fast), color var(--wb-transition-fast);
}

.order-stepper__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.order-stepper__item.is-active {
    color: var(--wb-color-primary);
}

.order-stepper__item.is-active .order-stepper__number {
    border-color: var(--wb-color-primary);
    background: var(--wb-color-primary);
    color: var(--wb-color-on-dark);
}

.order-stepper__item.is-complete .order-stepper__number {
    border-color: color-mix(in srgb, var(--wb-color-primary) 24%, var(--wb-color-border));
    background: var(--wb-color-surface);
    color: var(--wb-color-primary);
}

.wizard-step-panel {
    min-height: 420px;
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.wizard-step-panel .section-heading {
    max-width: 720px;
    margin-bottom: clamp(24px, 3vw, 38px);
}

.wizard-step-panel .section-heading h2 {
    margin-bottom: var(--wb-space-3);
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-h1);
    line-height: 1.05;
}

.wizard-step-panel .section-heading p {
    max-width: 620px;
    font-size: var(--wb-font-size-lg);
}

.wizard-step-panel .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(22px, 3vw, 42px);
    align-items: start;
}

.wizard-actions,
.submit-card {
    align-items: center;
    display: flex;
    gap: var(--wb-space-3);
    justify-content: space-between;
}

.submit-card {
    margin-top: var(--wb-space-5);
}

.media-strip {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wb-space-3);
    margin-top: var(--wb-space-3);
}

.media-strip img {
    aspect-ratio: 4 / 3;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-sm);
    object-fit: cover;
    width: 120px;
}

.media-strip__item {
    display: grid;
    gap: var(--wb-space-1);
    margin: 0;
    width: 140px;
}

.media-strip__item figcaption {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-xs);
}

.choice-grid,
.wizard-photo-grid {
    display: grid;
    gap: var(--wb-space-4);
}

.choice-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.choice-card {
    position: relative;
    display: grid;
    min-height: 156px;
    align-content: center;
    justify-items: center;
    gap: var(--wb-space-3);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    cursor: pointer;
    padding: var(--wb-space-5) var(--wb-space-4);
    text-align: center;
    transition: border-color var(--wb-transition-fast), background-color var(--wb-transition-fast), box-shadow var(--wb-transition-fast), transform var(--wb-transition-fast);
}

.choice-card:hover {
    border-color: color-mix(in srgb, var(--wb-color-primary) 35%, var(--wb-color-border));
    box-shadow: var(--wb-shadow-sm);
    transform: translateY(-1px);
}

.choice-card input {
    position: absolute;
    width: 1px;
    height: 1px;
    min-width: 1px;
    min-height: 1px;
    max-width: 1px;
    max-height: 1px;
    border: 0;
    background: transparent;
    box-shadow: none;
    opacity: 0;
    pointer-events: none;
}

.choice-card__icon {
    display: grid;
    flex: 0 0 auto;
    width: 76px;
    height: 76px;
    place-items: center;
    overflow: hidden;
    line-height: 0;
    border-radius: var(--wb-radius-full);
    background: color-mix(in srgb, var(--wb-color-border) 30%, var(--wb-color-surface));
    color: color-mix(in srgb, var(--wb-color-primary) 86%, var(--wb-color-choice-icon-mix));
}

.choice-card strong {
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-md);
    line-height: 1.25;
    overflow-wrap: anywhere;
    hyphens: auto;
}

.choice-card:has(input:checked) {
    border-color: var(--wb-color-primary);
    background: color-mix(in srgb, var(--wb-color-primary) 4%, var(--wb-color-surface));
    box-shadow: inset 0 0 0 1px var(--wb-color-primary), var(--wb-shadow-sm);
}

.choice-card:has(input:focus-visible) {
    box-shadow: var(--wb-shadow-focus);
}

.field-control {
    display: grid;
    gap: var(--wb-space-3);
}

.field-control--with-icon {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

.field-control__icon,
.photo-guidance__icon {
    display: grid;
    flex: 0 0 auto;
    width: 64px;
    height: 64px;
    place-items: center;
    overflow: hidden;
    line-height: 0;
    border-radius: var(--wb-radius-full);
    background: color-mix(in srgb, var(--wb-color-border) 35%, var(--wb-color-surface));
    color: var(--wb-color-primary);
}

.field-control .wizard-icon,
.photo-guidance__icon .wizard-icon {
    width: 30px;
    height: 30px;
}

.field-control input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.field-control select {
    min-height: 54px;
    background: var(--wb-color-surface);
}

.wizard-icon {
    display: block;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    max-width: 100%;
    max-height: 100%;
    line-height: 0;
}

.wizard-icon--image {
    object-fit: contain;
    object-position: center;
}

.wizard-icon--fallback {
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-sm);
    font-size: var(--wb-font-size-xs);
    font-weight: var(--wb-font-weight-semibold);
}

.wizard-icon-cell {
    display: inline-grid;
    min-width: 34px;
    place-items: center;
}

.photo-guidance {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--wb-space-5);
    align-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: color-mix(in srgb, var(--wb-color-border) 13%, var(--wb-color-surface));
    padding: var(--wb-space-5);
}

.photo-guidance strong {
    display: block;
    margin-bottom: var(--wb-space-2);
    color: var(--wb-color-primary);
}

.photo-guidance ul {
    display: grid;
    gap: var(--wb-space-1);
    margin: 0;
    padding: 0;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    list-style: none;
}

.photo-guidance li {
    display: flex;
    align-items: center;
    gap: var(--wb-space-2);
}

.photo-guidance li::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-primary);
}

.wizard-photo-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.wizard-photo-item {
    display: grid;
    gap: var(--wb-space-2);
    min-width: 0;
}

.wizard-photo-caption {
    display: grid;
    gap: 6px;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-xs);
    font-weight: var(--wb-font-weight-semibold);
}

.wizard-photo-caption input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    width: 100%;
    min-height: 38px;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-sm);
    background: var(--wb-color-surface);
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 var(--wb-space-3);
}

.wizard-photo-caption input:focus {
    border-color: var(--wb-color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wb-color-primary) 14%, transparent);
    outline: none;
}

.wizard-photo-slot {
    position: relative;
    display: grid;
    min-height: 156px;
    aspect-ratio: 4 / 3;
    margin: 0;
    overflow: hidden;
    border: 1px dashed var(--wb-color-border-strong);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
}

.wizard-photo-slot--empty {
    cursor: pointer;
    place-items: center;
    transition: border-color var(--wb-transition-fast), background-color var(--wb-transition-fast), box-shadow var(--wb-transition-fast);
}

.wizard-photo-slot--empty:hover {
    border-color: var(--wb-color-primary);
    background: color-mix(in srgb, var(--wb-color-primary) 3%, var(--wb-color-surface));
}

.wizard-photo-slot input[type="file"] {
    position: absolute;
    inset: 0;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
}

.wizard-photo-slot__placeholder,
.wizard-photo-slot__preview {
    pointer-events: none;
}

.wizard-photo-slot img,
.wizard-photo-slot__preview {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wizard-photo-slot__preview {
    display: none;
}

.wizard-photo-slot.has-preview .wizard-photo-slot__preview {
    display: block;
}

.wizard-photo-slot.has-preview .wizard-photo-slot__placeholder {
    display: none;
}

.wizard-photo-slot__placeholder {
    display: grid;
    justify-items: center;
    gap: var(--wb-space-3);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    text-align: center;
}

.wizard-photo-slot__placeholder .wizard-icon {
    width: 38px;
    height: 38px;
    color: color-mix(in srgb, var(--wb-color-text-muted) 70%, var(--wb-color-surface));
}

.wizard-photo-slot__placeholder strong {
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-sm);
}

.wizard-photo-slot figcaption {
    position: absolute;
    left: var(--wb-space-3);
    bottom: var(--wb-space-2);
    z-index: 1;
    color: var(--wb-color-on-dark);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.62);
}

.wizard-photo-slot--filled::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 55%;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.52));
    pointer-events: none;
}

.wizard-photo-slot__remove {
    position: absolute;
    top: var(--wb-space-2);
    right: var(--wb-space-2);
    z-index: 2;
    display: grid;
    width: 32px;
    min-width: 0;
    height: 32px;
    min-height: 0;
    place-items: center;
    border: 0;
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-surface);
    color: var(--wb-color-primary);
    font-size: 1.35rem;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1;
    padding: 0;
}

.wizard-photo-slot__remove:hover {
    background: var(--wb-color-primary);
    color: var(--wb-color-on-dark);
}

.wizard-photo-note {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    line-height: 1.65;
}

@media (max-width: 1100px) {
    .wizard-photo-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .wizard-step-panel .form-grid {
        grid-template-columns: 1fr;
    }

    .order-stepper {
        display: flex;
        gap: var(--wb-space-5);
        overflow-x: auto;
        padding-bottom: var(--wb-space-2);
        scrollbar-gutter: stable;
        scrollbar-width: thin;
    }

    .order-stepper__item {
        flex: 0 0 auto;
    }
}

@media (max-width: 760px) {
    .order-category-picker__head {
        align-items: start;
        display: grid;
    }

    .order-category-picker__head [data-order-trade-status] {
        text-align: left;
    }

    .wizard-page--order .choice-grid--categories,
    .wizard-page--order .order-subcategory-panel .choice-grid--trade {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .wizard-step-panel {
        min-height: auto;
    }

    .wizard-step-panel .section-heading h2 {
        font-size: 2.2rem;
        overflow-wrap: anywhere;
        hyphens: auto;
    }

    .choice-grid,
    .wizard-photo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .choice-card {
        min-height: 138px;
        padding: var(--wb-space-4) var(--wb-space-3);
    }

    .choice-card__icon {
        width: 64px;
        height: 64px;
    }

    .choice-card__icon .wizard-icon {
        width: 34px;
        height: 34px;
    }

    .field-control--with-icon,
    .photo-guidance {
        grid-template-columns: 1fr;
    }

    .field-control__icon,
    .photo-guidance__icon {
        width: 54px;
        height: 54px;
    }
}

.wizard-page--order {
    --order-accent: var(--wb-color-accent);
    --order-success: #2f946f;
    --order-soft-orange: #fff4eb;
    --order-soft-blue: #f3f8ff;
}

.wizard-page--order .wizard-shell {
    gap: clamp(16px, 2vw, 24px);
}

.order-wizard-layout {
    display: grid;
    grid-template-columns: minmax(230px, 280px) minmax(0, 1fr) minmax(260px, 320px);
    gap: clamp(18px, 2vw, 28px);
    align-items: start;
}

.order-wizard-main {
    display: grid;
    min-width: 0;
    gap: var(--wb-space-4);
}

.order-wizard-sidebar,
.order-wizard-summary {
    position: sticky;
    top: 96px;
    display: grid;
    gap: var(--wb-space-5);
    min-width: 0;
}

.order-wizard-back-link {
    display: inline-flex;
    align-items: center;
    gap: var(--wb-space-2);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
}

.order-wizard-back-link:hover {
    color: var(--order-accent);
}

.order-wizard-sidebar__intro {
    display: grid;
    gap: var(--wb-space-2);
}

.order-wizard-sidebar__intro h1 {
    margin: 0;
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-h2);
    line-height: 1.15;
}

.order-wizard-sidebar__intro p {
    margin: 0;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.order-wizard-rail {
    display: grid;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.order-wizard-rail__item {
    position: relative;
    display: grid;
    grid-template-columns: 34px 44px minmax(0, 1fr);
    gap: var(--wb-space-3);
    align-items: center;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.order-wizard-rail__item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 38px;
    bottom: -18px;
    left: 16px;
    width: 1px;
    background: var(--wb-color-border);
}

.order-wizard-rail__number,
.order-wizard-rail__icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    overflow: hidden;
    border-radius: var(--wb-radius-full);
}

.order-wizard-rail__number {
    position: relative;
    z-index: 1;
    width: 34px;
    height: 34px;
    border: 1px solid var(--wb-color-border-strong);
    background: var(--wb-color-surface);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
}

.order-wizard-rail__icon {
    width: 44px;
    height: 44px;
    background: var(--wb-color-surface-muted);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.order-wizard-rail__icon .wizard-icon {
    width: 22px;
    height: 22px;
}

.order-wizard-rail__copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.order-wizard-rail__copy strong,
.order-wizard-rail__copy small {
    overflow: hidden;
    text-overflow: ellipsis;
}

.order-wizard-rail__copy strong {
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-sm);
    white-space: nowrap;
}

.order-wizard-rail__copy small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-xs);
    line-height: 1.3;
}

.order-wizard-rail__item.is-active .order-wizard-rail__number {
    border-color: var(--order-accent);
    background: var(--order-accent);
    color: var(--wb-color-on-dark);
}

.order-wizard-rail__item.is-active .order-wizard-rail__icon {
    background: var(--order-soft-orange);
    color: var(--order-accent);
}

.order-wizard-rail__item.is-active .order-wizard-rail__copy strong {
    color: var(--order-accent);
}

.order-wizard-rail__item.is-complete .order-wizard-rail__number {
    border-color: var(--order-success);
    background: var(--order-success);
    color: var(--wb-color-on-dark);
}

.order-wizard-rail__item.is-complete .order-wizard-rail__icon {
    background: color-mix(in srgb, var(--order-success) 10%, var(--wb-color-surface));
    color: var(--order-success);
}

.order-wizard-trust,
.order-summary-card,
.order-help-card {
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
}

.order-wizard-trust {
    display: grid;
    gap: var(--wb-space-2);
    padding: var(--wb-space-4);
    border-color: color-mix(in srgb, var(--order-accent) 22%, var(--wb-color-border));
    background: linear-gradient(180deg, #fffaf5, var(--wb-color-surface));
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.order-wizard-trust strong {
    color: #8a2f00;
}

.order-wizard-trust p {
    margin: 0;
}

.wizard-page--order .wizard-step-panel {
    min-height: auto;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
    padding: clamp(20px, 2.3vw, 32px);
}

.wizard-page--order .wizard-step-panel .section-heading {
    max-width: 760px;
    margin-bottom: clamp(18px, 2vw, 28px);
}

.wizard-page--order .wizard-step-panel .section-heading h2 {
    margin-bottom: var(--wb-space-2);
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-h2);
    line-height: 1.14;
}

.wizard-page--order .wizard-step-panel .section-heading p {
    max-width: 760px;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-md);
}

.wizard-page--order .wizard-step-panel .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--wb-space-4);
}

.wizard-page--order [data-question-key="trade_id"],
.wizard-page--order .form-field--full {
    grid-column: 1 / -1;
}

.wizard-page--order .choice-grid {
    gap: var(--wb-space-3);
}

.wizard-page--order .choice-grid--trade {
    grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
}

.wizard-page--order .choice-card {
    min-height: 126px;
    border-radius: var(--wb-radius-lg);
    padding: var(--wb-space-4);
}

.wizard-page--order .choice-card__icon {
    width: 56px;
    height: 56px;
    background: var(--wb-color-surface-muted);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.wizard-page--order .choice-card__icon .wizard-icon {
    width: 30px;
    height: 30px;
}

.wizard-page--order .choice-card strong {
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-sm);
}

.choice-card--trade small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-xs);
    line-height: 1.3;
}

.wizard-page--order .choice-card:has(input:checked) {
    border-color: var(--order-accent);
    background: var(--order-soft-orange);
    box-shadow: inset 0 0 0 1px var(--order-accent), var(--wb-shadow-sm);
}

.wizard-page--order .choice-card:has(input:checked) .choice-card__icon,
.wizard-page--order .choice-card:has(input:checked) strong {
    color: var(--order-accent);
}

.order-category-picker {
    display: grid;
    gap: var(--wb-space-5);
}

.order-category-picker__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--wb-space-4);
    padding-bottom: var(--wb-space-2);
    border-bottom: 1px solid var(--wb-color-border);
}

.order-category-picker__head strong {
    display: block;
    color: var(--wb-color-text);
    font-size: 1rem;
    line-height: 1.25;
}

.order-category-picker__head small,
.order-category-picker__head [data-order-trade-status] {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    line-height: 1.4;
}

.order-category-picker__head [data-order-trade-status] {
    min-height: 20px;
    text-align: right;
}

.order-category-picker__head [data-order-trade-status][data-tone="error"] {
    color: var(--wb-color-danger);
    font-weight: var(--wb-font-weight-semibold);
}

.wizard-page--order .choice-grid--categories {
    grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
}

.wizard-page--order .choice-card--category {
    appearance: none;
    display: grid;
    grid-template-rows: auto minmax(0, auto) auto;
    align-content: start;
    gap: 8px;
    width: 100%;
    min-height: 148px;
    padding-block: 16px 14px;
    color: inherit;
    font: inherit;
}

.wizard-page--order .choice-card--category .choice-card__icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 2px;
}

.wizard-page--order .choice-card--category .choice-card__icon .wizard-icon {
    width: 42px;
    height: 42px;
}

.wizard-page--order .choice-card--category .choice-card__icon .wizard-icon--image {
    width: 46px;
    height: 46px;
}

.wizard-page--order .choice-card--category:focus-visible {
    border-color: var(--order-accent);
    box-shadow: var(--wb-shadow-focus);
    outline: 0;
}

@media (max-width: 900px) {
    .wizard-page--order .choice-card--category .choice-card__icon {
        width: 56px;
        height: 56px;
    }

    .wizard-page--order .choice-card--category .choice-card__icon .wizard-icon {
        width: 40px;
        height: 40px;
    }

    .wizard-page--order .choice-card--category .choice-card__icon .wizard-icon--image {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 640px) {
    .wizard-page--order .choice-card--category {
        gap: 7px;
        padding-block: 14px 12px;
    }

    .wizard-page--order .choice-card--category .choice-card__icon {
        width: 52px;
        height: 52px;
    }

    .wizard-page--order .choice-card--category .choice-card__icon .wizard-icon {
        width: 36px;
        height: 36px;
    }

    .wizard-page--order .choice-card--category .choice-card__icon .wizard-icon--image {
        width: 40px;
        height: 40px;
    }
}

.wizard-page--order .choice-card--category small,
.wizard-page--order .choice-card--trade small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-xs);
    line-height: 1.3;
}

.wizard-page--order .choice-card--category.is-active {
    border-color: var(--order-accent);
    background: var(--order-soft-orange);
    box-shadow: inset 0 0 0 1px var(--order-accent), var(--wb-shadow-sm);
}

.wizard-page--order .choice-card--category.is-active .choice-card__icon,
.wizard-page--order .choice-card--category.is-active strong {
    color: var(--order-accent);
}

.order-subcategory-panel {
    display: grid;
    gap: var(--wb-space-4);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: color-mix(in srgb, var(--wb-color-surface-muted) 44%, var(--wb-color-surface));
    padding: var(--wb-space-4);
}

.order-subcategory-panel[hidden] {
    display: none;
}

.order-subcategory-panel[data-order-subcategory-empty] {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.order-subcategory-panel[data-order-subcategory-empty] > span,
.order-subcategory-panel__head > span {
    display: grid;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    place-items: center;
    overflow: hidden;
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-surface);
    color: var(--order-accent);
}

.order-subcategory-panel[data-order-subcategory-empty] p {
    margin: 0;
    font-weight: var(--wb-font-weight-semibold);
}

.order-subcategory-panel__head {
    display: flex;
    align-items: center;
    gap: var(--wb-space-3);
}

.order-subcategory-panel__head strong {
    display: block;
    color: var(--wb-color-text);
    font-size: 1rem;
    line-height: 1.25;
}

.order-subcategory-panel__head small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.wizard-page--order .order-subcategory-panel .choice-grid--trade {
    grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
}

.wizard-page--order .choice-card--trade {
    align-content: start;
    min-height: 154px;
}

.wizard-page--order .choice-card--trade:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.54;
}
.wizard-page--order .field-control--with-icon {
    grid-template-columns: minmax(0, 1fr);
}

.wizard-page--order .field-control__icon {
    display: none;
}

.wizard-page--order .field-control input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.wizard-page--order .field-control select,
.wizard-page--order textarea {
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
}

.wizard-page--order .photo-guidance {
    border-color: color-mix(in srgb, var(--order-accent) 20%, var(--wb-color-border));
    background: linear-gradient(180deg, #fffaf5, var(--wb-color-surface));
}

.order-summary-card,
.order-help-card {
    display: grid;
    gap: var(--wb-space-4);
    padding: var(--wb-space-5);
}

.order-summary-card h2,
.order-help-card h2 {
    margin: 0;
    color: var(--wb-color-text);
    font-size: 1rem;
    line-height: 1.25;
}

.order-summary-card__image,
.order-summary-card__placeholder {
    width: 100%;
    aspect-ratio: 16 / 10;
    border-radius: var(--wb-radius-md);
}

.order-summary-card__image {
    object-fit: cover;
}

.order-summary-card__placeholder {
    display: grid;
    place-items: center;
    border: 1px dashed var(--wb-color-border-strong);
    background: var(--wb-color-surface-muted);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.order-summary-card__placeholder .wizard-icon {
    width: 46px;
    height: 46px;
}

.order-summary-card__list {
    display: grid;
    gap: var(--wb-space-3);
    margin: 0;
}

.order-summary-card__list div {
    display: grid;
    gap: 2px;
    padding-bottom: var(--wb-space-3);
    border-bottom: 1px solid var(--wb-color-border);
}

.order-summary-card__list div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.order-summary-card__list dt {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-xs);
    font-weight: var(--wb-font-weight-semibold);
}

.order-summary-card__list dd {
    margin: 0;
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    overflow-wrap: anywhere;
}

.order-help-card {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
}

.order-help-card__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-surface-muted);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.order-help-card p,
.order-help-card small {
    margin: 0;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.order-help-card a {
    color: var(--order-accent);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
}

.wizard-page--order .wizard-actions {
    position: sticky;
    bottom: 0;
    z-index: 20;
    gap: var(--wb-space-3);
    padding: var(--wb-space-4) 0 0;
    border-top: 1px solid var(--wb-color-border);
    background: color-mix(in srgb, var(--wb-color-background) 94%, transparent);
    backdrop-filter: blur(12px);
}

.wizard-actions__secure {
    display: inline-flex;
    align-items: center;
    gap: var(--wb-space-2);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.wizard-actions__secure .wizard-icon {
    width: 18px;
    height: 18px;
}

.wizard-actions__spacer {
    flex: 1 1 auto;
}

.wizard-page--order .wizard-actions .button {
    min-width: 142px;
    min-height: 52px;
    white-space: nowrap;
}

.wizard-page--order .wizard-actions .button:not(.button--secondary) {
    border-color: var(--order-accent);
    background: var(--order-accent);
    color: var(--wb-color-on-dark);
}

.wizard-page--order .wizard-actions .button:not(.button--secondary):hover {
    border-color: var(--wb-color-accent-strong);
    background: var(--wb-color-accent-strong);
}

@media (max-width: 1240px) {
    .order-wizard-layout {
        grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
    }

    .order-wizard-sidebar {
        display: none;
    }
}

@media (max-width: 980px) {
    .order-wizard-layout {
        grid-template-columns: 1fr;
    }

    .order-wizard-summary {
        display: none;
    }

    .wizard-page--order .wizard-step-panel .form-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .order-category-picker__head {
        align-items: start;
        display: grid;
    }

    .order-category-picker__head [data-order-trade-status] {
        text-align: left;
    }

    .wizard-page--order .choice-grid--categories,
    .wizard-page--order .order-subcategory-panel .choice-grid--trade {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .wizard-page--order {
        padding-bottom: 88px;
    }

    .wizard-page--order .wizard-step-panel {
        padding: var(--wb-space-5);
    }

    .wizard-page--order .wizard-step-panel .section-heading h2 {
        font-size: 1.75rem;
    }

    .wizard-page--order .choice-grid--trade,
    .wizard-page--order .choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wizard-page--order .choice-card {
        min-height: 118px;
        padding: var(--wb-space-3);
    }

    .wizard-page--order .choice-card__icon {
        width: 46px;
        height: 46px;
    }

    .wizard-page--order .wizard-actions {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        display: grid;
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.45fr);
        padding: var(--wb-space-3) max(var(--wb-public-page-pad), 16px) calc(var(--wb-space-3) + env(safe-area-inset-bottom));
        box-shadow: 0 -14px 30px rgba(8, 27, 58, 0.08);
    }

    .wizard-page--order .wizard-actions__secure,
    .wizard-page--order .wizard-actions__spacer,
    .wizard-page--order .wizard-actions [data-order-save] {
        display: none;
    }

    .wizard-page--order .wizard-actions .button {
        width: 100%;
        min-width: 0;
        min-height: 56px;
        padding-inline: var(--wb-space-3);
    }
}
.wizard-option-list {
    display: grid;
    gap: var(--wb-space-2);
    margin-top: var(--wb-space-3);
}

.admin-inline-form--wide textarea {
    min-width: min(420px, 100%);
}

.summary-list {
    display: grid;
    gap: var(--wb-space-3);
}

.summary-list p {
    align-items: start;
    border-bottom: 1px solid var(--wb-color-border);
    display: grid;
    gap: var(--wb-space-2);
    grid-template-columns: minmax(120px, 0.35fr) minmax(0, 1fr);
    margin: 0;
    padding-bottom: var(--wb-space-3);
}

.summary-list span {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.admin-filter-grid {
    align-items: end;
    display: grid;
    gap: var(--wb-space-4);
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.admin-detail-grid {
    display: grid;
    gap: var(--wb-space-5);
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.admin-inline-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--wb-space-2);
    margin-block: var(--wb-space-4);
}

.admin-sidebar__group {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    display: block;
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0.08em;
    padding: var(--wb-space-4) var(--wb-space-3) var(--wb-space-1);
    text-transform: uppercase;
}

.meta-list {
    display: grid;
    gap: var(--wb-space-2) var(--wb-space-4);
    grid-template-columns: minmax(110px, 0.35fr) minmax(0, 1fr);
}

.meta-list dt {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.meta-list dd {
    margin: 0;
}

.text-block {
    color: var(--wb-color-text);
    line-height: 1.75;
}

.media-strip--large img {
    width: 180px;
}

.media-strip--large .media-strip__item {
    width: 180px;
}

.answer-groups {
    display: grid;
    gap: var(--wb-space-5);
}

.answer-groups h3 {
    margin-bottom: var(--wb-space-3);
}

.moderation-actions {
    display: grid;
    gap: var(--wb-space-4);
}

.notification-count {
    align-items: center;
    background: var(--wb-color-danger);
    border-radius: var(--wb-radius-full);
    color: var(--wb-color-on-dark);
    display: inline-flex;
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    height: 18px;
    justify-content: center;
    line-height: 1;
    min-width: 18px;
    padding-inline: 5px;
    pointer-events: none;
    position: absolute;
    right: -5px;
    top: -5px;
    white-space: nowrap;
}

.icon-button {
    position: relative;
}

.notification-dropdown__item {
    border-bottom: 1px solid var(--wb-color-border);
    display: grid;
    gap: 2px;
    padding-block: var(--wb-space-2);
}

.notification-dropdown__item:last-child {
    border-bottom: 0;
}

.notification-dropdown__item strong {
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-sm);
    line-height: 1.3;
}

.notification-dropdown__item small,
.notification-row small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.notification-dropdown__empty,
.notification-dropdown__status {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    margin: 0;
}

.notification-dropdown__status {
    padding-top: var(--wb-space-2);
}

.notification-list {
    display: grid;
    gap: var(--wb-space-4);
}

.notification-row {
    align-items: center;
    display: flex;
    gap: var(--wb-space-4);
    justify-content: space-between;
}

.notification-row.is-unread {
    border-left: 4px solid var(--wb-color-accent);
}

.notification-row__actions {
    align-items: center;
    display: flex;
    gap: var(--wb-space-2);
}


.contractor-card,
.order-card {
    display: grid;
    gap: var(--wb-space-4);
}

.company-directory-toolbar {
    margin-bottom: var(--wb-space-8);
}

.company-directory-grid {
    display: grid;
    gap: var(--wb-space-5);
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin-top: var(--wb-space-6);
}

.company-card {
    display: grid;
    gap: var(--wb-space-4);
}

.company-card__head {
    align-items: flex-start;
    display: flex;
    gap: var(--wb-space-4);
}

.company-card__avatar {
    background: var(--wb-color-surface-muted);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    display: grid;
    flex: 0 0 72px;
    height: 72px;
    overflow: hidden;
    place-items: center;
    width: 72px;
}

.company-card__avatar img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.company-card__avatar span {
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-2xl);
    font-weight: var(--wb-font-weight-semibold);
}

.company-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wb-space-2);
    margin-bottom: var(--wb-space-2);
}

.company-card__actions {
    display: grid;
    gap: var(--wb-space-3);
}

.settings-admin-page {
    --wb-choice-switch-width: 44px;
    --wb-choice-switch-height: 24px;
    --wb-choice-switch-thumb-size: 18px;
    background: var(--wiz-bg);
    gap: 16px;
    min-width: 0;
}

.settings-admin-page *,
.settings-admin-page *:before,
.settings-admin-page *:after {
    box-sizing: border-box;
}

.settings-head {
    align-items: flex-end;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    min-width: 0;
}

.settings-head__copy {
    min-width: 0;
}

.settings-head h1 {
    color: var(--wiz-text);
    font-size: 1.55rem;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0 0 8px;
}

.settings-head p,
.settings-editor-head p,
.settings-field__meta p,
.settings-section-intro p,
.settings-empty-state p,
.settings-notice p {
    color: var(--wiz-subtle);
    line-height: 1.5;
    margin: 0;
}

.settings-head__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.settings-workbench {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
    height: clamp(660px, calc(100vh - 210px), 860px);
    min-width: 0;
}

.settings-sidebar,
.settings-subnav,
.settings-editor {
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.settings-sidebar,
.settings-subnav {
    display: grid;
    gap: 14px;
    grid-template-rows: auto minmax(0, 1fr);
    padding: 16px;
}

.settings-panel-title {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-width: 0;
}

.settings-panel-title h2,
.settings-editor-head h2,
.settings-section-intro h3 {
    color: var(--wiz-text);
    letter-spacing: 0;
    margin: 0;
}

.settings-panel-title h2,
.settings-editor-head h2 {
    font-size: 1rem;
    line-height: 1.25;
}

.settings-nav,
.settings-section-list,
.settings-editor-body {
    min-height: 0;
    overflow: auto;
    scrollbar-color: #c5cad3 transparent;
    scrollbar-width: thin;
}

.settings-nav::-webkit-scrollbar,
.settings-section-list::-webkit-scrollbar,
.settings-editor-body::-webkit-scrollbar {
    width: 8px;
}

.settings-nav::-webkit-scrollbar-thumb,
.settings-section-list::-webkit-scrollbar-thumb,
.settings-editor-body::-webkit-scrollbar-thumb {
    background: #c5cad3;
    border-radius: 999px;
}

.settings-nav,
.settings-section-list {
    display: grid;
    gap: 8px;
    padding-right: 2px;
}

.settings-nav__item,
.settings-section-link {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--wiz-text);
    display: grid;
    gap: 10px;
    min-width: 0;
    text-decoration: none;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease;
}

.settings-nav__item {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    min-height: 58px;
    padding: 9px 10px;
}

.settings-section-link {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    padding: 12px 10px;
}

.settings-nav__item:hover,
.settings-nav__item:focus-visible,
.settings-nav__item.is-active,
.settings-section-link:hover,
.settings-section-link:focus-visible,
.settings-section-link.is-active {
    background: var(--wiz-primary-soft);
    border-color: var(--wiz-primary-border);
    color: var(--wiz-primary);
    outline: 0;
}

.settings-nav__item.is-active,
.settings-section-link.is-active {
    box-shadow: var(--wiz-shadow-sm);
}

.settings-nav__icon,
.settings-section-link > span,
.settings-section-intro > span {
    align-items: center;
    background: var(--wiz-muted);
    border-radius: 8px;
    color: currentColor;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.settings-nav__icon .admin-icon,
.settings-section-link .admin-icon,
.settings-section-intro .admin-icon {
    height: 19px;
    width: 19px;
}

.settings-nav__text,
.settings-section-link {
    min-width: 0;
}

.settings-nav__text strong,
.settings-section-link strong {
    color: currentColor;
    display: block;
    font-size: .9rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-nav__text small,
.settings-section-link small {
    color: var(--wiz-subtle);
    display: block;
    font-size: .76rem;
    line-height: 1.3;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-nav__item em,
.settings-section-link em,
.settings-editor-count {
    align-items: center;
    background: var(--wiz-muted);
    border-radius: 999px;
    color: var(--wiz-subtle);
    display: inline-flex;
    font-size: .72rem;
    font-style: normal;
    font-weight: var(--wb-font-weight-semibold);
    justify-content: center;
    min-width: 24px;
    padding: 3px 8px;
    white-space: nowrap;
}

.settings-editor {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    padding: 0;
}

.settings-editor-head,
.settings-editor-actions {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 16px 18px;
}

.settings-editor-head {
    border-bottom: 1px solid var(--wiz-border);
}

.settings-editor-actions {
    background: color-mix(in srgb, var(--wiz-surface) 94%, transparent);
    border-top: 1px solid var(--wiz-border);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.settings-notices {
    border-bottom: 1px solid var(--wiz-border);
    display: grid;
    gap: 10px;
    padding: 14px 18px;
}

.settings-notice {
    border: 1px solid var(--wiz-border);
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 12px 14px;
}

.settings-notice strong {
    color: var(--wiz-text);
}

.settings-notice--success { background: rgba(34, 197, 94, .08); border-color: rgba(34, 197, 94, .22); }
.settings-notice--warning { background: rgba(245, 158, 11, .09); border-color: rgba(245, 158, 11, .24); }
.settings-notice--danger { background: rgba(220, 38, 38, .08); border-color: rgba(220, 38, 38, .22); }
.settings-notice--info { background: rgba(59, 130, 246, .08); border-color: rgba(59, 130, 246, .2); }

.settings-section-tabs {
    align-items: center;
    border-bottom: 1px solid var(--wiz-border);
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 12px 18px;
    scrollbar-width: thin;
}

.settings-section-tab {
    align-items: center;
    border: 1px solid var(--wiz-border);
    border-radius: 8px;
    color: var(--wiz-text);
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    min-height: 36px;
    padding: 7px 10px;
    text-decoration: none;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.settings-section-tab:hover,
.settings-section-tab:focus-visible,
.settings-section-tab.is-active {
    background: var(--wiz-primary-soft);
    border-color: var(--wiz-primary-border);
    color: var(--wiz-primary);
    outline: 0;
}

.settings-section-tab .admin-icon {
    height: 16px;
    width: 16px;
}

.settings-section-tab strong {
    font-size: .84rem;
    line-height: 1.25;
    white-space: nowrap;
}

.settings-section-tab em {
    align-items: center;
    background: var(--wiz-muted);
    border-radius: 999px;
    color: var(--wiz-subtle);
    display: inline-flex;
    font-size: .7rem;
    font-style: normal;
    font-weight: var(--wb-font-weight-semibold);
    justify-content: center;
    min-width: 22px;
    padding: 2px 7px;
}

.settings-editor-body {
    display: grid;
    gap: 18px;
    padding: 18px;
    scroll-behavior: smooth;
}

.settings-editor-section {
    display: grid;
    gap: 14px;
    scroll-margin-top: 18px;
}

.settings-section-intro {
    align-items: center;
    border-bottom: 1px solid var(--wiz-border);
    display: flex;
    gap: 12px;
    padding-bottom: 12px;
}

.settings-section-intro h3 {
    font-size: 1rem;
    line-height: 1.25;
}

.settings-field-list {
    border: 1px solid var(--wiz-border);
    border-radius: 8px;
    display: grid;
    overflow: hidden;
}

.settings-field {
    align-items: start;
    background: var(--wiz-surface);
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(210px, .9fr) minmax(280px, 1.1fr);
    min-width: 0;
    padding: 16px;
}

.settings-field + .settings-field {
    border-top: 1px solid var(--wiz-border);
}

.settings-field.has-error {
    background: rgba(220, 38, 38, .035);
}

.settings-field__meta,
.settings-field__control {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.settings-field__title {
    color: var(--wiz-text);
    font-size: .9rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
}

.settings-field__control small,
.settings-field-error {
    color: var(--wiz-subtle);
    font-size: .78rem;
    line-height: 1.45;
}

.settings-field-error {
    color: var(--wiz-danger);
    font-weight: var(--wb-font-weight-semibold);
}

.settings-admin-page :where(input:not([type='checkbox']):not([type='radio']):not([type='hidden']), select, textarea) {
    background: var(--wiz-surface);
    border: 1px solid var(--wiz-border);
    border-radius: 8px;
    color: var(--wiz-text);
    font: inherit;
    min-height: 40px;
    min-width: 0;
    outline: 0;
    padding: 9px 12px;
    transition: border-color .16s ease, box-shadow .16s ease;
    width: 100%;
}

.settings-admin-page textarea {
    line-height: 1.45;
    min-height: 92px;
    resize: vertical;
}

.settings-admin-page select {
    cursor: pointer;
}

.settings-admin-page :where(input:not([type='checkbox']):not([type='radio']):not([type='hidden']), select, textarea):focus {
    border-color: var(--wiz-primary);
    box-shadow: 0 0 0 3px var(--wiz-primary-soft);
}

.settings-field__control > input:not([type='checkbox']):not([type='radio']):not([type='hidden']) {
    max-width: 420px;
}

.settings-field__control > input[type='number'] {
    max-width: 180px;
}

.settings-field__control > select {
    max-width: 360px;
}

.settings-field__control > textarea {
    max-width: 760px;
}

.settings-switch {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    justify-content: flex-end;
    min-height: 40px;
}

.settings-switch input[type='checkbox'] {
    appearance: none;
    -webkit-appearance: none;
    background: #e6e9ef;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    flex: 0 0 var(--wb-choice-switch-width);
    height: var(--wb-choice-switch-height);
    margin: 0;
    min-height: var(--wb-choice-switch-height);
    padding: 0;
    position: relative;
    transition: background-color .16s ease, box-shadow .16s ease;
    width: var(--wb-choice-switch-width);
    max-width: var(--wb-choice-switch-width);
    max-height: var(--wb-choice-switch-height);
}

.settings-switch input[type='checkbox']:before {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(17, 24, 39, .22);
    content: '';
    height: var(--wb-choice-switch-thumb-size);
    left: 3px;
    position: absolute;
    top: 3px;
    transition: transform .16s ease;
    width: var(--wb-choice-switch-thumb-size);
}

.settings-switch input[type='checkbox']:checked {
    background: var(--wiz-primary);
}

.settings-switch input[type='checkbox']:checked:before {
    transform: translateX(20px);
}

.settings-switch input[type='checkbox']:focus-visible,
.settings-clear-value input[type='checkbox']:focus-visible {
    box-shadow: 0 0 0 3px var(--wiz-primary-soft);
    outline: none;
}

.settings-switch span,
.settings-clear-value span {
    color: var(--wiz-text);
    font-size: .86rem;
    line-height: 1.3;
}

.settings-clear-value {
    align-items: center;
    display: flex;
    gap: 9px;
}

.settings-clear-value input[type='checkbox'] {
    appearance: none;
    background: #fff;
    border: 1px solid var(--wiz-border-strong);
    border-radius: 5px;
    cursor: pointer;
    height: var(--wb-choice-control-size);
    margin: 0;
    min-height: var(--wb-choice-control-size);
    min-width: var(--wb-choice-control-size);
    padding: 0;
    position: relative;
    width: var(--wb-choice-control-size);
}

.settings-clear-value input[type='checkbox']:checked {
    background: var(--wiz-primary);
    border-color: var(--wiz-primary);
}

.settings-clear-value input[type='checkbox']:checked:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: '';
    height: 9px;
    left: 6px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 5px;
}

.settings-secret-status,
.settings-inline-status,
.settings-color-control,
.settings-unit-control {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 0;
}

.settings-secret-mask {
    color: var(--wiz-subtle);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .78rem;
}

.settings-color-control,
.settings-unit-control {
    flex-wrap: nowrap;
}

.settings-unit-control input {
    max-width: 140px;
}

.settings-unit-control span {
    color: var(--wiz-muted);
    font-size: .84rem;
    font-weight: var(--wb-font-weight-medium);
}

.settings-color-swatch {
    background: var(--settings-swatch);
    border: 1px solid var(--wiz-border-strong);
    border-radius: 8px;
    flex: 0 0 40px;
    height: 40px;
    width: 40px;
}

.settings-empty-state {
    align-items: center;
    background: var(--wiz-muted);
    border: 1px dashed var(--wiz-border-strong);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    justify-items: center;
    min-height: 180px;
    padding: 28px;
    text-align: center;
}

.settings-empty-state--compact {
    min-height: 140px;
    padding: 18px;
}

.settings-empty-state h2,
.settings-empty-state strong {
    color: var(--wiz-text);
    font-size: 1rem;
    letter-spacing: 0;
    margin: 0;
}

.settings-save-state {
    color: var(--wiz-subtle);
    font-size: .82rem;
    font-weight: var(--wb-font-weight-semibold);
    margin-right: auto;
}

.settings-save-state.is-dirty {
    color: var(--wiz-primary);
}

.settings-save-state.is-saving {
    color: var(--wiz-text);
}

@media (max-width: 1320px) {
    .settings-workbench {
        grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
        height: auto;
        min-height: 720px;
    }
}

@media (max-width: 960px) {
    .settings-head,
    .settings-head__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .settings-workbench {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .settings-sidebar,
    .settings-subnav,
    .settings-editor {
        min-height: 360px;
    }

    .settings-field {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .settings-section-tabs {
        padding-left: 14px;
        padding-right: 14px;
    }

    .settings-head__actions .button,
    .settings-editor-actions .button,
    .settings-editor-actions a.button {
        justify-content: center;
        width: 100%;
    }

    .settings-sidebar,
    .settings-subnav,
    .settings-editor-body,
    .settings-editor-head,
    .settings-editor-actions,
    .settings-notices {
        padding-left: 14px;
        padding-right: 14px;
    }

    .settings-nav__item,
    .settings-section-link {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .settings-nav__item em,
    .settings-section-link em {
        grid-column: 2;
        justify-self: start;
    }
}
/* Premium settings center layout. Keeps the existing settings component system and refines its layout. */
.settings-admin-page {
    --settings-local-nav-width: 252px;
}

.settings-head {
    background: color-mix(in srgb, var(--wiz-background, #f8fafc) 94%, transparent);
    border-bottom: 1px solid var(--wiz-border);
    padding-bottom: 16px;
    position: sticky;
    top: 0;
    z-index: 8;
}

.settings-head__actions .button:disabled {
    cursor: not-allowed;
    opacity: .58;
}

.settings-editor {
    grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.settings-editor-layout {
    display: grid;
    grid-template-columns: minmax(230px, var(--settings-local-nav-width)) minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
}

.settings-section-tabs {
    align-content: start;
    align-items: stretch;
    border-bottom: 0;
    border-right: 1px solid var(--wiz-border);
    display: grid;
    gap: 6px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 14px;
    scrollbar-color: #c5cad3 transparent;
    scrollbar-width: thin;
}

.settings-section-tabs::-webkit-scrollbar {
    width: 8px;
}

.settings-section-tabs::-webkit-scrollbar-thumb {
    background: #c5cad3;
    border-radius: 999px;
}

.settings-section-tab {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    display: grid;
    flex: initial;
    grid-template-columns: 32px minmax(0, 1fr);
    justify-content: start;
    min-height: 46px;
    padding: 8px 10px;
    position: relative;
    width: 100%;
}

.settings-section-tab:hover,
.settings-section-tab:focus-visible,
.settings-section-tab.is-active {
    box-shadow: none;
}

.settings-section-tab.is-active {
    background: rgba(255, 112, 35, .09);
    border-color: rgba(255, 112, 35, .18);
}

.settings-section-tab.is-active:before {
    background: var(--wiz-primary);
    border-radius: 999px;
    bottom: 8px;
    content: '';
    left: 0;
    position: absolute;
    top: 8px;
    width: 3px;
}

.settings-section-tab > span {
    align-items: center;
    background: var(--wiz-muted);
    border-radius: 8px;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.settings-section-tab strong {
    font-size: .88rem;
    line-height: 1.25;
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

.settings-editor-body {
    display: block;
    padding: 0;
}

.settings-editor-section {
    gap: 16px;
    min-height: 100%;
    padding: 18px 22px 22px;
}

.settings-editor-section[hidden],
.settings-field[hidden] {
    display: none !important;
}

.settings-section-intro {
    margin-bottom: 2px;
    padding-bottom: 16px;
}

.settings-section-intro > span {
    background: rgba(255, 112, 35, .08);
    color: var(--wiz-primary);
}

.settings-field-list {
    border: 0;
    border-radius: 0;
}

.settings-field {
    background: transparent;
    gap: 22px;
    grid-template-columns: minmax(260px, .95fr) minmax(280px, 1.05fr);
    padding: 15px 0;
}

.settings-field + .settings-field {
    border-top: 1px solid var(--wiz-border);
}

.settings-field.has-error {
    background: rgba(220, 38, 38, .035);
    border-radius: 8px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
}

.settings-field.is-disabled-by-dependency {
    opacity: .74;
}

.settings-field__control {
    justify-items: start;
}

.settings-field--switch .settings-field__control {
    justify-items: end;
}

.settings-field__dependency {
    color: var(--wiz-primary);
    font-size: .78rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.4;
}

.settings-field__control > input[type='number'] {
    max-width: 170px;
}

.settings-secret-status .badge--muted {
    background: var(--wiz-muted);
    color: var(--wiz-subtle);
}

.settings-secret-control {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 420px) 40px;
    max-width: 468px;
    width: 100%;
}

.settings-secret-control > input:not([type='checkbox']):not([type='radio']):not([type='hidden']) {
    max-width: none;
    width: 100%;
}

.settings-secret-toggle {
    align-items: center;
    background: var(--wiz-surface);
    border: 1px solid var(--wiz-border);
    border-radius: 8px;
    color: var(--wiz-subtle);
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    padding: 0;
    transition: border-color .16s ease, box-shadow .16s ease, color .16s ease;
    width: 40px;
}

.settings-secret-toggle:hover,
.settings-secret-toggle:focus-visible,
.settings-secret-toggle[aria-pressed='true'] {
    border-color: var(--wiz-primary-border);
    box-shadow: 0 0 0 3px var(--wiz-primary-soft);
    color: var(--wiz-primary);
    outline: 0;
}

.settings-clear-value {
    min-height: 40px;
}

.settings-editor-actions--secondary {
    justify-content: flex-end;
}

@media (max-width: 1200px) {
    .settings-editor-layout {
        grid-template-columns: minmax(210px, 230px) minmax(0, 1fr);
    }

    .settings-field {
        grid-template-columns: minmax(220px, .9fr) minmax(260px, 1.1fr);
    }
}

@media (max-width: 960px) {
    .settings-head {
        position: static;
    }

    .settings-editor-layout {
        grid-template-columns: 1fr;
    }

    .settings-section-tabs {
        border-bottom: 1px solid var(--wiz-border);
        border-right: 0;
        display: flex;
        gap: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 12px 14px;
    }

    .settings-section-tab {
        flex: 0 0 auto;
        min-width: 190px;
        width: auto;
    }

    .settings-field,
    .settings-field.has-error {
        grid-template-columns: 1fr;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .settings-field--switch .settings-field__control {
        justify-items: start;
    }
}

@media (max-width: 640px) {
    .settings-head__actions {
        align-items: stretch;
        width: 100%;
    }

    .settings-head__actions .button {
        width: 100%;
    }

    .settings-editor-section {
        padding: 16px 14px 18px;
    }

    .settings-secret-control {
        grid-template-columns: minmax(0, 1fr) 40px;
    }
}
.compact-list {
    display: grid;
    gap: var(--wb-space-2);
    min-width: 0;
}

.compact-list a,
.compact-list div {
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-sm);
    color: var(--wb-color-text);
    display: grid;
    gap: 3px;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: var(--wb-space-3);
    text-decoration: none;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.compact-list a:hover,
.compact-list a.is-active {
    border-color: color-mix(in srgb, var(--wb-color-primary) 45%, var(--wb-color-border));
    box-shadow: var(--wb-shadow-sm);
}

.compact-list span {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    min-width: 0;
    overflow-wrap: anywhere;
}

.compact-list em {
    color: var(--wb-color-primary);
    font-style: normal;
    font-weight: var(--wb-font-weight-semibold);
    min-width: 0;
    overflow-wrap: anywhere;
}

.wallet-admin-forms {
    display: grid;
    gap: var(--wb-space-4);
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-top: var(--wb-space-5);
}

.wallet-account-grid {
    display: grid;
    gap: var(--wb-space-4);
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.wallet-account-grid--large {
    margin-bottom: var(--wb-space-5);
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.wallet-account-card {
    display: grid;
    gap: var(--wb-space-2);
    min-height: 118px;
    align-content: start;
}

.wallet-account-card span {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
}

.wallet-account-card strong {
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-2xl);
    line-height: 1.15;
}

.wallet-account-card small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    line-height: 1.5;
}

.wallet-admin-forms form {
    background: var(--wb-color-background);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-sm);
    display: grid;
    gap: var(--wb-space-3);
    padding: var(--wb-space-4);
}

.inline-edit-grid {
    display: grid;
    gap: var(--wb-space-2);
    min-width: 180px;
}

.inline-edit-grid input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.inline-edit-grid select,
.table input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.table select {
    min-height: 36px;
}

.table-actions {
    display: grid;
    gap: var(--wb-space-2);
}

.two-columns {
    display: grid;
    gap: var(--wb-space-5);
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.pricing-grid {
    display: grid;
    gap: var(--wb-space-4);
    margin-top: var(--wb-space-4);
}

.pricing-grid .pricing-card {
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    display: grid;
    gap: var(--wb-space-3);
    padding: var(--wb-space-5);
}

.pricing-grid .pricing-card strong {
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-xl);
}

.pricing-grid .pricing-card small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.ad-card {
    align-self: stretch;
    background: linear-gradient(180deg, var(--wb-color-surface), var(--wb-color-surface-muted));
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    box-shadow: var(--wb-shadow-sm);
    display: grid;
    gap: var(--wb-space-3);
    overflow: hidden;
    padding: var(--wb-space-4);
}

.ad-card__label {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-xs);
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ad-card__image {
    aspect-ratio: 16 / 9;
    border-radius: var(--wb-radius-sm);
    display: block;
    object-fit: cover;
    width: 100%;
}

.ad-card__body {
    display: grid;
    gap: var(--wb-space-2);
}

.ad-card h3 {
    font-size: var(--wb-font-size-lg);
    margin: 0;
}

.ad-card p {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    margin: 0;
}

.card-grid > .ad-card,
.preview-list > .ad-card {
    min-height: 100%;
}

.media-strip .ad-card {
    min-width: min(280px, 80vw);
}

[data-sortable-row] {
    cursor: grab;
}

[data-sortable-row].is-dragging {
    opacity: 0.6;
}

.media-table td {
    vertical-align: middle;
}

.media-file-cell {
    align-items: center;
    display: grid;
    gap: var(--wb-space-3);
    grid-template-columns: 64px minmax(0, 1fr);
    min-width: 260px;
}

.media-file-cell strong,
.media-file-cell small {
    display: block;
    overflow-wrap: anywhere;
}

.media-thumb {
    align-items: center;
    aspect-ratio: 1;
    background: var(--wb-color-background);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-sm);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    display: flex;
    font-size: var(--wb-font-size-xs);
    font-weight: var(--wb-font-weight-semibold);
    justify-content: center;
    object-fit: cover;
    width: 64px;
}

.media-thumb--file {
    padding: var(--wb-space-2);
    text-align: center;
}

.media-gallery-grid {
    display: grid;
    gap: var(--wb-space-4);
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    margin-top: var(--wb-space-4);
}

.media-gallery-item {
    display: grid;
    gap: var(--wb-space-3);
    margin: 0;
}

.media-gallery-item img {
    aspect-ratio: 4 / 3;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-sm);
    object-fit: cover;
    width: 100%;
}

.media-gallery-item figcaption {
    display: grid;
    gap: var(--wb-space-2);
}

.search-shell {
    display: grid;
    gap: var(--wb-space-6);
}

.search-shell .search-panel,
.search-panel--filters {
    align-items: end;
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    box-shadow: var(--wb-shadow-sm);
    display: grid;
    gap: var(--wb-space-4);
    grid-template-columns: minmax(0, 1.4fr) minmax(160px, 0.8fr) minmax(180px, 0.9fr) auto;
    padding: var(--wb-space-5);
}

.search-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wb-space-2);
}

.search-tabs a {
    align-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-sm);
    color: var(--wb-color-text);
    display: inline-flex;
    gap: var(--wb-space-2);
    padding: var(--wb-space-2) var(--wb-space-3);
    text-decoration: none;
}

.search-tabs a.is-active {
    background: var(--wb-color-primary);
    border-color: var(--wb-color-primary);
    color: var(--wb-color-on-dark);
}

.search-tabs em {
    font-style: normal;
    font-weight: var(--wb-font-weight-semibold);
}

.search-results {
    display: grid;
    gap: var(--wb-space-4);
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.search-result-card {
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    box-shadow: var(--wb-shadow-sm);
    display: grid;
    gap: var(--wb-space-3);
    padding: var(--wb-space-5);
}

.search-result-card h2 {
    font-size: var(--wb-font-size-xl);
    margin: 0;
}

.search-result-card h2 a {
    color: inherit;
    text-decoration: none;
}

.search-result-card p {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    margin: 0;
}

.mini-meta {
    border-top: 1px solid var(--wb-color-border);
    display: grid;
    gap: var(--wb-space-2);
    grid-template-columns: max-content minmax(0, 1fr);
    margin: 0;
    padding-top: var(--wb-space-3);
}

.mini-meta dt {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.mini-meta dd {
    margin: 0;
}

.cms-search-teaser {
    display: grid;
    gap: var(--wb-space-3);
}

.table-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--wb-space-2);
}

@media (max-width: 767px) {
    .wizard-actions,
    .submit-card,
    .profile-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .wizard-actions .button,
    .submit-card .button,
    .profile-actions .button {
        width: 100%;
    }

    .summary-list p {
        grid-template-columns: 1fr;
    }

    .meta-list {
        grid-template-columns: 1fr;
    }

    .notification-row,
    .notification-row__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .search-shell .search-panel,
    .search-panel--filters {
        grid-template-columns: 1fr;
    }
}

/* Premium public homepage */
.button--accent {
    border-color: var(--wb-color-accent-soft);
    background: linear-gradient(180deg, var(--wb-color-accent-warm), var(--wb-color-accent));
    color: var(--wb-color-primary);
    box-shadow: 0 14px 28px rgba(255, 130, 2, 0.18);
}

.button--accent:hover {
    background: linear-gradient(180deg, var(--wb-color-accent-warm-hover), var(--wb-color-accent-deep));
    color: var(--wb-color-primary);
}

.button--outline-dark {
    border-color: rgba(255, 255, 255, 0.34);
    background: rgba(255, 255, 255, 0.04);
    color: var(--wb-color-on-dark);
}

.button--outline-dark:hover {
    border-color: rgba(255, 255, 255, 0.64);
    background: rgba(255, 255, 255, 0.12);
    color: var(--wb-color-on-dark);
}

.badge--hero {
    border-color: rgba(255, 130, 2, 0.42);
    background: rgba(255, 130, 2, 0.1);
    color: var(--wb-color-accent-soft);
}

.badge--orange {
    border-color: rgba(255, 130, 2, 0.3);
    background: rgba(255, 130, 2, 0.1);
    color: var(--wb-color-accent-strong);
}

.wb-icon {
    display: inline-grid;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 130, 2, 0.25);
    border-radius: var(--wb-radius-lg);
    background: rgba(255, 130, 2, 0.08);
    color: var(--wb-color-accent);
}

.wb-icon svg {
    width: 23px;
    height: 23px;
}

.home-hero {
    min-height: 760px;
    background:
        radial-gradient(circle at 0 0, rgba(255, 130, 2, 0.16), transparent 30%),
        linear-gradient(90deg, var(--wb-color-primary) 0%, var(--wb-color-primary) 54%, var(--wb-color-surface) 54%, var(--wb-color-surface) 100%);
    color: var(--wb-color-on-dark);
}

.home-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(8, 27, 58, 0) 0%, rgba(8, 27, 58, 0) 49%, rgba(8, 27, 58, 0.08) 54%, rgba(8, 27, 58, 0) 70%);
}

.home-hero__content {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 760px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(32px, 4vw, 72px);
    align-items: center;
    padding-block: var(--wb-space-12);
}

.home-hero__copy {
    max-width: 680px;
}

.home-hero h1 {
    margin: var(--wb-space-5) 0 var(--wb-space-5);
    color: var(--wb-color-on-dark);
    font-size: 72px;
    line-height: 1.03;
}

.home-hero p {
    max-width: 620px;
    color: rgba(255, 255, 255, 0.8);
    font-size: var(--wb-font-size-lg);
}

.hero__actions--home {
    gap: var(--wb-space-2);
    margin-top: var(--wb-space-8);
}

.hero__actions--home .button {
    min-height: 46px;
    padding-inline: var(--wb-space-3);
    font-size: var(--wb-font-size-xs);
    white-space: nowrap;
}

.home-hero__visual {
    position: relative;
    min-height: 560px;
    align-self: stretch;
    overflow: hidden;
    border-radius: var(--wb-radius-lg);
    box-shadow: 0 30px 80px rgba(8, 27, 58, 0.22);
}

.home-hero__visual img {
    width: 100%;
    height: 100%;
    min-height: 560px;
    object-fit: cover;
    object-position: 60% center;
}

.platform-card,
.platform-status {
    position: absolute;
    z-index: 2;
    border: 1px solid rgba(229, 231, 235, 0.9);
    border-radius: var(--wb-radius-lg);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--wb-shadow-lg);
    color: var(--wb-color-text);
    backdrop-filter: blur(16px);
}

.platform-card {
    display: grid;
    gap: var(--wb-space-1);
    min-width: 208px;
    padding: var(--wb-space-4);
}

.platform-card span {
    color: var(--wb-color-accent);
    font-size: var(--wb-font-size-2xl);
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
}

.platform-card strong {
    color: var(--wb-color-primary);
}

.platform-card small,
.home-price-card small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-weight: var(--wb-font-weight-semibold);
}

.platform-card--orders {
    top: 28px;
    left: 28px;
}

.platform-card--verified {
    right: 28px;
    bottom: 90px;
}

.platform-card--verified .wb-icon {
    width: 38px;
    height: 38px;
}

.platform-status {
    right: 28px;
    bottom: 28px;
    display: inline-flex;
    align-items: center;
    gap: var(--wb-space-2);
    padding: var(--wb-space-2) var(--wb-space-3);
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
}

.platform-status span {
    width: 9px;
    height: 9px;
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-success);
    box-shadow: 0 0 0 5px rgba(22, 121, 76, 0.14);
}

.home-search-section {
    position: relative;
    z-index: 4;
    margin-top: -68px;
    padding-bottom: var(--wb-space-10);
}

.search-panel--home {
    max-width: 1120px;
    margin-inline: auto;
    border: 1px solid rgba(229, 231, 235, 0.95);
    border-radius: var(--wb-radius-lg);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08);
    padding: var(--wb-space-5);
}

.tabs--home {
    margin-bottom: var(--wb-space-4);
}

.tabs--home .tab {
    min-height: 36px;
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
}

.tabs--home .tab.is-active {
    background: var(--wb-color-primary);
}

.home-search {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.85fr) minmax(0, 0.9fr) auto;
    gap: var(--wb-space-4);
    align-items: end;
}

.home-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.home-search select {
    min-height: 52px;
    border-color: var(--wb-color-border);
    background: var(--wb-color-surface);
}

.home-search .button {
    min-height: 52px;
    min-width: 150px;
}

.home-trust {
    --home-trust-pad-x: 10px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 83% 18%, rgba(8, 27, 58, 0.06), transparent 30%),
        radial-gradient(circle at 18% 72%, rgba(255, 130, 2, 0.06), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
    padding-block: 80px 64px;
}

.home-trust::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image:
        linear-gradient(rgba(8, 27, 58, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8, 27, 58, 0.025) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
    pointer-events: none;
}

.app-shell--public .site-main .home-trust .container {
    width: calc(100% - (var(--home-trust-pad-x) * 2));
}

.home-trust__inner {
    display: grid;
    max-width: 1400px;
    gap: 48px;
    margin-inline: auto;
}

.home-trust__hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.8fr);
    gap: 36px;
    align-items: center;
}

.home-trust__copy {
    max-width: 780px;
}

.home-trust__badge {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: var(--wb-space-2);
    border: 1px solid rgba(209, 213, 219, 0.9);
    border-radius: var(--wb-radius-full);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 14px 32px rgba(8, 27, 58, 0.06);
    color: var(--wb-color-primary);
    padding: 8px 18px;
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}

.home-trust-badge__icon {
    display: inline-grid;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: var(--wb-radius-full);
    background: linear-gradient(180deg, #ffad37, var(--wb-color-accent));
    color: var(--wb-color-on-dark);
    box-shadow: 0 8px 18px rgba(255, 130, 2, 0.24);
}

.home-trust-badge__icon svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.home-trust-badge__icon path + path {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-trust__copy h2 {
    max-width: 760px;
    margin: var(--wb-space-8) 0 0;
    color: var(--wb-color-primary-strong);
    font-size: 56px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.12;
    letter-spacing: 0;
}

.home-trust__accent {
    display: block;
    width: 66px;
    height: 4px;
    margin: var(--wb-space-8) 0 var(--wb-space-6);
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-accent);
    box-shadow: 0 8px 18px rgba(255, 130, 2, 0.28);
}

.home-trust__intro {
    display: grid;
    max-width: 720px;
    gap: var(--wb-space-4);
}

.home-trust__intro p {
    margin: 0;
    color: #334155;
    font-size: 18px;
    line-height: 1.7;
}

.home-trust__visual {
    display: grid;
    min-height: 430px;
    place-items: center;
    align-self: stretch;
}

.home-trust-illustration {
    width: min(100%, 640px);
    height: auto;
    overflow: visible;
}

.home-trust__cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

.home-trust-card {
    position: relative;
    display: grid;
    min-height: 284px;
    align-content: start;
    gap: var(--wb-space-4);
    overflow: hidden;
    border: 1px solid rgba(209, 213, 219, 0.86);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.94)),
        var(--wb-color-surface);
    box-shadow: 0 20px 52px rgba(8, 27, 58, 0.08);
    padding: 28px 28px 30px;
    transition:
        border-color 200ms ease,
        box-shadow 200ms ease,
        transform 200ms ease;
}

.home-trust-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--wb-color-accent), var(--wb-color-accent-strong));
}

.home-trust-card:hover {
    border-color: rgba(255, 130, 2, 0.32);
    box-shadow: 0 28px 64px rgba(8, 27, 58, 0.13);
    transform: translateY(-4px);
}

.home-trust-card h3 {
    margin: 0;
    color: var(--wb-color-primary-strong);
    font-size: 18px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.28;
    letter-spacing: 0;
}

.home-trust-card p {
    margin: 0;
    color: #334155;
    font-size: 16px;
    line-height: 1.58;
}

.home-trust-icon {
    display: inline-grid;
    width: 90px;
    height: 90px;
    place-items: center;
    border: 1px solid rgba(209, 213, 219, 0.74);
    border-radius: var(--wb-radius-full);
    background:
        radial-gradient(circle at 34% 24%, #ffffff, rgba(255, 255, 255, 0) 36%),
        linear-gradient(180deg, #f8fafc, #eef2f7);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.82),
        0 14px 26px rgba(8, 27, 58, 0.08);
}

.home-trust-icon svg {
    width: 56px;
    height: 56px;
    overflow: visible;
    filter: drop-shadow(0 8px 8px rgba(8, 27, 58, 0.16));
}

.home-trust-icon__shadow {
    fill: rgba(8, 27, 58, 0.16);
    transform: translate(2px, 3px);
}

.home-trust-icon__paper {
    fill: #f9fbfe;
    stroke: #d7dee8;
    stroke-width: 1.6;
}

.home-trust-icon__fold {
    fill: #e9eef5;
    stroke: #d7dee8;
    stroke-width: 1.4;
}

.home-trust-icon__line {
    fill: none;
    stroke: #8d9aae;
    stroke-width: 3.6;
    stroke-linecap: round;
}

.home-trust-icon__dark {
    fill: #152b47;
    stroke: #2e405c;
    stroke-width: 1.2;
}

.home-trust-icon__side {
    fill: #0b1829;
    opacity: 0.72;
}

.home-trust-icon__roof {
    fill: #203853;
}

.home-trust-icon__window {
    fill: #e9f0f7;
    opacity: 0.88;
}

.home-trust-icon__accent {
    fill: var(--wb-color-accent);
}

.home-trust-icon__check,
.home-trust-icon__accent-stroke {
    fill: none;
    stroke: var(--wb-color-accent);
    stroke-width: 6.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-trust-icon__check {
    stroke: #ffffff;
    stroke-width: 3.6;
}

.home-trust-icon__accent-stroke--slim {
    stroke-width: 4.6;
}

.home-trust-icon__lock-shackle {
    fill: none;
    stroke: #152b47;
    stroke-width: 6.6;
    stroke-linecap: round;
}

.home-trust__note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--wb-space-5);
    align-items: center;
    border: 1px solid rgba(209, 213, 219, 0.82);
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(249, 250, 252, 0.94)),
        var(--wb-color-surface);
    box-shadow: 0 18px 46px rgba(8, 27, 58, 0.06);
    padding: 18px 26px;
}

.home-trust__note .home-trust-icon {
    width: 66px;
    height: 66px;
    background:
        radial-gradient(circle at 34% 24%, #fff5eb, rgba(255, 255, 255, 0) 44%),
        linear-gradient(180deg, #fff8f1, #fff1e4);
}

.home-trust__note .home-trust-icon svg {
    width: 42px;
    height: 42px;
}

.home-trust__note p {
    max-width: 980px;
    margin: 0;
    color: #334155;
    font-size: 16px;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .home-trust {
        --home-trust-pad-x: 20px;
    }
}

@media (min-width: 1200px) {
    .home-trust {
        --home-trust-pad-x: 80px;
    }
}

.home-section {
    padding-block: var(--wb-space-16);
}

.home-section--soft {
    background: var(--wb-color-secondary);
}

.home-bonus {
    background: var(--wb-color-bonus-background);
    color: var(--wb-color-on-dark);
}

.home-bonus__inner {
    display: grid;
    gap: var(--wb-space-8);
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
    align-items: center;
}

.home-bonus__copy {
    max-width: 720px;
}

.home-bonus__copy h2,
.home-bonus__copy p {
    color: var(--wb-color-on-dark);
}

.home-bonus__copy .eyebrow {
    color: var(--wb-color-accent-soft);
}

.home-bonus__benefits {
    display: grid;
    gap: var(--wb-space-3);
    list-style: none;
    margin: var(--wb-space-5) 0;
    padding: 0;
}

.home-bonus__benefits li {
    display: flex;
    gap: var(--wb-space-3);
    align-items: flex-start;
    color: rgba(255, 255, 255, 0.9);
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.45;
}

.home-bonus__benefits span {
    display: inline-grid;
    flex: 0 0 24px;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: rgba(255, 191, 116, 0.18);
    color: var(--wb-color-accent-warm);
    font-size: var(--wb-font-size-sm);
    line-height: 1;
}

.home-bonus__copy .home-bonus__hint {
    margin: var(--wb-space-4) 0 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: var(--wb-font-size-sm);
    line-height: 1.55;
}

.home-bonus__visual {
    position: relative;
    min-height: 390px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-bonus-surface);
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.26);
}

.home-bonus__visual img {
    width: 100%;
    height: 100%;
    min-height: 390px;
    display: block;
    object-fit: cover;
    object-position: 58% center;
}

.home-bonus__visual::after {
    position: absolute;
    inset: 0;
    content: "";
    background:
        linear-gradient(90deg, rgba(11, 31, 26, 0.5), rgba(11, 31, 26, 0) 42%),
        linear-gradient(180deg, rgba(11, 31, 26, 0), rgba(11, 31, 26, 0.34));
    pointer-events: none;
}

.home-bonus__panel {
    position: absolute;
    left: var(--wb-space-6);
    bottom: var(--wb-space-6);
    z-index: 1;
    display: grid;
    gap: var(--wb-space-3);
    width: min(330px, calc(100% - var(--wb-space-12)));
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: var(--wb-radius-md);
    background: rgba(10, 30, 25, 0.84);
    backdrop-filter: blur(14px);
    padding: var(--wb-space-6);
    box-shadow: 0 22px 46px rgba(0, 0, 0, 0.3);
}

.home-bonus__panel strong {
    color: var(--wb-color-accent-warm);
    font-size: 96px;
    line-height: 0.9;
}

.home-bonus__panel > span {
    color: var(--wb-color-on-dark);
    font-size: var(--wb-font-size-2xl);
    font-weight: var(--wb-font-weight-semibold);
}

.home-bonus__panel p {
    color: rgba(255, 255, 255, 0.78);
    margin: 0;
}

.home-bonus__seal {
    display: inline-flex;
    gap: var(--wb-space-2);
    align-items: center;
    width: max-content;
    border: 1px solid rgba(255, 191, 116, 0.34);
    border-radius: 999px;
    padding: var(--wb-space-2) var(--wb-space-3);
    color: var(--wb-color-accent-warm);
    font-weight: var(--wb-font-weight-semibold);
}

.home-bonus__seal .wb-icon {
    width: 28px;
    height: 28px;
    border: 0;
    background: transparent;
}

.home-business,
.home-applicants {
    display: grid;
    gap: var(--wb-space-10);
    align-items: center;
}

.home-business {
    grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
}

.home-applicants {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.home-section--auftraggeber-premium {
    padding-block: 72px;
}

.home-client-panel {
    position: relative;
    display: grid;
    width: min(1760px, calc(100% - 160px));
    min-height: 760px;
    margin-inline: auto;
    overflow: hidden;
    grid-template-columns: minmax(430px, 0.82fr) minmax(650px, 1.18fr);
    gap: 58px;
    align-items: start;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 32px;
    background:
        linear-gradient(132deg, #fff8ef 0%, #fbefe3 44%, #fffaf4 100%),
        #fff6ed;
    box-shadow: 0 34px 84px rgba(8, 27, 58, 0.12), 0 12px 28px rgba(255, 130, 2, 0.07);
    color: var(--wb-color-primary);
    padding: 76px;
}

.home-client-panel__blueprint {
    position: absolute;
    right: -42px;
    bottom: -28px;
    z-index: 0;
    width: min(64%, 900px);
    color: rgba(8, 27, 58, 0.24);
    opacity: 0.26;
    pointer-events: none;
}

.home-client-panel__blueprint path {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.home-client-panel__copy,
.home-client-panel__visual {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.home-client-panel__copy {
    max-width: 620px;
    padding-top: 8px;
}

.home-client-panel__eyebrow {
    margin: 0 0 22px;
    color: var(--wb-color-accent);
    font-size: 15px;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0.11em;
    line-height: 1.2;
    text-transform: uppercase;
}

.home-client-panel__copy h2 {
    margin: 0;
    color: var(--wb-color-primary-strong);
    font-size: 58px;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
    line-height: 1.08;
    overflow-wrap: normal;
    word-break: normal;
}

.home-client-panel__copy h2 span {
    display: block;
}

.home-client-panel__copy p:not(.home-client-panel__eyebrow) {
    max-width: 610px;
    margin: 30px 0 0;
    color: #243145;
    font-size: 19px;
    line-height: 1.62;
}

.home-client-panel__cta {
    min-height: 60px;
    margin-top: 34px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(180deg, #ff8d1a 0%, #f36b00 100%);
    color: var(--wb-color-on-dark);
    font-size: 18px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 28px;
    box-shadow: 0 18px 36px rgba(243, 107, 0, 0.28);
}

.home-client-panel__cta:hover,
.home-client-panel__cta:focus-visible {
    background: linear-gradient(180deg, #ff8202 0%, #e96200 100%);
    color: var(--wb-color-on-dark);
    box-shadow: 0 22px 44px rgba(243, 107, 0, 0.34);
    transform: translateY(-2px);
}

.home-client-panel__cta .wb-icon {
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    color: currentColor;
}

.home-client-panel__cta .wb-icon svg {
    width: 22px;
    height: 22px;
}

.home-client-panel__visual {
    display: grid;
    align-content: start;
}

.home-client-steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-client-steps::before {
    content: "";
    position: absolute;
    top: 65px;
    left: 17%;
    right: 17%;
    z-index: 0;
    border-top: 1.5px dashed rgba(255, 130, 2, 0.55);
}

.home-client-step {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    min-width: 0;
    text-align: center;
}

.home-client-step__icon {
    display: grid;
    width: 116px;
    height: 116px;
    place-items: center;
    margin: 0 auto 22px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.96);
    color: var(--wb-color-accent);
    box-shadow: 0 22px 44px rgba(8, 27, 58, 0.08), inset 0 0 0 1px rgba(8, 27, 58, 0.04);
}

.home-client-step.is-active .home-client-step__icon {
    width: 132px;
    height: 132px;
    margin-top: -8px;
    color: var(--wb-color-on-dark);
    background: linear-gradient(180deg, #ff9121 0%, #f36b00 100%);
    box-shadow: 0 26px 54px rgba(243, 107, 0, 0.26);
}

.home-client-step__icon .wb-icon {
    width: 58px;
    height: 58px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: currentColor;
}

.home-client-step__icon .wb-icon svg {
    width: 42px;
    height: 42px;
    stroke-width: 1.9;
}

.home-client-step h3 {
    margin: 0;
    color: var(--wb-color-primary-strong);
    font-size: 18px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.25;
    overflow-wrap: normal;
    word-break: normal;
}

.home-client-step p {
    max-width: 190px;
    margin: 14px 0 0;
    color: #253449;
    font-size: 17px;
    line-height: 1.55;
}

.home-client-house {
    position: relative;
    display: grid;
    min-height: 410px;
    align-items: end;
    margin-top: 26px;
    overflow: visible;
}

.home-client-house > img {
    position: relative;
    z-index: 1;
    width: min(100%, 900px);
    margin-left: auto;
    object-fit: contain;
    filter: drop-shadow(0 28px 32px rgba(8, 27, 58, 0.08));
}

.home-client-avatar {
    position: absolute;
    left: 50%;
    bottom: 28px;
    z-index: 2;
    display: grid;
    justify-items: center;
    transform: translateX(-50%);
    pointer-events: none;
}

.home-client-avatar img {
    width: 136px;
    height: 136px;
    border: 5px solid var(--wb-color-on-dark);
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 18px 34px rgba(8, 27, 58, 0.16);
}

.home-client-avatar span {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    margin-top: -6px;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.98);
    color: var(--wb-color-primary-strong);
    font-size: 15px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.2;
    padding: 0 16px;
    box-shadow: 0 12px 24px rgba(8, 27, 58, 0.13);
    white-space: nowrap;
}

.home-section--business-platform {
    margin: 20px;
    overflow: hidden;
    border-radius: 22px;
    background:
        radial-gradient(circle at 70% 12%, rgba(255, 130, 2, 0.08), transparent 26%),
        linear-gradient(135deg, #f8f8f8 0%, #fbfbfb 48%, #ffffff 100%);
    padding: clamp(54px, 5vw, 82px) clamp(44px, 4.8vw, 74px);
}

.home-business--platform {
    min-height: 760px;
    grid-template-columns: minmax(430px, 0.82fr) minmax(550px, 1.18fr);
    gap: clamp(46px, 4.8vw, 88px);
}

.home-business--platform > * {
    min-width: 0;
}

.home-business__copy {
    max-width: 560px;
}

.home-business__copy .eyebrow {
    color: var(--wb-color-accent-strong);
    font-size: 15px;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0.09em;
}

.home-business__copy h2 {
    max-width: 560px;
    margin: 0;
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-h1);
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.18;
}

.home-business__tablet-word {
    display: none;
}

.home-business__rule {
    display: block;
    width: 58px;
    height: 3px;
    margin: var(--wb-space-8) 0 var(--wb-space-8);
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-accent-strong);
}

.home-business__copy > p:not(.eyebrow) {
    max-width: 545px;
    margin: 0;
    color: #4b5563;
    font-size: 1.125rem;
    line-height: 1.58;
}

.home-business__actions {
    display: grid;
    width: 100%;
    max-width: 448px;
    gap: var(--wb-space-3);
    margin-top: var(--wb-space-8);
}

.button--business-primary,
.button--business-secondary {
    position: relative;
    width: 100%;
    height: 60px;
    min-width: 0;
    min-height: 60px;
    justify-content: center;
    border-radius: 12px;
    font-size: 18px;
    font-weight: var(--wb-font-weight-semibold);
    padding-inline: 64px;
}

.button--business-primary {
    border-color: var(--wb-color-accent-strong);
    background: linear-gradient(180deg, var(--wb-color-accent), var(--wb-color-accent-strong));
    color: var(--wb-color-on-dark);
    box-shadow: 0 18px 34px rgba(232, 111, 0, 0.22);
}

.button--business-primary:hover {
    border-color: var(--wb-color-accent-deep);
    background: linear-gradient(180deg, var(--wb-color-accent-strong), var(--wb-color-accent-deep));
    color: var(--wb-color-on-dark);
    transform: translateY(-2px);
}

.button--business-secondary {
    border-color: rgba(209, 213, 219, 0.98);
    background: rgba(255, 255, 255, 0.94);
    color: var(--wb-color-text);
    box-shadow: 0 12px 28px rgba(8, 27, 58, 0.05);
}

.button--business-secondary:hover {
    border-color: rgba(232, 111, 0, 0.34);
    background: var(--wb-color-surface);
    color: var(--wb-color-primary);
    transform: translateY(-1px);
}

.home-business__actions .wb-icon {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    color: currentColor;
    transform: translateY(-50%);
}

.button--business-primary .wb-icon {
    right: 24px;
}

.button--business-secondary .wb-icon {
    left: 24px;
}

.home-business__actions .wb-icon svg {
    width: 22px;
    height: 22px;
}

.home-business__actions .button span {
    overflow-wrap: normal;
    text-align: center;
    white-space: nowrap;
}

.home-business-proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 720px;
    margin-top: clamp(46px, 5vw, 64px);
    overflow: hidden;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 22px 58px rgba(8, 27, 58, 0.06);
}

.home-business-proof__item {
    display: grid;
    align-content: start;
    min-height: 176px;
    gap: var(--wb-space-2);
    padding: 22px 24px;
}

.home-business-proof__item + .home-business-proof__item {
    border-left: 1px solid rgba(229, 231, 235, 0.9);
}

.home-business-proof__item .wb-icon {
    width: 46px;
    height: 46px;
    border-radius: var(--wb-radius-full);
    background: rgba(255, 130, 2, 0.08);
    color: var(--wb-color-primary);
}

.home-business-proof__item .wb-icon svg {
    width: 22px;
    height: 22px;
}

.home-business-proof__item h3 {
    margin: var(--wb-space-1) 0 0;
    color: var(--wb-color-text);
    font-size: 16px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.28;
}

.home-business-proof__item p {
    margin: 0;
    color: var(--wb-color-text);
    font-size: 15px;
    line-height: 1.42;
}

.home-business-map {
    position: relative;
    --orbit-card-height: 218px;
    --orbit-card-width: 196px;
    min-height: 760px;
    color: rgba(8, 27, 58, 0.22);
}

.home-business-map__lines {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.home-business-map__lines path {
    stroke: rgba(8, 27, 58, 0.16);
    stroke-width: 1.1;
    stroke-dasharray: 6 8;
    stroke-linecap: round;
}

.home-business-map__lines circle:nth-of-type(n + 3) {
    fill: var(--wb-color-accent-strong);
    stroke: var(--wb-color-surface);
    stroke-width: 3;
}

.home-business-hub {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: grid;
    width: 240px;
    aspect-ratio: 1;
    align-content: center;
    justify-items: center;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(209, 213, 219, 0.82);
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.9)),
        var(--wb-color-surface);
    box-shadow: 0 28px 58px rgba(8, 27, 58, 0.1);
    padding: var(--wb-space-6);
    text-align: center;
}

.home-business-hub::before {
    content: "";
    position: absolute;
    inset: -28px;
    border: 1px solid rgba(8, 27, 58, 0.12);
    border-radius: 50%;
    pointer-events: none;
}

.home-business-hub__mark {
    display: inline-flex;
    width: 84px;
    height: 84px;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--wb-space-3);
    border-radius: 13px;
    background: linear-gradient(160deg, #101827, #07101d);
    color: var(--wb-color-on-dark);
    font-size: 34px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 14px 26px rgba(8, 27, 58, 0.16);
}

.home-business-hub__mark span + span {
    color: var(--wb-color-accent);
}

.home-business-hub strong {
    color: var(--wb-color-text);
    font-size: 34px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.08;
}

.home-business-hub p {
    max-width: 175px;
    margin: var(--wb-space-2) 0 0;
    color: var(--wb-color-text);
    font-size: 17px;
    line-height: 1.32;
}

.home-business-card {
    position: absolute;
    z-index: 2;
    display: grid;
    width: var(--orbit-card-width);
    height: var(--orbit-card-height);
    align-content: start;
    justify-items: center;
    gap: var(--wb-space-3);
    border: 1px solid rgba(209, 213, 219, 0.88);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 18px 42px rgba(8, 27, 58, 0.075);
    padding: 20px 18px;
    text-align: center;
    transition: transform var(--wb-transition-fast), box-shadow var(--wb-transition-fast), border-color var(--wb-transition-fast);
}

.home-business-card:hover {
    border-color: rgba(232, 111, 0, 0.32);
    box-shadow: 0 22px 48px rgba(8, 27, 58, 0.11);
}

.home-business-card .wb-icon {
    width: 64px;
    height: 64px;
    border: 0;
    border-radius: var(--wb-radius-full);
    background: rgba(255, 130, 2, 0.1);
    color: var(--wb-color-accent-strong);
}

.home-business-card .wb-icon svg {
    width: 31px;
    height: 31px;
}

.home-business-card h3 {
    margin: 0;
    color: var(--wb-color-text);
    font-size: 16px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.25;
    hyphens: none;
    overflow-wrap: normal;
    word-break: normal;
}

.home-business-card p {
    margin: 0;
    color: var(--wb-color-text);
    font-size: 14.5px;
    line-height: 1.45;
}

.home-business-card--1 {
    top: 16%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-business-card--2 {
    top: 32%;
    left: 84%;
    transform: translate(-50%, -50%);
}

.home-business-card--3 {
    top: 68%;
    left: 84%;
    transform: translate(-50%, -50%);
}

.home-business-card--4 {
    top: 84%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-business-card--5 {
    top: 68%;
    left: 16%;
    transform: translate(-50%, -50%);
}

.home-business-card--6 {
    top: 32%;
    left: 16%;
    transform: translate(-50%, -50%);
}

.home-business-card--1:hover,
.home-business-card--2:hover,
.home-business-card--3:hover,
.home-business-card--4:hover,
.home-business-card--5:hover {
    transform: translate(-50%, calc(-50% - 3px));
}

.home-business-card--6:hover {
    transform: translate(-50%, calc(-50% - 3px));
}

.home-section__copy {
    max-width: 560px;
}

.home-section__copy h2,
.home-section__head h2,
.home-quality h2,
.home-final-cta h2 {
    color: var(--wb-color-primary);
}

.home-section__copy p {
    margin-bottom: var(--wb-space-6);
}

.home-card h3,
.home-why__item h3 {
    margin-bottom: var(--wb-space-2);
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-lg);
}

.home-card p,
.home-why__item p {
    margin: 0;
    font-size: var(--wb-font-size-sm);
}

.home-company-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--wb-space-4);
}

.home-card {
    display: grid;
    align-content: start;
    gap: var(--wb-space-3);
    min-width: 0;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
    padding: var(--wb-space-6);
}

.home-card:hover {
    box-shadow: var(--wb-shadow-md);
}

.home-card--large {
    min-height: 190px;
}

.home-applicant-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--wb-space-5);
}

.home-why {
    background:
        radial-gradient(circle at 18% 0, rgba(255, 130, 2, 0.16), transparent 34%),
        var(--wb-color-primary);
    color: var(--wb-color-on-dark);
    padding-block: var(--wb-space-12);
}

.home-why h2 {
    margin-bottom: var(--wb-space-8);
    color: var(--wb-color-on-dark);
    text-align: center;
}

.home-why__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--wb-space-5);
}

.home-why__item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--wb-space-4);
    align-items: start;
}

.home-why__item h3 {
    color: var(--wb-color-on-dark);
}

.home-why__item p {
    color: rgba(255, 255, 255, 0.74);
}

.home-section__head {
    max-width: 720px;
    margin: 0 auto var(--wb-space-8);
    text-align: center;
}

.home-section__head p {
    margin: 0;
}

.home-price-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--wb-space-6);
    max-width: 1140px;
    margin-inline: auto;
}

.home-price-card {
    min-height: 280px;
    border-color: var(--wb-color-border);
    box-shadow: var(--wb-shadow-md);
}

.home-price-card .price {
    margin-top: var(--wb-space-3);
    font-size: var(--wb-font-size-3xl);
}

.home-quality {
    padding-block: var(--wb-space-8) var(--wb-space-12);
}

.brand-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--wb-space-5);
    align-items: center;
}

.brand-strip span {
    display: grid;
    min-height: 58px;
    place-items: center;
    color: var(--wb-color-logo-muted);
    font-size: var(--wb-font-size-xl);
    font-weight: var(--wb-font-weight-semibold);
    filter: grayscale(1);
}

.home-final-cta {
    padding-block: var(--wb-space-8) var(--wb-space-12);
}

.home-final-cta__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--wb-space-6);
    align-items: center;
    border-radius: var(--wb-radius-lg);
    background:
        radial-gradient(circle at 12% 0, rgba(255, 130, 2, 0.2), transparent 32%),
        var(--wb-color-primary);
    color: var(--wb-color-on-dark);
    padding: var(--wb-space-8);
    box-shadow: 0 28px 64px rgba(8, 27, 58, 0.16);
}

.home-final-cta__inner h2 {
    color: var(--wb-color-on-dark);
}

.home-final-cta__inner p {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
}

.cta-mark {
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    border: 1px solid rgba(255, 130, 2, 0.52);
    border-radius: 50%;
    color: var(--wb-color-accent-soft);
    font-size: var(--wb-font-size-2xl);
    font-weight: var(--wb-font-weight-semibold);
}

.home-final-cta__actions {
    display: flex;
    gap: var(--wb-space-3);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.premium-footer {
    background:
        radial-gradient(circle at 0 0, rgba(255, 130, 2, 0.16), transparent 28%),
        radial-gradient(circle at 100% 12%, rgba(255, 255, 255, 0.07), transparent 34%),
        var(--wb-color-primary);
}

.premium-footer__inner {
    gap: clamp(42px, 4vw, 60px);
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 40px;
    padding-block: clamp(72px, 7vw, 108px) var(--wb-space-8);
}

.premium-footer__top {
    display: grid;
    grid-template-columns: minmax(340px, 1.45fr) repeat(3, minmax(190px, 0.85fr));
    gap: clamp(40px, 4vw, 60px);
    align-items: start;
}

.premium-footer__brand {
    gap: var(--wb-space-4);
}

.premium-footer__brand p {
    max-width: 450px;
    white-space: pre-line;
}

.premium-footer__regions {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: var(--wb-space-6);
}

.premium-footer__regions nav {
    grid-auto-flow: column;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(4, auto);
    gap: var(--wb-space-3) var(--wb-space-5);
}

.premium-footer__regions a {
    font-size: 17px;
}

.premium-footer__trust {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
    gap: clamp(32px, 4vw, 56px);
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: var(--wb-space-6);
}

.premium-footer__payments,
.premium-footer__social {
    align-content: start;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--wb-radius-lg);
    background: rgba(255, 255, 255, 0.045);
    padding: clamp(24px, 3vw, 34px);
}

.social-links a,
.social-links span {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--wb-radius-full);
    background: rgba(255, 255, 255, 0.08);
    color: var(--wb-color-on-dark);
    font-size: var(--wb-font-size-xs);
    font-weight: var(--wb-font-weight-semibold);
    text-transform: uppercase;
}

.social-links span {
    cursor: default;
}

.premium-footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    padding-top: var(--wb-space-5);
}

@media (max-width: 1180px) {
    .home-hero {
        min-height: auto;
        background:
            radial-gradient(circle at 86% 36%, rgba(232, 214, 188, 0.24), transparent 34%),
            linear-gradient(135deg, #071017 0%, #101820 68%, #3a342d 100%);
    }

    .home-hero__content,
    .home-client__inner,
    .home-company__inner,
    .home-bonus__inner,
    .home-talent__inner,
    .home-prefooter__grid {
        grid-template-columns: 1fr;
    }

    .home-hero__content {
        min-height: auto;
    }

    .home-hero__copy,
    .home-client__copy,
    .home-company__copy,
    .home-bonus__copy,
    .home-talent__copy {
        max-width: 760px;
    }

    .home-actions {
        flex-wrap: wrap;
    }

    .home-hero__visual,
    .home-hero__visual img {
        min-height: 430px;
    }

    .home-feature-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-feature-card:nth-child(4) {
        border-left: 0;
    }

    .home-stats__grid,
    .home-trust__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-stat:nth-child(3) {
        border-left: 0;
    }

    .home-stat:nth-child(n + 3) {
        border-top: 1px solid #e5e7eb;
    }

    .home-region-card nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .premium-footer__top {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .app-shell--public .premium-footer__inner,
    .premium-footer__inner {
        padding-inline: 10px;
    }

    .home-hero {
        min-height: auto;
    }

    .home-hero__content {
        min-height: auto;
        padding-block: var(--wb-space-10) var(--wb-space-16);
    }

    .home-trust {
        padding-block: 56px 48px;
    }

    .home-trust__inner {
        gap: 32px;
    }

    .home-trust__hero {
        gap: 24px;
    }

    .home-trust__badge {
        min-height: 38px;
        padding: 7px 14px;
        font-size: 12px;
    }

    .home-trust__copy h2 {
        margin-top: var(--wb-space-6);
        font-size: 40px;
        line-height: 1.14;
    }

    .home-trust__accent {
        margin: var(--wb-space-5) 0;
    }

    .home-trust__intro {
        gap: var(--wb-space-3);
    }

    .home-trust__intro p {
        font-size: 16px;
        line-height: 1.65;
    }

    .home-trust__visual {
        min-height: 300px;
    }

    .home-trust-card {
        min-height: 0;
        padding: 24px 24px 26px;
    }

    .home-trust-icon {
        width: 76px;
        height: 76px;
    }

    .home-trust-icon svg {
        width: 48px;
        height: 48px;
    }

    .home-trust__note {
        grid-template-columns: 1fr;
        gap: var(--wb-space-4);
        padding: 20px;
    }

    .home-hero h1 {
        font-size: 42px;
    }

    .hero__actions--home,
    .home-final-cta__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .hero__actions--home .button,
    .home-final-cta__actions .button {
        width: 100%;
    }

    .home-search-section {
        margin-top: calc(var(--wb-space-8) * -1);
    }

    .home-section--auftraggeber-premium {
        padding-block: 48px;
    }

    .home-client-panel {
        width: calc(100% - 20px);
        gap: 30px;
        border-radius: 22px;
        padding: 24px 20px 28px;
    }

    .home-client-panel__blueprint {
        right: -210px;
        bottom: 36px;
        width: 980px;
        opacity: 0.16;
    }

    .home-client-panel__eyebrow {
        margin-bottom: 16px;
        font-size: 13px;
    }

    .home-client-panel__copy h2 {
        font-size: 36px;
        line-height: 1.12;
    }

    .home-client-panel__copy p:not(.home-client-panel__eyebrow) {
        margin-top: 22px;
        font-size: 16px;
        line-height: 1.58;
    }

    .home-client-panel__cta {
        width: 100%;
        min-height: 58px;
        margin-top: 26px;
        padding-inline: 22px;
        font-size: 16px;
    }

    .home-client-steps {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .home-client-steps::before {
        top: 35px;
        bottom: 35px;
        left: 34px;
        right: auto;
        border-top: 0;
        border-left: 1.5px dashed rgba(255, 130, 2, 0.5);
    }

    .home-client-step {
        grid-template-columns: 70px minmax(0, 1fr);
        gap: 14px;
        justify-items: start;
        align-items: center;
        text-align: left;
    }

    .home-client-step__icon,
    .home-client-step.is-active .home-client-step__icon {
        width: 68px;
        height: 68px;
        margin: 0;
    }

    .home-client-step__icon .wb-icon {
        width: 40px;
        height: 40px;
    }

    .home-client-step__icon .wb-icon svg {
        width: 29px;
        height: 29px;
    }

    .home-client-step h3,
    .home-client-step p {
        text-align: left;
    }

    .home-client-step h3 {
        font-size: 16px;
    }

    .home-client-step p {
        max-width: none;
        margin-top: 5px;
        font-size: 14px;
        line-height: 1.42;
    }

    .home-client-house {
        min-height: 250px;
        margin-top: 8px;
        padding-bottom: 58px;
    }

    .home-client-house > img {
        width: 116%;
        max-width: none;
        margin-left: -8%;
    }

    .home-client-avatar {
        bottom: 10px;
    }

    .home-client-avatar img {
        width: 92px;
        height: 92px;
        border-width: 4px;
    }

    .home-client-avatar span {
        min-height: 30px;
        border-radius: 9px;
        font-size: 13px;
        padding-inline: 12px;
    }

    .home-section--business-platform {
        margin: 10px;
        border-radius: 18px;
        padding: 34px 16px;
    }

    .home-business--platform {
        gap: var(--wb-space-8);
    }

    .home-business__copy h2 {
        font-size: var(--wb-font-size-h1);
    }

    .home-business__rule {
        margin: var(--wb-space-5) 0;
    }

    .home-business__copy > p:not(.eyebrow) {
        font-size: 17px;
    }

    .home-business__actions {
        width: 100%;
    }

    .button--business-primary,
    .button--business-secondary {
        height: 56px;
        min-height: 56px;
        width: 100%;
        padding-inline: 48px;
        font-size: 16px;
    }

    .home-business-proof {
        grid-template-columns: 1fr;
        margin-top: var(--wb-space-8);
    }

    .home-business-proof__item {
        min-height: auto;
        padding: var(--wb-space-5);
    }

    .home-business-proof__item + .home-business-proof__item {
        border-top: 1px solid rgba(229, 231, 235, 0.9);
        border-left: 0;
    }

    .home-business-map {
        display: grid;
        min-height: 0;
        gap: var(--wb-space-4);
        padding-top: var(--wb-space-5);
    }

    .home-business-map__lines {
        display: none;
    }

    .home-business-hub {
        position: relative;
        top: auto;
        left: auto;
        width: min(230px, 72vw);
        margin: 0 auto var(--wb-space-3);
        transform: none;
    }

    .home-business-hub::before {
        inset: -18px;
    }

    .home-business-card,
    .home-business-card--1,
    .home-business-card--2,
    .home-business-card--3,
    .home-business-card--4,
    .home-business-card--5,
    .home-business-card--6 {
        position: relative;
        inset: auto;
        display: grid;
        width: 100%;
        height: auto;
        min-height: auto;
        grid-template-columns: auto minmax(0, 1fr);
        justify-items: start;
        align-items: center;
        gap: var(--wb-space-3) var(--wb-space-4);
        transform: none;
        text-align: left;
    }

    .home-business-card .wb-icon {
        grid-row: 1 / span 2;
        width: 56px;
        height: 56px;
    }

    .home-business-card h3,
    .home-business-card p {
        text-align: left;
    }

    .home-business-card:hover,
    .home-business-card--2:hover,
    .home-business-card--5:hover {
        transform: translateY(-2px);
    }

    .home-search,
    .home-company-grid,
    .home-applicant-cards,
    .home-price-grid,
    .home-trust__cards,
    .home-why__grid,
    .brand-strip {
        grid-template-columns: 1fr;
    }

    .home-section {
        padding-block: var(--wb-space-12);
    }

    .home-bonus__panel {
        position: relative;
        left: auto;
        bottom: auto;
        width: auto;
        margin: calc(-1 * var(--wb-space-8)) var(--wb-space-4) var(--wb-space-4);
        padding: var(--wb-space-5);
    }

    .home-bonus__visual,
    .home-bonus__visual img {
        min-height: 360px;
    }

    .home-bonus__panel strong {
        font-size: 72px;
    }

    .platform-card {
        position: absolute;
        min-width: 184px;
        max-width: calc(100% - var(--wb-space-6));
        margin: 0;
        padding: var(--wb-space-3);
    }

    .platform-card--orders {
        top: var(--wb-space-3);
        left: var(--wb-space-3);
    }

    .platform-card--verified {
        right: var(--wb-space-3);
        bottom: 58px;
    }

    .platform-status {
        right: var(--wb-space-3);
        bottom: var(--wb-space-3);
    }

    .home-final-cta__inner {
        grid-template-columns: 1fr;
        padding: var(--wb-space-6);
    }

    .premium-footer__top {
        grid-template-columns: 1fr;
    }

    .premium-footer__trust,
    .premium-footer__regions nav {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }

    .premium-footer__column,
    .premium-footer__regions {
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: var(--wb-radius-lg);
        background: rgba(255, 255, 255, 0.045);
        padding: 0;
    }

    .premium-footer__column summary,
    .premium-footer__regions summary {
        display: flex;
        min-height: 58px;
        align-items: center;
        justify-content: space-between;
        gap: var(--wb-space-3);
        cursor: pointer;
        padding: 0 var(--wb-space-4);
    }

    .premium-footer__column summary::after,
    .premium-footer__regions summary::after {
        content: "+";
        display: grid;
        width: 30px;
        height: 30px;
        flex: 0 0 auto;
        place-items: center;
        border-radius: var(--wb-radius-full);
        background: rgba(255, 255, 255, 0.08);
        color: var(--wb-color-accent-soft);
        font-weight: var(--wb-font-weight-semibold);
    }

    .premium-footer__column[open] summary::after,
    .premium-footer__regions[open] summary::after {
        content: "-";
    }

    .premium-footer__links,
    .premium-footer__regions nav {
        padding: 0 var(--wb-space-4) var(--wb-space-4);
    }
}

@media (max-width: 520px) {
    .home-client-panel {
        padding-inline: 18px;
    }

    .home-client-panel__copy h2 {
        font-size: 34px;
    }

    .home-client-panel__cta {
        justify-content: space-between;
    }

    .home-client-house {
        min-height: 220px;
        padding-bottom: 52px;
    }

    .home-client-avatar img {
        width: 84px;
        height: 84px;
    }

    .home-hero h1 {
        font-size: 34px;
    }

    .home-trust__copy h2 {
        font-size: 34px;
    }

    .home-trust__visual {
        min-height: 260px;
    }

    .home-trust-card h3 {
        font-size: 17px;
    }

    .home-trust-card p,
    .home-trust__note p {
        font-size: 15px;
    }

    .home-hero__visual,
    .home-hero__visual img {
        min-height: 360px;
    }

    .search-panel--home,
    .home-card,
    .home-price-card {
        padding: var(--wb-space-5);
    }
}

@media (max-width: 360px) {
    .button--business-primary,
    .button--business-secondary {
        width: calc(100% - 2px);
        padding-inline: 36px;
        font-size: 14px;
    }

    .home-business__actions .wb-icon {
        width: 20px;
        height: 20px;
    }

    .home-business__actions .wb-icon svg {
        width: 19px;
        height: 19px;
    }

    .home-business-hub {
        width: min(210px, 64vw);
    }

    .home-business-hub::before {
        inset: 0;
    }
}

@media (max-width: 1040px) {
    .faq-hero__inner {
        grid-template-columns: 1fr;
        gap: 28px;
        padding-inline: 24px;
    }

    .faq-hero__visual {
        display: none;
    }

    .faq-section {
        background: var(--faq-panel);
    }

    .faq-layout {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .faq-sidebar {
        position: static;
        display: grid;
        min-height: auto;
        padding: 20px 24px;
    }

    .faq-category-list {
        display: flex;
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: 6px;
        scroll-snap-type: x proximity;
    }

    .faq-category {
        flex: 0 0 auto;
        min-width: 218px;
        scroll-snap-align: start;
    }

    .faq-sidebar__support {
        grid-template-columns: minmax(0, 1fr) auto auto;
        align-items: center;
        margin-top: 8px;
    }

    .faq-sidebar__support .button {
        width: auto;
        white-space: nowrap;
    }
}

@media (max-width: 767px) {
    .faq-hero {
        padding-block: 42px 36px;
    }

    .faq-hero__inner {
        padding-inline: 16px;
    }

    .faq-hero h1 {
        font-size: 36px;
    }

    .faq-hero p {
        font-size: 16px;
    }

    .faq-hero__search {
        width: 100%;
    }

    .faq-hero__search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
        min-height: 48px;
    }

    .faq-sidebar {
        padding: 18px 16px;
    }

    .faq-category {
        min-width: 188px;
        padding-inline: 12px;
    }

    .faq-sidebar__support {
        grid-template-columns: 1fr;
    }

    .faq-sidebar__support .button {
        width: 100%;
    }

    .faq-content {
        padding: 22px 16px 46px;
    }

    .faq-content__toolbar {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .faq-sort {
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .faq-sort select {
        width: 100%;
    }

    .faq-question {
        min-height: 58px;
        padding: 16px;
    }

    .faq-answer__inner,
    .faq-empty {
        padding-inline: 16px;
    }

    .faq-answer__inner {
        padding-bottom: 18px;
    }

}
.home-bewerber-premium {
    overflow: hidden;
    background: #fafaf8;
    padding-block: 150px;
}

.home-bewerber-premium__inner {
    display: grid;
    width: min(1400px, calc(100% - 40px));
    margin-inline: auto;
    grid-template-columns: minmax(0, 720px) minmax(0, 1fr);
    gap: 50px;
    align-items: center;
}

.home-bewerber-premium__copy {
    max-width: 760px;
    min-width: 0;
}

.home-bewerber-premium__eyebrow {
    margin: 0 0 28px;
    color: #ff8202;
    font-size: 18px;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-transform: uppercase;
}

.home-bewerber-premium__copy h2 {
    margin: 0;
    color: #111;
    font-size: 68px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.05;
    overflow-wrap: normal;
    word-break: normal;
}

.home-bewerber-premium__copy h2 span {
    display: block;
    white-space: nowrap;
}

.home-bewerber-premium__copy h2 span + span {
    color: #ff8202;
}

.home-bewerber-premium__lead {
    margin: 34px 0 0;
    color: #444;
    font-size: 24px;
    line-height: 1.7;
}

.home-bewerber-premium__cta {
    display: inline-flex;
    width: min(290px, 100%);
    height: 68px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 50px;
    border: 0;
    border-radius: 16px;
    background: #ff8202;
    color: #fff;
    font-size: 20px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
    padding: 0 24px 0 28px;
    text-decoration: none;
    transition: background-color 180ms ease, transform 180ms ease;
}

.home-bewerber-premium__cta:hover,
.home-bewerber-premium__cta:focus-visible {
    background: #e86f00;
    color: #fff;
    box-shadow: none;
    transform: scale(1.02);
}

.home-bewerber-premium__cta-arrow {
    display: inline-grid;
    width: 30px;
    height: 30px;
    place-items: center;
    flex: 0 0 auto;
    color: #fff;
    font-size: 28px;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1;
}

.home-bewerber-premium__visual {
    display: grid;
    min-width: 0;
    justify-items: center;
}

.home-bewerber-art {
    width: min(100%, 720px);
    height: auto;
    overflow: visible;
}

.home-bewerber-art * {
    vector-effect: non-scaling-stroke;
}

.home-bewerber-art__halo {
    fill: #efe7dd;
    opacity: 0.48;
}

.home-bewerber-art__beige-dot {
    fill: #efe7dd;
    opacity: 0.62;
}

.home-bewerber-art__beige-dot--small {
    opacity: 0.4;
}

.home-bewerber-art__orange-ring {
    fill: none;
    stroke: #ff8202;
    stroke-width: 2;
}

.home-bewerber-art__orange-dot {
    fill: #ff8202;
}

.home-bewerber-art__dash {
    fill: none;
    stroke: #ff8202;
    stroke-width: 1.6;
    stroke-dasharray: 5 9;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.65;
}

.home-bewerber-art__profile-card > rect:first-child {
    fill: #fff;
    stroke: #111;
    stroke-width: 2;
}

.home-bewerber-art__profile-avatar,
.home-bewerber-art__resume-line {
    fill: none;
    stroke: #111;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-bewerber-art__resume-line {
    stroke-width: 2.2;
}

.home-bewerber-art__verified-badge {
    fill: #fff;
    stroke: #111;
    stroke-opacity: 0.16;
    stroke-width: 1.2;
}

.home-bewerber-art__verified-ring {
    fill: #fff;
    stroke: #ff8202;
    stroke-width: 2;
}

.home-bewerber-art__verified-check {
    fill: none;
    stroke: #ff8202;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-bewerber-art__verified-text {
    fill: #111;
    font-family: var(--wb-font-sans);
    font-size: 20px;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
}

.home-bewerber-art__skill-cards > rect {
    fill: #fff;
    stroke: #333;
    stroke-opacity: 0.42;
    stroke-width: 1.5;
}

.home-bewerber-art__skill-icon path,
.home-bewerber-art__skill-icon circle {
    fill: none;
    stroke: #333;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-bewerber-art__person path,
.home-bewerber-art__person circle {
    fill: none;
    stroke: #111;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-bewerber-art__person .home-bewerber-art__eye {
    fill: #111;
    stroke: none;
}

@media (max-width: 1180px) {
    .home-bewerber-premium {
        padding-block: 124px;
    }

    .home-bewerber-premium__inner {
        width: min(1120px, calc(100% - 48px));
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 46px;
    }

    .home-bewerber-premium__copy h2 {
        font-size: 60px;
    }

    .home-bewerber-premium__copy h2 span {
        white-space: normal;
    }

    .home-bewerber-premium__lead {
        font-size: 21px;
    }

    .home-bewerber-art {
        width: min(100%, 640px);
    }
}

@media (max-width: 900px) {
    .home-bewerber-premium__inner {
        width: min(760px, calc(100% - 40px));
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .home-bewerber-premium__visual {
        order: -1;
    }

    .home-bewerber-premium__copy {
        max-width: none;
    }

    .home-bewerber-premium__copy h2 {
        font-size: 54px;
    }
}

@media (max-width: 767px) {
    .home-bewerber-premium {
        padding-block: 78px 92px;
    }

    .home-bewerber-premium__inner {
        width: calc(100% - 32px);
        gap: 38px;
    }

    .home-bewerber-premium__eyebrow {
        margin-bottom: 18px;
        font-size: 15px;
    }

    .home-bewerber-premium__copy h2 {
        font-size: 42px;
        line-height: 1.08;
    }

    .home-bewerber-premium__lead {
        margin-top: 24px;
        font-size: 18px;
        line-height: 1.65;
    }

    .home-bewerber-premium__lead br {
        display: none;
    }

    .home-bewerber-premium__cta {
        width: 100%;
        margin-top: 38px;
        font-size: 20px;
    }

    .home-bewerber-art {
        width: min(100%, 540px);
    }
}

@media (max-width: 420px) {
    .home-bewerber-premium__cta {
        padding-inline: 22px;
    }
}

/* Premium homepage reference refresh */
.app-shell--public {
    --wb-color-primary: #071421;
    --wb-color-primary-strong: #06111d;
    --wb-color-secondary: #f7f8fa;
    --wb-color-accent: #ff8202;
    --wb-color-accent-strong: #e86f00;
    --wb-color-background: #ffffff;
    --wb-color-surface-muted: #f7f8fa;
    --wb-color-border: #e5e7eb;
    --wb-color-text: #111827;
    --wb-color-text-muted: #6b7280;
    --wb-radius-md: 12px;
    --wb-radius-lg: 18px;
    overflow-x: hidden;
    background: #f7f8fa;
}

.app-shell--public .site-header {
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(7, 20, 33, 0.08);
}

.app-shell--public .site-header__inner {
    width: min(1500px, calc(100% - 80px));
    max-width: calc(100% - 32px);
    min-height: 92px;
    margin-inline: auto;
    padding-inline: 0;
    gap: clamp(24px, 2.3vw, 46px);
}

.app-shell--public .premium-footer__inner {
    width: calc(100% - (var(--wb-public-page-pad) * 2));
    max-width: none;
    margin-inline: auto;
    padding-inline: 0;
}

.app-shell--public .brand {
    color: #111827;
}

.app-shell--public .brand__mark {
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    color: #111827;
    box-shadow: none;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.04em;
    text-shadow: none;
}

.app-shell--public .brand__mark::first-letter {
    color: #111827;
}

.app-shell--public .brand__mark span + span {
    color: #ff8202;
}

.app-shell--public .brand__name {
    color: #111827;
    font-size: 28px;
    font-weight: 700;
}

.app-shell--public .brand__logo {
    height: 46px;
    max-width: 200px;
    padding: 0;
    background: transparent;
}

.app-shell--public .site-nav {
    justify-content: center;
    gap: clamp(26px, 2.3vw, 44px);
    flex-wrap: nowrap;
}

.app-shell.app-shell--public .site-nav a {
    position: relative;
    color: #111827;
    font-size: clamp(15px, 0.86vw, 16px);
    font-weight: 600 !important;
    padding: 10px 0 12px;
    white-space: nowrap;
}

.app-shell--public .site-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    border-radius: 999px;
    background: var(--wb-color-accent);
    opacity: 0;
    transform: scaleX(0.45);
    transition: opacity var(--wb-transition-fast), transform var(--wb-transition-fast);
}

.app-shell--public .site-nav a:hover::after,
.app-shell--public .site-nav a:focus-visible::after,
.app-shell--public .site-nav a[aria-current="page"]::after {
    opacity: 1;
    transform: scaleX(1);
}

.app-shell--public .site-nav a:hover,
.app-shell--public .site-nav a:focus-visible,
.app-shell--public .site-nav a[aria-current="page"] {
    background: transparent;
    color: #ff8202;
}

.app-shell--public .site-actions {
    gap: 18px;
    flex-wrap: nowrap;
}

.app-shell.app-shell--public .nav-pill {
    min-height: 46px;
    padding-inline: 22px;
    border-color: #ff8202;
    border-radius: 8px;
    background: #ff8202;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600 !important;
    box-shadow: 0 12px 22px rgba(255, 130, 2, 0.24);
}

.app-shell.app-shell--public .nav-pill--muted {
    border-color: transparent;
    background: transparent;
    color: #111827;
    box-shadow: none;
}

.app-shell--public .nav-pill:hover,
.app-shell--public .nav-pill:focus-visible {
    border-color: #f47600;
    background: #f47600;
    color: #ffffff;
}

.app-shell--public .nav-pill--muted:hover,
.app-shell--public .nav-pill--muted:focus-visible {
    border-color: rgba(255, 130, 2, 0.28);
    background: rgba(255, 130, 2, 0.08);
    color: #ff8202;
}

.app-shell--public .nav-toggle {
    width: 46px;
    height: 46px;
    border-color: transparent;
    background: transparent;
    border-radius: 8px;
}

.app-shell--public .nav-toggle:hover,
.app-shell--public .nav-toggle:focus-visible {
    background: rgba(255, 130, 2, 0.08);
    outline: 0;
    box-shadow: var(--wb-shadow-focus);
}

.app-shell--public .nav-toggle span {
    width: 26px;
    height: 3px;
    background: #111827;
    transition: transform var(--wb-transition-fast), opacity var(--wb-transition-fast);
}

.app-shell--public .nav-toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.app-shell--public .nav-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}

.app-shell--public .nav-toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.app-shell--public .mobile-nav {
    display: grid;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    gap: 0;
    padding: 0 max(16px, calc((100vw - 1500px) / 2));
    border-top: 0;
    background: #ffffff;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-6px);
    box-shadow: 0 22px 55px rgba(7, 20, 33, 0.16);
    transition:
        max-height 240ms ease,
        opacity 180ms ease,
        transform 180ms ease,
        padding 240ms ease,
        visibility 0s linear 240ms;
}

.app-shell--public .mobile-nav.is-open {
    max-height: calc(100vh - 74px);
    visibility: visible;
    overflow: auto;
    padding-block: 14px calc(24px + env(safe-area-inset-bottom));
    border-top: 1px solid #e5e7eb;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
}

.app-shell.app-shell--public .mobile-nav a,
.app-shell--public .logout-link--mobile {
    display: flex;
    min-height: 56px;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #eef0f3;
    border-radius: 0;
    color: #111827;
    font-size: 18px;
    font-weight: 500 !important;
    line-height: 1.25;
    text-decoration: none;
}

.app-shell--public .mobile-nav a:not(.mobile-nav__auth)::after {
    content: "\203A";
    margin-left: auto;
    color: #111827;
    font-size: 30px;
    line-height: 1;
}

.app-shell--public .mobile-nav a:hover,
.app-shell--public .mobile-nav a:focus-visible,
.app-shell--public .mobile-nav a[aria-current="page"] {
    background: rgba(255, 130, 2, 0.07);
    color: #ff8202;
    outline: 0;
}

.app-shell--public .mobile-nav__auth {
    justify-content: center;
    min-height: 58px;
    margin-top: 16px;
    border: 1px solid #ff8202;
    border-radius: 10px;
}

.app-shell.app-shell--public .mobile-nav a.mobile-nav__auth--login {
    color: #ff8202;
}

.app-shell.app-shell--public .mobile-nav a.mobile-nav__auth--register {
    margin-top: 12px;
    background: #ff8202;
    color: #ffffff;
    box-shadow: 0 16px 30px rgba(255, 130, 2, 0.22);
}

.app-shell.app-shell--public .mobile-nav a.mobile-nav__auth--register:hover,
.app-shell.app-shell--public .mobile-nav a.mobile-nav__auth--register:focus-visible {
    background: #f47600;
    color: #ffffff;
}

.home-container {
    width: min(1500px, calc(100% - 80px));
    max-width: calc(100% - 32px);
    margin-inline: auto;
}

.home-section {
    padding-block: 62px;
}

.home-section--compact {
    padding-block: 22px;
}

.home-badge,
.home-eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 28px;
    border-radius: 999px;
    color: #ff8202;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.1;
}

.home-badge {
    border: 1px solid rgba(255, 130, 2, 0.3);
    background: rgba(255, 130, 2, 0.1);
    padding: 6px 11px;
}

.home-badge--dark {
    color: #ffb45b;
}

.button--accent,
.app-shell--public .button--accent {
    border-color: #ff8202;
    border-radius: 11px;
    background: linear-gradient(180deg, #ff9634, #ff8202);
    color: #ffffff;
    box-shadow: 0 14px 30px rgba(255, 130, 2, 0.26);
}

.button--accent:hover,
.button--accent:focus-visible {
    border-color: #e86f00;
    background: linear-gradient(180deg, #ff8202, #e86f00);
    color: #ffffff;
    transform: translateY(-1px);
}

.button--outline-dark {
    border-color: rgba(255, 255, 255, 0.34);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
}

.button--outline-dark:hover,
.button--outline-dark:focus-visible {
    border-color: rgba(255, 130, 2, 0.75);
    background: rgba(255, 130, 2, 0.13);
    color: #ffffff;
}

.button--secondary {
    border-color: #e5e7eb;
    border-radius: 11px;
    background: #ffffff;
    color: #111827;
}

.button--secondary:hover,
.button--secondary:focus-visible {
    border-color: rgba(255, 130, 2, 0.42);
    background: #fff7ed;
    color: #111827;
}

.wb-icon {
    display: inline-grid;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 130, 2, 0.18);
    border-radius: 50%;
    background: #fff7ed;
    color: #ff8202;
}

.wb-icon svg {
    width: 21px;
    height: 21px;
}

.home-hero {
    position: relative;
    min-height: 626px;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 20%, rgba(232, 214, 188, 0.36), transparent 32%),
        radial-gradient(circle at 50% 110%, rgba(255, 130, 2, 0.12), transparent 34%),
        linear-gradient(90deg, #071017 0%, #071017 46%, #24282c 70%, #d7c7b6 100%);
    color: #ffffff;
}

.home-hero__content {
    display: grid;
    min-height: 626px;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: clamp(38px, 4.2vw, 68px);
    align-items: center;
    padding-block: 44px;
}

.home-hero__copy {
    max-width: 690px;
}

.app-shell.app-shell--public .home-hero h1 {
    margin: 18px 0 18px;
    color: #ffffff;
    font-size: clamp(44px, 4vw, 68px) !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.08 !important;
}

.home-hero h1 span {
    color: #ff8202;
}

.home-hero p {
    max-width: 700px;
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    line-height: 1.65;
}

.home-actions {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    margin-top: 30px;
}

.app-shell.app-shell--public .home-actions .button {
    min-height: 48px;
    padding-inline: 20px;
    font-size: 14px;
    font-weight: 600 !important;
    white-space: nowrap;
}

.home-actions .wb-icon {
    width: 20px;
    height: 20px;
    border: 0;
    background: transparent;
    color: currentColor;
}

.home-actions .wb-icon svg {
    width: 18px;
    height: 18px;
}

.home-social-proof {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 32px;
}

.home-social-proof strong,
.home-social-proof span {
    display: block;
}

.home-social-proof strong {
    color: #ffffff;
    font-size: 14px;
}

.home-social-proof span {
    color: #ffd36d;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.home-avatar-stack {
    display: flex;
    padding-left: 8px;
}

.home-avatar-stack span {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    margin-left: -8px;
    border: 2px solid #071017;
    border-radius: 50%;
    background: linear-gradient(145deg, #fdf4e7, #cbd5e1);
    color: #071421;
    font-size: 10px;
    font-weight: var(--wb-font-weight-semibold);
}

.home-hero__visual {
    position: relative;
    min-height: clamp(540px, 38vw, 620px);
    align-self: stretch;
    overflow: hidden;
    border-radius: 16px;
    background: linear-gradient(135deg, #d9dee6, #a89076);
    box-shadow: 0 34px 78px rgba(0, 0, 0, 0.28);
}

.home-hero__visual img {
    width: 100%;
    height: 100%;
    min-height: clamp(540px, 38vw, 620px);
    object-fit: cover;
    object-position: 58% center;
}

.home-float,
.home-live-pill {
    position: absolute;
    z-index: 2;
    border: 1px solid rgba(229, 231, 235, 0.82);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.95);
    color: #111827;
    box-shadow: 0 18px 42px rgba(7, 20, 33, 0.16);
    backdrop-filter: blur(16px);
}

.home-float {
    display: grid;
    gap: 3px;
    min-width: 186px;
    padding: 20px;
}

.home-float strong {
    color: #ff8202;
    font-size: 26px;
    line-height: 1;
}

.home-float span {
    color: #111827;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.home-float small {
    color: #6b7280;
    font-size: 12px;
}

.home-float .wb-icon {
    width: 34px;
    height: 34px;
    margin-bottom: 5px;
}

.home-float--orders {
    top: 28px;
    left: 28px;
}

.home-float--verified {
    right: 28px;
    bottom: 86px;
}

.home-live-pill {
    right: 28px;
    bottom: 28px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.home-live-pill span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #16a34a;
    box-shadow: 0 0 0 5px rgba(22, 163, 74, 0.14);
}

.home-trust {
    background: linear-gradient(180deg, #ffffff 0%, #f7f8fa 100%);
    padding-block: 38px 58px;
}

.home-trust__panel {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.home-section__head {
    max-width: 820px;
    margin: 0 auto 30px;
    text-align: center;
}

.app-shell.app-shell--public .home-section__head h2 {
    margin: 0;
    color: #111827;
    font-size: clamp(28px, 2.2vw, 34px) !important;
    font-weight: 600 !important;
    line-height: 1.16 !important;
}

.home-section__head p {
    margin: 10px 0 0;
    color: #4b5563;
    font-size: 16px;
}

.home-trust__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

.home-trust-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    min-height: 134px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(7, 20, 33, 0.06);
    padding: 26px 28px;
}

.home-trust-card .wb-icon {
    width: 54px;
    height: 54px;
    border-color: rgba(255, 130, 2, 0.18);
    background: #fff2e4;
}

.app-shell.app-shell--public .home-trust-card h3,
.app-shell.app-shell--public .home-feature-card h3,
.app-shell.app-shell--public .home-step h3 {
    margin: 0;
    color: #111827;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.home-trust-card p,
.home-feature-card p,
.home-step p {
    margin: 7px 0 0;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.55;
}

.home-client,
.home-company {
    background: #ffffff;
}

.home-client__inner,
.home-company__inner,
.home-bonus__inner,
.home-talent__inner,
.home-prefooter__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 44px;
    align-items: center;
}

.home-client__copy,
.home-company__copy,
.home-bonus__copy,
.home-talent__copy {
    max-width: 560px;
}

.home-client h2,
.home-company h2,
.home-bonus h2,
.home-talent h2 {
    margin: 12px 0 14px;
    color: #111827;
    font-size: var(--wb-font-size-h1);
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
    line-height: 1.13;
}

.home-client p,
.home-company p,
.home-price-card p,
.home-payment-card p {
    margin: 0;
    color: #6b7280;
    line-height: 1.68;
}

.home-steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-steps::before {
    content: "";
    position: absolute;
    top: 46px;
    left: 16%;
    right: 16%;
    border-top: 2px solid #e5e7eb;
}

.home-step {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    text-align: center;
}

.home-step__icon {
    display: grid;
    width: 92px;
    height: 92px;
    place-items: center;
    margin-bottom: 16px;
    border: 2px solid #e5e7eb;
    border-radius: 50%;
    background: #ffffff;
}

.home-step__icon .wb-icon {
    border: 0;
    background: transparent;
}

.home-step.is-active .home-step__icon {
    border-color: #ff8202;
    background: linear-gradient(180deg, #ff9634, #ff8202);
    box-shadow: 0 18px 32px rgba(255, 130, 2, 0.26);
}

.home-step.is-active .wb-icon {
    color: #ffffff;
}

.home-company {
    padding-top: 12px;
}

.home-company__image {
    position: relative;
    margin: 0;
}

.home-company__image > img {
    display: block;
    width: 100%;
    height: clamp(300px, 27vw, 360px);
    min-height: 0;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    object-fit: cover;
    object-position: 62% center;
    box-shadow: 0 18px 42px rgba(7, 20, 33, 0.11);
}

.home-company__image figcaption {
    position: absolute;
    left: 50%;
    bottom: -26px;
    display: grid;
    justify-items: center;
    transform: translateX(-50%);
}

.home-company__image figcaption img {
    width: 86px;
    height: 86px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 14px 28px rgba(7, 20, 33, 0.18);
}

.home-company__image figcaption span {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    margin-top: -4px;
    border-radius: 9px;
    background: #ffffff;
    color: #111827;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    padding-inline: 12px;
    box-shadow: 0 10px 20px rgba(7, 20, 33, 0.12);
    white-space: nowrap;
}

.home-actions--light {
    margin-top: 24px;
}

.home-feature-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-top: 52px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
}

.home-feature-card {
    display: grid;
    align-content: start;
    min-height: 172px;
    gap: 10px;
    border-left: 1px solid #e5e7eb;
    padding: 24px 22px;
    transition: background-color 160ms ease;
}

.home-feature-card:first-child {
    border-left: 0;
}

.home-feature-card:hover {
    background: #fff7ed;
}

.home-feature-card .wb-icon {
    width: 34px;
    height: 34px;
    border: 0;
}

.home-feature-card .wb-icon svg {
    width: 19px;
    height: 19px;
}

.home-bonus {
    background: #ffffff;
    color: #ffffff;
    padding-block: 18px;
}

.home-bonus__inner {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.92fr);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    background:
        radial-gradient(circle at 4% 12%, rgba(255, 130, 2, 0.18), transparent 28%),
        linear-gradient(135deg, #06111d 0%, #071421 100%);
    box-shadow: 0 22px 54px rgba(7, 20, 33, 0.18);
    padding: 34px;
}

.home-bonus h2,
.home-talent h2 {
    color: #ffffff;
}

.home-bonus p,
.home-bonus li,
.home-bonus small,
.home-talent p {
    color: rgba(255, 255, 255, 0.78);
}

.home-check-list {
    display: grid;
    gap: 9px;
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
}

.home-check-list li {
    display: flex;
    gap: 9px;
    align-items: center;
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
}

.home-check-list span {
    display: grid;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 130, 2, 0.18);
    color: #ffb45b;
    font-weight: var(--wb-font-weight-semibold);
}

.home-bonus small {
    display: block;
    margin-top: 14px;
    font-size: 12px;
}

.home-bonus__visual {
    position: relative;
    min-height: 360px;
    overflow: hidden;
    border-radius: 10px;
}

.home-bonus__visual img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    object-position: 72% center;
}

.home-bonus-card {
    position: absolute;
    left: 24px;
    bottom: 24px;
    display: grid;
    width: min(260px, calc(100% - 48px));
    gap: 7px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px;
    background: rgba(6, 17, 29, 0.86);
    padding: 20px;
    backdrop-filter: blur(16px);
}

.home-bonus-card span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #ffb45b;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.home-bonus-card .wb-icon {
    width: 20px;
    height: 20px;
    border: 0;
    background: transparent;
}

.home-bonus-card strong {
    color: #ffd36d;
    font-size: 66px;
    line-height: 0.95;
}

.home-bonus-card b {
    color: #ffffff;
    font-size: 18px;
}

.home-bonus-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 1.45;
}

.home-stats {
    background: #ffffff;
    padding-block: 18px 34px;
}

.home-stats__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(7, 20, 33, 0.05);
}

.home-stat {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 96px;
    border-left: 1px solid #e5e7eb;
    padding: 20px 26px;
}

.home-stat:first-child {
    border-left: 0;
}

.home-stat strong,
.home-stat span {
    display: block;
}

.home-stat strong {
    color: #ff8202;
    font-size: 26px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.1;
}

.home-stat span {
    color: #111827;
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
}

.home-talent {
    background: #ffffff;
    padding-block: 18px 32px;
}

.home-talent__inner {
    min-height: 280px;
    overflow: hidden;
    border-radius: 12px;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 130, 2, 0.18), transparent 32%),
        linear-gradient(135deg, #06111d, #071421);
    padding: 40px;
}

.home-talent__visual {
    position: relative;
    min-height: 230px;
}

.home-profile-card {
    position: absolute;
    top: 20px;
    left: 8%;
    z-index: 2;
    display: grid;
    width: 210px;
    gap: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
    padding: 18px;
}

.home-profile-card > span {
    display: block;
    height: 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.24);
}

.home-profile-card > span:nth-of-type(2) {
    width: 72%;
}

.home-profile-card strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-size: 14px;
}

.home-profile-card strong .wb-icon {
    width: 24px;
    height: 24px;
    border: 0;
    background: rgba(22, 163, 74, 0.16);
    color: #86efac;
}

.home-worker-art {
    position: absolute;
    right: 4%;
    bottom: -30px;
    width: min(58%, 340px);
    color: rgba(255, 255, 255, 0.82);
}

.home-worker-art path,
.home-worker-art circle {
    fill: none;
    stroke: currentColor;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-pricing {
    background: #ffffff;
    padding-block: 32px 44px;
}

.home-price-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    max-width: none;
}

.home-price-card {
    display: grid;
    min-height: 250px;
    align-content: start;
    gap: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(7, 20, 33, 0.06);
    padding: 24px;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.home-price-card:hover {
    border-color: rgba(255, 130, 2, 0.34);
    box-shadow: 0 20px 42px rgba(7, 20, 33, 0.1);
    transform: translateY(-2px);
}

.home-price-card__badge {
    width: fit-content;
    border-radius: 999px;
    background: #eef8f1;
    color: #16794c;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 5px 10px;
}

.home-price-card__badge--1 {
    background: #fff7ed;
    color: #e86f00;
}

.home-price-card__badge--2 {
    background: #f4f1ff;
    color: #5b52a3;
}

.home-price-card h3 {
    margin: 0;
    color: #111827;
    font-size: 19px;
    font-weight: var(--wb-font-weight-semibold);
}

.home-price-card strong {
    margin-top: 6px;
    color: #111827;
    font-size: 36px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
}

.home-price-card small {
    color: #111827;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.home-prefooter {
    background: #ffffff;
    padding-block: 0 42px;
}

.home-prefooter__grid {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    gap: 20px;
}

.home-payment-card,
.home-region-card {
    min-height: 170px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(7, 20, 33, 0.04);
    padding: 24px;
}

.home-payment-card h2,
.home-region-card h2 {
    margin: 0 0 8px;
    color: #111827;
    font-size: 18px;
    font-weight: var(--wb-font-weight-semibold);
}

.home-payment-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.home-payment-logos span {
    display: grid;
    min-width: 74px;
    height: 38px;
    place-items: center;
    border: 1px solid #e5e7eb;
    border-radius: 9px;
    background: #f9fafb;
}

.home-payment-logos svg {
    width: 72px;
    height: 26px;
}

.home-region-card nav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px 20px;
    margin-top: 12px;
}

.home-region-card a {
    min-width: 0;
    max-width: 100%;
    color: #111827;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
    overflow-wrap: anywhere;
    text-decoration: none;
    hyphens: auto;
}

.home-region-card a:hover,
.home-region-card a:focus-visible {
    color: #ff8202;
}

.premium-footer {
    background:
        radial-gradient(circle at 4% 0, rgba(255, 130, 2, 0.16), transparent 30%),
        #06111d;
}

.premium-footer__inner {
    gap: 0;
    padding-block: 34px 16px;
}

.premium-footer__top {
    display: grid;
    grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(150px, 0.8fr));
    gap: 42px;
    align-items: start;
}

.premium-footer__brand {
    gap: 12px;
}

.premium-footer__brand .premium-footer__claim {
    max-width: 310px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.55;
}

.footer-brand .brand__mark {
    width: auto;
    height: auto;
    background: transparent;
    color: #ffffff;
    box-shadow: none;
    font-size: 25px;
    text-shadow: 16px 0 0 #ff8202;
}

.footer-brand__logo {
    height: 34px;
    max-width: 156px;
    padding: 0;
    background: transparent;
}

.premium-footer h2 {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.premium-footer__links {
    gap: 4px;
    margin-top: 10px;
}

.premium-footer__column a {
    min-height: 28px;
    grid-template-columns: minmax(0, 1fr);
    padding-inline: 0;
}

.premium-footer__link-icon {
    display: none;
}

.premium-footer__column a,
.premium-footer__bottom a {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.premium-footer__column a:hover,
.premium-footer__column a:focus-visible,
.premium-footer__bottom a:hover,
.premium-footer__bottom a:focus-visible {
    background: transparent;
    color: #ffb45b;
}

.premium-footer .social-links {
    margin-top: 8px;
}

.premium-footer .social-links a,
.premium-footer .social-links span {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.08);
}

.premium-footer .social-links svg {
    width: 15px;
    height: 15px;
}

.premium-footer__bottom {
    margin-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
}

.premium-footer__bottom p {
    display: flex;
    gap: 4px;
    color: rgba(255, 255, 255, 0.58);
    font-size: 12px;
}

.premium-footer .footer-nav {
    gap: 18px;
}

@media (max-width: 1180px) {
    .home-hero {
        min-height: auto;
        background:
            radial-gradient(circle at 86% 36%, rgba(232, 214, 188, 0.24), transparent 34%),
            linear-gradient(135deg, #071017 0%, #101820 68%, #3a342d 100%);
    }

    .home-hero__content,
    .home-client__inner,
    .home-company__inner,
    .home-bonus__inner,
    .home-talent__inner,
    .home-prefooter__grid {
        grid-template-columns: 1fr;
    }

    .home-hero__content {
        min-height: auto;
    }

    .home-hero__copy,
    .home-client__copy,
    .home-company__copy,
    .home-bonus__copy,
    .home-talent__copy {
        max-width: 760px;
    }

    .home-actions {
        flex-wrap: wrap;
    }

    .home-hero__visual,
    .home-hero__visual img {
        min-height: 430px;
    }

    .home-feature-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-feature-card:nth-child(4) {
        border-left: 0;
    }

    .home-stats__grid,
    .home-trust__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-stat:nth-child(3) {
        border-left: 0;
    }

    .home-stat:nth-child(n + 3) {
        border-top: 1px solid #e5e7eb;
    }

    .home-region-card nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .premium-footer__top {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .app-shell--public .site-header__inner {
        grid-template-columns: auto auto;
        justify-content: space-between;
    }

    .app-shell--public .site-nav,
    .app-shell--public .site-actions {
        display: none;
    }

    .app-shell--public .nav-toggle {
        display: inline-flex;
        justify-self: end;
    }
}

@media (max-width: 767px) {
    .app-shell--public .site-header__inner,
    .app-shell--public .premium-footer__inner,
    .home-container {
        width: min(100% - 32px, 1240px);
    }

    .app-shell--public .site-header__inner {
        min-height: 64px;
    }

    .app-shell--public .mobile-nav {
        padding-inline: 16px;
    }

    .home-section {
        padding-block: 42px;
    }

    .home-hero__content {
        min-height: auto;
        gap: 28px;
        padding-block: 38px 46px;
    }

    .app-shell.app-shell--public .home-hero h1 {
        font-size: clamp(34px, 10.5vw, 44px) !important;
        line-height: 1.08 !important;
    }

    .home-actions {
        flex-direction: column;
    }

    .home-actions .button {
        width: 100%;
    }

    .home-social-proof {
        align-items: flex-start;
    }

    .home-hero__visual,
    .home-hero__visual img {
        min-height: 350px;
    }

    .home-float {
        min-width: 150px;
        padding: 13px;
    }

    .home-float--orders {
        top: 14px;
        left: 14px;
    }

    .home-float--verified {
        right: 14px;
        bottom: 58px;
    }

    .home-live-pill {
        right: 14px;
        bottom: 14px;
    }

    .home-trust {
        padding-block: 10px 38px;
    }

    .home-trust__panel {
        padding: 0;
    }

    .home-trust__grid,
    .home-stats__grid,
    .home-price-grid,
    .home-feature-grid {
        grid-template-columns: 1fr;
    }

    .home-trust-card {
        border: 1px solid #e5e7eb;
    }

    .home-feature-card,
    .home-stat {
        border-left: 0;
        border-top: 1px solid #e5e7eb;
    }

    .home-feature-card:first-child,
    .home-stat:first-child {
        border-top: 0;
    }

    .home-client h2,
    .home-company h2,
    .home-bonus h2,
    .home-talent h2 {
        font-size: var(--wb-font-size-h2);
    }

    .home-steps {
        grid-template-columns: 1fr;
    }

    .home-steps::before {
        top: 32px;
        bottom: 32px;
        left: 34px;
        right: auto;
        border-top: 0;
        border-left: 2px solid #e5e7eb;
    }

    .home-step {
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 14px;
        justify-items: start;
        text-align: left;
    }

    .home-step__icon {
        width: 68px;
        height: 68px;
        margin: 0;
    }

    .home-company__image > img {
        height: clamp(250px, 58vw, 320px);
        object-position: 62% center;
    }

    .home-company__image figcaption {
        bottom: -20px;
    }

    .home-company__image figcaption img {
        width: 72px;
        height: 72px;
    }

    .home-feature-grid {
        margin-top: 38px;
    }

    .home-bonus__inner,
    .home-talent__inner {
        padding: 24px 18px;
    }

    .home-bonus__inner {
        gap: 26px;
    }

    .home-bonus__visual,
    .home-bonus__visual img {
        min-height: 320px;
    }

    .home-bonus-card {
        position: relative;
        left: auto;
        bottom: auto;
        width: auto;
        margin: -70px 14px 14px;
    }

    .home-stats {
        padding-block: 10px 28px;
    }

    .home-talent__visual {
        min-height: 260px;
    }

    .home-profile-card {
        left: 0;
        width: min(210px, 72%);
    }

    .home-worker-art {
        right: -10px;
        width: min(72%, 260px);
    }

    .home-region-card nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .premium-footer__top {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .premium-footer__column {
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.04);
        padding: 0;
    }

    .premium-footer__column summary {
        display: flex;
        min-height: 48px;
        align-items: center;
        justify-content: space-between;
        padding-inline: 14px;
    }

    .premium-footer__column summary::after {
        content: "+";
        color: #ffb45b;
        font-weight: var(--wb-font-weight-semibold);
    }

    .premium-footer__column[open] summary::after {
        content: "-";
    }

    .premium-footer__links {
        padding: 0 14px 14px;
    }

    .premium-footer__bottom,
    .premium-footer__bottom p {
        display: grid;
        justify-content: start;
    }
}

@media (max-width: 480px) {
    .home-float--verified {
        display: none;
    }

    .home-live-pill {
        font-size: 12px;
    }

    .home-region-card nav {
        grid-template-columns: 1fr;
    }

    .home-payment-logos span {
        min-width: calc(50% - 5px);
    }
}

.app-shell--public .brand__mark,
.footer-brand .brand__mark {
    display: inline-flex;
    align-items: baseline;
    gap: 1px;
    text-shadow: none;
}

.app-shell--public .brand__mark span + span,
.footer-brand .brand__mark span + span {
    color: #ff8202;
}

.footer-brand .brand__mark span {
    font-size: inherit;
    font-weight: inherit;
}

.footer-brand > span:last-child {
    font-size: 17px;
    font-weight: var(--wb-font-weight-semibold);
}

.login-page,
.forgot-password-page {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 58%, rgba(255, 255, 255, 0.98) 100%),
        #f8fafc;
}

/* Login page premium refresh */
.login-page {
    min-height: calc(100vh - 76px);
    padding: 76px var(--wb-public-page-pad) 104px;
}

.login-page::before,
.login-page::after,
.forgot-password-page::after {
    content: "";
}

.login-page::before,
.login-page::after,
.forgot-password-page__media,
.forgot-password-page::after {
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

.login-page::before,
.forgot-password-page__media {
    top: -210px;
    right: -170px;
    width: min(46vw, 560px);
    min-width: 340px;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 130, 2, 0.18);
    border-radius: 50%;
}

.login-page::after,
.forgot-password-page::after {
    right: -8vw;
    bottom: -120px;
    width: 72vw;
    height: 250px;
    border-radius: 58% 42% 0 0 / 100% 100% 0 0;
    background: linear-gradient(180deg, rgba(255, 130, 2, 0.2), rgba(255, 255, 255, 0.7));
}

.login-page__inner {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
}

.login-title {
    display: grid;
    grid-template-columns: 4px minmax(0, 1fr);
    align-items: start;
    gap: 28px;
    max-width: 760px;
}

.login-title__accent {
    width: 3px;
    height: 104px;
    border-radius: var(--wb-radius-full);
    background: linear-gradient(180deg, var(--wb-color-accent), rgba(255, 130, 2, 0.28));
}

.login-title h1 {
    margin: 0 0 12px;
    color: var(--wb-color-text);
    font-size: 2.42rem;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
    line-height: 1.12;
}

.login-title h1 span {
    color: var(--wb-color-accent-strong);
}

.login-title p {
    max-width: 560px;
    margin: 0;
    color: #7b8493;
    font-size: 1.125rem;
    line-height: 1.7;
}

.login-card-wrap {
    display: grid;
    justify-items: center;
    margin-top: 58px;
}

.login-card {
    display: grid;
    width: min(100%, 620px);
    gap: 22px;
    border: 1px solid #e5e7eb;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 26px 80px rgba(15, 23, 42, 0.08), 0 8px 24px rgba(255, 130, 2, 0.06);
    padding: 46px 48px 48px;
    backdrop-filter: blur(18px);
}

.login-card__intro {
    margin-bottom: 4px;
}

.login-card__intro h2 {
    margin: 0 0 8px;
    color: var(--wb-color-text);
    font-size: 1.58rem;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
    line-height: 1.2;
}

.login-card__intro p {
    margin: 0;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.98rem;
}

.login-field {
    gap: 10px;
}

.login-field > label {
    color: var(--wb-color-text);
    font-size: 0.875rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: var(--wb-form-label-line-height);
}

.login-input-control {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    min-height: 58px;
    gap: 12px;
    border: 1px solid #d9dee7;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.94);
    padding: 0 14px 0 18px;
    transition: border-color var(--wb-transition-fast), box-shadow var(--wb-transition-fast), background-color var(--wb-transition-fast);
}

.login-input-control--action {
    grid-template-columns: 24px minmax(0, 1fr) auto;
}

.login-input-control:focus-within {
    border-color: var(--wb-color-accent);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(255, 130, 2, 0.13);
}

.form-field--invalid .login-input-control {
    border-color: var(--wb-color-danger);
    background: color-mix(in srgb, var(--wb-color-danger) 4%, #ffffff);
}

.form-field--invalid .login-input-control:focus-within {
    box-shadow: 0 0 0 4px rgba(180, 35, 24, 0.13);
}

.login-input-icon,
.login-input-action {
    color: #5f6775;
}

.login-input-icon svg,
.login-input-action svg,
.login-submit__arrow,
.login-create svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.login-input-control input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    min-height: 56px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--wb-color-text);
    font-size: 0.98rem;
    padding: 0;
}

.login-input-control input:hover,
.login-input-control input:focus {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.login-input-control input::placeholder {
    color: #9aa2af;
    opacity: 1;
}

.login-input-action {
    display: inline-grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 0;
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: background-color var(--wb-transition-fast), color var(--wb-transition-fast);
}

.login-input-action:hover,
.login-input-action:focus-visible {
    background: rgba(255, 130, 2, 0.1);
    color: var(--wb-color-accent-strong);
}

.login-eye-off,
.login-input-action[aria-pressed="true"] .login-eye {
    display: none;
}

.login-input-action[aria-pressed="true"] .login-eye-off {
    display: block;
}

.login-field-error:empty {
    display: none;
}

.login-forgot {
    justify-self: end;
    margin-top: -8px;
    color: var(--wb-color-accent-strong);
    font-size: 0.875rem;
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
}

.login-forgot:hover,
.login-forgot:focus-visible {
    color: var(--wb-color-accent-deep);
    text-decoration: underline;
}

.login-submit,
.login-create {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) 24px;
    align-items: center;
    justify-items: center;
    min-height: 58px;
    width: 100%;
    border-radius: 9px;
    font-size: 1.03rem;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
    text-decoration: none;
}

.login-submit {
    margin-top: 8px;
    border-color: transparent;
    background: linear-gradient(135deg, #f8ad56 0%, var(--wb-color-accent-strong) 100%);
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(232, 111, 0, 0.2);
}

.login-submit:hover,
.login-submit:focus-visible {
    border-color: transparent;
    background: linear-gradient(135deg, #ffb868 0%, #d96700 100%);
    color: #ffffff;
    box-shadow: 0 18px 38px rgba(232, 111, 0, 0.24);
    transform: translateY(-1px);
}

.login-submit__status {
    display: grid;
    place-items: center;
}

.login-submit__spinner {
    display: none;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.48);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: login-spin 720ms linear infinite;
}

.login-submit[aria-busy="true"] .login-submit__arrow {
    display: none;
}

.login-submit[aria-busy="true"] .login-submit__spinner {
    display: block;
}

.login-divider {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 24px;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.95rem;
    margin: 10px 0 2px;
}

.login-divider span {
    height: 1px;
    background: #e5e7eb;
}

.login-divider strong {
    color: #5f6775;
    font-size: 0.95rem;
    font-weight: var(--wb-font-weight-medium);
}

.login-create {
    border-color: rgba(232, 111, 0, 0.7);
    background: rgba(255, 255, 255, 0.94);
    color: var(--wb-color-text);
}

.login-create svg {
    color: var(--wb-color-accent-strong);
}

.login-create:hover,
.login-create:focus-visible {
    border-color: var(--wb-color-accent-strong);
    background: rgba(255, 130, 2, 0.07);
    color: var(--wb-color-text);
    box-shadow: 0 12px 28px rgba(232, 111, 0, 0.1);
}

@keyframes login-spin {
    to {
        transform: rotate(360deg);
    }
}


.forgot-password-page {
    min-height: 680px;
    padding-block: clamp(72px, 7vw, 92px);
}

.forgot-password-page .container {
    max-width: none;
}

    .forgot-password-page .container.forgot-password-page__inner {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(1120px, calc(100% - 64px));
    margin-inline: auto;
    grid-template-columns: minmax(0, 540px) minmax(420px, 480px);
    align-items: center;
    justify-content: center;
    column-gap: clamp(52px, 5vw, 72px);
    row-gap: 0;
}

.forgot-password-copy {
    min-width: 0;
    max-width: 560px;
    padding-left: clamp(28px, 3vw, 48px);
}

    .forgot-password-kicker {
    display: inline-grid;
    grid-template-columns: 3px auto;
    align-items: center;
    gap: 26px;
    margin-bottom: 18px;
    color: var(--wb-color-accent-strong);
    font-size: 0.95rem;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
}

.forgot-password-kicker__line {
    width: 2px;
    height: 132px;
    border-radius: var(--wb-radius-full);
    background: linear-gradient(180deg, var(--wb-color-accent), rgba(255, 130, 2, 0.18));
}

.forgot-password-copy h1 {
    margin: 0 0 24px;
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-h1);
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
    line-height: 1.08;
}

.forgot-password-copy__lead {
    max-width: 470px;
    margin: 0;
    color: color-mix(in srgb, var(--wb-color-text) 82%, var(--wb-color-text-muted));
    font-size: 1.02rem;
    line-height: 1.72;
}

.forgot-password-benefits {
    display: grid;
    gap: 24px;
    max-width: 430px;
    margin: 34px 0 0;
    padding: 0;
    list-style: none;
}

.forgot-password-benefits li {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    min-width: 0;
}

.forgot-password-benefits__icon {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgba(255, 130, 2, 0.12);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 12px 30px rgba(8, 27, 58, 0.08);
    color: var(--wb-color-accent-strong);
}

.forgot-password-icon {
    width: 28px;
    height: 28px;
}

.forgot-password-benefits strong {
    display: block;
    color: var(--wb-color-text);
    font-size: 1rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.25;
}

.forgot-password-benefits small {
    display: block;
    margin-top: 6px;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.92rem;
    line-height: 1.5;
}

.forgot-password-back {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
    color: var(--wb-color-text);
    font-size: 0.95rem;
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
    transition: color var(--wb-transition-fast);
}

.forgot-password-back:hover,
.forgot-password-back:focus-visible {
    color: var(--wb-color-accent-strong);
}

.forgot-password-back__icon {
    width: 19px;
    height: 19px;
}

.forgot-password-card-wrap {
    display: grid;
    min-width: 0;
    width: 100%;
    justify-items: center;
}

.forgot-password-card {
    display: grid;
    width: min(100%, 480px);
    gap: 24px;
    border: 1px solid color-mix(in srgb, var(--wb-color-border) 78%, var(--wb-color-background));
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 26px 72px rgba(8, 27, 58, 0.11), 0 8px 24px rgba(255, 130, 2, 0.05);
    padding: clamp(36px, 4.2vw, 52px);
}

.forgot-password-card__icon {
    display: grid;
    width: 84px;
    height: 84px;
    place-items: center;
    justify-self: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--wb-color-accent) 11%, var(--wb-color-background));
    color: var(--wb-color-accent-strong);
}

.forgot-password-card__mail {
    width: 40px;
    height: 40px;
    stroke-width: 1.75;
}

.forgot-password-card__intro {
    display: grid;
    gap: 10px;
    text-align: center;
}

.forgot-password-card__intro h2 {
    margin: 0;
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-h2);
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
    line-height: 1.18;
}

.forgot-password-card__intro p {
    margin: 0;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.98rem;
    line-height: 1.55;
}

.forgot-password-notice {
    margin: 0;
}

.forgot-password-field {
    gap: 10px;
}

.forgot-password-field > label {
    color: var(--wb-color-text);
    font-size: 0.9rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: var(--wb-form-label-line-height);
}

.forgot-password-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    min-height: 56px;
    border-color: #d9dee7;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.94);
    font-size: 0.98rem;
}

.forgot-password-field input::placeholder {
    color: #9aa2af;
    opacity: 1;
}

.form-field--invalid.forgot-password-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    border-color: var(--wb-color-danger);
    background: color-mix(in srgb, var(--wb-color-danger) 4%, var(--wb-color-background));
}

.forgot-password-field .field-error:empty {
    display: none;
}

.forgot-password-submit {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) 24px;
    align-items: center;
    justify-items: center;
    min-height: 58px;
    width: 100%;
    border-color: transparent;
    border-radius: 9px;
    background: linear-gradient(135deg, #f8ad56 0%, var(--wb-color-accent-strong) 100%);
    box-shadow: 0 16px 34px rgba(232, 111, 0, 0.2);
    color: var(--wb-color-on-dark);
    font-size: 1.03rem;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
}

.forgot-password-submit:hover,
.forgot-password-submit:focus-visible {
    border-color: transparent;
    background: linear-gradient(135deg, #ffb868 0%, #d96700 100%);
    box-shadow: 0 18px 38px rgba(232, 111, 0, 0.24);
    color: var(--wb-color-on-dark);
    transform: translateY(-1px);
}

.forgot-password-submit__status {
    display: grid;
    place-items: center;
}

.forgot-password-submit__icon {
    width: 21px;
    height: 21px;
}

.forgot-password-submit__spinner {
    display: none;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.48);
    border-top-color: var(--wb-color-on-dark);
    border-radius: 50%;
    animation: login-spin 720ms linear infinite;
}

.forgot-password-submit[aria-busy="true"] .forgot-password-submit__icon {
    display: none;
}

.forgot-password-submit[aria-busy="true"] .forgot-password-submit__spinner {
    display: block;
}

.forgot-password-card__note {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    margin: 2px 0 0;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.88rem;
    line-height: 1.5;
    text-align: left;
}

.forgot-password-card__note-icon {
    width: 17px;
    height: 17px;
    margin-top: 2px;
    color: var(--wb-color-primary);
}

@media (max-width: 1100px) {
    .forgot-password-page .container.forgot-password-page__inner {
        width: min(1000px, calc(100% - 48px));
        grid-template-columns: minmax(0, 1fr) minmax(390px, 440px);
        column-gap: 40px;
    }

    .forgot-password-copy {
        padding-left: clamp(12px, 2vw, 24px);
    }

    .forgot-password-copy h1 {
        font-size: var(--wb-font-size-h1);
    }
}

@media (max-width: 900px) {
    .forgot-password-page {
        min-height: 0;
        padding-block: 58px 76px;
    }
    .forgot-password-page .container.forgot-password-page__inner {
        width: min(640px, calc(100% - 40px));
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .forgot-password-copy {
        display: contents;
        padding-left: 0;
    }

    .forgot-password-kicker {
        order: 1;
        margin-bottom: 16px;
    }

    .forgot-password-kicker__line {
        height: 68px;
    }

    .forgot-password-copy h1 {
        order: 2;
        margin-bottom: 18px;
        font-size: var(--wb-font-size-h1);
    }

    .forgot-password-copy__lead {
        order: 3;
        max-width: 640px;
        margin-bottom: 32px;
    }

    .forgot-password-card-wrap {
        order: 4;
        justify-items: stretch;
    }

    .forgot-password-benefits {
        order: 5;
        max-width: 640px;
        margin-top: 34px;
    }

    .forgot-password-back {
        order: 6;
        margin-top: 34px;
    }

    .forgot-password-card {
        width: min(100%, 520px);
        justify-self: center;
    }
}

@media (max-width: 520px) {
    .forgot-password-page {
        padding-block: 42px 60px;
    }
    .forgot-password-kicker {
        grid-template-columns: 2px auto;
        gap: 16px;
        font-size: 0.88rem;
    }

    .forgot-password-kicker__line {
        height: 58px;
    }

    .forgot-password-copy h1 {
        font-size: 2.08rem;
        line-height: 1.12;
    }

    .forgot-password-copy__lead {
        margin-bottom: 26px;
        font-size: 0.98rem;
        line-height: 1.62;
    }

    .forgot-password-card {
        width: 100%;
        gap: 20px;
        border-radius: 20px;
        box-shadow: 0 18px 42px rgba(8, 27, 58, 0.1);
        padding: 24px;
    }

    .forgot-password-card__icon {
        width: 76px;
        height: 76px;
    }

    .forgot-password-card__mail {
        width: 36px;
        height: 36px;
    }

    .forgot-password-card__intro h2 {
        font-size: 1.5rem;
    }

    .forgot-password-benefits {
        gap: 22px;
    }

    .forgot-password-benefits li {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 16px;
    }

    .forgot-password-benefits__icon {
        width: 48px;
        height: 48px;
    }

    .forgot-password-icon {
        width: 25px;
        height: 25px;
    }

    .forgot-password-card__note {
        justify-content: flex-start;
    }
}
@media (max-width: 1024px) {
    .login-page {
        padding-top: 64px;
        padding-bottom: 88px;
    }

    .login-card-wrap {
        margin-top: 48px;
    }
}

@media (max-width: 900px) {
    .login-card {
        width: min(100%, 560px);
        padding: 36px;
    }
}

@media (max-width: 767px) {
    .login-page {
        padding-top: 44px;
        padding-bottom: 72px;
    }

    .login-page::before,
    .forgot-password-page__media {
        top: -190px;
        right: -260px;
    }

    .login-page::after,
    .forgot-password-page::after {
        right: -34vw;
        bottom: -130px;
        width: 118vw;
        height: 210px;
    }

    .login-title {
        gap: 18px;
    }

    .login-title__accent {
        height: 92px;
    }

    .login-title h1 {
        font-size: 2rem;
        line-height: 1.16;
    }

    .login-title p {
        font-size: 1rem;
        line-height: 1.65;
    }

    .login-card-wrap {
        margin-top: 36px;
    }

    .login-card {
        max-width: 560px;
        gap: 20px;
        border-radius: 22px;
        padding: 34px 34px 36px;
    }
}

@media (max-width: 480px) {
    .login-page {
        padding-top: 34px;
        padding-bottom: 58px;
    }

    .login-title {
        grid-template-columns: 3px minmax(0, 1fr);
        gap: 14px;
    }

    .login-title__accent {
        width: 3px;
        height: 82px;
    }

    .login-title h1 {
        font-size: 1.78rem;
    }

    .login-card-wrap {
        margin-top: 30px;
    }

    .login-card {
        gap: 18px;
        border-radius: 20px;
        padding: 24px;
    }

    .login-card__intro h2 {
        font-size: 1.38rem;
    }

    .login-input-control {
        min-height: 52px;
        gap: 10px;
        padding-inline: 14px 10px;
    }

    .login-input-control input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
        min-height: 50px;
        font-size: 0.95rem;
    }

    .login-submit,
    .login-create {
        min-height: 52px;
        font-size: 0.98rem;
    }

    .login-divider {
        gap: 14px;
    }
}

@media (max-width: 340px) {
    .login-title h1 {
        font-size: 1.62rem;
    }

    .login-card {
        padding: 22px;
    }

    .login-input-control {
        grid-template-columns: var(--wb-choice-control-size) minmax(0, 1fr);
        padding-inline: 12px 8px;
    }

    .login-input-control--action {
        grid-template-columns: 20px minmax(0, 1fr) auto;
    }
}

/* Admin redesign */
.app-shell--admin {
    --admin-header-height: 74px;
    --admin-sidebar-width: 288px;
    --admin-sidebar-collapsed-width: 84px;
    --admin-dark: #070b10;
    --admin-dark-2: #0c1219;
    --admin-dark-3: #111923;
    --admin-accent: var(--wb-color-accent);
    --admin-text: #0f172a;
    --admin-muted: #5f6b7a;
    --admin-line: #e6e8ec;
    min-width: 0;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 35% 0%, rgba(255, 130, 2, 0.07), transparent 28rem),
        linear-gradient(180deg, #f8fafc 0%, #ffffff 42%, #f7f9fc 100%);
    color: var(--admin-text);
}

.admin-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

.admin-icon--sm {
    width: 16px;
    height: 16px;
}

.admin-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 80;
    display: flex;
    min-height: var(--admin-header-height);
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 2px solid rgba(255, 130, 2, 0.86);
    background:
        linear-gradient(180deg, rgba(18, 24, 32, 0.96), rgba(4, 7, 11, 0.98)),
        var(--admin-dark);
    box-shadow: 0 16px 34px rgba(5, 8, 13, 0.26);
    padding: 0 26px;
}

.admin-header__left,
.admin-header__actions {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 16px;
}

.admin-header__actions {
    justify-content: flex-end;
}

.admin-icon-button {
    position: relative;
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    color: #f8fafc;
    cursor: pointer;
    transition: border-color var(--wb-transition-fast), background var(--wb-transition-fast), color var(--wb-transition-fast);
}

.admin-icon-button:hover,
.admin-icon-button:focus-visible {
    border-color: rgba(255, 130, 2, 0.55);
    background: rgba(255, 130, 2, 0.1);
    color: #ffffff;
    outline: none;
}

.admin-brand {
    gap: 10px;
    min-width: 0;
    color: #ffffff;
}

.admin-brand__logo {
    max-width: 172px;
    height: 42px;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.admin-brand__mark {
    color: #ffffff;
    font-size: 28px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
    letter-spacing: 0;
}

.admin-brand__name {
    color: #ffffff;
    font-size: 26px;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
    white-space: nowrap;
}

.admin-brand__name span {
    color: var(--admin-accent);
}

.admin-access-chip,
.admin-wallet-chip,
.admin-role-chip {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: #ffffff;
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
    white-space: nowrap;
}

.admin-access-chip {
    padding-inline: 18px;
}

.admin-role-chip {
    max-width: min(260px, 28vw);
    overflow: hidden;
    padding-inline: 18px;
    text-overflow: ellipsis;
}

.admin-wallet-chip {
    border-color: transparent;
    background: transparent;
    padding-inline: 6px;
}

.admin-header .notification-count {
    right: -7px;
    top: -7px;
    min-width: 20px;
    height: 20px;
    border: 2px solid var(--admin-dark);
    background: var(--admin-accent);
    color: #ffffff;
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
}

.admin-dropdown {
    border-color: rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.16);
}

.admin-dropdown a {
    color: var(--wb-color-primary);
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
}

.admin-profile-button {
    min-height: 48px;
    gap: 9px;
    border-color: transparent;
    background: transparent;
    color: #ffffff;
    padding: 0;
}

.admin-profile-button:hover,
.admin-profile-button:focus-visible {
    background: transparent;
    color: #ffffff;
}

.admin-avatar {
    width: 42px;
    height: 42px;
    border-color: rgba(255, 255, 255, 0.22);
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02));
    color: #ffffff;
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
}

.admin-shell {
    display: block;
    min-height: 100vh;
    padding-top: var(--admin-header-height);
}

.admin-sidebar {
    position: fixed;
    inset: var(--admin-header-height) auto 0 0;
    z-index: 70;
    display: flex;
    width: var(--admin-sidebar-width);
    max-height: none;
    flex-direction: column;
    gap: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(12, 18, 25, 0.98), rgba(6, 10, 15, 0.995)),
        var(--admin-dark-2);
    box-shadow: 16px 0 34px rgba(15, 23, 42, 0.12);
    padding: 16px 12px;
    transition: width var(--wb-transition-fast), transform var(--wb-transition-fast);
}

.admin-sidebar nav {
    display: grid;
    gap: 8px;
}

.admin-sidebar__section {
    display: grid;
    gap: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 8px;
}

.admin-sidebar__section:last-child {
    border-bottom: 0;
}

.admin-sidebar__group {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 0;
    background: transparent;
    color: var(--admin-accent);
    cursor: pointer;
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
    padding: 6px 10px 4px;
    text-align: left;
}

.admin-sidebar__group svg {
    transition: transform var(--wb-transition-fast);
}

.admin-sidebar__section.is-collapsed .admin-sidebar__group svg {
    transform: rotate(180deg);
}

.admin-sidebar__items {
    display: grid;
    gap: 2px;
}

.admin-sidebar a {
    position: relative;
    display: flex;
    min-height: 37px;
    align-items: center;
    gap: 9px;
    overflow: hidden;
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 13px;
    font-weight: var(--wb-font-weight-medium);
    padding: 7px 10px;
    text-decoration: none;
    transition: background var(--wb-transition-fast), color var(--wb-transition-fast), box-shadow var(--wb-transition-fast);
}

.admin-sidebar a::before {
    position: absolute;
    inset: 7px auto 7px 0;
    width: 2px;
    border-radius: 0 999px 999px 0;
    background: transparent;
    content: "";
}

.admin-sidebar a:hover,
.admin-sidebar a:focus-visible {
    background: rgba(255, 255, 255, 0.07);
    color: #ffffff;
    outline: none;
}

.admin-sidebar a.is-active {
    background: linear-gradient(90deg, rgba(255, 130, 2, 0.2), rgba(255, 255, 255, 0.08));
    color: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(255, 130, 2, 0.12);
}

.admin-sidebar a.is-active::before {
    background: var(--admin-accent);
    box-shadow: 0 0 14px rgba(255, 130, 2, 0.64);
}

.admin-sidebar a.is-active:hover,
.admin-sidebar a.is-active:focus-visible {
    background: linear-gradient(90deg, rgba(255, 130, 2, 0.24), rgba(255, 255, 255, 0.09));
}

.admin-sidebar a .admin-icon {
    color: currentColor;
}

.admin-sidebar__collapse {
    display: flex;
    width: 100%;
    min-height: 38px;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    font-size: 13px;
    font-weight: var(--wb-font-weight-medium);
    padding: 8px 12px;
}

.admin-sidebar__collapse:hover,
.admin-sidebar__collapse:focus-visible {
    border-color: rgba(255, 130, 2, 0.48);
    color: #ffffff;
    outline: none;
}

.admin-sidebar-scrim {
    position: fixed;
    inset: var(--admin-header-height) 0 0;
    z-index: 60;
    display: none;
    background: rgba(7, 11, 16, 0.58);
}

.admin-main {
    min-width: 0;
    margin-left: var(--admin-sidebar-width);
    padding: 28px 34px 24px;
    transition: margin-left var(--wb-transition-fast);
}

.is-admin-sidebar-collapsed .admin-sidebar {
    width: var(--admin-sidebar-collapsed-width);
    padding-inline: 10px;
}

.is-admin-sidebar-collapsed .admin-main {
    margin-left: var(--admin-sidebar-collapsed-width);
}

.is-admin-sidebar-collapsed .admin-sidebar__group span,
.is-admin-sidebar-collapsed .admin-sidebar__group svg,
.is-admin-sidebar-collapsed .admin-sidebar a span,
.is-admin-sidebar-collapsed .admin-sidebar__collapse span {
    display: none;
}

.is-admin-sidebar-collapsed .admin-sidebar__group {
    min-height: 8px;
    padding: 8px;
}

.is-admin-sidebar-collapsed .admin-sidebar a,
.is-admin-sidebar-collapsed .admin-sidebar__collapse {
    justify-content: center;
    padding-inline: 10px;
}

.admin-dashboard {
    gap: 22px;
}

.admin-dashboard-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.admin-dashboard-hero h1 {
    margin: 6px 0 8px;
    color: #050b16;
    font-size: var(--wb-font-size-h1);
    line-height: 1.08;
    letter-spacing: 0;
}

.admin-dashboard-hero p {
    margin: 0;
    color: var(--admin-muted);
    font-size: 15px;
}

.admin-dashboard-hero p strong,
.admin-eyebrow {
    color: var(--admin-accent);
}

.admin-eyebrow {
    margin: 0;
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0.08em;
}

.admin-date-button,
.admin-panel__select {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 9px;
    border: 1px solid var(--admin-line);
    border-radius: 6px;
    background: #ffffff;
    color: #1f2937;
    cursor: pointer;
    font-weight: var(--wb-font-weight-semibold);
    padding: 9px 13px;
    white-space: nowrap;
}

.admin-date-button:hover,
.admin-date-button:focus-visible,
.admin-panel__select:hover,
.admin-panel__select:focus-visible {
    border-color: rgba(255, 130, 2, 0.42);
    outline: none;
}

.admin-stat-grid {
    display: grid;
    grid-template-columns: repeat(20, minmax(0, 1fr));
    gap: 16px;
}

.admin-stat-card {
    position: relative;
    display: grid;
    min-height: 118px;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
    color: var(--admin-text);
    padding: 20px;
    text-decoration: none;
    transition: transform var(--wb-transition-fast), box-shadow var(--wb-transition-fast), border-color var(--wb-transition-fast);
    grid-column: span 4;
}

.admin-stat-card--large {
    grid-column: span 5;
}

.admin-stat-card:hover,
.admin-stat-card:focus-visible {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--admin-card-accent, var(--admin-accent)) 32%, var(--admin-line));
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.1);
    outline: none;
}

.admin-stat-card__icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    color: var(--admin-card-accent, var(--admin-accent));
}

.admin-stat-card__icon .admin-icon {
    width: 38px;
    height: 38px;
}

.admin-stat-card__body {
    min-width: 0;
}

.admin-stat-card__label {
    display: block;
    color: #121826;
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
}

.admin-stat-card strong {
    display: block;
    margin-top: 6px;
    color: #050b16;
    font-size: var(--wb-font-size-h2);
    line-height: 1.05;
    letter-spacing: 0;
}

.admin-stat-card small {
    display: block;
    margin-top: 8px;
    color: var(--admin-muted);
    font-size: 13px;
    line-height: 1.3;
}

.admin-stat-card__trend {
    position: absolute;
    top: 18px;
    right: 18px;
    color: #159447;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.admin-stat-card__trend.is-negative {
    color: #dc2626;
}

.admin-dashboard-grid {
    display: grid;
    gap: 16px;
}

.admin-dashboard-grid--analytics {
    grid-template-columns: minmax(390px, 1.2fr) minmax(430px, 1.2fr) minmax(200px, 0.55fr);
}

.admin-dashboard-grid--bottom {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(380px, 0.9fr);
}

.admin-panel {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
    padding: 20px;
}

.admin-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.admin-panel h2 {
    margin: 0;
    color: #080f1c;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0;
}

.admin-panel h2 span {
    color: #334155;
    font-weight: var(--wb-font-weight-semibold);
}

.admin-chart {
    min-height: 220px;
}

.admin-line-chart {
    display: block;
    width: 100%;
    height: auto;
}

.admin-chart__grid line {
    stroke: #edf0f4;
    stroke-width: 1;
}

.admin-chart__grid text,
.admin-chart__x-label {
    fill: #536173;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.admin-chart__x-label {
    text-anchor: middle;
}

.admin-chart__area {
    fill: rgba(255, 130, 2, 0.12);
}

.admin-chart__line {
    fill: none;
    stroke: var(--admin-accent);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
}

.admin-chart__dots circle {
    fill: #ffffff;
    stroke: var(--admin-accent);
    stroke-width: 4;
}

.admin-donut-layout {
    display: grid;
    grid-template-columns: minmax(145px, 185px) minmax(0, 1fr);
    align-items: center;
    gap: 16px;
}

.admin-donut-layout--compact {
    grid-template-columns: minmax(128px, 160px) minmax(0, 1fr);
}

.admin-donut {
    display: grid;
    width: min(100%, 185px);
    aspect-ratio: 1;
    place-items: center;
    border-radius: 50%;
    background: var(--donut-bg);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

.admin-donut-layout--compact .admin-donut {
    width: min(100%, 160px);
}

.admin-donut::before {
    position: absolute;
    content: "";
}

.admin-donut > div {
    display: grid;
    width: 58%;
    aspect-ratio: 1;
    place-items: center;
    border-radius: 50%;
    background: #ffffff;
    text-align: center;
}

.admin-donut strong {
    color: #050b16;
    font-size: 25px;
    line-height: 1;
}

.admin-donut span {
    color: #334155;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.admin-chart-legend {
    display: grid;
    gap: 13px;
}

.admin-chart-legend div {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    color: #111827;
    font-size: 13px;
}

.admin-chart-legend span {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    background: var(--legend-color);
}

.admin-chart-legend strong {
    overflow: hidden;
    font-weight: var(--wb-font-weight-semibold);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-chart-legend em {
    color: #0f172a;
    font-style: normal;
    font-weight: var(--wb-font-weight-semibold);
}

.admin-quick-actions,
.admin-activity-list,
.admin-notice-list {
    display: grid;
    gap: 8px;
}

.admin-quick-action {
    display: flex;
    min-height: 44px;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--admin-line);
    border-radius: 6px;
    background: #ffffff;
    color: #1f2937;
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 10px 14px;
    text-decoration: none;
    transition: border-color var(--wb-transition-fast), background var(--wb-transition-fast), color var(--wb-transition-fast);
}

.admin-quick-action:hover,
.admin-quick-action:focus-visible {
    border-color: rgba(255, 130, 2, 0.38);
    outline: none;
}

.admin-quick-action--primary {
    border-color: var(--admin-accent);
    background: linear-gradient(135deg, #ff6a00, #ff8202);
    color: #ffffff;
    box-shadow: 0 14px 26px rgba(255, 106, 0, 0.22);
}

.admin-activity-list a,
.admin-notice {
    display: grid;
    min-height: 52px;
    --activity-color: #2f9bff;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #eef1f5;
    color: #101827;
    padding: 8px 0;
    text-decoration: none;
}

.admin-activity-list a:last-child,
.admin-notice:last-child {
    border-bottom: 0;
}

.admin-activity-list a > span,
.admin-notice > span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 8px;
    background: color-mix(in srgb, var(--activity-color, var(--admin-accent)) 12%, #ffffff);
    color: var(--activity-color, var(--admin-accent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--activity-color, var(--admin-accent)) 28%, transparent);
}

.admin-notice > span {
    --activity-color: #2f9bff;
}

.admin-notice--warning,
.admin-notice--danger {
    --activity-color: #ff9f0a;
}

.admin-notice--warning > span,
.admin-notice--danger > span {
    --activity-color: #ff9f0a;
}

.admin-notice--ok,
.admin-notice--success {
    --activity-color: #4caf50;
}

.admin-notice--ok > span,
.admin-notice--success > span {
    --activity-color: #4caf50;
}

.admin-activity-list strong,
.admin-notice strong {
    display: grid;
    min-width: 0;
    color: #111827;
    font-size: 13px;
    line-height: 1.22;
}

.admin-activity-list small,
.admin-notice small {
    overflow: hidden;
    color: #64748b;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-activity-list em {
    color: #334155;
    font-size: 12px;
    font-style: normal;
    font-weight: var(--wb-font-weight-semibold);
    white-space: nowrap;
}

.admin-notice em {
    min-width: 64px;
    border: 1px solid color-mix(in srgb, var(--activity-color, #2f9bff) 42%, #ffffff);
    border-radius: 5px;
    color: var(--activity-color, #2f9bff);
    font-size: 12px;
    font-style: normal;
    font-weight: var(--wb-font-weight-semibold);
    padding: 5px 8px;
    text-align: center;
}

.moderator-page {
    gap: 16px;
}

.moderator-hero {
    margin-bottom: 2px;
}

.moderator-date-menu {
    justify-self: end;
}

.moderator-date-dropdown {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 50;
    display: none;
    width: min(390px, calc(100vw - 40px));
    gap: 12px;
    border: 1px solid var(--admin-line);
    background: #ffffff;
    padding: 16px;
}

.moderator-date-dropdown.is-open {
    display: grid;
}

.moderator-date-range,
.moderator-filter-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.moderator-filter-actions {
    align-items: center;
}

.moderator-stat-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.moderator-stat-card {
    --moderator-tone: var(--admin-accent);
    display: grid;
    min-height: 126px;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.07);
    color: #080f1c;
    padding: 18px;
    text-decoration: none;
    transition: border-color var(--wb-transition-fast), box-shadow var(--wb-transition-fast), transform var(--wb-transition-fast);
}

.moderator-stat-card:hover,
.moderator-stat-card:focus-visible {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--moderator-tone) 32%, var(--admin-line));
    box-shadow: 0 22px 44px rgba(15, 23, 42, 0.1);
    outline: none;
}

.moderator-tone--orange {
    --moderator-tone: #ff6a00;
}

.moderator-tone--violet {
    --moderator-tone: #6d28d9;
}

.moderator-tone--pink {
    --moderator-tone: #ec4f86;
}

.moderator-tone--yellow {
    --moderator-tone: #f0a800;
}

.moderator-tone--danger {
    --moderator-tone: #ef4444;
}

.moderator-tone--info {
    --moderator-tone: #2f9bff;
}

.moderator-tone--success {
    --moderator-tone: #22a661;
}

.moderator-stat-card__icon,
.moderator-type-icon {
    display: grid;
    place-items: center;
    color: var(--moderator-tone);
}

.moderator-stat-card__icon {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--moderator-tone) 10%, #ffffff);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--moderator-tone) 20%, transparent);
}

.moderator-stat-card__icon .admin-icon {
    width: 34px;
    height: 34px;
}

.moderator-stat-card__body {
    min-width: 0;
}

.moderator-stat-card__label {
    display: block;
    overflow: hidden;
    color: #111827;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.moderator-stat-card strong {
    display: block;
    margin-top: 6px;
    color: #050b16;
    font-size: 28px;
    line-height: 1;
}

.moderator-stat-card small {
    display: block;
    margin-top: 7px;
    color: #64748b;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.moderator-pill {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    gap: 6px;
    margin-top: 14px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--moderator-tone) 12%, #ffffff);
    color: color-mix(in srgb, var(--moderator-tone) 86%, #111827);
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 3px 10px;
}

.moderator-pill em {
    color: #64748b;
    font-style: normal;
}

.moderator-table-panel {
    padding: 0;
}

.moderator-panel-header {
    margin: 0;
    padding: 20px 20px 12px;
}

.moderator-panel-header .button {
    gap: 8px;
}

.moderator-panel-header .admin-icon {
    width: 18px;
    height: 18px;
}

.moderator-tabs {
    display: flex;
    gap: 22px;
    overflow-x: auto;
    border-bottom: 1px solid #eef1f5;
    padding: 0 20px;
}

.moderator-tabs a {
    position: relative;
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    color: #64748b;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
    white-space: nowrap;
}

.moderator-tabs a::after {
    position: absolute;
    inset: auto 0 -1px;
    height: 2px;
    border-radius: 999px 999px 0 0;
    background: transparent;
    content: "";
}

.moderator-tabs a:hover,
.moderator-tabs a:focus-visible,
.moderator-tabs a.is-active {
    color: var(--admin-accent);
    outline: none;
}

.moderator-tabs a.is-active::after {
    background: var(--admin-accent);
}

.moderator-table-wrap {
    overflow-x: auto;
    padding: 0 20px 18px;
}

.moderator-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.moderator-table th {
    background: #f8fafc;
    color: #1f2937;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 12px;
    text-align: left;
}

.moderator-table td {
    border-bottom: 1px solid #eef1f5;
    color: #111827;
    font-size: 13px;
    padding: 12px;
    vertical-align: middle;
}

.moderator-table tbody tr:last-child td {
    border-bottom: 0;
}

.moderator-table td strong {
    display: block;
    color: #111827;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.25;
}

.moderator-table td small {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.25;
}

.moderator-type-icon {
    width: 32px;
    height: 32px;
}

.moderator-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.moderator-actions form {
    margin: 0;
}

.moderator-icon-button {
    display: inline-grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid var(--admin-line);
    border-radius: 7px;
    background: #ffffff;
    color: #111827;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
    transition: background var(--wb-transition-fast), border-color var(--wb-transition-fast), color var(--wb-transition-fast);
}

.moderator-icon-button:hover,
.moderator-icon-button:focus-visible {
    border-color: rgba(255, 130, 2, 0.36);
    background: #fff7ed;
    color: var(--admin-accent);
    outline: none;
}

.moderator-icon-button:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.moderator-icon-button--approve {
    color: #17a255;
}

.moderator-icon-button--reject {
    color: #ef4444;
}

.moderator-icon-button .admin-icon {
    width: 17px;
    height: 17px;
}

.moderator-bottom-grid {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(360px, 1.2fr) minmax(270px, 0.85fr);
    gap: 16px;
}

.moderator-bottom-grid .admin-panel h2,
.moderator-filter-modal h2,
.moderator-reject-modal h2,
.moderator-detail-modal h2 {
    margin: 0 0 14px;
}

.moderator-progress-list {
    display: grid;
    gap: 13px;
}

.moderator-progress-item {
    --moderator-tone: var(--admin-accent);
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
}

.moderator-progress-item > span {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    color: var(--moderator-tone);
}

.moderator-progress-item strong {
    display: block;
    color: #111827;
    font-size: 13px;
    line-height: 1.25;
}

.moderator-progress-item em {
    color: #111827;
    font-size: 12px;
    font-style: normal;
    font-weight: var(--wb-font-weight-semibold);
    white-space: nowrap;
}

.moderator-progress-item progress {
    display: block;
    width: 100%;
    height: 8px;
    margin-top: 6px;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    background: #edf0f4;
}

.moderator-progress-item progress::-webkit-progress-bar {
    border-radius: 999px;
    background: #edf0f4;
}

.moderator-progress-item progress::-webkit-progress-value {
    border-radius: 999px;
    background: var(--moderator-tone);
}

.moderator-progress-item progress::-moz-progress-bar {
    border-radius: 999px;
    background: var(--moderator-tone);
}

.moderator-quick-actions {
    gap: 0;
}

.moderator-quick-actions .admin-quick-action {
    min-height: 40px;
    border-width: 0 0 1px;
    border-radius: 0;
    box-shadow: none;
    padding-inline: 0;
}

.moderator-quick-actions .admin-quick-action:last-child {
    border-bottom: 0;
}

.moderator-empty {
    color: #64748b;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.moderator-filter-modal,
.moderator-reject-modal,
.moderator-detail-modal {
    border-radius: 8px;
}

.moderator-filter-modal {
    width: min(720px, 100%);
}

.moderator-reject-modal p {
    margin-top: -6px;
    color: #64748b;
    font-weight: var(--wb-font-weight-semibold);
}

.moderator-detail-list {
    margin-top: 16px;
}

.moderator-detail-text {
    max-height: 220px;
    overflow: auto;
    border: 1px solid #eef1f5;
    border-radius: 8px;
    background: #f8fafc;
    color: #334155;
    font-size: 13px;
    line-height: 1.55;
    margin-top: 14px;
    padding: 14px;
}

.staff-page {
    gap: 16px;
    min-width: 0;
}

.staff-hero {
    align-items: center;
    gap: 14px;
    margin-bottom: 2px;
}

.staff-profile-grid {
    align-items: start;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
    min-width: 0;
}

.staff-profile-card {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.staff-profile-card__media {
    align-items: center;
    aspect-ratio: 1 / 1;
    background: #f1f5f9;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #0f172a;
    display: grid;
    justify-items: center;
    max-height: 340px;
    min-height: 220px;
    overflow: hidden;
    width: 100%;
}

.staff-profile-card__media img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.staff-profile-card__media span {
    align-items: center;
    background: #e2e8f0;
    border-radius: 50%;
    display: inline-flex;
    font-size: 3rem;
    font-weight: var(--wb-font-weight-semibold);
    height: 42%;
    justify-content: center;
    letter-spacing: 0;
    width: 42%;
}

.staff-profile-card__media small {
    align-self: start;
    color: #64748b;
    font-size: .82rem;
    font-weight: var(--wb-font-weight-semibold);
    margin-top: -18%;
}

.staff-profile-card__identity {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.staff-profile-card__identity h2,
.staff-contact-card h2,
.staff-directory-empty h2 {
    color: #0f172a;
    font-size: 1.2rem;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
    overflow-wrap: anywhere;
}

.staff-profile-card__identity span,
.staff-contact-card__head p,
.staff-action-note {
    color: #64748b;
    font-size: .88rem;
    font-weight: var(--wb-font-weight-semibold);
    margin: 0;
}

.staff-profile-facts,
.staff-contact-card__facts,
.staff-profile-card dl {
    display: grid;
    gap: 12px;
    margin: 0;
    min-width: 0;
}

.staff-profile-facts div,
.staff-contact-card__facts div,
.staff-profile-card dl div {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.staff-profile-facts dt,
.staff-contact-card__facts dt,
.staff-profile-card dt {
    color: #64748b;
    font-size: .76rem;
    font-weight: var(--wb-font-weight-semibold);
    text-transform: uppercase;
}

.staff-profile-facts dd,
.staff-contact-card__facts dd,
.staff-profile-card dd {
    color: #0f172a;
    font-weight: var(--wb-font-weight-semibold);
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.staff-profile-card__actions,
.staff-contact-card__actions {
    border-top: 1px solid #eef1f5;
    display: grid;
    gap: 10px;
    padding-top: 14px;
}

.button--full,
.staff-profile-card__actions .button,
.staff-contact-card__actions .button {
    justify-content: center;
    width: 100%;
}

.staff-profile-card__actions form,
.staff-contact-card__actions form {
    margin: 0;
}

.staff-profile-form textarea {
    min-height: 120px;
}

.staff-form-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
}

.staff-form-actions .button {
    min-height: 42px;
}

.staff-upload-field {
    gap: 8px;
}

.staff-upload {
    align-items: center;
    border: 1px solid #dbe2ea;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    min-height: 52px;
    padding: 10px 12px;
}

.staff-upload__input {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.staff-upload__trigger,
.staff-upload__remove {
    min-height: 38px;
    white-space: nowrap;
}

.staff-upload__filename {
    color: #334155;
    font-size: .9rem;
    font-weight: var(--wb-font-weight-semibold);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.staff-upload__preview {
    border-radius: 8px;
    height: 44px;
    object-fit: cover;
    width: 44px;
}

.staff-profile-readonly-card .meta-list {
    grid-template-columns: minmax(140px, 0.32fr) minmax(0, 1fr);
}

.staff-directory-filters {
    align-items: end;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(220px, 1.4fr) minmax(170px, .65fr) minmax(140px, .55fr) auto;
}

.staff-directory-search input {
    min-width: 0;
}


.staff-directory-filter-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.staff-directory-summary {
    color: #475569;
    font-size: .92rem;
    font-weight: var(--wb-font-weight-semibold);
}

.staff-directory-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.staff-contact-card {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.staff-contact-card__head {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 68px minmax(0, 1fr);
    min-width: 0;
}

.staff-contact-card__avatar {
    align-items: center;
    aspect-ratio: 1 / 1;
    background: #f1f5f9;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #0f172a;
    display: inline-flex;
    font-size: 1rem;
    font-weight: var(--wb-font-weight-semibold);
    justify-content: center;
    overflow: hidden;
    width: 68px;
}

.staff-contact-card__avatar img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.staff-saved-badge {
    align-items: center;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    color: #166534;
    display: inline-flex;
    font-size: .86rem;
    font-weight: var(--wb-font-weight-medium);
    gap: 8px;
    justify-content: center;
    min-height: 38px;
    padding: 8px 10px;
}

.staff-saved-badge .admin-icon {
    height: 18px;
    width: 18px;
}

.staff-directory-empty {
    padding: 24px;
}

.staff-directory-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.staff-directory-pagination a {
    align-items: center;
    border: 1px solid #dbe2ea;
    border-radius: 8px;
    color: #0f172a;
    display: inline-flex;
    font-weight: var(--wb-font-weight-semibold);
    min-height: 36px;
    min-width: 36px;
    justify-content: center;
    padding: 0 12px;
    text-decoration: none;
}

.staff-directory-pagination a.is-active {
    background: var(--admin-accent);
    border-color: var(--admin-accent);
    color: #fff;
}

.staff-service-profile {
    gap: 16px;
    min-width: 0;
}

.staff-service-breadcrumb {
    align-items: center;
    color: #475569;
    display: flex;
    flex-wrap: wrap;
    font-size: .9rem;
    font-weight: var(--wb-font-weight-semibold);
    gap: 8px;
    min-width: 0;
}

.staff-service-breadcrumb a {
    color: #475569;
    text-decoration: none;
}

.staff-service-breadcrumb a:hover,
.staff-service-breadcrumb a:focus-visible {
    color: var(--admin-accent);
}

.staff-service-header {
    align-items: stretch;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .08);
    display: grid;
    gap: 0;
    grid-template-columns: minmax(420px, 1.25fr) minmax(330px, .95fr) minmax(250px, .58fr);
    min-width: 0;
    overflow: hidden;
}

.staff-service-identity,
.staff-service-status-panel,
.staff-service-action-panel {
    min-width: 0;
    padding: 24px;
}

.staff-service-identity {
    align-items: start;
    display: grid;
    gap: 22px;
    grid-template-columns: 112px minmax(0, 1fr);
}

.staff-service-avatar {
    align-items: center;
    aspect-ratio: 1 / 1;
    background: linear-gradient(135deg, #eef2f7, #e5e7eb);
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    color: #111827;
    display: flex;
    font-size: 2.4rem;
    font-weight: var(--wb-font-weight-semibold);
    justify-content: center;
    letter-spacing: 0;
    overflow: hidden;
    width: 112px;
}

.staff-service-avatar img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.staff-service-person {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.staff-service-title-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 0;
}

.staff-service-title-row h1 {
    color: #0f172a;
    font-size: 1.72rem;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.staff-service-person p {
    color: #475569;
    font-size: .95rem;
    font-weight: var(--wb-font-weight-semibold);
    margin: -6px 0 0;
}

.staff-service-badge {
    background: #dbeafe;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #0b63ce;
    display: inline-flex;
    font-size: .82rem;
    font-weight: var(--wb-font-weight-medium);
    padding: 4px 10px;
    white-space: nowrap;
}

.staff-service-contact-list,
.staff-service-status-panel dl,
.staff-service-facts,
.staff-service-time-box {
    display: grid;
    gap: 12px;
    margin: 0;
    min-width: 0;
}

.staff-service-contact-list div {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 24px minmax(0, 1fr);
    min-width: 0;
}

.staff-service-contact-list dt {
    align-items: center;
    color: #334155;
    display: flex;
    justify-content: center;
}

.staff-service-contact-list dt span {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.staff-service-contact-list dd,
.staff-service-status-panel dd,
.staff-service-facts dd {
    color: #0f172a;
    font-weight: var(--wb-font-weight-semibold);
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.staff-service-contact-list a,
.staff-service-card header a {
    color: #005bd3;
    text-decoration: none;
}

.staff-service-contact-list a:hover,
.staff-service-contact-list a:focus-visible,
.staff-service-card header a:hover,
.staff-service-card header a:focus-visible {
    color: var(--admin-accent);
}

.staff-service-inline-action,
.staff-service-saved {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: var(--wb-font-weight-semibold);
    gap: 8px;
    justify-content: center;
    min-height: 40px;
    padding: 8px 14px;
    width: fit-content;
}

.staff-service-inline-action {
    background: #fff;
    border: 1px solid #d8dee8;
    color: #0f172a;
    cursor: pointer;
}

.staff-service-inline-action:hover,
.staff-service-inline-action:focus-visible {
    border-color: var(--admin-accent);
    color: var(--admin-accent);
}

.staff-service-saved {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.staff-service-status-panel {
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
}

.staff-service-status-panel dl {
    gap: 18px;
}

.staff-service-status-panel dl > div {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(130px, .45fr) minmax(0, 1fr);
}

.staff-service-status-panel dt,
.staff-service-facts dt,
.staff-service-time-box dt {
    color: #1f2937;
    font-size: .86rem;
    font-weight: var(--wb-font-weight-medium);
}

.staff-service-pill,
.staff-service-role-chip {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: .82rem;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1;
    padding: 6px 10px;
    white-space: nowrap;
    width: fit-content;
}

.staff-service-pill--success {
    background: #dcfce7;
    color: #15803d;
}

.staff-service-pill--warning {
    background: #fef3c7;
    color: #92400e;
}

.staff-service-pill--danger {
    background: #fee2e2;
    color: #b91c1c;
}

.staff-service-pill--neutral,
.staff-service-role-chip {
    background: #eef2f7;
    color: #334155;
}

.staff-service-security-row dd {
    display: grid;
    gap: 10px;
}

.staff-service-check {
    align-items: center;
    color: #64748b;
    display: inline-flex;
    gap: 8px;
    min-width: 0;
}

.staff-service-check.is-ok {
    color: #16a34a;
}

.staff-service-check.is-open {
    color: #b45309;
}

.staff-service-action-panel {
    display: grid;
    gap: 10px;
    align-content: start;
}

.staff-service-action-panel h2,
.staff-service-card h2 {
    color: #0f172a;
    font-size: 1.05rem;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
}

.staff-service-action-panel form {
    margin: 0;
}

.staff-service-action,
.staff-service-quick-links a {
    align-items: center;
    appearance: none;
    background: #fff;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    color: #111827;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .9rem;
    font-weight: var(--wb-font-weight-semibold);
    gap: 10px;
    justify-content: center;
    min-height: 40px;
    padding: 9px 12px;
    text-decoration: none;
    width: 100%;
}

.staff-service-action:hover,
.staff-service-action:focus-visible,
.staff-service-quick-links a:hover,
.staff-service-quick-links a:focus-visible {
    border-color: var(--admin-accent);
    color: var(--admin-accent);
}

.staff-service-action--danger {
    border-color: #ff6b6b;
    color: #dc2626;
}

.staff-service-action--danger:hover,
.staff-service-action--danger:focus-visible {
    background: #fff5f5;
    border-color: #dc2626;
    color: #b91c1c;
}

.staff-service-action-form {
    display: grid;
    gap: 8px;
}

.staff-service-action-form label,
.staff-service-role-form label {
    display: grid;
    gap: 6px;
}

.staff-service-action-form label span,
.staff-service-role-form label span {
    color: #475569;
    font-size: .78rem;
    font-weight: var(--wb-font-weight-medium);
}

.staff-service-action-form select,
.staff-service-role-form select {
    background: #fff;
    border: 1px solid #d8dee8;
    border-radius: 8px;
    color: #111827;
    min-height: 40px;
    padding: 8px 10px;
    width: 100%;
}

.staff-service-action-note,
.staff-service-empty {
    color: #64748b;
    font-size: .88rem;
    font-weight: var(--wb-font-weight-semibold);
    margin: 0;
}

.staff-service-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    min-width: 0;
}

.staff-service-tabs a {
    align-items: center;
    background: #fff;
    border: 1px solid #e0e6ef;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
    color: #111827;
    display: inline-flex;
    font-size: .9rem;
    font-weight: var(--wb-font-weight-medium);
    gap: 10px;
    min-height: 46px;
    padding: 0 16px;
    text-decoration: none;
}

.staff-service-tabs a.is-active {
    background: #fff7ed;
    border-color: #ff8a1f;
    color: #f97316;
    box-shadow: inset 0 -2px 0 #f97316, 0 8px 20px rgba(249, 115, 22, .08);
}

.staff-service-tabs em {
    align-items: center;
    background: #e5e7eb;
    border-radius: 999px;
    color: #475569;
    display: inline-flex;
    font-size: .76rem;
    font-style: normal;
    justify-content: center;
    min-width: 22px;
    padding: 3px 7px;
}

.staff-service-kpis {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
}

.staff-service-kpi {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
    display: flex;
    justify-content: space-between;
    min-height: 118px;
    min-width: 0;
    padding: 20px;
}

.staff-service-kpi div {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.staff-service-kpi span {
    color: #0f172a;
    font-size: .92rem;
    font-weight: var(--wb-font-weight-medium);
}

.staff-service-kpi strong {
    color: #0f172a;
    font-size: 1.55rem;
    letter-spacing: 0;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.staff-service-kpi small {
    color: #64748b;
    font-weight: var(--wb-font-weight-semibold);
}

.staff-service-kpi i {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.staff-service-kpi--blue i {
    background: #dbeafe;
    color: #2563eb;
}

.staff-service-kpi--violet i {
    background: #f3e8ff;
    color: #a21caf;
}

.staff-service-kpi--green i {
    background: #dcfce7;
    color: #16a34a;
}

.staff-service-kpi--orange i {
    background: #ffedd5;
    color: #f97316;
}

.staff-service-main-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(280px, .95fr) minmax(360px, 1.2fr) minmax(250px, .8fr);
    min-width: 0;
}

.staff-service-bottom-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(280px, .85fr) minmax(280px, .85fr) minmax(0, 1.45fr);
    min-width: 0;
}

.staff-service-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
    display: grid;
    gap: 18px;
    min-width: 0;
    padding: 22px;
}

.staff-service-card header {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-width: 0;
}

.staff-service-card header a {
    flex: 0 0 auto;
    font-size: .86rem;
    font-weight: var(--wb-font-weight-medium);
}

.staff-service-facts div {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr);
    min-width: 0;
}

.staff-service-facts--compact div {
    grid-template-columns: minmax(120px, .5fr) minmax(0, 1fr);
}

.staff-service-facts dt {
    color: #475569;
    font-size: .88rem;
    font-weight: var(--wb-font-weight-semibold);
}

.staff-service-activity-list {
    display: grid;
    gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.staff-service-activity-list li {
    display: grid;
    gap: 14px;
    grid-template-columns: 150px minmax(0, 1fr);
    min-width: 0;
}

.staff-service-activity-list time {
    color: #475569;
    font-size: .86rem;
    font-weight: var(--wb-font-weight-semibold);
}

.staff-service-activity-list div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.staff-service-activity-list strong {
    color: #0f172a;
    font-size: .92rem;
    overflow-wrap: anywhere;
}

.staff-service-activity-list small {
    color: #64748b;
    font-weight: var(--wb-font-weight-semibold);
}

.staff-service-quick-links {
    display: grid;
    gap: 10px;
}

.staff-service-role-form {
    display: grid;
    gap: 10px;
}

.staff-service-role-form .button {
    justify-content: center;
}

.staff-service-locked-role {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #0f172a;
    font-weight: var(--wb-font-weight-medium);
    margin: 0;
    padding: 12px;
    text-align: center;
}

.staff-service-security-list {
    display: grid;
    gap: 10px;
}

.staff-service-security-list div {
    align-items: start;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: grid;
    gap: 4px 10px;
    grid-template-columns: 24px minmax(0, 1fr);
    padding: 12px;
}

.staff-service-security-list svg {
    grid-row: span 2;
    margin-top: 2px;
}

.staff-service-security-list span {
    color: #0f172a;
    font-weight: var(--wb-font-weight-medium);
}

.staff-service-security-list small {
    color: #64748b;
    font-weight: var(--wb-font-weight-semibold);
}

.staff-service-security-list .is-ok svg {
    color: #16a34a;
}

.staff-service-security-list .is-open svg {
    color: #b45309;
}

.staff-service-card--account {
    grid-column: auto;
}

.staff-service-account-grid {
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(220px, .8fr);
    min-width: 0;
}

.staff-service-time-box {
    border-left: 1px solid #e5e7eb;
    padding-left: 22px;
}

.staff-service-time-box dt {
    margin-bottom: 4px;
}

.staff-service-time-box div {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.staff-service-time-box span {
    color: #475569;
    font-weight: var(--wb-font-weight-semibold);
}

.staff-service-time-box strong {
    color: #0f172a;
    font-weight: var(--wb-font-weight-medium);
    white-space: nowrap;
}

@media (max-width: 1280px) {
    .staff-service-header {
        grid-template-columns: 1fr 1fr;
    }

    .staff-service-action-panel {
        border-top: 1px solid #e5e7eb;
        grid-column: 1 / -1;
    }

    .staff-service-status-panel {
        border-right: 0;
    }

    .staff-service-kpis,
    .staff-service-main-grid,
    .staff-service-bottom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .staff-service-card--account {
        grid-column: 1 / -1;
    }
}

@media (max-width: 860px) {
    .staff-service-header,
    .staff-service-kpis,
    .staff-service-main-grid,
    .staff-service-bottom-grid,
    .staff-service-account-grid {
        grid-template-columns: 1fr;
    }

    .staff-service-status-panel {
        border-left: 0;
        border-top: 1px solid #e5e7eb;
    }

    .staff-service-identity {
        grid-template-columns: 88px minmax(0, 1fr);
    }

    .staff-service-avatar {
        font-size: 1.9rem;
        width: 88px;
    }

    .staff-service-status-panel dl > div,
    .staff-service-facts div,
    .staff-service-facts--compact div,
    .staff-service-activity-list li {
        grid-template-columns: 1fr;
    }

    .staff-service-time-box {
        border-left: 0;
        border-top: 1px solid #e5e7eb;
        padding-left: 0;
        padding-top: 18px;
    }
}

@media (max-width: 560px) {
    .staff-service-identity,
    .staff-service-card header,
    .staff-service-time-box div {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
    }

    .staff-service-avatar {
        justify-self: start;
    }

    .staff-service-tabs a,
    .staff-service-action,
    .staff-service-quick-links a {
        justify-content: flex-start;
        width: 100%;
    }

    .staff-service-inline-action,
    .staff-service-saved {
        width: 100%;
    }
}
.staff-session-warning[hidden] {
    display: none !important;
}

.staff-session-warning {
    align-items: center;
    background: rgba(15, 23, 42, .56);
    display: grid;
    inset: 0;
    justify-items: center;
    padding: clamp(18px, 4vw, 32px);
    position: fixed;
    transition: background-color .18s ease;
    z-index: 1200;
}

.staff-session-warning__panel {
    background: #fff;
    border: 1px solid rgba(148, 163, 184, .38);
    border-radius: 8px;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .28);
    display: grid;
    justify-items: center;
    max-width: 620px;
    padding: clamp(28px, 5vw, 42px) clamp(24px, 5vw, 48px);
    text-align: center;
    width: min(100%, 620px);
}

.staff-session-warning__icon {
    align-items: center;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    border: 3px solid #0f172a;
    border-radius: 50%;
    color: #0f172a;
    display: flex;
    height: 64px;
    justify-content: center;
    margin-bottom: 24px;
    position: relative;
    width: 64px;
}

.staff-session-warning__icon svg {
    height: 34px;
    width: 34px;
}

.staff-session-warning__icon > span {
    align-items: center;
    background: #ff6b00;
    border: 3px solid #fff;
    border-radius: 50%;
    bottom: -3px;
    color: #fff;
    display: flex;
    font-size: 1rem;
    font-weight: var(--wb-font-weight-bold);
    height: 28px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -7px;
    width: 28px;
}

.staff-session-warning__content {
    display: grid;
    gap: 16px;
    justify-items: center;
    min-width: 0;
    width: 100%;
}

.staff-session-warning__content h2 {
    color: #0f172a;
    font-size: clamp(1.45rem, 3vw, 1.75rem);
    font-weight: var(--wb-font-weight-bold);
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
}

.staff-session-warning__content p {
    color: #334155;
    font-size: 1rem;
    font-weight: var(--wb-font-weight-normal);
    line-height: 1.55;
    margin: 0;
    max-width: 470px;
}

.staff-session-warning__note {
    color: #1f2937 !important;
    font-weight: 600 !important;
}

.staff-session-warning__countdown {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 112px;
    width: 100%;
}

.staff-session-warning__countdown[hidden] {
    display: none !important;
}

.staff-session-warning__countdown strong {
    color: #ff6b00;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: clamp(4.2rem, 11vw, 5.8rem);
    font-weight: var(--wb-font-weight-bold);
    letter-spacing: 0;
    line-height: .95;
    text-shadow: 0 10px 24px rgba(255, 107, 0, .16);
}

.staff-session-warning__actions {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 6px;
    width: 100%;
}

.staff-session-warning__actions form {
    margin: 0;
}

.staff-session-warning__actions .button,
.staff-session-warning__actions form {
    width: 100%;
}

.staff-session-warning__actions .button {
    justify-content: center;
    min-height: 48px;
}

.staff-session-warning__actions .button[hidden] {
    display: none !important;
}

.staff-session-warning__actions:has(.button[hidden]) {
    grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 640px) {
    .staff-session-warning__panel {
        padding: 28px 20px;
    }

    .staff-session-warning__icon {
        height: 56px;
        margin-bottom: 18px;
        width: 56px;
    }

    .staff-session-warning__countdown {
        min-height: 88px;
    }

    .staff-session-warning__actions {
        grid-template-columns: 1fr;
    }
}
.message-compose-recipient {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: auto auto minmax(0, 1fr);
    padding: 10px 12px;
}

.message-compose-recipient span {
    color: #64748b;
    font-size: .8rem;
    font-weight: var(--wb-font-weight-semibold);
    text-transform: uppercase;
}

.message-compose-recipient strong {
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1180px) {
    .staff-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .staff-directory-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .staff-directory-search,
    .staff-directory-filter-actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .staff-profile-grid {
        grid-template-columns: 1fr;
    }

    .staff-profile-card__media {
        max-height: 420px;
    }
}

@media (max-width: 640px) {
    .staff-hero {
        align-items: stretch;
        display: grid;
    }

    .staff-profile-readonly-card .meta-list,
    .staff-directory-filters,
    .staff-directory-grid {
        grid-template-columns: 1fr;
    }

    .staff-upload {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .staff-upload__filename {
        white-space: normal;
    }

    .staff-upload__preview {
        height: 72px;
        width: 72px;
    }

    .staff-form-actions,
    .staff-directory-filter-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .staff-form-actions .button,
    .staff-directory-filter-actions .button {
        justify-content: center;
        width: 100%;
    }

    .staff-contact-card__actions {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 1320px) {
    .moderator-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .moderator-bottom-grid {
        grid-template-columns: 1fr 1fr;
    }

    .moderator-quick-panel {
        grid-column: 1 / -1;
    }

}

@media (max-width: 980px) {
    .moderator-stat-grid,
    .moderator-bottom-grid {
        grid-template-columns: 1fr 1fr;
    }

    .moderator-hero {
        display: grid;
    }

    .moderator-date-menu {
        justify-self: start;
    }

}

@media (max-width: 760px) {
    .order-category-picker__head {
        align-items: start;
        display: grid;
    }

    .order-category-picker__head [data-order-trade-status] {
        text-align: left;
    }

    .wizard-page--order .choice-grid--categories,
    .wizard-page--order .order-subcategory-panel .choice-grid--trade {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .moderator-stat-grid,
    .moderator-bottom-grid,
    .moderator-date-range,
    .moderator-filter-actions {
        grid-template-columns: 1fr;
    }

    .moderator-stat-card {
        min-height: 112px;
        padding: 15px;
    }

    .moderator-panel-header {
        align-items: flex-start;
        flex-direction: column;
        padding: 16px 16px 10px;
    }

    .moderator-tabs,
    .moderator-table-wrap {
        padding-inline: 16px;
    }

    .moderator-date-dropdown {
        left: 0;
        right: auto;
        width: min(360px, calc(100vw - 32px));
    }

}

.admin-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 12px;
    color: #64748b;
    font-size: 12px;
}

.admin-footer nav {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.admin-footer a {
    color: #64748b;
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
}

.admin-footer a:hover,
.admin-footer a:focus-visible {
    color: var(--admin-accent);
    outline: none;
}

.finance-page {
    display: grid;
    gap: 18px;
    min-width: 0;
    max-width: 100%;
}

.finance-page > *,
.finance-panel > *,
.finance-export-selection {
    min-width: 0;
    max-width: 100%;
}

.finance-hero {
    margin-bottom: 4px;
}

.finance-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    border-bottom: 1px solid var(--admin-line);
    padding-bottom: 8px;
}

.finance-tabs a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--admin-muted);
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 14px;
    text-decoration: none;
    transition: border-color var(--wb-transition-fast), background var(--wb-transition-fast), color var(--wb-transition-fast);
}

.finance-tabs a:hover,
.finance-tabs a:focus-visible,
.finance-tabs a.is-active {
    border-color: rgba(255, 130, 2, 0.32);
    background: rgba(255, 130, 2, 0.08);
    color: var(--admin-text);
    outline: none;
}

.finance-hero__actions {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
}

.finance-range {
    display: flex;
    min-width: 0;
    align-items: end;
    flex-wrap: wrap;
    gap: 8px;
}

.finance-range label {
    display: grid;
    gap: 4px;
    color: var(--admin-muted);
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
}

.finance-range input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.finance-page .form-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.finance-page .form-field select {
    min-height: 40px;
    border: 1px solid var(--admin-line);
    border-radius: 6px;
    background: #ffffff;
    color: var(--admin-text);
    font-weight: var(--wb-font-weight-semibold);
    padding: 8px 10px;
}

.finance-page .button,
.finance-page .admin-date-button {
    min-height: 42px;
}

.finance-csv-button {
    gap: 8px;
}

.finance-stat-grid .admin-stat-card--finance {
    grid-column: span 5;
}

.finance-panel {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.finance-panel p {
    margin: 6px 0 0;
    color: var(--admin-muted);
    font-size: 14px;
    overflow-wrap: anywhere;
}

.finance-filter-grid,
.finance-manual-form,
.finance-tax-form,
.finance-export-form {
    display: grid;
    gap: 14px;
}

.finance-filter-grid {
    grid-template-columns: minmax(190px, 1.2fr) repeat(5, minmax(142px, 1fr)) minmax(128px, 0.8fr);
    align-items: end;
}

.finance-manual-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.finance-tax-form {
    grid-template-columns: repeat(5, minmax(0, 1fr)) minmax(170px, 0.8fr);
    align-items: end;
}

.finance-export-panel {
    gap: 18px;
}

.finance-export-form {
    grid-template-columns: repeat(5, minmax(135px, 1fr)) minmax(168px, 0.8fr);
    align-items: end;
}

.finance-quick-ranges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.finance-quick-ranges a {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: #ffffff;
    color: var(--admin-text);
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 12px;
    text-decoration: none;
}

.finance-quick-ranges a:hover,
.finance-quick-ranges a:focus-visible {
    border-color: rgba(255, 130, 2, 0.36);
    background: rgba(255, 130, 2, 0.06);
    outline: none;
}

.finance-export-summary {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.finance-export-summary article {
    display: grid;
    gap: 5px;
    min-width: 0;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: #ffffff;
    padding: 12px 14px;
}

.finance-export-summary span {
    color: var(--admin-muted);
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.finance-export-summary strong {
    color: var(--admin-text);
    font-size: 18px;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.finance-export-summary small {
    color: var(--admin-muted);
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.finance-export-summary__accent strong {
    color: var(--admin-accent);
}

.finance-export-modes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    min-width: 0;
    margin: 0;
    border: 0;
    padding: 0;
}

.finance-export-modes legend {
    grid-column: 1 / -1;
    margin-bottom: 2px;
    color: var(--admin-muted);
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.finance-export-modes label {
    display: flex;
    min-width: 0;
    min-height: 42px;
    align-items: center;
    gap: 9px;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: #ffffff;
    color: var(--admin-text);
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 10px 12px;
}

.finance-export-modes input[type="checkbox"],
.finance-export-modes input[type="radio"] {
    width: var(--wb-choice-control-size);
    height: var(--wb-choice-control-size);
    min-width: var(--wb-choice-control-size);
    min-height: var(--wb-choice-control-size);
    flex: 0 0 var(--wb-choice-control-size);
}

.finance-export-actions,
.finance-selection-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.finance-export-actions--selection {
    justify-content: flex-end;
}

.finance-selection-toolbar {
    justify-content: space-between;
}

.finance-selection-toolbar strong,
.finance-selection-toolbar span {
    display: block;
}

.finance-selection-toolbar span {
    margin-top: 3px;
    color: var(--admin-muted);
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.finance-table.finance-export-table {
    min-width: 1280px;
}

.finance-export-table .finance-col--select {
    width: 52px;
}

.finance-export-table .finance-col--nr {
    width: 58px;
}

.finance-export-table .finance-col--date {
    width: 116px;
}

.finance-export-table .finance-col--invoice-no {
    width: 166px;
}

.finance-export-table .finance-col--customer {
    width: 230px;
}

.finance-export-table .finance-col--type {
    width: 260px;
}

.finance-export-table .finance-col--money {
    width: 124px;
}

.finance-invoices-table {
    min-width: 1480px;
}

.finance-invoices-table .finance-col--nr {
    width: 56px;
}

.finance-invoices-table .finance-col--invoice-no {
    width: 152px;
}

.finance-invoices-table .finance-col--customer {
    width: 250px;
}

.finance-invoices-table .finance-col--type {
    width: 180px;
}

.finance-invoices-table .finance-col--status {
    width: 190px;
}

.finance-invoices-table .finance-col--date {
    width: 112px;
}

.finance-invoices-table .finance-col--money {
    width: 120px;
}

.finance-invoices-table .finance-col--actions {
    width: 100px;
}

.finance-invoices-table th,
.finance-invoices-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: normal;
}

.finance-invoices-table th {
    vertical-align: bottom;
}

.finance-invoices-table .finance-cell--nr {
    color: var(--admin-muted);
    text-align: right;
}

.finance-invoice-number,
.finance-cell--type,
.finance-cell--date {
    max-width: 100%;
}

.finance-invoice-number strong,
.finance-invoice-number small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.finance-cell--status .badge {
    max-width: 100%;
    justify-content: center;
    padding-inline: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.finance-cell--actions .finance-actions {
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.finance-sort-link {
    color: inherit;
    text-decoration: none;
}

.finance-sort-link:hover,
.finance-sort-link:focus-visible {
    color: var(--admin-accent);
    outline: none;
}

.finance-export-check {
    width: var(--wb-choice-control-size);
    height: var(--wb-choice-control-size);
    min-width: var(--wb-choice-control-size);
    min-height: var(--wb-choice-control-size);
    flex: 0 0 var(--wb-choice-control-size);
}

.finance-history-heading {
    display: grid;
    gap: 4px;
}

.finance-preview-heading {
    margin: 2px 0 -4px;
    color: var(--admin-text);
    font-size: 16px;
    line-height: 1.25;
}

.finance-preview-totals {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
}

.finance-preview-totals span {
    display: grid;
    gap: 4px;
    min-width: 0;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: #ffffff;
    color: var(--admin-muted);
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 10px 12px;
}

.finance-preview-totals strong {
    color: var(--admin-text);
    font-size: 15px;
    line-height: 1.15;
}

.finance-preview-totals span:last-child strong {
    color: var(--admin-accent);
}

.finance-history-heading h3 {
    margin: 0;
    font-size: 17px;
}

.finance-file-badge {
    display: inline-flex;
    min-width: 48px;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #f1f5f9;
    color: #0f172a;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.finance-file-badge--pdf {
    background: #fee2e2;
    color: #991b1b;
}

.finance-file-badge--zip {
    background: #ffedd5;
    color: #9a3412;
}

.finance-file-badge--csv {
    background: #dcfce7;
    color: #166534;
}

.finance-field-wide {
    grid-column: 1 / -1;
}

.finance-submit,
.finance-filter-button {
    min-height: 42px;
}

.finance-table-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: #ffffff;
}

.finance-table {
    min-width: 820px;
    table-layout: fixed;
}

.finance-table th,
.finance-table td {
    vertical-align: middle;
    padding: 12px 14px;
    overflow-wrap: anywhere;
}

.finance-table td strong,
.finance-table td small {
    display: block;
}

.finance-table td small {
    margin-top: 4px;
    color: var(--admin-muted);
    font-size: 12px;
}

.finance-export-selection {
    display: grid;
    gap: 12px;
}

.finance-export-selection[aria-busy="true"] {
    cursor: progress;
}

.finance-export-selection[aria-busy="true"] .button {
    cursor: progress;
}

.finance-selection-toolbar {
    align-items: flex-start;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: #f8fafc;
    padding: 12px;
}

.finance-export-actions--selection {
    justify-content: flex-end;
}

.finance-export-table thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #ffffff;
    box-shadow: inset 0 -1px 0 var(--admin-line);
}

.finance-export-table th,
.finance-export-table td {
    overflow: hidden;
    padding: 9px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.finance-export-table .finance-cell--select {
    text-align: center;
}

.finance-export-table .finance-export-check {
    width: var(--wb-choice-control-size, 18px);
    height: var(--wb-choice-control-size, 18px);
    min-width: var(--wb-choice-control-size, 18px);
    min-height: var(--wb-choice-control-size, 18px);
    margin-inline: auto;
}

.finance-export-table .finance-cell--type small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.finance-table tbody tr[data-finance-export-empty] {
    background: #ffffff;
}
.finance-table tbody tr:nth-child(even) {
    background: var(--admin-table-zebra-background);
}

.finance-table tbody tr[data-finance-invoice-empty] {
    background: #ffffff;
}

.finance-invoice-no {
    display: block;
    color: var(--admin-text);
    font-weight: var(--wb-font-weight-medium);
}

.finance-table td strong {
    font-weight: var(--wb-font-weight-medium);
}

.finance-load-state {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--admin-muted);
    font-size: 13px;
}

.finance-load-state__summary,
.finance-load-state__message {
    min-height: 24px;
}

.finance-load-state__summary span {
    color: var(--admin-text);
    font-weight: var(--wb-font-weight-semibold);
}

.finance-scroll-sentinel {
    width: 100%;
    height: 1px;
}

.finance-manual-panel .admin-panel__header {
    align-items: start;
}

.finance-manual-note {
    align-self: center;
    color: var(--admin-muted);
    font-size: 13px;
    line-height: 1.45;
}


.finance-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.finance-money {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

.finance-truncate {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.finance-selection-warning[hidden] {
    display: none;
}

.finance-icon-button {
    display: inline-grid;
    width: 40px;
    min-width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid var(--admin-line);
    border-radius: 6px;
    background: #ffffff;
    color: #101827;
    text-decoration: none;
    transition: border-color var(--wb-transition-fast), color var(--wb-transition-fast), background var(--wb-transition-fast);
}

.finance-icon-button:hover,
.finance-icon-button:focus-visible {
    border-color: rgba(255, 130, 2, 0.42);
    background: rgba(255, 130, 2, 0.06);
    color: var(--admin-accent);
    outline: none;
}

.finance-tax-history {
    margin-top: 2px;
}

.finance-credit-form {
    align-content: start;
}

.finance-credit-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.finance-credit-summary div {
    min-width: 0;
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: #f8fafc;
    padding: 10px 12px;
}

.finance-credit-summary dt,
.finance-credit-summary dd {
    margin: 0;
}

.finance-credit-summary dt {
    color: var(--admin-muted);
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.finance-credit-summary dd {
    margin-top: 4px;
    color: var(--admin-text);
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.finance-credit-form textarea {
    width: 100%;
    resize: vertical;
}

@media (max-width: 1320px) {
    .admin-stat-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .admin-stat-card,
    .admin-stat-card--large {
        grid-column: span 1;
    }

    .finance-stat-grid .admin-stat-card--finance {
        grid-column: span 1;
    }

    .admin-dashboard-grid--analytics {
        grid-template-columns: minmax(0, 1.2fr) minmax(430px, 0.9fr);
    }

    .admin-panel--quick {
        grid-column: 1 / -1;
    }

    .admin-quick-actions {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .admin-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-dashboard-grid--analytics,
    .admin-dashboard-grid--bottom {
        grid-template-columns: 1fr;
    }

    .admin-quick-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-donut-layout {
        grid-template-columns: minmax(145px, 185px) minmax(0, 1fr);
    }

    .finance-filter-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .finance-tax-form,
    .finance-export-form {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .finance-export-summary,
    .finance-export-modes,
    .finance-preview-totals {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .finance-credit-summary {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 899px) {
    .admin-header {
        padding-inline: 14px;
    }

    .admin-sidebar {
        transform: translateX(-100%);
    }

    .admin-main,
    .is-admin-sidebar-collapsed .admin-main {
        margin-left: 0;
        padding: 24px 16px 20px;
    }

    .is-admin-sidebar-open .admin-sidebar {
        transform: translateX(0);
    }

    .is-admin-sidebar-open .admin-sidebar-scrim {
        display: block;
    }

    .is-admin-sidebar-collapsed .admin-sidebar {
        width: var(--admin-sidebar-width);
        padding: 16px 12px;
    }

    .is-admin-sidebar-collapsed .admin-sidebar__group span,
    .is-admin-sidebar-collapsed .admin-sidebar__group svg,
    .is-admin-sidebar-collapsed .admin-sidebar a span,
    .is-admin-sidebar-collapsed .admin-sidebar__collapse span {
        display: inline;
    }

    .is-admin-sidebar-collapsed .admin-sidebar a,
    .is-admin-sidebar-collapsed .admin-sidebar__collapse {
        justify-content: flex-start;
    }

    .admin-wallet-chip,
    .admin-access-chip,
    .admin-role-chip {
        display: none;
    }

    .admin-profile-button > .profile-menu__name,
    .admin-profile-button > .admin-icon {
        display: none;
    }

    .admin-dashboard-hero {
        display: grid;
    }

    .finance-hero__actions {
        justify-content: flex-start;
    }

    .finance-filter-grid,
    .finance-tax-form,
    .finance-export-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .finance-export-summary,
    .finance-export-modes,
    .finance-preview-totals {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .order-category-picker__head {
        align-items: start;
        display: grid;
    }

    .order-category-picker__head [data-order-trade-status] {
        text-align: left;
    }

    .wizard-page--order .choice-grid--categories,
    .wizard-page--order .order-subcategory-panel .choice-grid--trade {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .admin-header {
        min-height: 66px;
    }

    .app-shell--admin {
        --admin-header-height: 66px;
    }

    .admin-brand__logo {
        max-width: 132px;
        height: 34px;
    }

    .admin-brand__name {
        font-size: 21px;
    }

    .admin-icon-button,
    .admin-avatar {
        width: 38px;
        height: 38px;
    }

    .admin-header__actions {
        gap: 8px;
    }

    .admin-stat-grid,
    .admin-quick-actions {
        grid-template-columns: 1fr;
    }

    .admin-stat-card {
        min-height: 108px;
        padding: 16px;
    }

    .admin-panel {
        padding: 16px;
    }

    .admin-panel__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-donut-layout,
    .admin-donut-layout--compact {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .admin-donut,
    .admin-donut-layout--compact .admin-donut {
        width: min(220px, 74vw);
    }

    .admin-chart-legend {
        width: 100%;
    }

    .admin-activity-list a,
    .admin-notice {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .admin-activity-list em,
    .admin-notice em {
        grid-column: 2;
        justify-self: start;
    }

    .admin-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .finance-hero__actions,
    .finance-range {
        width: 100%;
    }

    .finance-range label,
    .finance-range .admin-date-button,
    .finance-hero__actions .button {
        width: 100%;
    }

    .finance-range input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    .finance-range .admin-date-button {
        justify-content: center;
    }

    .finance-filter-grid,
    .finance-manual-form,
    .finance-tax-form,
    .finance-export-form,
    .finance-export-summary,
    .finance-export-modes,
    .finance-preview-totals {
        grid-template-columns: 1fr;
    }

    .finance-export-actions,
    .finance-export-actions .button,
    .finance-selection-toolbar {
        width: 100%;
    }

    .finance-export-actions .button {
        justify-content: center;
    }

    .finance-table-wrap {
        overflow-x: auto;
    }

    .finance-table {
        min-width: 860px;
    }

    .finance-export-table {
        min-width: 1280px;
    }

}
.services-page {
    background: #f5f6f8;
    color: var(--wb-color-text);
}

.services-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 430px;
    background: #101923;
    color: #ffffff;
    padding-block: 56px 46px;
}

.services-hero__media {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(12, 20, 31, 0.98) 0%, rgba(12, 20, 31, 0.9) 42%, rgba(12, 20, 31, 0.48) 72%, rgba(12, 20, 31, 0.78) 100%),
        url("../img/home-hero.png") center right / cover no-repeat;
}

.services-hero__inner {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 28px;
}

.services-hero__copy {
    max-width: 980px;
}

.services-kicker {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    border: 1px solid rgba(255, 130, 2, 0.78);
    border-radius: 6px;
    color: var(--wb-color-accent);
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 8px;
}

.services-hero h1 {
    max-width: 1100px;
    margin: 14px 0 12px;
    color: #ffffff;
    font-size: 44px;
    line-height: 1.08;
    font-weight: var(--wb-font-weight-semibold);
}

.services-hero p {
    max-width: 800px;
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: 16px;
    line-height: 1.55;
}

.services-search {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(220px, 280px) 156px auto;
    width: min(100%, 1040px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
    padding: 6px;
}

.services-search__field,
.services-search__select {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    margin: 0;
}

.services-search__field {
    border-right: 1px solid #e7eaf0;
}

.services-search__icon {
    position: absolute;
    left: 16px;
    color: #111827;
    pointer-events: none;
}

.services-icon,
.services-button-icon,
.services-benefit__icon,
.services-info__icon {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

.services-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.services-search select {
    min-height: 44px;
    border: 0;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: none;
}

.services-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    padding-left: 46px;
}

.services-search select {
    color: #6b7280;
}

.services-search__button {
    min-height: 44px;
    border-radius: 6px;
}

.services-search__reset {
    min-height: 44px;
    color: var(--wb-color-primary);
}

.services-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: min(100%, 860px);
    gap: 28px;
}

.services-benefit {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    color: rgba(255, 255, 255, 0.9);
}

.services-benefit__icon {
    width: 34px;
    height: 34px;
    color: var(--wb-color-accent);
}

.services-benefit strong,
.services-benefit span {
    display: block;
}

.services-benefit strong {
    color: var(--wb-color-accent);
    font-size: 14px;
    line-height: 1.2;
}

.services-benefit span {
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.3;
}

.services-body {
    background: #f5f6f8;
    padding-block: 38px 56px;
}

.services-body__inner {
    display: grid;
    gap: 18px;
}

.services-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 8px;
}

.services-section-head h2 {
    margin: 0 0 6px;
    color: #111827;
    font-size: 30px;
    font-weight: var(--wb-font-weight-semibold);
}

.services-section-head p {
    margin: 0;
    color: #5f6875;
    font-size: 14px;
}

.services-view-toggle {
    min-height: 38px;
    white-space: nowrap;
}

.services-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.services-card {
    display: grid;
    min-width: 0;
    min-height: 212px;
    align-content: start;
    gap: 8px;
    border: 1px solid #e8ebf0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.08);
    padding: 18px;
}

.services-group-mark {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 7px;
    background: linear-gradient(145deg, #192432, #0b1119);
    color: #ffffff;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 18px rgba(0, 0, 0, 0.16);
}

.services-card h3,
.services-list-group h3,
.services-info-grid h3,
.services-suggestion-strip h2,
.services-suggestion-modal h2 {
    margin: 0;
    color: #111827;
}

.services-card h3 {
    font-size: 18px;
    line-height: 1.25;
    font-weight: var(--wb-font-weight-semibold);
}

.services-card strong {
    color: var(--wb-color-accent);
    font-size: 13px;
    line-height: 1.2;
}

.services-card p {
    margin: 0;
    min-height: 44px;
    color: #384252;
    font-size: 13px;
    line-height: 1.55;
}

.services-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
}

.services-chip-list span {
    display: inline-flex;
    max-width: 100%;
    min-height: 24px;
    align-items: center;
    border-radius: 5px;
    background: #eef1f5;
    color: #374151;
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.2;
    padding: 0 8px;
}

.services-card__link {
    align-self: end;
    width: max-content;
    max-width: 100%;
    color: #111827;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
}

.services-card__link:hover,
.services-card__link:focus-visible {
    color: var(--wb-color-accent-strong);
}

.services-list-view {
    display: grid;
    gap: 12px;
}

.services-list-group {
    display: grid;
    grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
    gap: 18px;
    border: 1px solid #e8ebf0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(16, 24, 40, 0.06);
    padding: 18px;
}

.services-list-group > div {
    display: grid;
    gap: 8px;
    align-content: start;
}

.services-list-group h3 {
    font-size: 18px;
}

.services-list-group p {
    margin: 0;
    color: #5f6875;
    font-size: 13px;
}

.services-list-group ul {
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.services-list-group li {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    border-radius: 6px;
    background: #eef1f5;
    color: #374151;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 10px;
}

.services-info-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid #e3e7ed;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(16, 24, 40, 0.07);
}

.services-info-grid article {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
    min-width: 0;
    border-right: 1px solid #e3e7ed;
    padding: 18px;
}

.services-info-grid article:last-child {
    border-right: 0;
}

.services-info__icon {
    width: 28px;
    height: 28px;
    color: var(--wb-color-accent);
}

.services-info-grid h3 {
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
}

.services-info-grid p {
    margin: 4px 0 0;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.45;
}

.services-suggestion-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 2px;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff, #f0f3f7);
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.06);
    padding: 20px;
    text-align: center;
}

.services-suggestion-strip h2 {
    font-size: 18px;
    font-weight: var(--wb-font-weight-semibold);
}

.services-suggestion-strip p {
    margin: 4px 0 0;
    color: #5f6875;
    font-size: 12px;
}

.services-empty {
    border: 1px solid #e8ebf0;
    border-radius: 8px;
    background: #ffffff;
    padding: 26px;
}

.services-suggestion-modal {
    width: min(680px, 100%);
}

.services-suggestion-modal > p {
    margin-bottom: 16px;
}

.services-suggestion-form {
    margin-top: 16px;
}

.services-suggestion-form .checkbox-field {
    align-items: flex-start;
}

.services-suggestion-form .checkbox-field input[type="checkbox"],
.services-suggestion-form .checkbox-field input[type="radio"] {
    margin-top: 4px;
}

.admin-suggestion-filters {
    margin-bottom: 16px;
}

.admin-suggestion-filters a {
    text-decoration: none;
}

.admin-suggestion-action {
    align-items: flex-start;
}

.admin-suggestion-action input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    min-width: 220px;
}

.admin-suggestion-action select {
    min-width: 140px;
}

@media (max-width: 1180px) {
    .services-card-grid,
    .services-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .services-info-grid article:nth-child(2n) {
        border-right: 0;
    }

    .services-info-grid article:nth-child(n + 3) {
        border-top: 1px solid #e3e7ed;
    }
}

@media (max-width: 900px) {
    .services-hero {
        min-height: 0;
    }

    .services-hero__media {
        background:
            linear-gradient(90deg, rgba(12, 20, 31, 0.96), rgba(12, 20, 31, 0.84)),
            url("../img/home-hero.png") center right / cover no-repeat;
    }

    .services-search {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .services-search__field {
        border-right: 0;
        border-bottom: 1px solid #e7eaf0;
    }

    .services-benefits {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .services-section-head,
    .services-suggestion-strip {
        align-items: flex-start;
        flex-direction: column;
    }

    .services-list-group {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .order-category-picker__head {
        align-items: start;
        display: grid;
    }

    .order-category-picker__head [data-order-trade-status] {
        text-align: left;
    }

    .wizard-page--order .choice-grid--categories,
    .wizard-page--order .order-subcategory-panel .choice-grid--trade {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .services-hero {
        padding-block: 42px 36px;
    }

    .services-hero h1 {
        font-size: 34px;
    }

    .services-card-grid,
    .services-info-grid {
        grid-template-columns: 1fr;
    }

    .services-info-grid article,
    .services-info-grid article:nth-child(2n) {
        border-right: 0;
    }

    .services-info-grid article:nth-child(n + 2) {
        border-top: 1px solid #e3e7ed;
    }

    .services-view-toggle,
    .services-suggestion-strip .button {
        width: 100%;
    }
}

/* Premium marketplace body */
.marketplace-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(5, 13, 17, 0.97) 0%, rgba(5, 13, 17, 0.9) 43%, rgba(5, 13, 17, 0.62) 72%, rgba(5, 13, 17, 0.74) 100%),
        url("../img/home-hero.png") center right / cover no-repeat;
    color: #ffffff;
    padding: 52px 0 34px;
}

.marketplace-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.12);
}

.marketplace-hero__inner {
    display: grid;
    gap: 28px;
}

.marketplace-hero__copy {
    max-width: 880px;
}

.marketplace-hero h1 {
    margin: 0;
    color: #ffffff;
    font-size: 40px;
    line-height: 1.1;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
}

.marketplace-hero p {
    margin: 16px 0 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: 17px;
    line-height: 1.55;
}

.marketplace-search {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) minmax(190px, 1fr) minmax(190px, 0.95fr) 168px;
    gap: 18px;
    align-items: end;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    background: rgba(21, 31, 34, 0.92);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
    padding: 18px;
    backdrop-filter: blur(12px);
}

.marketplace-search__field {
    display: grid;
    gap: 8px;
    min-width: 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.marketplace-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.marketplace-search select,
.marketplace-sort select {
    width: 100%;
    min-height: 45px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 7px;
    background: rgba(8, 14, 17, 0.62);
    color: #ffffff;
    font: inherit;
    padding: 0 14px;
    outline: none;
}

.marketplace-search input::placeholder {
    color: rgba(255, 255, 255, 0.58);
}

.marketplace-search select option,
.marketplace-sort select option {
    color: #111827;
}

.marketplace-search input:focus,
.marketplace-search select:focus,
.marketplace-sort select:focus {
    border-color: #ff7a1a;
    box-shadow: 0 0 0 3px rgba(255, 122, 26, 0.16);
}

.marketplace-search__button {
    min-height: 45px;
    justify-content: center;
    white-space: nowrap;
}

.marketplace-body {
    background: #f7f8fb;
    padding: 18px 0 46px;
}

.marketplace-body__inner {
    display: grid;
    gap: 18px;
}

.marketplace-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: 0;
}

.marketplace-tabs {
    display: flex;
    gap: 22px;
    min-width: 0;
    overflow-x: auto;
    padding: 0 0 8px;
    scrollbar-width: thin;
}

.marketplace-tabs__item {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    border-bottom: 2px solid transparent;
    color: #293241;
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
    white-space: nowrap;
}

.marketplace-tabs__item em {
    color: #6b7280;
    font-style: normal;
    font-weight: var(--wb-font-weight-semibold);
}

.marketplace-tabs__item.is-active {
    border-bottom-color: #ff7418;
    color: #ff7418;
}

.marketplace-sort {
    flex: 0 0 auto;
}

.marketplace-sort label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #374151;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.marketplace-sort select {
    min-width: 190px;
    border-color: #d9dee7;
    background: #ffffff;
    color: #1f2937;
}

.marketplace-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.market-card,
.market-generic-card,
.marketplace-empty {
    border: 1px solid #e2e6ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06);
}

.market-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 300px;
    flex-direction: column;
    overflow: hidden;
}

.market-card__media {
    position: relative;
    display: block;
    aspect-ratio: 4 / 2.65;
    overflow: hidden;
    background: #dbe4e7;
}

.market-card__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 220ms ease;
}

.market-card:hover .market-card__media img {
    transform: scale(1.035);
}

.market-card__media--placeholder {
    background: linear-gradient(135deg, #f0f3f7, #d8e7e3);
}

.market-card__media--placeholder img {
    object-fit: contain;
    padding: 26px;
}

.market-card__badge,
.market-card__urgent {
    position: absolute;
    left: 10px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 5px 8px;
}

.market-card__badge {
    bottom: 8px;
    color: #0f766e;
}

.market-card__urgent {
    top: 8px;
    color: #b42318;
}

.market-card__favorite-form {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    margin: 0;
}

.market-card__favorite {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    color: #111827;
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.16);
    cursor: pointer;
}

.market-card__favorite-form .market-card__favorite {
    position: static;
}

.market-card__favorite.is-active,
.market-card__favorite:hover {
    color: #ff6514;
}

.market-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 9px;
    min-width: 0;
    padding: 14px 12px 12px;
}

.market-card h2 {
    margin: 0;
    font-size: 16px;
    line-height: 1.25;
    font-weight: var(--wb-font-weight-semibold);
}

.market-card h2 a,
.market-generic-card h2 a {
    color: #111827;
    text-decoration: none;
}

.market-card h2 a:hover,
.market-generic-card h2 a:hover {
    color: #ff6514;
}

.market-card__location {
    margin: 0;
    color: #5b6573;
    font-size: 13px;
    line-height: 1.3;
}

.market-card__footer {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
}

.market-card__budget {
    color: #ff6514;
    font-size: 16px;
    line-height: 1.15;
}

.market-card__deadline {
    color: #667085;
    font-size: 12px;
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
}

.market-card__deadline--urgent {
    color: #b42318;
    font-weight: var(--wb-font-weight-semibold);
}

.market-card__deadline--expired {
    color: #6b7280;
    text-decoration: line-through;
}

.marketplace-ad-slot > .ad-card {
    height: 100%;
    min-height: 300px;
    overflow: hidden;
    border-radius: 8px;
}

.market-generic-card {
    display: grid;
    gap: 12px;
    padding: 18px;
}

.marketplace-generic-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.marketplace-empty {
    display: grid;
    gap: 12px;
    justify-items: start;
    padding: 28px;
}

.marketplace-empty h2,
.marketplace-empty p,
.market-generic-card h2,
.market-generic-card p {
    margin: 0;
}

.marketplace-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding-top: 2px;
}

.marketplace-load-more {
    min-width: 220px;
    justify-content: center;
}

.marketplace-cms-teaser {
    margin-top: 8px;
}

.order-gallery {
    display: grid;
    gap: 12px;
    margin-bottom: 18px;
}

.order-gallery__main,
.order-gallery__thumb {
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
}

.order-gallery__main {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: #111827;
    aspect-ratio: 16 / 9;
}

.order-gallery__main img,
.order-gallery__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.order-gallery__main span {
    position: absolute;
    left: 14px;
    top: 14px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.94);
    color: #ff6514;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 6px 10px;
}

.order-gallery__thumbs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
    gap: 9px;
}

.order-gallery__thumb {
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 7px;
    aspect-ratio: 1 / 1;
}

.order-gallery__thumb.is-active,
.order-gallery__thumb:focus-visible {
    border-color: #ff7418;
    outline: none;
}

body.has-open-lightbox {
    overflow: hidden;
}

.order-lightbox[hidden] {
    display: none;
}

.order-lightbox {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    background: rgba(5, 10, 14, 0.88);
    padding: 28px;
}

.order-lightbox figure {
    position: relative;
    width: min(1080px, 100%);
    max-height: calc(100vh - 80px);
    margin: 0;
    display: grid;
    gap: 10px;
    color: #ffffff;
}

.order-lightbox img {
    width: 100%;
    max-height: calc(100vh - 130px);
    object-fit: contain;
    border-radius: 8px;
    background: #030712;
}

.order-lightbox figcaption {
    min-height: 20px;
    color: rgba(255, 255, 255, 0.78);
    text-align: center;
}

.order-lightbox__close,
.order-lightbox__nav {
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    cursor: pointer;
}

.order-lightbox__close {
    position: fixed;
    top: 18px;
    right: 18px;
    width: 42px;
    height: 42px;
    font-size: 28px;
}

.order-lightbox__nav {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 46px;
    height: 46px;
    font-size: 34px;
    transform: translateY(-50%);
}

.order-lightbox__nav--prev {
    left: 10px;
}

.order-lightbox__nav--next {
    right: 10px;
}

.wizard-photo-slot--primary {
    border-color: rgba(255, 116, 24, 0.62);
    box-shadow: 0 0 0 3px rgba(255, 116, 24, 0.12);
}

.wizard-photo-slot--filled figcaption {
    display: grid;
    gap: 5px;
    justify-items: start;
}

.wizard-photo-slot__primary-badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border-radius: 6px;
    background: #fff4ed;
    color: #c2410c;
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 8px;
}

.wizard-photo-slot__primary {
    min-height: 28px;
    border: 1px solid #ffd5bd;
    border-radius: 6px;
    background: #ffffff;
    color: #c2410c;
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 8px;
    cursor: pointer;
}

.wizard-photo-slot__primary:hover {
    border-color: #ff7418;
}

@media (max-width: 1180px) {
    .marketplace-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .marketplace-search {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .marketplace-search__button {
        grid-column: span 2;
    }

    .marketplace-grid,
    .marketplace-generic-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .marketplace-hero {
        padding: 40px 0 24px;
        background:
            linear-gradient(90deg, rgba(5, 13, 17, 0.98), rgba(5, 13, 17, 0.84)),
            url("../img/home-hero.png") center right / cover no-repeat;
    }

    .marketplace-hero h1 {
        font-size: 34px;
    }

    .marketplace-search,
    .marketplace-search__button {
        grid-template-columns: 1fr;
        grid-column: auto;
    }

    .marketplace-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .marketplace-sort label,
    .marketplace-sort select {
        width: 100%;
    }

    .marketplace-grid,
    .marketplace-generic-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .order-lightbox {
        padding: 14px;
    }

    .order-lightbox__nav--prev {
        left: 8px;
    }

    .order-lightbox__nav--next {
        right: 8px;
    }
}

@media (max-width: 430px) {
    .marketplace-hero h1 {
        font-size: 30px;
    }

    .marketplace-hero p {
        font-size: 15px;
    }

    .marketplace-search {
        gap: 12px;
        padding: 14px;
    }

    .marketplace-grid,
    .marketplace-generic-grid {
        grid-template-columns: 1fr;
    }

    .market-card {
        min-height: 0;
    }

    .market-card__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .market-card__deadline {
        text-align: left;
    }

    .marketplace-pagination {
        flex-direction: column;
    }

    .marketplace-load-more,
    .marketplace-pagination .button {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .marketplace-tabs {
        gap: 16px;
    }

    .marketplace-tabs__item {
        min-height: 38px;
        font-size: 13px;
    }

    .market-card h2 {
        font-size: 15px;
    }
}

@media (max-width: 360px) {
    .marketplace-hero h1 {
        font-size: 27px;
    }

    .marketplace-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    .marketplace-search select,
    .marketplace-sort select {
        min-height: 42px;
        padding-inline: 11px;
    }

    .market-card__favorite {
        width: 34px;
        height: 34px;
        font-size: 19px;
    }
}
/* Premium public order detail */
.order-detail-page {
    background: #f6f7f9;
    color: #111827;
    padding: 18px 0 42px;
}

.order-detail-container {
    display: grid;
    gap: 18px;
}

.order-detail-breadcrumb {
    align-items: center;
    color: #687381;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 8px;
    min-height: 30px;
}

.order-detail-breadcrumb a {
    color: #4b5563;
    text-decoration: none;
}

.order-detail-breadcrumb a:hover {
    color: #ff6514;
}

.order-detail-layout {
    align-items: start;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 350px);
}

.order-detail-main,
.order-sidebar-stack {
    display: grid;
    gap: 20px;
}

.order-detail-card {
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 8px;
    box-shadow: 0 16px 45px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.order-detail-head {
    align-items: start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 28px 28px 22px;
}

.order-detail-head__copy {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.order-detail-badge {
    align-items: center;
    background: #fff3ec;
    border-radius: 7px;
    color: #f06414;
    display: inline-flex;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    justify-self: start;
    min-height: 28px;
    padding: 0 10px;
}

.order-detail-head h1 {
    color: #0b1019;
    font-size: var(--wb-font-size-h1);
    line-height: 1.06;
    margin: 0;
    overflow-wrap: anywhere;
}

.order-detail-meta,
.order-detail-actions,
.order-owner-badges {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.order-detail-meta {
    color: #5b6675;
    font-size: 14px;
}

.order-detail-meta > span,
.order-detail-meta > time {
    align-items: center;
    display: inline-flex;
    min-height: 28px;
}

.order-detail-deadline {
    color: #f06414;
    font-weight: var(--wb-font-weight-semibold);
}

.order-detail-deadline--expired,
.order-detail-page .order-detail-deadline--expired {
    color: #9ca3af;
}

.order-detail-urgent {
    background: #ffe2e2;
    border-radius: 999px;
    color: #c82121;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 6px 10px;
}

.order-detail-actions {
    flex-shrink: 0;
    justify-content: flex-end;
}

.order-action-button {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dce2ea;
    border-radius: 8px;
    color: #101827;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    gap: 7px;
    min-height: 42px;
    padding: 0 14px;
    text-decoration: none;
}

.order-action-button:hover,
.order-action-button.is-active {
    border-color: #ff7418;
    color: #f06414;
}

.order-detail-page .order-gallery {
    gap: 12px;
    margin: 0;
    padding: 18px;
}

.order-gallery__stage {
    position: relative;
}

.order-detail-page .order-gallery__main {
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
    min-height: 360px;
}

.order-detail-page .order-gallery__main span {
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12);
}


.order-detail-thumbs {
    grid-template-columns: repeat(10, minmax(54px, 1fr));
}

.order-detail-page .order-gallery__thumb {
    background: #eef2f7;
    border-radius: 7px;
    min-width: 0;
}

.order-detail-page .order-gallery__thumb.is-active,
.order-detail-page .order-gallery__thumb:focus-visible {
    border-color: #ff7418;
    box-shadow: 0 0 0 3px rgba(255, 116, 24, 0.14);
}

.order-detail-lightbox .order-lightbox__frame {
    align-items: center;
    display: grid;
    gap: 12px;
    justify-items: center;
    width: min(1120px, calc(100vw - 112px));
}

.order-detail-lightbox .order-lightbox__counter {
    align-self: start;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    color: #ffffff;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    justify-self: center;
    padding: 7px 12px;
}

.order-detail-lightbox .order-lightbox__ad {
    display: grid;
    max-height: calc(100vh - 150px);
    place-items: center;
    width: min(760px, 100%);
}

.order-detail-lightbox .order-lightbox__ad[hidden] {
    display: none;
}

.order-detail-lightbox .order-lightbox__ad .ad-card {
    background: #ffffff;
    color: #111827;
    gap: 16px;
    padding: 22px;
    width: 100%;
}

.order-detail-lightbox .order-lightbox__ad .ad-card__label {
    background: #e8f4ff;
    border-radius: 999px;
    color: #0969a8;
    justify-self: start;
    letter-spacing: 0;
    padding: 5px 9px;
    text-transform: none;
}

.order-detail-lightbox .order-lightbox__ad .ad-card__image {
    max-height: 320px;
}

.order-detail-section {
    display: grid;
    gap: 18px;
    padding: 26px 28px;
}

.order-detail-section h2,
.order-detail-overview h2,
.order-owner-card h2,
.order-trust-card h2,
.order-similar-section h2 {
    color: #111827;
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
}

.order-description {
    color: #283241;
    font-size: 16px;
    line-height: 1.72;
    margin: 0;
}

.order-scope-list,
.order-trust-card ul {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.order-scope-list li,
.order-trust-card li {
    color: #283241;
    display: grid;
    gap: 8px;
    grid-template-columns: 18px minmax(0, 1fr);
    line-height: 1.5;
}

.order-checkmark {
    color: #16803c;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.5;
}

.order-facts-grid,
.order-answer-groups dl,
.order-detail-overview dl,
.order-owner-meta {
    display: grid;
    gap: 0;
    margin: 0;
}

.order-facts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.order-facts-grid > div,
.order-answer-groups dl > div,
.order-detail-overview dl > div,
.order-owner-meta > div {
    border-top: 1px solid #edf0f4;
    display: grid;
    gap: 5px;
    padding: 13px 0;
}

.order-facts-grid > div:nth-child(1),
.order-facts-grid > div:nth-child(2) {
    border-top: 0;
}

.order-facts-grid dt,
.order-answer-groups dt,
.order-detail-overview dt,
.order-owner-meta dt {
    color: #6b7280;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.order-facts-grid dd,
.order-answer-groups dd,
.order-detail-overview dd,
.order-owner-meta dd {
    color: #111827;
    font-size: 14px;
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.order-answer-groups {
    border-top: 1px solid #edf0f4;
    display: grid;
    gap: 18px;
    padding-top: 18px;
}

.order-answer-groups h3 {
    font-size: 15px;
    margin: 0 0 8px;
}

.order-empty-files {
    background: #f8fafc;
    border: 1px dashed #cfd7e3;
    border-radius: 8px;
    display: grid;
    gap: 6px;
    padding: 18px;
}

.order-empty-files strong {
    color: #111827;
}

.order-empty-files p {
    color: #687381;
    margin: 0;
}

.order-counter-form {
    display: grid;
    gap: 14px;
}

.order-counter-form label {
    display: grid;
    gap: 7px;
}

.order-counter-form span {
    color: #374151;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.order-counter-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.order-counter-form textarea {
    border: 1px solid #d9e0e8;
    border-radius: 8px;
    color: #111827;
    font: inherit;
    padding: 12px 13px;
}

.order-detail-sidebar {
    min-width: 0;
}

.order-sidebar-stack {
    position: sticky;
    top: 92px;
}

.order-detail-overview,
.order-owner-card,
.order-trust-card {
    display: grid;
    gap: 18px;
    padding: 24px;
}

.order-detail-overview dd strong,
.order-detail-overview dd:first-child,
.order-detail-overview strong {
    color: #ff6514;
}

.order-countdown-panel {
    align-items: center;
    background: linear-gradient(135deg, #fff6ed, #ffffff);
    border: 1px solid #ff8a3d;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    justify-items: center;
    padding: 18px;
    text-align: center;
}

.order-countdown-panel span {
    color: #8a4b19;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.order-countdown-panel strong {
    color: #ff6514;
    font-size: 30px;
    line-height: 1;
}

.order-countdown-panel small,
.order-sidebar-note {
    color: #687381;
}

.order-sidebar-cta {
    justify-content: center;
    width: 100%;
}

.order-owner-card__head {
    align-items: center;
    display: grid;
    gap: 13px;
    grid-template-columns: 58px minmax(0, 1fr);
}

.order-owner-card__avatar {
    align-items: center;
    background: linear-gradient(135deg, #e5e7eb, #f8fafc);
    border: 1px solid #dbe2ea;
    border-radius: 50%;
    color: #4b5563;
    display: grid;
    font-size: 20px;
    font-weight: var(--wb-font-weight-semibold);
    height: 58px;
    justify-content: center;
    overflow: hidden;
    width: 58px;
}

.order-owner-card__avatar img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.order-owner-card__head strong {
    color: #111827;
    display: block;
    overflow-wrap: anywhere;
}

.order-owner-card__head p {
    color: #687381;
    font-size: 13px;
    margin: 4px 0 0;
}

.order-owner-badges span {
    background: #f3f4f6;
    border-radius: 999px;
    color: #4b5563;
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 6px 9px;
}

.order-owner-badges .is-verified {
    background: #eaf7ee;
    color: #287a3e;
}

.order-trust-card .text-link {
    justify-self: start;
}

.order-similar-section {
    display: grid;
    gap: 16px;
    padding-top: 12px;
}

.order-similar-section__head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 14px;
}

.order-similar-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.order-gallery-empty {
    display: grid;
    gap: 8px;
    padding: 28px;
}

.order-gallery-empty h2,
.order-gallery-empty p {
    margin: 0;
}

@media (max-width: 1180px) {
    .order-detail-layout {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
    }

    .order-similar-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .order-detail-layout {
        grid-template-columns: 1fr;
    }

    .order-sidebar-stack {
        position: static;
    }

    .order-detail-sidebar {
        order: 2;
    }

    .order-detail-thumbs {
        grid-template-columns: repeat(5, minmax(70px, 1fr));
    }
}

@media (max-width: 768px) {
    .order-detail-page {
        padding-top: 10px;
    }

    .order-detail-head {
        display: grid;
        padding: 22px 18px;
    }

    .order-detail-actions,
    .order-detail-actions form,
    .order-action-button {
        width: 100%;
    }

    .order-action-button {
        justify-content: center;
    }

    .order-detail-page .order-gallery {
        padding: 12px;
    }

    .order-detail-page .order-gallery__main {
        min-height: 250px;
    }

    .order-detail-thumbs {
        display: flex;
        gap: 9px;
        overflow-x: auto;
        padding-bottom: 4px;
        scroll-snap-type: x mandatory;
    }

    .order-detail-page .order-gallery__thumb {
        flex: 0 0 74px;
        scroll-snap-align: start;
    }

    .order-detail-section,
    .order-detail-overview,
    .order-owner-card,
    .order-trust-card {
        padding: 20px;
    }

    .order-facts-grid {
        grid-template-columns: 1fr;
    }

    .order-facts-grid > div:nth-child(2) {
        border-top: 1px solid #edf0f4;
    }

    .order-similar-section__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .order-similar-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .order-detail-lightbox .order-lightbox__frame {
        width: calc(100vw - 28px);
    }
}

@media (max-width: 520px) {
    .order-detail-head h1 {
        font-size: 31px;
    }

    .order-detail-page .order-gallery__main {
        min-height: 210px;
    }



    .order-countdown-panel strong {
        font-size: 26px;
    }

    .order-similar-grid {
        grid-template-columns: 1fr;
    }
}
.order-share {
    position: relative;
}

.order-share-menu[hidden] {
    display: none;
}

.order-share-menu {
    background: #ffffff;
    border: 1px solid #dce2ea;
    border-radius: 8px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16);
    display: grid;
    gap: 4px;
    min-width: 220px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 20;
}

.order-share-menu a,
.order-share-menu button {
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #111827;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 10px 11px;
    text-align: left;
    text-decoration: none;
}

.order-share-menu a:hover,
.order-share-menu button:hover {
    background: #f8fafc;
    color: #f06414;
}

.order-share-menu [data-share-status] {
    color: #16803c;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    padding: 6px 11px 3px;
}

.order-sidebar-similar {
    display: grid;
    gap: 16px;
    padding: 24px;
}

.order-sidebar-similar__head {
    display: grid;
    gap: 8px;
}

.order-sidebar-similar__head h2 {
    margin: 0;
}

.order-sidebar-similar__list {
    display: grid;
    gap: 12px;
}

.order-sidebar-similar__item {
    align-items: center;
    border-top: 1px solid #edf0f4;
    color: #111827;
    display: grid;
    gap: 12px;
    grid-template-columns: 76px minmax(0, 1fr);
    padding-top: 12px;
    text-decoration: none;
}

.order-sidebar-similar__item:first-child {
    border-top: 0;
    padding-top: 0;
}

.order-sidebar-similar__item img {
    aspect-ratio: 1 / 1;
    background: #eef2f7;
    border-radius: 7px;
    display: block;
    object-fit: cover;
    width: 76px;
}

.order-sidebar-similar__item span {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.order-sidebar-similar__item strong {
    color: #111827;
    font-size: 14px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.order-sidebar-similar__item small,
.order-sidebar-similar__item em {
    color: #687381;
    font-size: 12px;
    font-style: normal;
    line-height: 1.3;
}

.order-sidebar-similar__item:hover strong {
    color: #f06414;
}

.order-detail-lightbox .order-lightbox__ad .ad-card {
    cursor: pointer;
}

@media (max-width: 768px) {
    .order-share,
    .order-share-menu {
        width: 100%;
    }

    .order-share-menu {
        left: 0;
        right: auto;
    }
}
/* Central location and radius controls */
.location-status {
    display: block;
    min-height: 18px;
    color: #667085;
    font-size: 12px;
    line-height: 1.3;
}

.location-status[hidden] {
    display: none;
}

.location-status[data-state="ok"] {
    color: #0f766e;
}

.location-status[data-state="error"] {
    color: #b42318;
}

.marketplace-search {
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
}

.marketplace-search__field:first-of-type {
    min-width: min(260px, 100%);
}

.marketplace-search__field--compact {
    min-width: 118px;
}

.marketplace-save-filter {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: end;
    min-height: 45px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    white-space: nowrap;
}

.marketplace-save-filter input[type="checkbox"],
.marketplace-save-filter input[type="radio"] {
    width: var(--wb-choice-control-size);
    height: var(--wb-choice-control-size);
    min-width: var(--wb-choice-control-size);
    min-height: var(--wb-choice-control-size);
    flex: 0 0 var(--wb-choice-control-size);
}

.market-card__location {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
}

.market-card__location span {
    color: #0f766e;
    font-weight: var(--wb-font-weight-semibold);
}

.order-radius-status {
    display: block;
    margin-top: 4px;
    color: #0f766e;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.order-radius-status.is-outside {
    color: #b42318;
}
/* Geräteverleih module */
.rental-hero {
    background: linear-gradient(135deg, rgba(12, 17, 24, 0.98), rgba(31, 37, 47, 0.94));
    color: var(--wb-color-on-dark);
    padding: clamp(48px, 7vw, 84px) 0;
}

.rental-hero__inner {
    display: grid;
    gap: var(--wb-space-6);
    align-items: center;
}

.rental-hero__copy {
    display: grid;
    gap: var(--wb-space-4);
    max-width: 780px;
}

.rental-hero h1 {
    max-width: 840px;
    margin: 0;
    color: var(--wb-color-on-dark);
}

.rental-hero p {
    max-width: 720px;
    color: rgba(255, 255, 255, 0.78);
    font-size: var(--wb-font-size-lg);
}

.rental-hero__actions,
.rental-detail-heading,
.rental-detail-topbar,
.rental-card__badges,
.rental-section-head,
.rental-request-item__actions {
    display: flex;
    gap: var(--wb-space-3);
    flex-wrap: wrap;
    align-items: center;
}

.rental-hero__panel {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--wb-radius-md);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 22px 45px rgba(0, 0, 0, 0.2);
    display: grid;
    gap: var(--wb-space-2);
    padding: var(--wb-space-5);
}

.rental-hero__panel strong {
    color: var(--wb-color-accent-soft);
    font-size: var(--wb-font-size-xl);
}

.rental-filter {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rental-results-head,
.rental-business-band {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wb-space-4);
    flex-wrap: wrap;
}

.rental-results-head h2,
.rental-business-band h2,
.rental-process h2 {
    margin: 0;
}

.rental-card-grid {
    display: grid;
    gap: var(--wb-space-5);
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.rental-card,
.rental-mini-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
}

.rental-card__media {
    display: grid;
    aspect-ratio: 4 / 3;
    place-items: center;
    background: var(--wb-color-surface-muted);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    text-decoration: none;
}

.rental-card__media img,
.rental-mini-card img,
.rental-gallery__main img,
.rental-gallery__thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rental-card__body {
    display: grid;
    gap: var(--wb-space-3);
    padding: var(--wb-space-5);
}

.rental-card h3 {
    margin: 0;
    font-size: var(--wb-font-size-xl);
}

.rental-card h3 a,
.rental-mini-card {
    color: inherit;
    text-decoration: none;
}

.rental-card p {
    margin: 0;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.rental-card__meta,
.rental-spec-grid,
.rental-cost-card__facts,
.rental-cost-card__summary {
    display: grid;
    gap: var(--wb-space-3);
    margin: 0;
}

.rental-card__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rental-card__meta div,
.rental-spec-grid div,
.rental-cost-card__facts div,
.rental-cost-card__summary div {
    display: grid;
    gap: 2px;
}

.rental-card__meta dt,
.rental-spec-grid dt,
.rental-cost-card__facts dt,
.rental-cost-card__summary dt {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.rental-card__meta dd,
.rental-spec-grid dd,
.rental-cost-card__facts dd,
.rental-cost-card__summary dd {
    margin: 0;
    font-weight: var(--wb-font-weight-semibold);
}

.rental-process {
    display: grid;
    gap: var(--wb-space-4);
}

.rental-process__step {
    display: flex;
    gap: var(--wb-space-3);
    align-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    padding: var(--wb-space-4);
}

.rental-process__step span {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: var(--wb-color-accent);
    color: var(--wb-color-primary);
    font-weight: var(--wb-font-weight-semibold);
}

.rental-business-band,
.rental-legal-note .container {
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
    padding: var(--wb-space-6);
}

.rental-legal-note p {
    margin: 0;
    font-weight: var(--wb-font-weight-semibold);
}

.rental-detail-page {
    background: linear-gradient(180deg, #f7f8fb 0%, #fff 42%);
    padding: var(--wb-space-6) 0 var(--wb-space-12);
}

.rental-detail-shell,
.rental-detail-main,
.rental-detail-cards,
.rental-detail-sidebar,
.rental-form,
.rental-form__section {
    display: grid;
    gap: var(--wb-space-5);
}

.rental-detail-topbar {
    justify-content: flex-start;
}

.rental-breadcrumb {
    display: flex;
    gap: var(--wb-space-2);
    flex-wrap: wrap;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.rental-breadcrumb a {
    color: inherit;
    text-decoration: none;
}

.rental-detail-heading {
    justify-content: space-between;
}

.rental-detail-heading h1 {
    margin: var(--wb-space-2) 0;
}

.rental-detail-heading p {
    margin: 0;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.rental-detail-layout {
    display: grid;
    gap: var(--wb-space-6);
    align-items: start;
}

.rental-gallery {
    display: grid;
    gap: var(--wb-space-3);
}

.rental-gallery__main {
    display: grid;
    aspect-ratio: 16 / 9;
    place-items: center;
    overflow: hidden;
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface-muted);
    box-shadow: var(--wb-shadow-sm);
}

.rental-gallery__thumbs {
    display: grid;
    gap: var(--wb-space-2);
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.rental-gallery__thumbs img,
.rental-gallery__thumbs span {
    aspect-ratio: 16 / 10;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-sm);
    overflow: hidden;
}

.rental-gallery__thumbs img.is-active {
    border-color: var(--wb-color-accent);
    box-shadow: inset 0 0 0 2px var(--wb-color-accent);
}

.rental-gallery__thumbs span {
    display: grid;
    place-items: center;
    background: rgba(0, 0, 0, 0.62);
    color: #fff;
    font-weight: var(--wb-font-weight-semibold);
}

.rental-detail-card h2,
.rental-cost-card h2,
.rental-provider-card h2,
.rental-availability-card h2 {
    margin-top: 0;
    font-size: var(--wb-font-size-lg);
}

.rental-spec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rental-spec-grid--two {
    margin-top: var(--wb-space-4);
}

.rental-feature-list ul {
    display: grid;
    gap: var(--wb-space-3);
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    margin: 0;
    padding-left: 1.1rem;
}

.rental-cost-card {
    display: grid;
    gap: var(--wb-space-4);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-md);
    padding: var(--wb-space-5);
}

.rental-cost-card__price {
    display: flex;
    align-items: baseline;
    gap: var(--wb-space-2);
}

.rental-cost-card__price strong {
    font-size: var(--wb-font-size-3xl);
    letter-spacing: 0;
}

.rental-date-grid {
    display: grid;
    gap: var(--wb-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rental-cost-card__summary .is-total {
    border-top: 1px solid var(--wb-color-border);
    padding-top: var(--wb-space-3);
}

.rental-cost-card__summary .is-total dd {
    color: var(--wb-color-accent-deep);
    font-size: var(--wb-font-size-lg);
}

.rental-cost-card__notice {
    border-radius: var(--wb-radius-sm);
    background: #f2f6fb;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    padding: var(--wb-space-3);
}

.rental-calendar-mini {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.rental-calendar-mini span {
    display: grid;
    min-height: 30px;
    place-items: center;
    border-radius: 999px;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.rental-calendar-mini .is-free {
    background: #dff6df;
    color: #176a31;
}

.rental-calendar-mini .is-reserved {
    background: var(--wb-color-accent);
    color: var(--wb-color-primary);
}

.rental-calendar-legend {
    display: flex;
    gap: var(--wb-space-3);
    flex-wrap: wrap;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    margin-top: var(--wb-space-3);
}

.rental-provider-card {
    display: grid;
    gap: var(--wb-space-3);
}

.rental-mini-grid {
    display: grid;
    gap: var(--wb-space-4);
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.rental-mini-card {
    display: grid;
    gap: var(--wb-space-2);
    padding: var(--wb-space-3);
}

.rental-mini-card img {
    aspect-ratio: 16 / 9;
    border-radius: var(--wb-radius-sm);
}

.rental-form__section {
    border-bottom: 1px solid var(--wb-color-border);
    padding-bottom: var(--wb-space-5);
}

.rental-form__section:last-of-type {
    border-bottom: 0;
}

.rental-form__photos img {
    max-height: 120px;
}

.rental-form__checks {
    gap: var(--wb-space-3);
}

.rental-request-board,
.rental-request-list,
.rental-request-item {
    display: grid;
    gap: var(--wb-space-4);
}

.rental-request-item {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    padding: var(--wb-space-4);
}

.rental-request-item strong,
.rental-request-item span,
.rental-request-item small,
.rental-request-item em {
    display: block;
}

.rental-request-item small,
.rental-request-item em {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.rental-request-item__actions {
    grid-column: 1 / -1;
}

.rental-request-item__actions form {
    display: flex;
    gap: var(--wb-space-2);
    align-items: center;
    flex-wrap: wrap;
}

@media (min-width: 760px) {
    .rental-process {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rental-process .section-heading {
        grid-column: 1 / -1;
    }
}

@media (min-width: 1024px) {
    .rental-hero__inner {
        grid-template-columns: minmax(0, 1fr) 340px;
    }

    .rental-detail-layout {
        grid-template-columns: minmax(0, 1fr) 380px;
    }

    .rental-detail-sidebar {
        position: sticky;
        top: 96px;
    }
}

@media (max-width: 900px) {
    .rental-filter {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .order-category-picker__head {
        align-items: start;
        display: grid;
    }

    .order-category-picker__head [data-order-trade-status] {
        text-align: left;
    }

    .wizard-page--order .choice-grid--categories,
    .wizard-page--order .order-subcategory-panel .choice-grid--trade {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .rental-filter,
    .rental-card__meta,
    .rental-spec-grid,
    .rental-date-grid,
    .rental-request-item {
        grid-template-columns: 1fr;
    }

    .rental-gallery__thumbs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .rental-cost-card__price strong {
        font-size: var(--wb-font-size-2xl);
    }

    .rental-request-item__actions,
    .rental-request-item__actions form,
    .rental-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .rental-request-item__actions .button,
    .rental-hero__actions .button,
    .rental-cost-card .button {
        width: 100%;
    }
}

.admin-category-grid {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}
.admin-category-form h2 {
    margin-top: 0;
    font-size: 1.1rem;
}
.admin-category-table .table td {
    vertical-align: top;
}
.admin-inline-edit {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 8px;
    align-items: center;
    min-width: 420px;
}
.admin-inline-edit textarea,
.admin-inline-edit .check-row,
.admin-inline-edit button {
    grid-column: 1 / -1;
}
@media (max-width: 980px) {
    .admin-category-grid {
        grid-template-columns: 1fr;
    }
    .admin-inline-edit {
        min-width: 0;
        grid-template-columns: 1fr;
    }
}
/* Rental premium detail interactions */
.rental-detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
}
.rental-detail-actions form {
    margin: 0;
}
.rental-action-button.is-active {
    border-color: rgba(255,130,2,.45);
    color: var(--color-accent, #ff8202);
    background: rgba(255,130,2,.08);
}
.rental-toast {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 80;
    max-width: min(360px, calc(100vw - 32px));
    padding: 12px 16px;
    border-radius: 8px;
    color: #fff;
    background: #111827;
    box-shadow: 0 18px 50px rgba(15,23,42,.22);
    font-weight: var(--wb-font-weight-semibold);
}
.rental-gallery__counter {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    padding: 7px 11px;
    border-radius: 999px;
    color: #fff;
    background: rgba(0,0,0,.68);
    font-size: .88rem;
    font-weight: var(--wb-font-weight-semibold);
}
.rental-gallery__thumb {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    background: #f3f4f6;
    cursor: pointer;
    aspect-ratio: 16 / 9;
}
.rental-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.rental-gallery__thumb.is-active {
    border-color: #ff8202;
}
.rental-gallery__more {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #fff;
    background: rgba(0,0,0,.58);
    font-size: 1.35rem;
    font-weight: var(--wb-font-weight-semibold);
}
.rental-cost-card__price small {
    display: block;
    margin-top: 3px;
    color: #6b7280;
    font-size: .78rem;
}
.rental-cost-card button:disabled,
.rental-cost-card .button:disabled {
    opacity: .52;
    cursor: not-allowed;
}
.rental-date-conflict {
    margin: 8px 0 0;
    padding: 10px 12px;
    font-size: .88rem;
}
.rental-calendar-head {
    display: flex;
    justify-content: center;
    margin: 8px 0 12px;
}
.rental-calendar-weekdays,
.rental-calendar-mini {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 6px;
}
.rental-calendar-weekdays span {
    text-align: center;
    color: #6b7280;
    font-size: .78rem;
    font-weight: var(--wb-font-weight-semibold);
}
.rental-calendar-mini .is-empty {
    background: transparent;
    box-shadow: none;
}
.rental-calendar-mini .is-requested {
    background: #fef3c7;
    color: #92400e;
    box-shadow: inset 0 0 0 1px #fbbf24;
}
.rental-calendar-mini .is-rented {
    background: #e5e7eb;
    color: #4b5563;
}
.rental-calendar-mini .is-blocked {
    background: #fee2e2;
    color: #b91c1c;
}
.rental-calendar-legend .is-rented::before,
.rental-calendar-legend .is-blocked::before,
.rental-calendar-legend .is-requested::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    border-radius: 999px;
    vertical-align: middle;
}
.rental-calendar-legend .is-requested::before { background: #fbbf24; }
.rental-calendar-legend .is-rented::before { background: #9ca3af; }
.rental-calendar-legend .is-blocked::before { background: #ef4444; }
.rental-favorites-grid .rental-card form {
    margin-top: 14px;
}
@media (max-width: 760px) {
    .rental-detail-actions {
        justify-content: flex-start;
        width: 100%;
    }
    .rental-toast {
        right: 12px;
        bottom: 12px;
    }
}
/* Rental privacy and how-it-works hardening */
.rental-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 28px;
}
.rental-pagination a {
    display: grid;
    min-width: 38px;
    min-height: 38px;
    place-items: center;
    border: 1px solid var(--wb-color-border, #e5e7eb);
    border-radius: 8px;
    color: var(--wb-color-text, #111827);
    text-decoration: none;
    font-weight: var(--wb-font-weight-semibold);
}
.rental-pagination a.is-active {
    border-color: #ff8202;
    color: #111827;
    background: rgba(255, 130, 2, .14);
}
.rental-legal-note--compact {
    padding-top: 22px;
}
.rental-calendar-head {
    align-items: center;
    gap: 12px;
}
.rental-calendar-nav {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    color: #111827;
    background: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
}
.rental-calendar-nav.is-disabled {
    opacity: .35;
    pointer-events: none;
}
.rental-calendar-mini button,
.rental-calendar-mini span {
    display: grid;
    min-height: 30px;
    place-items: center;
    border: 0;
    border-radius: 999px;
    color: var(--wb-color-text-muted, #6b7280);
    font: inherit;
    font-size: var(--wb-font-size-sm, .9rem);
}
.rental-calendar-mini button:not(:disabled) {
    cursor: pointer;
}
.rental-calendar-mini button:not(:disabled):hover {
    box-shadow: 0 0 0 2px rgba(255, 130, 2, .35);
}
.rental-calendar-mini .is-free,
.rental-calendar-legend .is-free::before {
    background: #dcfce7;
    color: #166534;
}
.rental-calendar-mini .is-requested,
.rental-calendar-legend .is-requested::before {
    background: #fef3c7;
    color: #92400e;
}
.rental-calendar-mini .is-reserved,
.rental-calendar-legend .is-reserved::before {
    background: #ff8202;
    color: #111827;
}
.rental-calendar-mini .is-rented,
.rental-calendar-legend .is-rented::before {
    background: #e5e7eb;
    color: #4b5563;
}
.rental-calendar-mini .is-blocked,
.rental-calendar-legend .is-blocked::before {
    background: #fee2e2;
    color: #991b1b;
}
.rental-calendar-mini .is-past,
.rental-calendar-legend .is-past::before {
    background: #f3f4f6;
    color: #9ca3af;
}
.rental-calendar-mini button:disabled {
    cursor: not-allowed;
}
.rental-calendar-legend span::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    border-radius: 999px;
    vertical-align: middle;
}
.rental-policy-warning {
    margin-bottom: 18px;
}
.moderation-flags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.admin-rental-table td:first-child small {
    display: block;
    margin-top: 4px;
}
.admin-rental-titlecell {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}
.admin-rental-titlecell img {
    width: 72px;
    aspect-ratio: 4 / 3;
    border: 1px solid var(--wb-color-border, #e5e7eb);
    border-radius: 6px;
    object-fit: cover;
    background: #f3f4f6;
}
.rental-owner-hero {
    min-height: min(620px, calc(100vh - 92px));
    display: flex;
    align-items: end;
    background-size: cover;
    background-position: center;
    color: #fff;
}
.rental-owner-hero__inner {
    width: 100%;
    padding-block: clamp(76px, 10vw, 132px) 72px;
}
.rental-owner-hero__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}
.rental-owner-hero__stats span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .10);
    backdrop-filter: blur(8px);
    font-weight: var(--wb-font-weight-semibold);
}
.rental-owner-hero__stats strong {
    color: #ffb15a;
    font-weight: var(--wb-font-weight-semibold);
}
.rental-owner-hero h1,
.rental-how-hero h1 {
    max-width: 780px;
    margin: 10px 0 14px;
    font-size: var(--wb-font-size-h1);
    line-height: 1.03;
    letter-spacing: 0;
}
.rental-owner-hero p,
.rental-how-hero p {
    max-width: 680px;
    font-size: 1.12rem;
}
.rental-owner-grid,
.rental-how-grid {
    display: grid;
    gap: 20px;
}
.rental-owner-grid article,
.rental-how-panel {
    border: 1px solid var(--wb-color-border, #e5e7eb);
    border-radius: 8px;
    background: #fff;
    padding: clamp(20px, 3vw, 30px);
    box-shadow: 0 16px 38px rgba(15, 23, 42, .06);
}
.rental-benefit-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    margin-bottom: 14px;
    border-radius: 8px;
    color: #111827;
    background: rgba(255, 130, 2, .16);
}
.rental-benefit-icon .admin-icon {
    width: 22px;
    height: 22px;
    color: #c75c00;
}
.rental-owner-grid h2,
.rental-how-panel h2 {
    margin: 8px 0 10px;
}
.rental-owner-flow .rental-process {
    margin-top: 18px;
}
.rental-owner-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}
.rental-how-hero {
    background: #101820;
    background-size: cover;
    background-position: center;
    color: #fff;
}
.rental-how-hero__inner {
    padding-block: clamp(64px, 9vw, 112px);
}
.rental-step-list {
    display: grid;
    gap: 14px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}
.rental-step-list li {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px 14px;
    align-items: start;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf0f4;
}
.rental-step-list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.rental-step-list span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 999px;
    color: #111827;
    background: #ff8202;
    font-weight: var(--wb-font-weight-semibold);
}
.rental-step-list strong,
.rental-step-list p {
    grid-column: 2;
    margin: 0;
}
.rental-step-list p {
    color: var(--wb-color-text-muted, #6b7280);
}
@media (min-width: 840px) {
    .rental-owner-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .rental-how-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 760px) {
    .order-category-picker__head {
        align-items: start;
        display: grid;
    }

    .order-category-picker__head [data-order-trade-status] {
        text-align: left;
    }

    .wizard-page--order .choice-grid--categories,
    .wizard-page--order .order-subcategory-panel .choice-grid--trade {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .rental-owner-cta,
    .rental-how-hero .rental-hero__actions,
    .rental-owner-hero .rental-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }
    .rental-owner-cta .button,
    .rental-how-hero .button,
    .rental-owner-hero .button {
        width: 100%;
    }
}
.profile-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 18px 0 6px;
}


.form-field--wide {
    grid-column: 1 / -1;
}
/* Nachrichten-Zentrale */
.message-center {
    display: grid;
    max-width: 100%;
    min-width: 0;
    gap: var(--wb-space-5);
}

.message-center__top,
.message-center__filters,
.message-detail__head,
.message-detail__actions,
.message-detail__context,
.message-detail__meta {
    display: flex;
    min-width: 0;
    gap: var(--wb-space-3);
}

.message-center__top {
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
    padding: var(--wb-space-5);
}

.message-center__top h1,
.message-center__top p,
.message-detail__head h2,
.message-detail__head p,
.message-compose-dialog h2,
.message-compose-dialog p {
    margin: 0;
}

.message-center__top h1 {
    font-size: var(--wb-font-size-2xl);
    letter-spacing: 0;
}

.message-center__top p {
    max-width: 760px;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.message-center__compose {
    flex: 0 0 auto;
    white-space: nowrap;
}

.message-center__filters {
    align-items: end;
    flex-wrap: wrap;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    padding: var(--wb-space-4);
}

.message-center__filters label:not(.check-row),
.message-detail__meta label:not(.check-row),
.message-reply label:not(.check-row),
.message-compose-dialog label:not(.check-row),
.message-center__settings label:not(.check-row) {
    display: grid;
    min-width: min(100%, 180px);
    gap: 6px;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
}

.message-center__filters input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.message-center__filters select,
.message-detail__meta select,
.message-reply textarea,
.message-reply input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.message-compose-dialog input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.message-compose-dialog select,
.message-compose-dialog textarea,
.message-center__settings input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.message-center__settings select {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    color: var(--wb-color-text);
    padding: 10px 12px;
}

.message-center__filters label:first-of-type {
    flex: 1 1 280px;
}

.message-center .check-row {
    display: grid;
    grid-template-columns: var(--wb-choice-control-size) minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    min-height: 42px;
    gap: 10px;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
    padding: 9px 12px;
}

.message-center .check-row input[type="checkbox"] {
    width: var(--wb-choice-control-size);
    min-width: var(--wb-choice-control-size);
    height: var(--wb-choice-control-size);
    min-height: var(--wb-choice-control-size);
    margin: 0;
    cursor: pointer;
}

.message-center .check-row span {
    min-width: 0;
}

.message-center__layout {
    display: grid;
    min-width: 0;
    gap: var(--wb-space-4);
    grid-template-columns: 220px minmax(300px, 0.92fr) minmax(380px, 1.28fr);
    align-items: start;
}

.message-center__folders,
.message-center__list,
.message-center__detail,
.message-center__settings {
    min-width: 0;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
}

.message-center__folders {
    display: grid;
    gap: 4px;
    padding: var(--wb-space-3);
    position: sticky;
    top: 96px;
}

.message-center__folders a {
    display: flex;
    min-width: 0;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: var(--wb-space-2);
    border-radius: 8px;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    padding: 8px 10px;
    text-decoration: none;
}

.message-center__folders a span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-center__folders a:hover,
.message-center__folders a:focus-visible {
    background: color-mix(in srgb, var(--wb-color-accent) 8%, var(--wb-color-surface));
    color: var(--wb-color-primary);
    outline: none;
}

.message-center__folders a.is-active {
    background: color-mix(in srgb, var(--wb-color-accent) 13%, var(--wb-color-surface));
    color: var(--wb-color-primary);
    box-shadow: inset 3px 0 0 var(--wb-color-accent);
}

.message-center__folders strong,
.message-row__count,
.message-header-link__count {
    display: inline-grid;
    flex: 0 0 auto;
    min-width: 22px;
    height: 22px;
    place-items: center;
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-accent);
    color: #ffffff;
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    padding-inline: 6px;
}

.message-center__list {
    display: grid;
    gap: 0;
    overflow: hidden;
}

.message-row {
    display: grid;
    min-width: 0;
    min-height: 128px;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: var(--wb-space-3);
    align-items: start;
    border-bottom: 1px solid var(--wb-color-border);
    color: inherit;
    padding: var(--wb-space-4);
    text-decoration: none;
}

.message-row:last-child {
    border-bottom: 0;
}

.message-row:hover,
.message-row:focus-visible {
    background: var(--wb-color-surface-muted);
    outline: none;
}

.message-row.is-active {
    background: color-mix(in srgb, var(--wb-color-accent) 9%, var(--wb-color-surface));
    box-shadow: inset 3px 0 0 var(--wb-color-accent);
}

.message-row.is-unread .message-row__subject,
.message-row.is-unread .message-row__meta strong {
    color: var(--wb-color-primary);
    font-weight: var(--wb-font-weight-semibold);
}

.message-row__avatar {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-primary);
    color: #ffffff;
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
}

.message-row__body,
.message-row__badges {
    display: flex;
    min-width: 0;
    gap: 7px;
}

.message-row__body {
    flex-direction: column;
}

.message-row__meta {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--wb-space-2);
}

.message-row__meta strong,
.message-row__subject,
.message-row__preview {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-row__meta time {
    flex: 0 0 auto;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    text-align: right;
    white-space: nowrap;
}

.message-row__preview {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.message-row__badges {
    flex-wrap: wrap;
}

.message-row__badges em,
.message-detail__context span,
.message-detail__context a,
.message-priority,
.message-bubble header span {
    display: inline-flex;
    min-height: 24px;
    max-width: 100%;
    align-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-surface-muted);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 12px;
    font-style: normal;
    font-weight: var(--wb-font-weight-semibold);
    padding: 2px 8px;
    text-decoration: none;
}

.message-priority--urgent,
.message-priority--high {
    border-color: color-mix(in srgb, var(--wb-color-accent) 45%, var(--wb-color-border));
    color: var(--wb-color-primary);
}

.message-center__detail {
    display: grid;
    gap: var(--wb-space-4);
    padding: var(--wb-space-4);
}

.message-detail-empty {
    display: grid;
    min-height: 360px;
    place-items: center;
    align-content: center;
    gap: var(--wb-space-3);
    text-align: center;
}

.message-detail-empty__icon {
    width: 46px;
    height: 46px;
    color: var(--wb-color-accent);
}

.message-detail__head {
    align-items: start;
    justify-content: space-between;
    border-bottom: 1px solid var(--wb-color-border);
    padding-bottom: var(--wb-space-4);
}

.message-detail__head h2 {
    margin-top: var(--wb-space-2);
    font-size: var(--wb-font-size-xl);
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.message-detail__head p {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wb-space-2);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.message-detail__actions {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.message-detail__actions form {
    margin: 0;
}

.message-icon-button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    color: var(--wb-color-primary);
    cursor: pointer;
}

.message-icon-button:hover,
.message-icon-button:focus-visible {
    border-color: var(--wb-color-accent);
    background: color-mix(in srgb, var(--wb-color-accent) 10%, var(--wb-color-surface));
    outline: none;
}

.message-detail__context {
    flex-wrap: wrap;
}

.message-detail__context a {
    color: var(--wb-color-primary);
}

.message-detail__meta {
    align-items: end;
    flex-wrap: wrap;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface-muted);
    padding: var(--wb-space-3);
}

.message-detail__meta label:not(.check-row) {
    flex: 1 1 170px;
}

.message-detail__meta button {
    flex: 0 0 auto;
}

.message-thread {
    display: grid;
    gap: var(--wb-space-3);
}

.message-bubble {
    display: grid;
    max-width: 86%;
    gap: var(--wb-space-2);
    justify-self: start;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface-muted);
    padding: var(--wb-space-4);
}

.message-bubble.is-own {
    justify-self: end;
    background: color-mix(in srgb, var(--wb-color-accent) 9%, var(--wb-color-surface));
}

.message-bubble.is-internal {
    border-style: dashed;
    background: #fff8ed;
}

.message-bubble header {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wb-space-2);
    align-items: center;
}

.message-bubble p {
    margin: 0;
    color: var(--wb-color-text);
    overflow-wrap: anywhere;
}

.message-bubble time {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.message-bubble__status {
    display: flex;
    min-height: 22px;
    align-items: center;
    justify-content: flex-end;
}

.message-status-indicator {
    display: inline-flex;
    width: 30px;
    min-width: 30px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: var(--wb-radius-sm);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    line-height: 1;
}

.message-status-indicator:focus-visible {
    outline: none;
    box-shadow: var(--wb-shadow-focus);
}

.message-status-indicator__icon {
    display: none;
    align-items: center;
    justify-content: center;
}

.message-status-indicator--pending .message-status-indicator__icon--pending,
.message-status-indicator--failed .message-status-indicator__icon--failed,
.message-status-indicator--sent .message-status-indicator__icon--sent,
.message-status-indicator--delivered .message-status-indicator__icon--double,
.message-status-indicator--read .message-status-indicator__icon--double {
    display: inline-flex;
}

.message-status-indicator--pending {
    color: var(--wb-color-warning);
}

.message-status-indicator--failed {
    color: var(--wb-color-danger);
}

.message-status-indicator--read {
    color: var(--wb-color-success);
}

.message-status-indicator__icon--double {
    width: 26px;
    min-width: 26px;
}

.message-status-indicator__icon--double .admin-icon + .admin-icon {
    margin-left: -6px;
}

.message-status-indicator .admin-icon {
    width: 16px;
    height: 16px;
}

.message-attachments {
    display: grid;
    gap: var(--wb-space-2);
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.message-attachments a {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: var(--wb-space-2);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    padding: var(--wb-space-2);
    text-decoration: none;
}

.message-attachments span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-reply,
.message-center__settings form {
    display: grid;
    gap: var(--wb-space-3);
    border-top: 1px solid var(--wb-color-border);
    padding-top: var(--wb-space-4);
}

.message-reply {
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface-muted);
    padding: var(--wb-space-4);
}

.message-reply textarea {
    min-height: 128px;
}

.message-center__detail {
    display: flex;
    flex-direction: column;
    max-height: calc(100dvh - 220px);
    overflow: hidden;
}

.message-center__detail > * {
    flex: 0 0 auto;
}

.message-thread {
    flex: 1 1 auto;
    min-height: min(380px, 48dvh);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 4px;
    scroll-padding-bottom: 96px;
}

.message-composer {
    position: sticky;
    bottom: 0;
    z-index: 6;
    margin-top: var(--wb-space-2);
    border-top: 1px solid var(--wb-color-border);
    background: color-mix(in srgb, var(--wb-color-surface) 94%, var(--wb-color-background));
    padding-top: 8px;
}

.message-composer__bar {
    display: flex;
    min-width: 0;
    align-items: flex-end;
    gap: 8px;
}

.message-composer .message-reply,
.message-composer__form {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    gap: 6px;
    margin: 0;
    border: 0;
    background: transparent;
    padding: 0;
}

.message-composer__input-row {
    display: flex;
    min-width: 0;
    min-height: 52px;
    align-items: flex-end;
    gap: 8px;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    padding: 6px;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.message-composer.is-internal .message-composer__input-row {
    border-color: color-mix(in srgb, var(--wb-color-warning) 58%, var(--wb-color-border));
    background: color-mix(in srgb, var(--wb-color-warning) 10%, var(--wb-color-surface));
}

.message-composer__field {
    display: flex !important;
    flex: 1 1 auto;
    min-width: 120px !important;
    align-items: center;
    gap: 0 !important;
    color: var(--wb-color-text) !important;
    font-size: var(--wb-font-size-base) !important;
    font-weight: var(--wb-font-weight-medium) !important;
}

.message-composer .message-composer__field textarea {
    width: 100%;
    min-height: 24px;
    max-height: 152px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--wb-color-text);
    line-height: 1.45;
    padding: 10px 2px;
    resize: none;
}

.message-composer .message-composer__field textarea:focus {
    outline: 0;
}

.message-composer__input-row:focus-within {
    border-color: var(--wb-color-accent);
    box-shadow: var(--wb-shadow-focus);
}

.message-composer__icon-button,
.message-composer__send,
.message-composer__note-toggle {
    display: inline-flex;
    flex: 0 0 auto;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--wb-color-border);
    border-radius: 8px;
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
    text-decoration: none;
}

.message-composer__icon-button {
    position: relative;
    width: 44px;
    height: 44px;
    background: var(--wb-color-surface);
    color: var(--wb-color-primary);
    cursor: pointer;
}

.message-composer__attach {
    overflow: hidden;
}

.message-composer__attach input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.message-composer__icon-button:hover,
.message-composer__icon-button:focus-visible,
.message-composer__attach:focus-within,
.message-composer__note-toggle:hover,
.message-composer__note-toggle:focus-within {
    border-color: var(--wb-color-accent);
    background: color-mix(in srgb, var(--wb-color-accent) 9%, var(--wb-color-surface));
    outline: 0;
}

.message-composer__note-toggle {
    position: relative;
    width: auto;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    cursor: pointer;
    padding: 0 12px;
    white-space: nowrap;
}

.message-composer__note-toggle input {
    position: absolute;
    inset: 0;
    cursor: pointer;
    opacity: 0;
}

.message-composer__note-toggle.is-active {
    border-color: color-mix(in srgb, var(--wb-color-warning) 60%, var(--wb-color-border));
    background: color-mix(in srgb, var(--wb-color-warning) 16%, var(--wb-color-surface));
    color: var(--wb-color-primary);
}

.message-composer__send {
    border-color: var(--wb-color-accent);
    background: var(--wb-color-accent);
    color: #fff;
    cursor: pointer;
    padding: 0 14px;
}

.message-composer__send:hover,
.message-composer__send:focus-visible {
    filter: brightness(.96);
    outline: 0;
    box-shadow: var(--wb-shadow-focus);
}

.message-composer__send:active {
    transform: translateY(1px);
}

.message-composer__send[disabled],
.message-composer__send[aria-busy="true"] {
    cursor: progress;
    opacity: .66;
    transform: none;
}

.message-composer__attachments {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: 96px;
    overflow-y: auto;
    padding: 0 2px 2px;
}

.message-composer__attachments[hidden] {
    display: none !important;
}

.message-composer__attachment {
    display: grid;
    min-width: min(100%, 260px);
    max-width: min(100%, 420px);
    grid-template-columns: 34px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--wb-color-border);
    border-radius: 8px;
    background: var(--wb-color-surface-muted);
    padding: 6px;
}

.message-composer__attachment img,
.message-composer__attachment-icon {
    width: 34px;
    height: 34px;
    border-radius: 7px;
}

.message-composer__attachment img {
    object-fit: cover;
}

.message-composer__attachment-icon {
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--wb-color-primary) 10%, var(--wb-color-surface));
    color: var(--wb-color-primary);
    font-size: 10px;
    font-weight: var(--wb-font-weight-semibold);
}

.message-composer__attachment-meta {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.message-composer__attachment-meta strong,
.message-composer__attachment-meta small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-composer__attachment-meta small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
}

.message-composer__attachment a,
.message-composer__attachment button {
    border: 0;
    background: transparent;
    color: var(--wb-color-primary);
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.message-composer__attachment button {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 7px;
    color: var(--wb-color-danger);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

.message-composer__attachment a:focus-visible,
.message-composer__attachment button:focus-visible {
    outline: 0;
    box-shadow: var(--wb-shadow-focus);
}

.message-composer__action-wrap,
.message-detail__action-wrap {
    position: relative;
    flex: 0 0 auto;
}

.message-composer__action-menu,
.message-detail__action-menu {
    position: absolute;
    z-index: 28;
    display: none;
    min-width: min(280px, calc(100vw - 24px));
    gap: 4px;
    border: 1px solid var(--wb-color-border);
    border-radius: 8px;
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-lg);
    padding: 8px;
}

.message-composer__action-menu {
    bottom: calc(100% + 8px);
    left: 0;
}

.message-detail__action-menu {
    top: calc(100% + 8px);
    right: 0;
}

.message-composer__action-menu.is-open,
.message-detail__action-menu.is-open {
    display: grid;
}

.message-composer__action-menu form,
.message-detail__action-menu form {
    margin: 0;
}

.message-composer__action-menu button,
.message-detail__action-menu button {
    display: flex;
    width: 100%;
    min-height: 40px;
    align-items: center;
    gap: 8px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--wb-color-text);
    cursor: pointer;
    font: inherit;
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    padding: 8px 10px;
    text-align: left;
}

.message-composer__action-menu button:hover,
.message-composer__action-menu button:focus-visible,
.message-detail__action-menu button:hover,
.message-detail__action-menu button:focus-visible {
    background: color-mix(in srgb, var(--wb-color-accent) 10%, var(--wb-color-surface));
    color: var(--wb-color-primary);
    outline: 0;
}

.message-composer__action-menu button.is-danger,
.message-detail__action-menu button.is-danger {
    color: var(--wb-color-danger);
}

@media (max-width: 768px) {
    .message-center__detail {
        max-height: none;
        overflow: visible;
    }

    .message-thread {
        max-height: 60dvh;
        min-height: 260px;
    }

    .message-composer {
        bottom: env(safe-area-inset-bottom, 0);
        margin-inline: calc(var(--wb-space-3) * -1);
        padding: 8px var(--wb-space-3) 0;
    }

    .message-composer__bar {
        align-items: flex-end;
    }

    .message-composer__input-row {
        flex-wrap: wrap;
    }

    .message-composer__field {
        flex-basis: min(100%, 280px);
    }

    .message-composer__note-toggle span,
    .message-composer__send-label {
        display: none;
    }

    .message-composer__note-toggle {
        width: 44px;
        padding: 0;
    }

    .message-composer__action-menu {
        bottom: calc(100% + 8px);
        max-height: min(420px, calc(100dvh - 112px));
        overflow-y: auto;
    }
}

@media (max-width: 520px) {
    .message-composer__bar {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 6px;
    }

    .message-composer__input-row {
        gap: 6px;
        padding: 5px;
    }

    .message-composer__field {
        flex: 1 1 calc(100% - 150px);
        min-width: calc(100% - 150px) !important;
    }

    .message-composer__attachment {
        grid-template-columns: 30px minmax(0, 1fr) auto;
    }

    .message-composer__attachment a {
        display: none;
    }
}

.message-center__settings {
    padding: var(--wb-space-4);
}

.message-center__settings h2 {
    margin: 0;
    font-size: var(--wb-font-size-xl);
    letter-spacing: 0;
}

.message-center__settings form {
    border-top: 0;
    padding-top: var(--wb-space-3);
}

.message-center__settings-number {
    max-width: 260px;
}

.message-center__settings .button {
    width: fit-content;
}

.message-center__mobile-tabs,
.message-center__back {
    display: none;
}

.message-compose-modal {
    padding: clamp(12px, 3vw, 28px);
}

.message-compose-dialog {
    display: grid;
    width: min(720px, calc(100vw - 32px));
    max-height: calc(100dvh - 48px);
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    padding: 0;
}

.message-compose-dialog__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--wb-space-4);
    border-bottom: 1px solid var(--wb-color-border);
    background: var(--wb-color-surface);
    padding: var(--wb-space-5);
}

.message-compose-dialog__head h2 {
    font-size: var(--wb-font-size-xl);
    letter-spacing: 0;
}

.message-compose-dialog__close {
    position: static;
    flex: 0 0 36px;
}

.message-compose-dialog form {
    display: grid;
    min-height: 0;
    gap: var(--wb-space-3);
    overflow: auto;
    padding: var(--wb-space-5);
}

.message-compose-dialog textarea {
    min-height: 150px;
}

.message-compose-dialog__grid {
    display: grid;
    gap: var(--wb-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.message-header-link {
    position: relative;
    text-decoration: none;
}

.site-actions .message-header-link {
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-full);
    color: var(--wb-color-primary);
}

.site-actions .message-header-link:hover,
.site-actions .message-header-link:focus-visible {
    border-color: var(--wb-color-accent);
    background: color-mix(in srgb, var(--wb-color-accent) 8%, var(--wb-color-surface));
    outline: none;
}

.site-actions .message-header-link__count {
    position: absolute;
    top: -7px;
    right: -7px;
}

@media (max-width: 1180px) {
    .message-center__layout {
        grid-template-columns: 190px minmax(280px, 1fr) minmax(320px, 1fr);
    }

    .message-center__folders a {
        font-size: 13px;
    }
}

@media (max-width: 1024px) {
    .message-center__layout {
        grid-template-columns: 180px minmax(0, 1fr);
    }

    .message-center__detail {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .message-center__top,
    .message-center__filters {
        align-items: stretch;
        flex-direction: column;
    }

    .message-center__layout {
        grid-template-columns: 1fr;
    }

    .message-center__list {
        order: 1;
    }

    .message-center__folders {
        order: 2;
        position: static;
        max-height: 280px;
        overflow: auto;
    }

    .message-center__detail {
        order: 3;
    }

    .message-center.has-selection .message-center__list {
        display: none;
    }

    .message-center.has-selection .message-center__detail {
        order: 1;
    }

    .message-center.has-selection .message-center__folders {
        order: 2;
    }

    .message-center__mobile-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: var(--wb-space-2);
    }

    .message-center__back {
        display: inline-flex;
        width: fit-content;
        color: var(--wb-color-primary);
        font-weight: var(--wb-font-weight-semibold);
        text-decoration: none;
    }

    .message-row {
        min-height: 116px;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        padding: var(--wb-space-3);
    }

    .message-detail__head,
    .message-detail__actions,
    .message-detail__meta {
        align-items: stretch;
        flex-direction: column;
    }

    .message-detail__actions {
        flex-direction: row;
        justify-content: flex-start;
    }

    .message-detail__meta button,
    .message-center__settings .button {
        width: 100%;
    }

    .message-bubble {
        max-width: 100%;
    }
}

@media (max-width: 760px) {
    .order-category-picker__head {
        align-items: start;
        display: grid;
    }

    .order-category-picker__head [data-order-trade-status] {
        text-align: left;
    }

    .wizard-page--order .choice-grid--categories,
    .wizard-page--order .order-subcategory-panel .choice-grid--trade {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .message-compose-modal {
        padding: 0;
        place-items: stretch;
    }

    .message-compose-dialog {
        width: 100%;
        height: 100dvh;
        max-height: 100dvh;
        border: 0;
        border-radius: 0;
    }

    .message-compose-dialog__head,
    .message-compose-dialog form {
        padding: var(--wb-space-4);
    }
}

@media (max-width: 480px) {
    .message-center__top,
    .message-center__filters,
    .message-center__detail,
    .message-center__settings {
        padding: var(--wb-space-3);
    }

    .message-row__meta {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .message-row__meta time {
        text-align: left;
    }

    .message-row__avatar {
        width: 36px;
        height: 36px;
    }

    .message-compose-dialog__grid {
        grid-template-columns: 1fr;
    }

    .message-center__compose,
    .message-reply .button,
    .message-compose-dialog .button {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .message-row {
        grid-template-columns: 1fr auto;
    }

    .message-row__avatar {
        display: none;
    }
}
/* Nachrichten-Zentrale Premium-Erweiterungen */
.message-center__search {
    flex: 1 1 340px;
}

.message-folder__label {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.message-folder__label .admin-icon,
.message-detail__context .admin-icon,
.message-row__badges .admin-icon {
    flex: 0 0 auto;
}

.admin-icon--xs {
    width: 14px;
    height: 14px;
}

.message-row__role {
    min-width: 0;
    overflow: hidden;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-row__avatar--image,
.message-bubble__avatar--image {
    overflow: hidden;
    background: var(--wb-color-surface-muted);
}

.message-row__avatar img,
.message-bubble__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.message-row__badges em {
    gap: 5px;
}

.message-readonly-note {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface-muted);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    padding: 10px 12px;
}

.message-counter-card {
    display: grid;
    gap: var(--wb-space-4);
    border: 1px solid color-mix(in srgb, var(--wb-color-accent) 30%, var(--wb-color-border));
    border-radius: var(--wb-radius-md);
    background: color-mix(in srgb, var(--wb-color-accent) 5%, var(--wb-color-surface));
    padding: var(--wb-space-4);
}

.message-counter-card header,
.message-counter-card__actions {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--wb-space-3);
}

.message-counter-card h3 {
    margin: 4px 0 0;
    font-size: var(--wb-font-size-lg);
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.message-counter-card dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--wb-space-3);
    margin: 0;
}

.message-counter-card dl div {
    min-width: 0;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    padding: 10px 12px;
}

.message-counter-card dt {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.message-counter-card dd {
    margin: 4px 0 0;
    color: var(--wb-color-text);
    font-weight: var(--wb-font-weight-semibold);
    overflow-wrap: anywhere;
}

.message-counter-card__price {
    color: var(--wb-color-accent);
}

.message-counter-card .is-positive {
    color: var(--wb-color-success);
}

.message-counter-card .is-negative {
    color: var(--wb-color-danger);
}

.message-counter-card__actions {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.message-counter-card__actions form {
    margin: 0;
}

.message-bubble header {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.message-bubble__avatar {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-primary);
    color: #ffffff;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.message-bubble__sender {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.message-bubble__sender strong,
.message-bubble__sender span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-attachments a {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) 20px;
}

.message-attachments span strong,
.message-attachments span small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-attachments span small {
    margin-top: 2px;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
}

.message-forward-dialog textarea {
    min-height: 128px;
}

@media (min-width: 769px) and (max-width: 1180px) {
    .message-center__layout {
        grid-template-columns: 72px minmax(300px, 0.9fr) minmax(0, 1.1fr);
    }

    .message-center__detail {
        grid-column: auto;
    }

    .message-center__folders a {
        position: relative;
        justify-content: center;
        padding: 10px 8px;
    }

    .message-folder__label {
        justify-content: center;
    }

    .message-folder__label > span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .message-center__folders strong {
        position: absolute;
        top: 2px;
        right: 2px;
        min-width: 18px;
        height: 18px;
        font-size: 10px;
    }
}

@media (max-width: 768px) {
    .message-center:not(.has-selection) .message-center__detail {
        display: none;
    }

    .message-center.has-selection .message-center__folders {
        display: none;
    }

    .message-center.has-selection .message-center__detail {
        display: grid;
        order: 1;
    }

    .message-counter-card dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .message-counter-card header,
    .message-counter-card__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .message-counter-card__actions .button,
    .message-counter-card__actions form {
        width: 100%;
    }

    .message-bubble header {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .message-bubble time {
        grid-column: 2;
        justify-self: start;
    }
}

@media (max-width: 480px) {
    .message-counter-card dl,
    .message-attachments {
        grid-template-columns: 1fr;
    }

    .message-detail__actions .message-icon-button {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 390px) {
    .message-row {
        grid-template-columns: 36px minmax(0, 1fr) auto;
    }

    .message-row__avatar {
        display: grid;
    }
}
.wizard-admin-page {
    display: grid;
    gap: var(--wb-space-5);
}

.wizard-admin-overview {
    display: grid;
    grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr);
    gap: var(--wb-space-4);
    align-items: start;
}

.wizard-admin-tree {
    display: grid;
    gap: var(--wb-space-3);
    max-height: 520px;
    overflow: auto;
}

.wizard-admin-tree h2 {
    margin: 0;
    color: var(--wb-color-text);
    font-size: 1rem;
}

.wizard-admin-tree ol,
.wizard-admin-tree ul {
    display: grid;
    gap: var(--wb-space-2);
    margin: 0;
    padding-left: var(--wb-space-4);
}

.wizard-admin-tree li {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.wizard-admin-tree strong {
    display: block;
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-sm);
}

.wizard-admin-tree small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-xs);
}

.wizard-admin-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--wb-space-3);
}

.wizard-admin-metrics .card {
    display: grid;
    gap: var(--wb-space-1);
    padding: var(--wb-space-4);
}

.wizard-admin-metrics span {
    color: var(--wb-color-primary);
    font-size: 1.8rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
}

.wizard-admin-metrics strong {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.wizard-admin-metrics--links {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    margin-bottom: var(--wb-space-5);
}

.wizard-admin-metrics--links .card {
    align-content: start;
    gap: var(--wb-space-3);
}

.wizard-admin-metrics--links span {
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-md);
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.25;
}

.wizard-admin-metrics--links strong {
    min-height: 3.75rem;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-medium);
    line-height: 1.3;
}

.wizard-admin-metrics--links .button {
    justify-self: start;
}

.wizard-admin-node {
    padding: 0;
    overflow: clip;
}

.wizard-admin-node__summary {
    display: flex;
    align-items: center;
    gap: var(--wb-space-3);
    cursor: pointer;
    padding: var(--wb-space-4) var(--wb-space-5);
    list-style: none;
}

.wizard-admin-node__summary::-webkit-details-marker {
    display: none;
}

.wizard-admin-node__summary > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: var(--wb-radius-full);
    background: var(--wb-color-surface-muted);
    color: var(--wb-color-primary);
}

.wizard-admin-node__summary strong {
    color: var(--wb-color-text);
    font-size: 1rem;
}

.wizard-admin-node__summary small {
    margin-left: auto;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-sm);
}

.wizard-admin-node__body {
    display: grid;
    gap: var(--wb-space-4);
    padding: 0 var(--wb-space-5) var(--wb-space-5);
}

.wizard-icon-library {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--wb-space-4);
}

.wizard-icon-admin-card {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: var(--wb-space-4);
    align-items: start;
}

.wizard-icon-admin-card__preview {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface-muted);
    color: var(--wb-color-primary);
}

.wizard-icon-admin-card__preview .wizard-icon {
    width: 36px;
    height: 36px;
}

.wizard-icon-admin-card__form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--wb-space-3);
}

.wizard-icon-admin-card__form .form-field--full,
.wizard-icon-admin-card__form .profile-actions {
    grid-column: 1 / -1;
}

@media (max-width: 900px) {
    .wizard-admin-overview,
    .wizard-icon-admin-card {
        grid-template-columns: 1fr;
    }

    .wizard-admin-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Central Wizard administration console */
.wizard-admin-page{--wiz-bg:#f6f7fb;--wiz-surface:#fff;--wiz-muted:#f3f5f8;--wiz-border:#e4e8ef;--wiz-border-strong:#d4dae5;--wiz-text:#111827;--wiz-subtle:#667085;--wiz-primary:#ff6f00;--wiz-primary-soft:rgba(255,111,0,.1);--wiz-primary-border:rgba(255,111,0,.34);--wiz-danger:#dc2626;--wiz-shadow:0 14px 34px rgba(17,24,39,.08);--wiz-shadow-sm:0 8px 18px rgba(17,24,39,.06)}

.wizard-admin-page--console{background:var(--wiz-bg);gap:16px;min-width:0}
.wizard-admin-page--console *,.wizard-admin-page--console *:before,.wizard-admin-page--console *:after{box-sizing:border-box}

.wizard-admin-page :where(input:not([type='checkbox']):not([type='radio']):not([type='hidden']),select,textarea),.wizard-admin-page .wb-input,.wizard-admin-page .wb-select,.wizard-admin-page .wb-textarea{background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;color:var(--wiz-text);font:inherit;min-height:40px;min-width:0;outline:0;padding:9px 12px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}

.wizard-admin-page textarea,.wizard-admin-page .wb-textarea{line-height:1.45;min-height:92px;resize:vertical}
.wizard-admin-page select,.wizard-admin-page .wb-select{cursor:pointer}
.wizard-admin-page :where(input:not([type='checkbox']):not([type='radio']):not([type='hidden']),select,textarea):focus,.wizard-admin-page .wb-input:focus,.wizard-admin-page .wb-select:focus,.wizard-admin-page .wb-textarea:focus{border-color:var(--wiz-primary);box-shadow:0 0 0 3px var(--wiz-primary-soft)}
.wizard-admin-page :where(input,select,textarea)::placeholder{color:#98a2b3}

.wizard-admin-page .form-field{display:grid;gap:7px;min-width:0}
.wizard-admin-page .form-field>span,.wizard-admin-page .wizard-tree-search>span,.wizard-admin-page .wizard-option-label>span{color:var(--wiz-text);font-size:.78rem;font-weight: var(--wb-font-weight-semibold);letter-spacing:0}
.wizard-admin-page .form-field small,.wizard-admin-page .wizard-muted{color:var(--wiz-subtle);font-size:.78rem;line-height:1.45}
.wizard-admin-page .form-field--full{grid-column:1/-1}
.wizard-admin-page .wb-card,.wizard-admin-page .wb-settings-panel{background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;box-shadow:var(--wiz-shadow-sm)}

.wizard-console-head{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;min-width:0}
.wizard-console-head h1{color:var(--wiz-text);font-size:1.55rem;letter-spacing:0;line-height:1.2;margin:0 0 8px}
.wizard-console-head__copy{min-width:0}
.wizard-console-head__actions,.wizard-editor-actions,.wizard-panel-actions,.wizard-panel-heading{align-items:center;display:flex;gap:10px;min-width:0}
.wizard-console-head__actions,.wizard-editor-actions{flex-wrap:wrap;justify-content:flex-end}
.wizard-console-head__actions .button,.wizard-editor-actions .button{white-space:nowrap}
.wizard-breadcrumb{align-items:center;color:var(--wiz-subtle);display:flex;flex-wrap:wrap;gap:7px;font-size:.82rem;min-width:0}
.wizard-breadcrumb a{color:inherit;text-decoration:none}
.wizard-breadcrumb strong{color:var(--wiz-text);font-weight: var(--wb-font-weight-semibold)}

.wizard-console{display:grid;gap:16px;grid-template-columns:minmax(276px,300px) minmax(390px,460px) minmax(520px,1fr);height:clamp(660px,calc(100vh - 210px),840px);min-width:0}
.wizard-console__panel{min-height:0;min-width:0;overflow:hidden}
.wizard-console__structure,.wizard-console__questions{display:grid;gap:14px;grid-template-rows:auto auto minmax(0,1fr) auto;padding:16px}
.wizard-console__editor{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:0}
.wizard-panel-title{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}
.wizard-panel-title h2{color:var(--wiz-text);font-size:1rem;letter-spacing:0;line-height:1.25;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wizard-panel-heading h2{margin:0}
.wizard-panel-kicker{color:var(--wiz-subtle);display:block;font-size:.72rem;font-weight: var(--wb-font-weight-semibold);letter-spacing:0;margin-bottom:4px}

.wizard-count,.wizard-sort-badge,.wizard-admin-page .wb-badge{align-items:center;background:var(--wiz-muted);border-radius:999px;color:var(--wiz-subtle);display:inline-flex;font-size:.74rem;font-style:normal;font-weight: var(--wb-font-weight-semibold);height:24px;justify-content:center;min-width:24px;padding:0 8px;white-space:nowrap}
.wizard-admin-page .badge--success,.wizard-admin-page .wb-badge.badge--success{background:rgba(34,197,94,.11);color:#15803d}
.wizard-tree,.wizard-question-list,.wizard-editor-panel,.wizard-drawer__body,.wizard-modal__body{min-height:0;overflow:auto;scrollbar-color:#c5cad3 transparent;scrollbar-width:thin}
.wizard-tree::-webkit-scrollbar,.wizard-question-list::-webkit-scrollbar,.wizard-editor-panel::-webkit-scrollbar,.wizard-drawer__body::-webkit-scrollbar,.wizard-modal__body::-webkit-scrollbar{width:8px}
.wizard-tree::-webkit-scrollbar-thumb,.wizard-question-list::-webkit-scrollbar-thumb,.wizard-editor-panel::-webkit-scrollbar-thumb,.wizard-drawer__body::-webkit-scrollbar-thumb,.wizard-modal__body::-webkit-scrollbar-thumb{background:#c5cad3;border-radius:999px}

.wizard-tree-search{display:grid;gap:7px;min-width:0}
.wizard-tree-search--drawer{margin-bottom:12px}
.wizard-tree{display:grid;gap:6px;padding-right:2px}
.wizard-tree details{border:1px solid transparent;border-radius:8px}
.wizard-tree summary,.wizard-tree li>a,.wizard-tree li>span{align-items:center;border-radius:8px;color:var(--wiz-text);display:grid;gap:10px;grid-template-columns:24px minmax(0,1fr) auto;min-height:40px;padding:8px 10px;text-decoration:none}
.wizard-tree summary{cursor:pointer;font-weight: var(--wb-font-weight-semibold);list-style:none}
.wizard-tree summary::-webkit-details-marker,.wizard-add-popover summary::-webkit-details-marker,.wizard-row-menu summary::-webkit-details-marker,.wizard-inline-details summary::-webkit-details-marker{display:none}
.wizard-tree ul{border-left:1px solid var(--wiz-border);display:grid;gap:3px;list-style:none;margin:3px 0 7px 22px;padding:0 0 0 10px}
.wizard-tree li.is-active>a,.wizard-tree li.is-active>span,.wizard-tree summary:hover,.wizard-tree li>a:hover,.wizard-tree li>span:hover{background:var(--wiz-primary-soft);color:var(--wiz-primary)}
.wizard-tree__icon,.wizard-tree li>a>.wizard-icon,.wizard-tree li>span>.wizard-icon{align-items:center;color:currentColor;display:inline-flex;height:24px;justify-content:center;width:24px}
.wizard-tree__icon .wizard-icon,.wizard-tree li>a>.wizard-icon,.wizard-tree li>span>.wizard-icon{height:20px;width:20px}
.wizard-tree strong,.wizard-tree li span span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wizard-tree em{color:var(--wiz-subtle);font-size:.75rem;font-style:normal;font-weight: var(--wb-font-weight-semibold)}
.wizard-panel-link{align-items:center;border:1px solid var(--wiz-border);border-radius:8px;color:var(--wiz-text);display:inline-flex;font-weight: var(--wb-font-weight-semibold);justify-content:center;min-height:40px;padding:9px 12px;text-decoration:none}
.wizard-panel-link:hover{border-color:var(--wiz-primary-border);color:var(--wiz-primary)}
.wizard-add-popover,.wizard-row-menu{position:relative}
.wizard-add-popover summary,.wizard-row-menu summary,.wizard-icon-action,.wizard-icon-button,.wb-icon-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;justify-content:center}
.wizard-row-menu summary,.wizard-icon-action,.wizard-icon-button,.wb-icon-button{background:var(--wiz-surface);border:1px solid var(--wiz-border);color:var(--wiz-text);font-size:1.05rem;font-weight: var(--wb-font-weight-semibold);height:34px;line-height:1;padding:0;width:34px}
.wizard-row-menu summary:hover,.wizard-icon-action:hover,.wizard-icon-button:hover,.wb-icon-button:hover,.wizard-row-menu summary:focus-visible,.wizard-icon-action:focus-visible,.wizard-icon-button:focus-visible,.wb-icon-button:focus-visible{border-color:var(--wiz-primary-border);color:var(--wiz-primary);outline:0}
.wizard-icon-button--danger:hover,.wizard-icon-button--danger:focus-visible{border-color:rgba(220,38,38,.35);color:var(--wiz-danger)}
.wizard-add-popover[open] summary,.wizard-row-menu[open] summary{border-color:var(--wiz-primary-border);color:var(--wiz-primary)}
.wizard-add-popover>form,.wizard-row-menu>div{background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;box-shadow:var(--wiz-shadow);min-width:220px;position:absolute;right:0;top:calc(100% + 8px);z-index:25}
.wizard-add-question{display:grid;gap:12px;padding:14px}
.wizard-row-menu>div{display:grid;gap:2px;padding:6px}
.wizard-row-menu a,.wizard-row-menu button{background:transparent;border:0;border-radius:6px;color:var(--wiz-text);cursor:pointer;display:block;font:inherit;padding:9px 10px;text-align:left;text-decoration:none;width:100%}
.wizard-row-menu a:hover,.wizard-row-menu button:hover{background:var(--wiz-muted);color:var(--wiz-primary)}

.wizard-question-list{display:grid;gap:10px;padding:2px 2px 2px 0;scroll-behavior:smooth}
.wizard-question-card{align-items:center;background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;display:grid;gap:12px;grid-template-columns:18px 38px minmax(0,1fr) auto 34px;min-height:72px;padding:10px 12px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.wizard-question-card:hover,.wizard-question-card.is-active{border-color:var(--wiz-primary-border);box-shadow:var(--wiz-shadow-sm)}
.wizard-question-card.is-active{background:linear-gradient(0deg,rgba(255,111,0,.035),rgba(255,111,0,.035)),var(--wiz-surface)}
.wizard-question-card[draggable='true'] .wizard-drag{color:var(--wiz-subtle);cursor:grab;font-weight: var(--wb-font-weight-semibold);line-height:.85}
.wizard-question-card.is-dragging{opacity:.58;transform:scale(.995)}
.wizard-question-card__icon,.wizard-user-preview>span,.wizard-question-preview-card__head>span,.wizard-icon-preview{align-items:center;background:var(--wiz-muted);border-radius:8px;color:var(--wiz-text);display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;width:38px}
.wizard-question-card__icon .wizard-icon,.wizard-user-preview .wizard-icon,.wizard-question-preview-card__head .wizard-icon,.wizard-icon-preview .wizard-icon{height:22px;width:22px}
.wizard-question-card__main{color:var(--wiz-text);display:grid;gap:5px;min-width:0;text-decoration:none}
.wizard-question-card__main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wizard-question-meta{align-items:center;color:var(--wiz-subtle);display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.wizard-required-badge,.wizard-optional-badge{border-radius:6px;display:inline-flex;font-size:.72rem;font-weight: var(--wb-font-weight-semibold);line-height:1;padding:5px 7px;white-space:nowrap}
.wizard-required-badge{background:var(--wiz-primary-soft);color:var(--wiz-primary)}
.wizard-optional-badge{background:var(--wiz-muted);color:var(--wiz-subtle)}

.wizard-editor-title,.wizard-editor-tabs,.wizard-editor-actions{padding-left:18px;padding-right:18px}
.wizard-editor-title{border-bottom:1px solid var(--wiz-border);min-height:72px;padding-bottom:14px;padding-top:14px}
.wizard-editor-tabs,.wb-tabs{align-items:flex-end;border-bottom:1px solid var(--wiz-border);display:flex;gap:4px;min-width:0;overflow-x:auto;padding-top:12px}
.wizard-editor-tabs button,.wb-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--wiz-subtle);cursor:pointer;font:inherit;font-weight: var(--wb-font-weight-semibold);min-height:38px;padding:0 12px 10px;white-space:nowrap}
.wizard-editor-tabs button:hover,.wizard-editor-tabs button.is-active,.wb-tabs button:hover,.wb-tabs button.is-active{color:var(--wiz-primary)}
.wizard-editor-tabs button.is-active,.wb-tabs button.is-active{border-bottom-color:var(--wiz-primary)}
.wizard-editor-tabs button span,.wb-tabs button span{background:var(--wiz-muted);border-radius:999px;color:var(--wiz-subtle);display:inline-flex;font-size:.72rem;justify-content:center;margin-left:6px;min-width:22px;padding:2px 7px}
.wizard-editor-panel{display:none;padding:18px}
.wizard-editor-panel.is-active{display:block}
.wizard-editor-form,.wizard-display-form{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.wizard-section-intro{display:grid;gap:4px;margin:0 0 4px}
.wizard-section-intro h3{color:var(--wiz-text);font-size:1rem;letter-spacing:0;margin:0}
.wizard-section-intro p,.wizard-condition-preview,.wizard-empty-state p,.wizard-danger-zone p{color:var(--wiz-subtle);font-size:.85rem;line-height:1.5;margin:0}
.wizard-toggle-grid,.wizard-compact-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.wizard-switch,.wizard-check,.checkbox-field,.admin-flags label{align-items:center;color:var(--wiz-text);display:flex;gap:10px;min-width:0}
.wizard-switch{justify-content:space-between}
.wizard-switch span,.wizard-check span,.checkbox-field span,.admin-flags label{color:var(--wiz-text);font-size:.86rem;line-height:1.35}
.wizard-switch>input[type='checkbox']{appearance:none;-webkit-appearance:none;background:#e6e9ef;border:0;border-radius:999px;cursor:pointer;flex:0 0 var(--wb-choice-switch-width);height:var(--wb-choice-switch-height);margin:0;min-height:var(--wb-choice-switch-height);padding:0;position:relative;transition:background-color .16s ease,box-shadow .16s ease,opacity .16s ease;width:var(--wb-choice-switch-width);max-width:var(--wb-choice-switch-width);max-height:var(--wb-choice-switch-height)}
.wizard-switch>input[type='checkbox']:before{background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(17,24,39,.22);content:'';height:var(--wb-choice-switch-thumb-size);left:3px;position:absolute;top:3px;transition:transform .16s ease;width:var(--wb-choice-switch-thumb-size)}
.wizard-switch>input[type='checkbox']:checked{background:var(--wiz-primary)}
.wizard-switch>input[type='checkbox']:after{content:none}.wizard-switch>input[type='checkbox']:checked:before{transform:translateX(20px)}.wizard-switch>input[type='checkbox']:focus-visible{box-shadow:0 0 0 3px var(--wiz-primary-soft);outline:none}.wizard-switch>input[type='checkbox']:disabled{cursor:not-allowed;opacity:.65}
.wizard-check input[type='checkbox'],.checkbox-field input[type='checkbox'],.admin-flags input[type='checkbox'],.wizard-choice-tiles input[type='radio'],.wizard-preview-choice-list input[type='radio'],.wizard-preview-choice-list input[type='checkbox']{appearance:none;background:#fff;border:1px solid var(--wiz-border-strong);cursor:pointer;flex:0 0 var(--wb-choice-control-size);height:var(--wb-choice-control-size);margin:0;min-height:var(--wb-choice-control-size);min-width:var(--wb-choice-control-size);padding:0;position:relative;width:var(--wb-choice-control-size)}
.wizard-check input[type='checkbox'],.checkbox-field input[type='checkbox'],.admin-flags input[type='checkbox'],.wizard-preview-choice-list input[type='checkbox']{border-radius:5px}
.wizard-choice-tiles input[type='radio'],.wizard-preview-choice-list input[type='radio']{border-radius:50%}
.wizard-check input[type='checkbox']:checked,.checkbox-field input[type='checkbox']:checked,.admin-flags input[type='checkbox']:checked,.wizard-preview-choice-list input[type='checkbox']:checked{background:var(--wiz-primary);border-color:var(--wiz-primary)}
.wizard-check input[type='checkbox']:checked:after,.checkbox-field input[type='checkbox']:checked:after,.admin-flags input[type='checkbox']:checked:after,.wizard-preview-choice-list input[type='checkbox']:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:'';height:9px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}
.wizard-choice-tiles input[type='radio']:checked,.wizard-preview-choice-list input[type='radio']:checked{border-color:var(--wiz-primary);box-shadow:0 0 0 3px var(--wiz-primary-soft)}
.wizard-choice-tiles input[type='radio']:checked:after,.wizard-preview-choice-list input[type='radio']:checked:after{background:var(--wiz-primary);border-radius:50%;content:'';height:8px;left:4px;position:absolute;top:4px;width:8px}

.wizard-choice-tiles{border:0;display:grid;gap:12px;margin:0;min-width:0;padding:0}
.wizard-choice-tiles legend,.wizard-segmented legend{color:var(--wiz-text);font-size:.78rem;font-weight: var(--wb-font-weight-semibold);letter-spacing:0;margin-bottom:8px;padding:0}
.wizard-choice-tiles label{align-items:flex-start;background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;cursor:pointer;display:flex;gap:12px;min-width:0;padding:14px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
.wizard-choice-tiles--radio-cards,.wizard-choice-tiles--visual{grid-template-columns:repeat(2,minmax(0,1fr))}
.wizard-choice-tiles label:has(input:checked){background:var(--wiz-primary-soft);border-color:var(--wiz-primary-border);box-shadow:0 8px 18px rgba(255,111,0,.08)}
.wizard-choice-tiles strong{display:block;font-size:.9rem;line-height:1.35}
.wizard-choice-tiles small{color:var(--wiz-subtle);display:block;line-height:1.4;margin-top:3px}
.wizard-segmented{align-items:end;border:0;display:flex;gap:0;margin:0;min-width:0;padding:0}
.wizard-segmented legend{flex:0 0 100%;width:100%}
.wizard-segmented label{display:inline-flex}
.wizard-segmented label input{height:1px;max-height:1px;max-width:1px;min-height:1px;min-width:1px;opacity:0;pointer-events:none;position:absolute;width:1px}
.wizard-segmented span{align-items:center;background:var(--wiz-muted);border:1px solid var(--wiz-border);color:var(--wiz-subtle);display:inline-flex;font-weight: var(--wb-font-weight-semibold);height:34px;justify-content:center;min-width:58px;padding:0 10px}
.wizard-segmented label:first-of-type span{border-radius:8px 0 0 8px}
.wizard-segmented label:last-of-type span{border-left:0;border-radius:0 8px 8px 0}
.wizard-segmented input:checked+span{background:var(--wiz-primary);border-color:var(--wiz-primary);color:#fff}

.wizard-options-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}
.wizard-user-preview,.wizard-display-preview,.wizard-question-preview-card{background:var(--wiz-muted);border:1px solid var(--wiz-border);border-radius:8px;display:flex;gap:12px;min-width:0;padding:14px}
.wizard-user-preview strong,.wizard-question-preview-card strong{color:var(--wiz-text);display:block;line-height:1.35}
.wizard-user-preview small,.wizard-question-preview-card small{color:var(--wiz-subtle);display:block;line-height:1.45;margin-top:2px}
.wizard-display-preview ul{color:var(--wiz-subtle);margin:8px 0 0;padding-left:18px}
.wizard-empty-state,.wizard-empty-state--compact,.wizard-condition-preview{align-items:center;background:var(--wiz-muted);border:1px dashed var(--wiz-border-strong);border-radius:8px;display:grid;gap:8px;justify-items:center;min-height:180px;padding:28px;text-align:center}
.wizard-empty-state h2,.wizard-condition-preview h2{color:var(--wiz-text);font-size:1rem;letter-spacing:0;margin:0}
.wizard-option-add,.wizard-option-row,.wizard-option-settings,.wizard-condition-card,.wizard-danger-zone{background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;box-shadow:none}
.wizard-option-add{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(170px,1.3fr) minmax(120px,.8fr) auto auto;margin-bottom:14px;padding:14px}
.wizard-option-row{display:grid;grid-template-columns:minmax(0,1fr) 46px;margin-bottom:12px;overflow:hidden}
.wizard-option-row__form{align-items:end;display:grid;gap:12px;grid-column:1;grid-template-columns:minmax(170px,1.25fr) minmax(120px,.75fr) minmax(145px,auto) 34px;padding:14px}
.wizard-option-row__delete{align-self:end;grid-column:2;grid-row:1;padding:14px 12px 0 0}
.wizard-option-row__details{border-top:1px solid var(--wiz-border);grid-column:1/-1;padding-top:12px}
.wizard-option-row__details .wizard-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wizard-option-label{display:grid;gap:7px;min-width:0}
.wizard-option-settings{display:grid;gap:18px;padding:16px}
.wizard-condition-card{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));margin-bottom:12px;padding:14px}
.wizard-condition-actions{align-items:end;display:flex;gap:8px;justify-content:flex-end}
.wizard-danger-zone{align-items:center;display:flex;gap:14px;justify-content:space-between;margin:16px 18px 18px;padding:14px}
.wizard-danger-zone strong{color:var(--wiz-text)}
.wizard-danger-form{flex:0 0 auto}
.wizard-editor-actions{background:color-mix(in srgb,var(--wiz-surface) 94%,transparent);border-top:1px solid var(--wiz-border);min-height:72px;padding-bottom:14px;padding-top:14px}
.wizard-flow-panel,.wizard-modal .wizard-flow-panel{background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;box-shadow:var(--wiz-shadow);display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(720px,calc(100vh - 44px));overflow:hidden;width:min(680px,calc(100vw - 32px))}
.wizard-modal[hidden],.wizard-drawer[hidden],.wizard-drawer-backdrop[hidden]{display:none!important}
.wizard-modal,.wizard-drawer-backdrop{position:fixed;z-index:90}
.wizard-modal{align-items:center;background:rgba(15,23,42,.34);display:flex;inset:0;justify-content:center;padding:22px}
.wizard-drawer-backdrop{background:rgba(15,23,42,.34);inset:0}
.wizard-drawer{background:var(--wiz-surface);border-left:1px solid var(--wiz-border);bottom:0;box-shadow:-18px 0 40px rgba(17,24,39,.16);display:grid;grid-template-rows:auto minmax(0,1fr);max-width:100vw;position:fixed;right:0;top:0;width:min(430px,100vw);z-index:100}
.wizard-drawer--icons{width:min(560px,100vw)}
.wizard-drawer__head,.wizard-modal__head,.wizard-modal__actions{align-items:center;border-bottom:1px solid var(--wiz-border);display:flex;gap:12px;justify-content:space-between;padding:16px 18px}
.wizard-modal__actions{border-bottom:0;border-top:1px solid var(--wiz-border);justify-content:flex-end}
.wizard-drawer__head h2,.wizard-modal__head h2{color:var(--wiz-text);font-size:1.05rem;letter-spacing:0;margin:0}
.wizard-drawer__body,.wizard-modal__body{display:grid;gap:14px;padding:18px}
.wizard-modal__body{grid-template-columns:repeat(2,minmax(0,1fr))}
.wizard-preview-choice-list{display:grid;gap:8px;margin-top:12px}
.wizard-preview-choice-list label{align-items:center;display:flex;gap:9px}
.wizard-question-preview-card{display:grid}
.wizard-question-preview-card__head{align-items:center;display:flex;gap:12px}
.wizard-question-preview-card textarea,.wizard-question-preview-card input{margin-top:10px}

.wizard-icon-picker-field,.wizard-icon-picker-field--inline{align-items:center;display:grid;gap:10px;grid-template-columns:38px minmax(0,1fr) auto;min-width:0}
.wizard-icon-picker-field--inline{grid-template-columns:34px minmax(110px,1fr) auto;min-width:250px}
.wizard-icon-picker-field--inline .wizard-icon-preview{height:34px;width:34px}
.admin-inline-form .wizard-icon-field--inline,.admin-inline-form .wizard-icon-picker-field--inline{display:inline-grid;vertical-align:middle}
.wizard-icon-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
.wizard-icon-grid button{align-items:center;background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;color:var(--wiz-text);cursor:pointer;display:grid;gap:8px;justify-items:center;min-height:96px;padding:12px}
.wizard-icon-grid button:hover,.wizard-icon-grid button:focus-visible{border-color:var(--wiz-primary-border);box-shadow:var(--wiz-shadow-sm);color:var(--wiz-primary);outline:0}
.wizard-icon-grid__glyph{align-items:center;background:var(--wiz-muted);border-radius:8px;display:inline-flex;height:44px;justify-content:center;line-height:0;overflow:hidden;width:44px}
.wizard-icon-grid__glyph .wizard-icon{height:32px;width:32px}
.wizard-icon-grid__glyph .wizard-icon--image{height:34px;width:34px}
.wizard-question-card__icon,.wizard-user-preview>span,.wizard-question-preview-card__head>span,.wizard-icon-preview{overflow:hidden}
.wizard-icon-drawer-actions{display:flex;justify-content:flex-end}
.wizard-inline-details{border:1px solid var(--wiz-border);border-radius:8px;padding:12px}
.wizard-inline-details summary{color:var(--wiz-text);cursor:pointer;font-weight: var(--wb-font-weight-semibold)}
.wizard-inline-details .wizard-toggle-grid{margin-top:12px}
.wizard-admin-page .table-wrap :where(input:not([type='checkbox']):not([type='radio']):not([type='hidden']),select){min-height:34px;padding:7px 9px}
.wizard-admin-page .admin-inline-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px}
.wizard-admin-page .admin-flags{min-width:180px}
.wizard-admin-page .admin-flags label{margin:4px 0}

.wizard-page--order .wizard-field--half{grid-column:span 1}
.wizard-page--order .wizard-field--narrow{max-width:34rem}
.wizard-page--order .wizard-field--card{background:var(--wb-color-surface);border:1px solid var(--wb-color-border);border-radius:8px;box-shadow:var(--wb-shadow-sm);padding:16px}
.wizard-page--order .wizard-field--hide-icon .choice-card__icon,.wizard-page--order .wizard-field--hide-icon .field-control__icon{display:none}
.wizard-page--order .choice-grid--radio-cards,.wizard-page--order .choice-grid--checkbox-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.wizard-page--order .choice-grid--icon-cards .choice-card{align-items:center;justify-items:center;min-height:116px;text-align:center}
.wizard-page--order .choice-grid--icon-cards .choice-card__icon{height:46px;width:46px}
.wizard-user-hint{color:var(--wb-color-text-muted);display:block;font-size:.86rem;line-height:1.45}
.wizard-other-input{margin-top:10px;width:100%}

@media (max-width:1320px){
.wizard-console{grid-template-columns:minmax(270px,.78fr) minmax(370px,1fr);height:auto;min-height:720px}
.wizard-console__editor{grid-column:1/-1;min-height:650px}
}

@media (max-width:900px){
.wizard-console-head,.wizard-console-head__actions{align-items:stretch;flex-direction:column}
.wizard-console{grid-template-columns:1fr;min-height:0}
.wizard-console__structure,.wizard-console__questions,.wizard-console__editor{min-height:420px}
.wizard-editor-form,.wizard-display-form,.wizard-compact-grid,.wizard-toggle-grid,.wizard-choice-tiles--radio-cards,.wizard-choice-tiles--visual,.wizard-option-add,.wizard-option-row__form,.wizard-modal__body{grid-template-columns:1fr}
.wizard-question-card{grid-template-columns:18px 38px minmax(0,1fr) 34px}
.wizard-question-card .wizard-sort-badge{grid-column:3;justify-self:start}
.wizard-question-card .wizard-row-menu{grid-column:4;grid-row:1/span 2}
.wizard-option-row{grid-template-columns:1fr}
.wizard-option-row__delete{grid-column:1;grid-row:auto;justify-self:start;padding:0 14px 14px}
.wizard-danger-zone{align-items:stretch;flex-direction:column}
.wizard-danger-form{width:100%}
}

@media (max-width:640px){
.wizard-console-head__actions .button,.wizard-editor-actions .button,.wizard-option-add .button,.wizard-condition-actions .button,.wizard-danger-form .button{justify-content:center;width:100%}
.wizard-editor-title,.wizard-editor-tabs,.wizard-editor-actions,.wizard-editor-panel{padding-left:14px;padding-right:14px}
.wizard-console__structure,.wizard-console__questions{padding:14px}
.wizard-icon-picker-field,.wizard-icon-picker-field--inline{grid-template-columns:34px minmax(0,1fr)}
.wizard-icon-picker-field .button,.wizard-icon-picker-field--inline .button{grid-column:1/-1;justify-content:center;width:100%}
.wizard-drawer,.wizard-drawer--icons{width:100vw}
}

/* Unified Wizard Icon Library */
.wizard-icon-library-page{--icon-library-preview-size:52px;--icon-library-preview-glyph-size:40px;--icon-library-preview-image-size:42px;--icon-library-file-preview-size:64px;--icon-library-file-glyph-size:48px;gap:18px;min-width:0}
.wizard-icon-hero{align-items:end;display:flex;gap:18px;justify-content:space-between;min-width:0}
.wizard-icon-hero h1{color:var(--wiz-text);font-size:1.7rem;letter-spacing:0;margin:0 0 6px}
.wizard-icon-hero p{color:var(--wiz-subtle);margin:0;max-width:760px}
.wizard-icon-stats{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(82px,1fr));min-width:min(460px,100%)}
.wizard-icon-stats span{background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;display:grid;gap:2px;padding:12px;text-align:center}
.wizard-icon-stats strong{color:var(--wiz-text);font-size:1.2rem;line-height:1}
.wizard-icon-stats small{color:var(--wiz-subtle);font-size:.74rem;font-weight: var(--wb-font-weight-semibold)}
.wizard-icon-admin-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(280px,340px) minmax(0,1fr)}
.wizard-icon-side{display:grid;gap:16px;min-width:0}
.wizard-icon-upload,.wizard-icon-folder-create,.wizard-icon-folder-list,.wizard-icon-main{background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;box-shadow:var(--wiz-shadow-sm);display:grid;gap:14px;min-width:0;padding:16px}
.wizard-icon-upload .button,.wizard-icon-folder-create .button{justify-content:center;width:100%}
.wizard-folder-row{align-items:center;border:1px solid var(--wiz-border);border-radius:8px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;padding:10px}
.wizard-folder-row>span{align-items:center;display:grid;gap:9px;grid-template-columns:22px minmax(0,1fr) auto;min-width:0}
.wizard-folder-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wizard-folder-row small{background:var(--wiz-muted);border-radius:999px;color:var(--wiz-subtle);font-size:.72rem;font-weight: var(--wb-font-weight-semibold);padding:3px 8px}
.wizard-folder-row form{align-items:center;display:flex;gap:8px;min-width:0}
.wizard-folder-row form:first-of-type{grid-column:1}
.wizard-folder-row form:first-of-type input[name='folder_name']{min-width:0;width:100%}
.wizard-folder-row form:first-of-type input[name='sort_order']{width:72px}
.wizard-icon-action--danger:hover{border-color:rgba(220,38,38,.35);color:var(--wiz-danger)}
.wizard-icon-toolbar{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(190px,1fr) minmax(170px,260px) auto;min-width:0}
.wizard-icon-bulk-form{align-items:center;display:flex;gap:10px;justify-content:flex-end;min-width:0}
.wizard-icon-bulk-form>span{color:var(--wiz-subtle);font-size:.82rem;font-weight: var(--wb-font-weight-semibold);white-space:nowrap}
.wizard-icon-library-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));min-width:0}
.wizard-icon-library-card{background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;box-shadow:var(--wiz-shadow-sm);display:grid;gap:11px;min-width:0;padding:14px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.wizard-icon-library-card:hover{border-color:var(--wiz-primary-border);box-shadow:var(--wiz-shadow)}
.wizard-icon-library-card.is-disabled{opacity:.72}
.wizard-icon-card-head{align-items:center;display:grid;gap:12px;grid-template-columns:22px var(--icon-library-preview-size) minmax(0,1fr)}
.wizard-icon-card-check{display:grid;height:22px;place-items:center;width:22px}
.wizard-icon-card-check input[type='checkbox']{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid var(--wiz-border-strong);border-radius:5px;cursor:pointer;height:var(--wb-choice-control-size);margin:0;min-height:var(--wb-choice-control-size);min-width:var(--wb-choice-control-size);padding:0;position:relative;width:var(--wb-choice-control-size)}
.wizard-icon-card-check input[type='checkbox']:checked{background:var(--wiz-primary);border-color:var(--wiz-primary)}
.wizard-icon-card-check input[type='checkbox']:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:'';height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}
.wizard-icon-card-check input[type='checkbox']:disabled{background:#eef1f5;cursor:not-allowed;opacity:.65}
.wizard-icon-card-preview{align-items:center;background:var(--wiz-muted);border-radius:8px;color:var(--wiz-primary);display:inline-flex;flex:0 0 var(--icon-library-preview-size);height:var(--icon-library-preview-size);justify-content:center;line-height:0;overflow:hidden;width:var(--icon-library-preview-size)}
.wizard-icon-card-preview .wizard-icon{height:var(--icon-library-preview-glyph-size);width:var(--icon-library-preview-glyph-size)}
.wizard-icon-card-preview .wizard-icon--image{height:var(--icon-library-preview-image-size);width:var(--icon-library-preview-image-size)}
.wizard-icon-file-info{align-content:start;gap:6px}
.wizard-icon-file-preview{align-items:center;background:var(--wiz-muted);border:1px solid var(--wiz-border);border-radius:8px;display:inline-flex;height:var(--icon-library-file-preview-size);justify-content:center;line-height:0;overflow:hidden;width:var(--icon-library-file-preview-size)}
.wizard-icon-file-preview .wizard-icon{height:var(--icon-library-file-glyph-size);width:var(--icon-library-file-glyph-size)}
.wizard-icon-card-title{display:grid;gap:3px;min-width:0}
.wizard-icon-card-title strong{color:var(--wiz-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wizard-icon-card-title small,.wizard-icon-usage{color:var(--wiz-subtle);font-size:.78rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wizard-icon-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.wizard-icon-card-meta span,.wizard-icon-card-meta em{border-radius:999px;font-size:.72rem;font-style:normal;font-weight: var(--wb-font-weight-semibold);line-height:1;padding:5px 8px;white-space:nowrap}
.wizard-icon-card-meta span{background:var(--wiz-muted);color:var(--wiz-subtle)}
.wizard-icon-card-meta em{background:var(--wiz-primary-soft);color:var(--wiz-primary)}
.wizard-icon-edit-panel{border-top:1px solid var(--wiz-border);padding-top:10px}
.wizard-icon-edit-panel summary{color:var(--wiz-text);cursor:pointer;font-size:.84rem;font-weight: var(--wb-font-weight-semibold);list-style:none}
.wizard-icon-edit-panel summary::-webkit-details-marker{display:none}
.wizard-icon-edit-panel form{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
.wizard-icon-edit-panel .form-field--full,.wizard-icon-edit-panel .checkbox-field,.wizard-icon-edit-panel .button{grid-column:1/-1}
.wizard-icon-empty,.wizard-icon-grid-empty{align-items:center;background:var(--wiz-muted);border:1px dashed var(--wiz-border-strong);border-radius:8px;color:var(--wiz-subtle);display:grid;gap:5px;justify-items:center;min-height:140px;padding:24px;text-align:center}
.wizard-icon-empty strong{color:var(--wiz-text)}
.wizard-icon-drawer-filters{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(150px,220px)}
.wizard-icon-grid button small{color:var(--wiz-subtle);font-size:.72rem;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wizard-icon-grid button.is-selected{background:var(--wiz-primary-soft);border-color:var(--wiz-primary-border);box-shadow:0 0 0 3px rgba(255,111,0,.08);color:var(--wiz-primary)}
.wizard-icon-grid button.is-selected .wizard-icon-grid__glyph{background:#fff;color:var(--wiz-primary)}

@media (max-width:1100px){
.wizard-icon-library-page{--icon-library-preview-size:50px;--icon-library-preview-glyph-size:38px;--icon-library-preview-image-size:40px;--icon-library-file-preview-size:60px;--icon-library-file-glyph-size:44px}
.wizard-icon-hero{align-items:stretch;flex-direction:column}
.wizard-icon-stats{min-width:0}
.wizard-icon-admin-layout{grid-template-columns:1fr}
.wizard-icon-toolbar{grid-template-columns:1fr 1fr}
.wizard-icon-bulk-form{grid-column:1/-1;justify-content:space-between}
}

@media (max-width:640px){
.wizard-icon-library-page{--icon-library-preview-size:46px;--icon-library-preview-glyph-size:34px;--icon-library-preview-image-size:36px;--icon-library-file-preview-size:58px;--icon-library-file-glyph-size:42px}
.wizard-icon-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.wizard-icon-toolbar,.wizard-icon-drawer-filters,.wizard-icon-edit-panel form{grid-template-columns:1fr}
.wizard-icon-bulk-form{align-items:stretch;flex-direction:column}
.wizard-icon-bulk-form .button{justify-content:center;width:100%}
.wizard-icon-library-grid{grid-template-columns:1fr}
.wizard-folder-row,.wizard-folder-row form{grid-template-columns:1fr}
.wizard-folder-row form{align-items:stretch;flex-direction:column}
.wizard-folder-row form:first-of-type input[name='sort_order']{width:100%}
}

/* Choice control guardrails: keep validation and hidden native inputs stable after contextual form rules. */
.form-field--invalid input[type="checkbox"],
.form-field--invalid input[type="radio"],
.form-field--invalid.checkbox-field input[type="checkbox"],
.form-field--invalid.checkbox-field input[type="radio"] {
    border-color: var(--wb-color-danger);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wb-color-danger) 12%, transparent);
}
.choice-card input::after,
.choice-card input::before,
.trade-checkbox-card input::after,
.trade-checkbox-card input::before,
.wizard-segmented label input::after,
.wizard-segmented label input::before {
    content: none;
}
/* Premium admin user profile */
.admin-user-profile {
    --admin-user-border: var(--admin-line);
    --admin-user-muted: var(--admin-muted);
    --admin-user-surface: #ffffff;
    --admin-user-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
    display: grid;
    gap: 16px;
    width: min(100%, 1680px);
    min-width: 0;
    margin: 0 auto;
}

.admin-user-breadcrumb {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
    color: var(--admin-user-muted);
    font-size: 13px;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1.35;
}

.admin-user-breadcrumb a {
    color: var(--admin-user-muted);
    text-decoration: none;
}

.admin-user-breadcrumb a:hover,
.admin-user-card header a:hover,
.admin-user-record-list > a:hover strong {
    color: var(--wb-color-primary);
}

.admin-user-hero {
    display: grid;
    grid-template-columns: minmax(390px, 1.18fr) minmax(280px, 0.68fr) minmax(500px, 1.18fr);
    align-items: stretch;
    gap: 0;
    min-width: 0;
    min-height: 288px;
    padding: 32px 26px;
    border: 1px solid var(--admin-user-border);
    border-radius: 8px;
    background: var(--admin-user-surface);
    box-shadow: var(--admin-user-shadow);
}

.admin-user-identity,
.admin-user-status-panel,
.admin-user-actions,
.admin-user-action-group,
.admin-user-identity__copy,
.admin-user-card,
.admin-user-record-list,
.admin-user-note-form {
    display: grid;
    min-width: 0;
}

.admin-user-identity {
    grid-template-columns: 96px minmax(0, 1fr);
    align-content: start;
    gap: 18px 24px;
    padding-right: 28px;
}

.admin-user-avatar {
    display: grid;
    width: 96px;
    height: 96px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 50%;
    background: linear-gradient(145deg, #f4f4f5, #e6e7ea);
    color: #111827;
    font-size: 30px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
}

.admin-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-user-identity__copy {
    align-content: center;
    gap: 11px;
}

.admin-user-titleline {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    min-width: 0;
}

.admin-user-titleline h1 {
    min-width: 0;
    margin: 0;
    color: var(--admin-text);
    font-size: 29px;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.admin-user-identity__copy p {
    margin: 0;
    color: var(--admin-user-muted);
    font-size: 15px;
    font-weight: var(--wb-font-weight-normal);
    line-height: 1.4;
}

.admin-user-contact-lines {
    display: grid;
    grid-column: 2;
    gap: 16px;
    min-width: 0;
    padding-top: 16px;
}

.admin-user-contact-lines > span {
    align-items: center;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
    color: var(--admin-text);
    font-size: 14px;
    line-height: 1.35;
}

.admin-user-contact-lines .admin-icon {
    width: 17px;
    height: 17px;
    color: #1f2937;
}

.admin-user-contact-value {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-user-status-panel {
    align-content: start;
    border-left: 1px solid var(--admin-user-border);
    padding: 2px 28px;
}

.admin-user-status-panel dl,
.admin-user-definition-list {
    display: grid;
    gap: 16px 18px;
    grid-template-columns: minmax(118px, 0.42fr) minmax(0, 1fr);
    margin: 0;
}

.admin-user-status-panel dl {
    align-items: center;
    grid-template-columns: max-content minmax(0, 1fr);
}

.admin-user-status-panel dt,
.admin-user-definition-list dt {
    color: var(--admin-user-muted);
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.35;
}

.admin-user-status-panel dd,
.admin-user-definition-list dd {
    min-width: 0;
    margin: 0;
    color: var(--admin-text);
    font-size: 14px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.admin-user-status-panel dd {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    justify-self: start;
    overflow-wrap: normal;
    word-break: normal;
}

.admin-user-status-panel dd .badge {
    flex: 0 0 auto;
    width: max-content;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
}

.admin-user-status-panel dd:last-child {
    align-items: start;
    display: grid;
    gap: 8px;
    min-width: min(100%, 122px);
}

.admin-user-progress {
    display: block;
    width: min(122px, 100%);
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #e5e7eb;
}

.admin-user-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #35b923, #2fb90f);
}

.admin-user-status-panel dd strong {
    color: #475569;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.admin-user-actions {
    align-content: start;
    grid-template-columns: minmax(230px, 0.96fr) minmax(226px, 0.9fr);
    gap: 14px 24px;
    border-left: 1px solid var(--admin-user-border);
    padding-left: 26px;
}

.admin-user-actions h2,
.admin-user-card h2 {
    margin: 0 !important;
    color: var(--admin-text);
    font-size: 20px !important;
    font-weight: var(--wb-font-weight-semibold) !important;
    letter-spacing: 0;
    line-height: 1.25 !important;
}

.admin-user-actions h2 {
    grid-column: 1 / -1;
}

.admin-user-action-group {
    align-content: start;
    gap: 10px;
}

.admin-user-action-group + .admin-user-action-group {
    border-left: 1px solid var(--admin-user-border);
    padding-left: 20px;
}

.admin-user-action-group h3 {
    margin: 0 !important;
    color: var(--admin-user-muted);
    font-size: 13px !important;
    font-weight: var(--wb-font-weight-semibold) !important;
    letter-spacing: 0;
    line-height: 1.25 !important;
}

.admin-user-action-group + .admin-user-action-group h3 {
    color: var(--wb-color-accent-strong, var(--wb-color-accent));
}

.admin-user-actions label,
.admin-user-note-form label {
    display: grid;
    gap: 7px;
    min-width: 0;
    color: var(--admin-user-muted);
    font-size: 13px;
    font-weight: var(--wb-font-weight-medium);
}

.admin-user-actions select,
.admin-user-note-form textarea {
    width: 100%;
    min-height: 41px;
    border: 1px solid #d7dde7;
    border-radius: 6px;
    background: #ffffff;
    color: var(--admin-text);
    font: inherit;
    padding: 9px 34px 9px 12px;
}

.admin-user-inline-form {
    align-items: end;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(86px, auto);
    gap: 8px;
    min-width: 0;
    margin: 0;
}

.admin-user-danger-form,
.admin-user-action-row form {
    margin: 0;
}

.admin-user-actions .button {
    justify-content: center;
    min-height: 41px;
    border-radius: 6px;
    padding: 0 14px;
    white-space: nowrap;
}

.admin-user-actions .button--danger {
    width: 100%;
    border-color: color-mix(in srgb, var(--wb-color-danger) 78%, white);
    background: #ffffff;
    color: var(--wb-color-danger);
}

.admin-user-actions .button--danger:hover,
.admin-user-actions .button--danger:focus-visible {
    background: color-mix(in srgb, var(--wb-color-danger) 8%, white);
    color: var(--wb-color-danger);
}

.admin-user-action-row {
    display: grid;
    gap: 10px;
}

.admin-user-action-row form,
.admin-user-action-row .button {
    width: 100%;
}

.admin-user-tabs {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 0;
    border: 1px solid var(--admin-user-border);
    border-radius: 8px;
    background: #f7f8fa;
    padding: 8px;
}

.admin-user-tab-menu {
    display: none;
}

.app-shell .admin-user-profile .admin-user-tabs a {
    position: relative;
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 9px;
    min-height: 48px;
    border: 1px solid #e3e7ee;
    border-radius: 8px;
    background: var(--admin-user-surface);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    color: #334155;
    font-size: 14px;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1.25;
    padding: 0 14px;
    text-decoration: none;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.app-shell .admin-user-profile .admin-user-tabs a span {
    min-width: 0;
    overflow-wrap: normal;
    white-space: nowrap;
    word-break: normal;
}

.app-shell .admin-user-profile .admin-user-tabs a:hover {
    border-color: color-mix(in srgb, var(--wb-color-accent) 34%, #d7dce5);
    background: #ffffff;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
    color: #111827;
}

.app-shell .admin-user-profile .admin-user-tabs a:focus-visible {
    border-color: color-mix(in srgb, var(--wb-color-accent) 46%, #d7dce5);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wb-color-accent) 18%, transparent);
    color: #111827;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.app-shell .admin-user-profile .admin-user-tabs a.is-active {
    border-color: color-mix(in srgb, var(--wb-color-accent) 54%, #f0c99a);
    background: color-mix(in srgb, var(--wb-color-accent) 8%, #ffffff);
    box-shadow: 0 8px 20px rgba(255, 130, 2, 0.14);
    color: var(--wb-color-accent-strong, var(--wb-color-accent));
    font-weight: var(--wb-font-weight-semibold);
}

.app-shell .admin-user-profile .admin-user-tabs a.is-active::after {
    position: absolute;
    right: 12px;
    bottom: 5px;
    left: 12px;
    height: 2px;
    border-radius: 999px;
    background: var(--wb-color-accent);
    content: "";
}

.admin-user-tabs em,
.admin-user-tab-menu em {
    display: inline-grid;
    flex: 0 0 auto;
    min-width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 999px;
    background: #eef1f5;
    color: var(--admin-user-muted);
    font-size: 11px;
    font-style: normal;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1;
    padding: 0 6px;
}

.admin-user-tabs a.is-active em,
.admin-user-tab-menu .is-active em {
    background: color-mix(in srgb, var(--wb-color-accent) 12%, white);
    color: var(--wb-color-accent-strong, var(--wb-color-accent));
}

.admin-user-kpis,
.admin-user-overview-grid,
.admin-user-section-grid {
    display: grid;
    gap: 16px;
}

.admin-user-kpis {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.admin-user-kpis article,
.admin-user-card {
    min-width: 0;
    border: 1px solid var(--admin-user-border);
    border-radius: 8px;
    background: var(--admin-user-surface);
    box-shadow: 0 9px 24px rgba(15, 23, 42, 0.055);
}

.admin-user-kpis article {
    position: relative;
    min-height: 116px;
    padding: 20px 56px 18px 20px;
}

.admin-user-kpis article > span {
    position: absolute;
    top: 18px;
    right: 18px;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    background: #fff3e8;
    color: var(--wb-color-accent);
}

.admin-user-kpis article:nth-child(2) > span {
    background: #eef4ff;
    color: #2563eb;
}

.admin-user-kpis article:nth-child(3) > span {
    background: #fff0e6;
    color: #e86f00;
}

.admin-user-kpis article:nth-child(4) > span {
    background: #eef2ff;
    color: #4f46e5;
}

.admin-user-kpis article:nth-child(5) > span {
    background: #f8eafe;
    color: #a855f7;
}

.admin-user-kpis article > span .admin-icon {
    width: 18px;
    height: 18px;
}

.admin-user-kpis small,
.admin-user-kpis em {
    display: block;
    color: var(--admin-user-muted);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1.35;
}

.admin-user-kpis strong {
    display: block;
    margin: 10px 0 4px;
    color: #020617;
    font-size: 25px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.admin-user-overview-grid {
    align-items: stretch;
    grid-template-columns: minmax(340px, 1.08fr) repeat(2, minmax(260px, 0.96fr));
}

.admin-user-card {
    align-content: start;
    gap: 16px;
    min-height: 164px;
    padding: 22px;
}

.admin-user-card--profile {
    grid-row: span 2;
    min-height: 334px;
}

.admin-user-card--wide {
    min-height: 420px;
}

.admin-user-card header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
}

.admin-user-card header a {
    color: var(--wb-color-primary);
    font-size: 13px;
    font-weight: var(--wb-font-weight-medium);
    text-decoration: none;
    white-space: nowrap;
}

.admin-user-record-list {
    gap: 0;
}

.admin-user-record-list > a,
.admin-user-record-list > div {
    align-items: center;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) minmax(86px, auto);
    gap: 12px;
    min-width: 0;
    border-top: 1px solid var(--admin-user-border);
    color: var(--admin-text);
    padding: 12px 0;
    text-decoration: none;
}

.admin-user-record-list > a:first-child,
.admin-user-record-list > div:first-child {
    border-top: 0;
    padding-top: 2px;
}

.admin-user-record-list strong,
.admin-user-record-list small,
.admin-user-record-list em {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.admin-user-record-list strong {
    color: var(--admin-text);
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
}

.admin-user-record-list small {
    color: var(--admin-user-muted);
    font-size: 13px;
    line-height: 1.35;
}

.admin-user-record-list em {
    justify-self: end;
    color: var(--admin-text);
    font-size: 13px;
    font-style: normal;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1.35;
    text-align: right;
}

.admin-user-record-list em .badge {
    margin-top: 5px;
}

.admin-user-thumb {
    display: grid;
    width: 42px;
    height: 38px;
    place-items: center;
    overflow: hidden;
    border-radius: 7px;
    background: #f3f6fa;
    color: var(--wb-color-primary);
}

.admin-user-thumb .admin-icon {
    width: 18px;
    height: 18px;
}

.admin-user-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-user-empty {
    margin: 0;
    padding: 30px 0 8px;
    color: #334155;
    font-size: 15px;
    line-height: 1.45;
}

.admin-user-definition-list {
    gap: 13px 22px;
}

.admin-user-definition-list dd {
    font-weight: var(--wb-font-weight-medium);
}

.admin-user-definition-list--wide {
    grid-template-columns: minmax(160px, 0.24fr) minmax(0, 1fr);
}

.admin-user-note-form {
    gap: 12px;
    margin-bottom: 2px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--admin-user-border);
}

.admin-user-note-form textarea {
    min-height: 110px;
    resize: vertical;
}

.admin-user-tab-menu summary {
    cursor: pointer;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 48px;
    border: 1px solid var(--admin-user-border);
    border-radius: 8px;
    background: var(--admin-user-surface);
    color: var(--admin-text);
    list-style: none;
    padding: 8px 12px;
}

.admin-user-tab-menu summary::-webkit-details-marker {
    display: none;
}

.admin-user-tab-menu__label {
    display: block;
    color: var(--admin-user-muted);
    font-size: 11px;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1.15;
}

.admin-user-tab-menu summary strong {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
    color: var(--admin-text);
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.2;
}

.admin-user-tab-menu summary strong span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-user-tab-menu summary > .admin-icon {
    align-self: center;
    transition: transform 160ms ease;
}

.admin-user-tab-menu[open] summary > .admin-icon {
    transform: rotate(180deg);
}

.admin-user-tab-menu nav {
    display: grid;
    gap: 5px;
    margin-top: 8px;
    padding: 8px;
    border: 1px solid var(--admin-user-border);
    border-radius: 8px;
    background: var(--admin-user-surface);
}

.admin-user-tab-menu nav a {
    align-items: center;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: 8px;
    min-height: 40px;
    border-radius: 6px;
    color: #4b5563;
    padding: 8px 10px;
    text-decoration: none;
}

.admin-user-tab-menu nav a.is-active {
    background: color-mix(in srgb, var(--wb-color-accent) 10%, white);
    color: var(--wb-color-accent-strong, var(--wb-color-accent));
}

@media (max-width: 1380px) {
    .admin-user-hero {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
    }

    .admin-user-identity {
        grid-column: 1 / -1;
        border-bottom: 1px solid var(--admin-user-border);
        padding: 0 0 26px;
    }

    .admin-user-status-panel {
        border-left: 0;
        padding: 26px 26px 0 0;
    }

    .admin-user-actions {
        border-left: 1px solid var(--admin-user-border);
        grid-template-columns: 1fr;
        padding: 26px 0 0 26px;
    }

    .admin-user-action-group + .admin-user-action-group {
        border-left: 0;
        border-top: 1px solid var(--admin-user-border);
        padding: 14px 0 0;
    }

    .admin-user-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .admin-user-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-user-card--profile {
        grid-row: auto;
    }
}

@media (max-width: 980px) {
    .admin-user-hero,
    .admin-user-overview-grid,
    .admin-user-kpis {
        grid-template-columns: 1fr;
    }

    .admin-user-status-panel,
    .admin-user-actions {
        border-left: 0;
        border-top: 1px solid var(--admin-user-border);
        padding: 24px 0 0;
    }
}

@media (max-width: 760px) {
    .admin-user-profile {
        gap: 13px;
    }

    .admin-user-hero {
        min-height: 0;
        padding: 18px;
    }

    .admin-user-identity {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 14px;
    }

    .admin-user-avatar {
        width: 72px;
        height: 72px;
        font-size: 22px;
    }

    .admin-user-titleline h1 {
        font-size: 23px;
    }

    .admin-user-identity__copy p {
        font-size: 14px;
    }

    .admin-user-contact-lines {
        grid-column: 1 / -1;
        padding-top: 4px;
    }

    .admin-user-contact-value {
        white-space: normal;
    }

    .admin-user-status-panel dl,
    .admin-user-definition-list,
    .admin-user-definition-list--wide {
        grid-template-columns: 1fr;
    }

    .admin-user-inline-form {
        grid-template-columns: 1fr;
    }

    .admin-user-actions .button,
    .admin-user-danger-form,
    .admin-user-danger-form .button {
        width: 100%;
    }

    .admin-user-tabs {
        display: flex;
        gap: 8px;
        padding: 8px;
    }

    .app-shell .admin-user-profile .admin-user-tabs a {
        flex-basis: 100%;
        justify-content: flex-start;
        min-height: 44px;
    }

    .admin-user-tab-menu {
        display: none;
    }

    .admin-user-card {
        padding: 18px;
    }

    .admin-user-card header {
        align-items: flex-start;
        display: grid;
        justify-content: stretch;
    }

    .admin-user-record-list > a,
    .admin-user-record-list > div {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .admin-user-record-list em {
        grid-column: 2;
        justify-self: start;
        text-align: left;
    }
}/* Storage systemverwaltung */
.storage-page {
    --storage-gap: var(--wb-space-5);
}

.storage-header,
.storage-section__header,
.storage-status-panel,
.storage-alert,
.storage-log-list article,
.storage-actions-row,
.storage-policy-card__title,
.storage-policy-card__footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--wb-space-4);
}

.storage-header {
    align-items: stretch;
}

.storage-header h1,
.storage-section__header h2,
.storage-policy-card h3 {
    letter-spacing: 0;
}

.storage-header__aside,
.storage-status-panel,
.storage-policy-card,
.storage-category-card {
    min-width: 0;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
    padding: var(--wb-space-5);
}

.storage-header__aside {
    display: grid;
    align-content: center;
    gap: var(--wb-space-2);
    min-width: min(100%, 300px);
}

.storage-header__aside span,
.storage-header__aside small,
.storage-policy-card small,
.storage-empty p,
.storage-alert small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.storage-header__aside strong {
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-xl);
}

.storage-shell {
    display: grid;
    grid-template-columns: minmax(210px, 250px) minmax(0, 1fr);
    gap: var(--wb-space-6);
    align-items: start;
}

.storage-subnav {
    position: sticky;
    top: calc(var(--wb-space-6) + 72px);
    display: grid;
    gap: var(--wb-space-2);
    min-width: 0;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    box-shadow: var(--wb-shadow-sm);
    padding: var(--wb-space-3);
}

.storage-subnav a {
    display: flex;
    align-items: center;
    gap: var(--wb-space-2);
    min-height: 40px;
    border-radius: var(--wb-radius-md);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 var(--wb-space-3);
    text-decoration: none;
}

.storage-subnav a:hover,
.storage-subnav a.is-active {
    background: color-mix(in srgb, var(--wb-color-primary) 9%, var(--wb-color-surface));
    color: var(--wb-color-primary);
}

.storage-content,
.storage-section,
.storage-policy-list,
.storage-alert-list,
.storage-log-list {
    display: grid;
    gap: var(--wb-space-5);
    min-width: 0;
}

.storage-kpi-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}

.storage-kpi-grid--compact .metric-card {
    min-height: 130px;
}

.storage-card h3,
.storage-policy-card p {
    margin-top: 0;
}

.storage-filter-bar,
.storage-policy-fields,
.storage-toggle-list,
.storage-mode-grid {
    display: grid;
    gap: var(--wb-space-4);
    min-width: 0;
}

.storage-filter-bar {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: end;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: var(--wb-color-surface);
    padding: var(--wb-space-4);
}

.storage-search {
    grid-column: span 2;
}

.storage-check {
    display: inline-flex;
    align-items: center;
    gap: var(--wb-space-2);
    min-height: 40px;
    margin: 0;
    color: var(--wb-color-text);
    font-weight: var(--wb-font-weight-semibold);
}

.storage-table-card code,
.storage-path-details code {
    white-space: normal;
    overflow-wrap: anywhere;
}

.storage-path-details summary {
    cursor: pointer;
}

.storage-path-details ul {
    display: grid;
    gap: var(--wb-space-2);
    margin: var(--wb-space-2) 0 0;
    padding: 0;
    list-style: none;
}

.storage-path-details li {
    display: flex;
    align-items: center;
    gap: var(--wb-space-2);
}

.storage-copy {
    display: inline-grid;
    width: 30px;
    height: 30px;
    place-items: center;
    flex: 0 0 30px;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.storage-mode-grid,
.storage-policy-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.storage-mode-grid article {
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    padding: var(--wb-space-4);
}

.storage-policy-list {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
}

.storage-policy-card {
    display: grid;
    align-content: start;
    gap: var(--wb-space-4);
}

.storage-toggle-list {
    grid-template-columns: 1fr;
    gap: var(--wb-space-2);
}

.storage-inline-alert {
    margin: 0;
}

.storage-alert,
.storage-log-list article {
    align-items: center;
    border-top: 1px solid var(--wb-color-border);
    padding-top: var(--wb-space-4);
}

.storage-alert:first-child,
.storage-log-list article:first-child {
    border-top: 0;
    padding-top: 0;
}

.storage-confirm-field {
    min-width: 160px;
}

@media (max-width: 1180px) {
    .storage-shell {
        grid-template-columns: 1fr;
    }

    .storage-subnav {
        position: static;
        display: flex;
        overflow-x: auto;
        padding: var(--wb-space-2);
    }

    .storage-subnav a {
        flex: 0 0 auto;
    }

    .storage-filter-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .storage-header,
    .storage-section__header,
    .storage-status-panel,
    .storage-alert,
    .storage-log-list article,
    .storage-actions-row,
    .storage-policy-card__title,
    .storage-policy-card__footer {
        flex-direction: column;
        align-items: stretch;
    }

    .storage-filter-bar,
    .storage-policy-fields,
    .storage-mode-grid {
        grid-template-columns: 1fr;
    }

    .storage-search {
        grid-column: auto;
    }

    .storage-page .button,
    .storage-page button[type="submit"] {
        width: 100%;
        justify-content: center;
    }
}
/* Storage defect corrections: alignment, badges, policy cards, path readability. */
.storage-page .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-width: max-content;
    max-width: 100%;
    white-space: nowrap;
    flex: 0 0 auto;
    padding-inline: var(--wb-space-3);
}

.storage-policy-card__title {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--wb-space-4);
}

.storage-policy-card__title > div {
    display: grid;
    gap: var(--wb-space-2);
    min-width: 0;
}

.storage-policy-card__title strong,
.storage-policy-card__title small,
.storage-table td:first-child strong,
.storage-table td:first-child small {
    display: block;
}

.storage-policy-card__title small,
.storage-table td:first-child small {
    margin-top: var(--wb-space-2);
    line-height: 1.45;
}

.storage-policy-card > p {
    margin: 0;
    line-height: 1.5;
}

.storage-policy-fields {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
    gap: var(--wb-space-5);
}

.storage-policy-fields .form-field {
    gap: var(--wb-space-2);
}

.storage-toggle-list {
    gap: var(--wb-space-3);
}

.storage-policy-card__footer {
    align-items: center;
    border-top: 1px solid var(--wb-color-border);
    padding-top: var(--wb-space-4);
}

.storage-analysis-table {
    min-width: 1120px;
}

.storage-analysis-table th:nth-child(1),
.storage-analysis-table td:nth-child(1) {
    min-width: 230px;
    white-space: normal;
}

.storage-analysis-table th:nth-child(2),
.storage-analysis-table td:nth-child(2),
.storage-analysis-table th:nth-child(3),
.storage-analysis-table td:nth-child(3),
.storage-analysis-table th:nth-child(4),
.storage-analysis-table td:nth-child(4),
.storage-analysis-table th:nth-child(5),
.storage-analysis-table td:nth-child(5),
.storage-analysis-table th:nth-child(6),
.storage-analysis-table td:nth-child(6),
.storage-analysis-table th:nth-child(8),
.storage-analysis-table td:nth-child(8),
.storage-analysis-table th:nth-child(9),
.storage-analysis-table td:nth-child(9) {
    width: 1%;
}

.storage-analysis-table th:nth-child(7),
.storage-analysis-table td:nth-child(7) {
    min-width: 280px;
    max-width: 360px;
}

.storage-table-card .storage-path-details summary code {
    display: inline-block;
    max-width: min(330px, 100%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.storage-path-details li code {
    white-space: normal;
    overflow-wrap: anywhere;
}

.storage-log-list article {
    display: grid;
    grid-template-columns: minmax(150px, max-content) minmax(0, 1fr);
    align-items: start;
    justify-content: stretch;
    gap: var(--wb-space-4);
}

.storage-log-list article > div {
    display: grid;
    gap: var(--wb-space-2);
    min-width: 0;
}

.storage-log-list article strong,
.storage-log-list article p {
    margin: 0;
}

.storage-log-list article p {
    line-height: 1.45;
}

.storage-policy-card.is-dirty {
    border-color: color-mix(in srgb, var(--wb-color-accent) 42%, var(--wb-color-border));
}

@media (max-width: 1180px) {
    .storage-policy-fields {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    }
}

@media (max-width: 760px) {
    .storage-policy-card__title,
    .storage-log-list article {
        grid-template-columns: 1fr;
    }

    .storage-policy-card__title .badge {
        justify-self: start;
    }

    .storage-policy-card__footer .button {
        width: 100%;
    }
}
/* Premium company registration body */
.page-hero--company-register,
.page-hero--private-register {
    display: none;
}

/* Premium private Auftraggeber registration body */
.private-register-page {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-block: clamp(48px, 5vw, 70px) clamp(64px, 6vw, 90px);
    background: #ffffff;
}

.private-register-page::before,
.private-register-page::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    pointer-events: none;
}

.private-register-page::before {
    top: 0;
    z-index: -2;
    height: clamp(560px, 58vw, 720px);
    background:
        linear-gradient(180deg, rgba(3, 16, 36, 0.86), rgba(3, 16, 36, 0.92)),
        linear-gradient(90deg, rgba(5, 24, 48, 0.94), rgba(5, 24, 48, 0.78)),
        url("../img/homepage/auftraggeber-modern-house.webp");
    background-position: center 48%;
    background-repeat: no-repeat;
    background-size: cover;
}

.private-register-page::after {
    top: clamp(470px, 48vw, 610px);
    bottom: 0;
    z-index: -1;
    background: #ffffff;
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);
}

.auth-shell.private-register-layout {
    width: min(1360px, calc(100% - clamp(32px, 9vw, 140px)));
    grid-template-columns: minmax(340px, 0.42fr) minmax(600px, 0.58fr);
    align-items: start;
    justify-items: stretch;
    gap: clamp(36px, 6vw, 86px);
}

.private-register-intro {
    display: grid;
    align-content: start;
    gap: clamp(22px, 2.5vw, 32px);
    min-width: 0;
    color: var(--wb-color-on-dark);
}

.private-register-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: var(--wb-color-accent);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
}

.private-register-back:hover,
.private-register-back:focus-visible {
    color: #ff9a30;
    outline: none;
}

.private-register-copy {
    display: grid;
    gap: var(--wb-space-4);
    max-width: 560px;
}

.private-register-copy h1 {
    margin: 0;
    color: #ffffff;
    font-size: var(--wb-font-size-h1);
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
    line-height: 1.08;
}

.private-register-copy p {
    max-width: 560px;
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 1.0625rem;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1.55;
}

.private-register-benefits {
    display: grid;
    gap: var(--wb-space-5);
    max-width: 520px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: var(--wb-radius-lg);
    background: rgba(6, 24, 47, 0.9);
    box-shadow: 0 26px 62px rgba(0, 0, 0, 0.24);
    padding: clamp(24px, 2.6vw, 34px);
}

.private-register-benefits h2 {
    margin: 0;
    color: #ffffff;
    font-size: var(--wb-font-size-h2);
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
}

.private-register-benefits ul {
    display: grid;
    gap: clamp(20px, 2vw, 26px);
    margin: 0;
    padding: 0;
    list-style: none;
}

.private-register-benefits li {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: var(--wb-space-4);
    align-items: start;
}

.private-register-benefits .registration-icon {
    width: 36px;
    height: 36px;
    color: var(--wb-color-accent);
}

.private-register-benefits strong,
.private-register-trust strong {
    display: block;
    color: #ffffff;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
}

.private-register-benefits li span {
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.52;
}

.private-register-trust {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--wb-space-4);
    max-width: 760px;
    margin-top: clamp(24px, 4vw, 52px);
    border: 1px solid rgba(8, 27, 58, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 44px rgba(3, 17, 38, 0.14);
    color: var(--wb-color-primary);
    padding: clamp(16px, 2vw, 20px);
}

.private-register-trust span {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 4px 10px;
    align-items: start;
    min-width: 0;
}

.private-register-trust .registration-icon {
    width: 22px;
    height: 22px;
    color: var(--wb-color-accent-strong);
}

.private-register-trust strong {
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
}

.private-register-trust small {
    grid-column: 2;
    color: #526070;
    font-size: var(--wb-font-size-xs);
    line-height: 1.3;
}

.app-shell .private-register-trust {
    --wb-context-text-muted: #526070;
    --wb-context-text-soft: #526070;
    color: var(--wb-color-primary);
}

.app-shell .private-register-trust strong {
    color: var(--wb-color-primary);
}

.app-shell .private-register-trust small {
    color: #526070;
}

@media (max-width: 1180px) {
    .auth-shell.private-register-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

.private-register-copy,
    .private-register-benefits,
    .private-register-trust {
        max-width: none;
    }

    .private-register-trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 0;
    }
}

@media (max-width: 760px) {
    .private-register-page {
        padding-block: 30px 56px;
    }

    .private-register-page::before {
        height: 760px;
        background-position: center top;
    }

    .private-register-page::after {
        top: 620px;
        clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
    }

    .auth-shell.private-register-layout {
        width: min(100%, calc(100% - 24px));
        gap: 24px;
    }

    .private-register-copy h1 {
        font-size: 2.25rem;
    }

    .private-register-benefits {
        padding: 22px;
    }

    .private-register-benefits li {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .private-register-benefits .registration-icon {
        width: 32px;
        height: 32px;
    }

    .private-register-trust {
        grid-template-columns: 1fr;
        gap: var(--wb-space-3);
    }



}

@media (max-width: 430px) {
    .private-register-copy h1 {
        font-size: 2rem;
    }


}

.company-register-page {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-block: clamp(48px, 5vw, 78px) clamp(64px, 6vw, 96px);
    background:
        linear-gradient(172deg, rgba(255, 255, 255, 0) 0 47%, #ffffff 47.2% 100%),
        radial-gradient(circle at 20% 12%, rgba(255, 130, 2, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(3, 17, 38, 0.98), rgba(8, 27, 58, 0.9));
}

.company-register-page::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: min(560px, 58vw);
    z-index: -1;
    background:
        linear-gradient(135deg, rgba(3, 17, 38, 0.94), rgba(8, 27, 58, 0.82)),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 42px);
    opacity: 0.95;
}

.auth-shell.company-register-layout {
    width: min(1360px, calc(100% - (var(--wb-public-page-pad) * 2)));
    grid-template-columns: minmax(300px, 0.42fr) minmax(0, 0.58fr);
    align-items: start;
    justify-items: stretch;
    gap: clamp(28px, 4vw, 64px);
}

.company-register-intro {
    display: grid;
    gap: clamp(24px, 3vw, 36px);
    min-width: 0;
    color: var(--wb-color-on-dark);
}

.company-register-back,
.registration-return {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: var(--wb-color-accent);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
}

.company-register-copy {
    display: grid;
    gap: var(--wb-space-4);
    max-width: 520px;
}

.company-register-copy h2 {
    margin: 0;
    color: #ffffff;
    font-size: var(--wb-font-size-h1);
    line-height: 1.04;
    letter-spacing: 0;
}

.company-register-copy p {
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: 1rem;
    line-height: 1.55;
}

.company-register-benefits {
    display: grid;
    gap: var(--wb-space-5);
    max-width: 520px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--wb-radius-lg);
    background: rgba(7, 20, 42, 0.82);
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.28);
    padding: clamp(22px, 2.6vw, 34px);
    backdrop-filter: blur(10px);
}

.company-register-benefits h3 {
    margin: 0;
    color: #ffffff;
    font-size: var(--wb-font-size-xl);
    letter-spacing: 0;
}

.company-register-benefits ul {
    display: grid;
    gap: var(--wb-space-5);
    margin: 0;
    padding: 0;
    list-style: none;
}

.company-register-benefits li {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: var(--wb-space-4);
    align-items: start;
}

.registration-icon {
    display: inline-grid;
    width: 24px;
    height: 24px;
    place-items: center;
    flex: 0 0 auto;
}

.registration-icon svg {
    width: 100%;
    height: 100%;
}

.company-register-benefits .registration-icon {
    width: 36px;
    height: 36px;
    color: var(--wb-color-accent);
}

.company-register-benefits strong,
.company-register-trust strong {
    display: block;
    color: #ffffff;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
}

.company-register-benefits li span {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.5;
}

.company-register-security {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: var(--wb-space-3);
    align-items: center;
    border-radius: var(--wb-radius-lg);
    background: rgba(255, 255, 255, 0.07);
    padding: var(--wb-space-4);
}

.company-register-security p {
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: var(--wb-font-size-sm);
}

.company-register-trust {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--wb-space-4);
    max-width: 580px;
}

.company-register-trust span {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 8px 10px;
    align-items: start;
    color: var(--wb-color-accent);
}

.company-register-trust small {
    grid-column: 2;
    color: rgba(255, 255, 255, 0.72);
    font-size: var(--wb-font-size-xs);
    line-height: 1.3;
}

.company-registration-form .trade-checkbox-list {
    max-height: 340px;
}

.registration-password-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: center;
    min-height: var(--wb-form-control-height);
    overflow: hidden;
    border: 1px solid var(--wb-form-control-border);
    border-radius: var(--wb-form-control-radius);
    background: var(--wb-form-control-background);
}

.registration-password-control:focus-within {
    border-color: var(--wb-color-accent);
    box-shadow: var(--wb-form-control-focus-shadow);
}

.auth-form .registration-password-control input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    min-height: calc(var(--wb-form-control-height) - 2px);
    border: 0;
    background: transparent;
    box-shadow: none;
}

.registration-password-toggle {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 0;
    background: transparent;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    cursor: pointer;
    padding: 0;
}

.registration-password-toggle:hover,
.registration-password-toggle:focus-visible,
.registration-password-toggle[aria-pressed="true"] {
    color: var(--wb-color-accent-strong);
    outline: none;
}

.registration-password-toggle svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.registration-password-toggle[aria-pressed="true"] .login-eye {
    display: none;
}

.registration-password-toggle[aria-pressed="true"] .login-eye-off {
    display: block;
}

@media (max-width: 1120px) {
    .auth-shell.company-register-layout {
        grid-template-columns: 1fr;
    }

.company-register-copy,
    .company-register-benefits,
    .company-register-trust {
        max-width: none;
    }
}

@media (max-width: 760px) {
    .company-register-page {
        padding-block: 28px 56px;
        background:
            linear-gradient(180deg, rgba(3, 17, 38, 0.98), rgba(8, 27, 58, 0.92) 38%, #ffffff 38.2%);
    }

    .auth-shell.company-register-layout {
        width: min(100%, calc(100% - 20px));
        gap: 22px;
    }

    .company-register-copy h2 {
        font-size: 2.15rem;
    }

    .company-register-benefits {
        padding: 20px;
    }

    .company-register-trust {
        grid-template-columns: 1fr;
    }


}

/* Registration consent and verification document controls */
.auth-form .form-check-field {
    display: grid;
    gap: 7px;
    min-height: 0;
    border: 0;
    background: transparent;
    padding: 0;
}

.auth-form .form-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.auth-form .form-check__input {
    appearance: auto;
    -webkit-appearance: checkbox;
    display: inline-block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    max-width: 18px;
    max-height: 18px;
    flex: 0 0 18px;
    align-self: flex-start;
    margin: 2px 0 0;
    padding: 0;
    border: revert;
    background: revert;
    box-shadow: none;
    accent-color: var(--wb-color-accent);
    cursor: pointer;
}

.auth-form .form-check__input::before,
.auth-form .form-check__input::after {
    content: none;
}

.auth-form .form-check__input:focus-visible {
    outline: 2px solid var(--wb-color-accent);
    outline-offset: 2px;
    box-shadow: none;
}

.auth-form .form-check__input[aria-invalid="true"] {
    outline: 2px solid var(--wb-color-danger);
    outline-offset: 2px;
}

.auth-form .form-check__label {
    min-width: 0;
    margin: 0;
    color: var(--wb-color-text);
    font-size: 0.9rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.45;
    cursor: pointer;
}

.auth-form .form-check__label a {
    color: var(--wb-color-accent-strong);
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.auth-form .form-check-field .field-error {
    margin-left: 28px;
}

.auth-form .form-file input[type="file"] {
    display: block;
    width: 100%;
    min-height: var(--wb-form-control-height);
    height: auto;
    border: 1px solid var(--wb-form-control-border);
    border-radius: var(--wb-form-control-radius);
    background: var(--wb-form-control-background);
    color: var(--wb-color-text);
    cursor: pointer;
    font-size: 0.9375rem;
    line-height: 1.4;
    padding: 7px 10px;
}

.auth-form .form-file input[type="file"]::file-selector-button {
    min-height: 32px;
    margin: 0 12px 0 0;
    border: 1px solid var(--wb-form-control-border);
    border-radius: 7px;
    background: var(--wb-color-surface-muted);
    color: var(--wb-color-primary);
    cursor: pointer;
    font: inherit;
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 12px;
}

.auth-form .form-file input[type="file"]::-webkit-file-upload-button {
    min-height: 32px;
    margin: 0 12px 0 0;
    border: 1px solid var(--wb-form-control-border);
    border-radius: 7px;
    background: var(--wb-color-surface-muted);
    color: var(--wb-color-primary);
    cursor: pointer;
    font: inherit;
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 12px;
}

.auth-form .form-file input[type="file"]:focus-visible {
    border-color: var(--wb-color-accent);
    box-shadow: var(--wb-form-control-focus-shadow);
    outline: none;
}

.auth-form .form-file input[type="file"][aria-invalid="true"],
.auth-form .form-field--invalid.form-file input[type="file"] {
    border-color: var(--wb-color-danger);
    background: color-mix(in srgb, var(--wb-color-danger) 5%, var(--wb-color-surface-muted));
}
/* Shared registration form components */
.registration-form.auth-form {
    width: 100%;
    max-width: 820px;
    justify-self: end;
    gap: 18px 22px;
    border: 1px solid rgba(8, 27, 58, 0.12);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 34px 90px rgba(3, 17, 38, 0.2);
    padding: clamp(24px, 3vw, 42px);
}

.registration-form .auth-role-panel {
    gap: 6px;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    background: #f8fafc;
    padding: var(--wb-space-4);
}

.registration-form .auth-role-panel h2 {
    margin: 0;
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-xl);
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
}

.registration-form .auth-role-panel p {
    margin: 0;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.registration-form .registration-section:not(.registration-section--base) {
    margin-top: 8px;
}

.registration-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.registration-form select,
.registration-form textarea,
.registration-form .registration-password-control,
.registration-form .phone-input-group {
    min-height: 50px;
    border-radius: 8px;
    background: #ffffff;
}

.registration-form input::placeholder,
.registration-form textarea::placeholder {
    color: #8a919c;
}

.registration-form .phone-input-group {
    grid-template-columns: 68px auto minmax(0, 1fr);
    align-items: stretch;
    gap: 0;
}

.registration-form .phone-native-select {
    width: 1px;
    min-height: 1px;
    border: 0;
    background: transparent;
}

.registration-form .phone-country-button,
.registration-form .phone-prefix,
.registration-form .phone-local-control > input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    min-height: 48px;
}

.registration-form .phone-country-search {
    min-height: 40px;
    border-radius: 8px;
    font-size: 0.9rem;
}

.registration-form .phone-local-control > input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    border-radius: 0 8px 8px 0;
    padding-inline: 14px;
}

.registration-form [data-phone-field] > small {
    display: block;
}

.registration-form [data-password-label] {
    display: block;
    min-height: 1.1rem;
    margin-top: 2px;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-xs);
    line-height: 1.4;
}

.registration-form [data-password-label][data-state="strength"] {
    color: var(--wb-color-text);
    font-weight: var(--wb-font-weight-medium);
}

.registration-form .password-meter {
    display: block;
    height: 3px;
    margin-top: 0;
    background: #e3e8ef;
    opacity: 0;
    transition: margin-top 160ms ease, opacity 160ms ease;
}

.registration-form .password-meter[data-level]:not([data-level="empty"]) {
    margin-top: 6px;
    opacity: 1;
}

.registration-form.auth-form .form-field:has([name="password"]),
.registration-form.auth-form .form-field:has([name="password_confirmation"]) {
    grid-column: auto;
}

.registration-form .registration-password-control {
    grid-template-columns: minmax(0, 1fr) 44px;
}

.registration-password-toggle .login-eye-off {
    display: none;
}

.password-meter[data-level="empty"] span {
    background: transparent;
}

.password-meter[data-level="very-strong"] span {
    background: color-mix(in srgb, var(--wb-color-success) 82%, var(--wb-color-primary));
}

.password-requirements-title {
    display: block;
    margin-top: 8px;
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-xs);
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
}

.password-requirements-title[hidden] {
    display: none;
}

.password-requirements {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 12px;
    max-height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    list-style: none;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: var(--wb-font-size-xs);
    line-height: 1.3;
    opacity: 0;
    transition: max-height 180ms ease, margin-top 180ms ease, opacity 160ms ease;
}

.password-requirements[data-active="1"] {
    max-height: 120px;
    margin-top: 6px;
    opacity: 1;
}

.password-requirements li {
    position: relative;
    min-width: 0;
    min-height: 18px;
    padding-left: 22px;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-weight: var(--wb-font-weight-normal);
}

.password-requirements li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.12rem;
    width: 13px;
    height: 13px;
    border: 1px solid color-mix(in srgb, var(--wb-color-text-muted) 42%, #ffffff);
    border-radius: 50%;
    background: #ffffff;
    box-sizing: border-box;
}

.password-requirements li::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 0.28rem;
    width: 4px;
    height: 7px;
    border-right: 1.5px solid #ffffff;
    border-bottom: 1.5px solid #ffffff;
    opacity: 0;
    transform: rotate(45deg);
}

.password-requirements li[data-met="1"] {
    color: var(--wb-color-success);
    font-weight: var(--wb-font-weight-medium);
}

.password-requirements li[data-met="1"]::before {
    border-color: var(--wb-color-success);
    background: var(--wb-color-success);
}

.password-requirements li[data-met="1"]::after {
    opacity: 1;
}

.registration-form .form-check-field {
    gap: 7px;
}

.registration-form .form-check__label {
    font-size: 0.9rem;
    font-weight: var(--wb-font-weight-semibold);
}

.registration-form > button[data-registration-submit] {
    grid-column: 2;
    order: 98;
    justify-self: stretch;
    min-height: 52px;
    border-radius: 8px;
    background: linear-gradient(180deg, var(--wb-color-accent), var(--wb-color-accent-strong));
    font-weight: var(--wb-font-weight-semibold);
}

.registration-form > a.button--ghost {
    grid-column: 1;
    order: 97;
    justify-self: start;
    align-self: center;
    width: auto;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    padding-inline: 0;
}

.private-registration-form > a.button--ghost::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
}

@media (max-width: 1180px) {
    .registration-form.auth-form {
        max-width: none;
        justify-self: stretch;
    }
}

@media (max-width: 760px) {
    .registration-form.auth-form {
        grid-template-columns: 1fr;
        gap: 15px;
        border-radius: var(--wb-radius-lg);
        padding: 20px;
    }

    .registration-form.auth-form .form-field,
    .registration-form > button[data-registration-submit],
    .registration-form > a.button--ghost {
        grid-column: 1 / -1;
    }

    .registration-form .password-requirements {
        grid-template-columns: 1fr;
    }

    .registration-form > a.button--ghost {
        justify-self: start;
        justify-content: flex-start;
    }
}

/* Admin communication center */
.communication-page {
    width: 100%;
    max-width: none;
    display: flex;
    flex-direction: column;
    gap: var(--wb-space-5);
    color: var(--wb-color-primary);
}

.communication-primary-nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wb-space-2);
    padding: var(--wb-space-2);
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    box-shadow: var(--wb-shadow-sm);
}

.communication-primary-nav a {
    display: inline-flex;
    align-items: center;
    gap: var(--wb-space-2);
    min-height: 42px;
    padding: 0 var(--wb-space-4);
    border-radius: var(--wb-radius-md);
    color: var(--wb-color-text-muted);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.communication-primary-nav a:hover,
.communication-primary-nav a:focus-visible {
    color: var(--wb-color-primary);
    background: var(--wb-color-surface-muted);
}

.communication-primary-nav a.is-active {
    color: var(--wb-color-primary);
    background: #fff4e8;
    box-shadow: inset 0 0 0 1px rgba(255, 130, 2, 0.28);
}

.communication-page-head,
.communication-detail-head,
.communication-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--wb-space-4);
}

.communication-page-head h1,
.communication-detail-title h1,
.communication-section-head h2,
.communication-info-panel h2,
.communication-modal h2 {
    margin: 0;
    color: var(--wb-color-primary-strong);
    line-height: 1.2;
}

.communication-page-head h1,
.communication-detail-title h1 {
    font-size: var(--wb-font-size-2xl);
}

.communication-page-head p,
.communication-section-head p,
.communication-modal p,
.communication-detail-title p,
.communication-info-panel p {
    margin: var(--wb-space-2) 0 0;
    color: var(--wb-color-text-muted);
}

.communication-kpi-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: var(--wb-space-4);
}

.communication-kpi-grid--compact {
    grid-template-columns: repeat(3, minmax(190px, 1fr));
}

.communication-kpi-grid article {
    min-height: 124px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "icon value" "icon label" "icon detail";
    align-content: center;
    column-gap: var(--wb-space-4);
    padding: var(--wb-space-5);
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    box-shadow: var(--wb-shadow-sm);
}

.communication-kpi-grid article > span:first-child {
    grid-area: icon;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #1450c8;
    background: #eaf1ff;
}

.communication-kpi-grid article:nth-child(2) > span:first-child {
    color: var(--wb-color-success);
    background: #e8f7ef;
}

.communication-kpi-grid article:nth-child(3) > span:first-child {
    color: var(--wb-color-accent-strong);
    background: #fff0e0;
}

.communication-kpi-grid article:nth-child(5) > span:first-child {
    color: #7a2fc0;
    background: #f3eaff;
}

.communication-kpi-grid strong {
    grid-area: value;
    font-size: var(--wb-font-size-xl);
    color: var(--wb-color-primary-strong);
}

.communication-kpi-grid small {
    grid-area: label;
    color: var(--wb-color-primary);
    font-weight: 800;
}

.communication-kpi-grid p {
    grid-area: detail;
    margin: var(--wb-space-1) 0 0;
    color: var(--wb-color-text-muted);
    font-size: var(--wb-font-size-sm);
}

.communication-filter-panel {
    display: grid;
    grid-template-columns: minmax(260px, 2fr) repeat(4, minmax(150px, 1fr)) auto;
    align-items: end;
    gap: var(--wb-space-4);
    padding: var(--wb-space-4);
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    box-shadow: var(--wb-shadow-sm);
}

.communication-filter-panel--compact {
    grid-template-columns: minmax(160px, 220px) minmax(280px, 1fr) auto;
}

.communication-filter-panel label,
.communication-form-grid label,
.communication-rule-form label {
    min-width: 0;
}

.communication-filter-panel label > span:not(.sr-only),
.communication-form-grid label > span,
.communication-rule-form label > span,
.communication-variable-select > span:not(.sr-only) {
    display: block;
    margin-bottom: var(--wb-space-2);
    color: var(--wb-color-primary);
    font-size: var(--wb-font-size-xs);
    font-weight: 800;
}

.communication-filter-panel input,
.communication-filter-panel select,
.communication-form-grid input,
.communication-form-grid select,
.communication-form-grid textarea,
.communication-rule-form input,
.communication-rule-form select,
.communication-rule-form textarea,
.communication-editor-form input,
.communication-editor-form select,
.communication-editor-form textarea,
.communication-modal input,
.communication-modal select,
.communication-modal textarea {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--wb-color-border-strong);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    color: var(--wb-color-primary);
    font: inherit;
}

.communication-filter-panel input,
.communication-filter-panel select,
.communication-form-grid input,
.communication-form-grid select,
.communication-rule-form input,
.communication-rule-form select,
.communication-editor-form input,
.communication-editor-form select,
.communication-modal input,
.communication-modal select {
    padding: 0 var(--wb-space-3);
}

.communication-form-grid textarea,
.communication-rule-form textarea,
.communication-editor-form textarea,
.communication-modal textarea {
    padding: var(--wb-space-3);
    resize: vertical;
}

.communication-search-field {
    position: relative;
}

.communication-search-field svg {
    position: absolute;
    left: var(--wb-space-3);
    bottom: 12px;
    color: var(--wb-color-text-muted);
    pointer-events: none;
}

.communication-search-field input {
    padding-left: calc(var(--wb-space-8) + var(--wb-space-2));
}

.communication-table-card {
    overflow: hidden;
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    box-shadow: var(--wb-shadow-sm);
}

.communication-table-card--flat {
    box-shadow: none;
}

.communication-table-card footer {
    display: flex;
    align-items: center;
    gap: var(--wb-space-1);
    min-height: 48px;
    padding: 0 var(--wb-space-4);
    border-top: 1px solid var(--wb-color-border);
    color: var(--wb-color-text-muted);
    font-size: var(--wb-font-size-sm);
}

.communication-table {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    font-size: var(--wb-font-size-sm);
}

.communication-table th,
.communication-table td {
    padding: var(--wb-space-4);
    border-bottom: 1px solid var(--wb-color-border);
    text-align: left;
    vertical-align: middle;
}

.communication-table th {
    color: var(--wb-color-primary-strong);
    background: #fbfcfe;
    font-size: var(--wb-font-size-xs);
    font-weight: 900;
}

.communication-table tbody tr:hover {
    background: #fbfdff;
}

.communication-table td small,
.communication-template-title + small {
    display: block;
    margin-top: 3px;
    color: var(--wb-color-text-muted);
    font-size: var(--wb-font-size-xs);
}

.communication-template-title {
    color: var(--wb-color-primary-strong);
    font-weight: 900;
    text-decoration: none;
}

.communication-template-title:hover,
.communication-template-title:focus-visible {
    color: var(--wb-color-accent-strong);
}

.communication-status {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 var(--wb-space-3);
    border-radius: var(--wb-radius-full);
    font-size: var(--wb-font-size-xs);
    font-weight: 800;
    white-space: nowrap;
}

.communication-status.is-success {
    color: #11633d;
    background: #dff4e7;
}

.communication-status.is-muted,
.communication-status.is-neutral {
    color: #5e6878;
    background: #eef1f5;
}

.communication-status.is-danger {
    color: var(--wb-color-danger);
    background: #ffe8e4;
}

.communication-status.is-warning {
    color: var(--wb-color-warning);
    background: #fff1d8;
}

.communication-channel {
    display: inline-flex;
    align-items: center;
    gap: var(--wb-space-2);
    white-space: nowrap;
}

.communication-row-actions,
.communication-detail-actions,
.communication-inline-form {
    display: flex;
    align-items: center;
    gap: var(--wb-space-2);
}

.communication-icon-action {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    color: var(--wb-color-primary);
    cursor: pointer;
    text-decoration: none;
}

.communication-icon-action:hover,
.communication-icon-action:focus-visible {
    border-color: var(--wb-color-accent-soft);
    color: var(--wb-color-accent-strong);
    box-shadow: var(--wb-shadow-focus);
}

.communication-more {
    position: relative;
    display: inline-flex;
}

.communication-row-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 30;
    min-width: 230px;
    display: none;
    padding: var(--wb-space-2);
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    box-shadow: var(--wb-shadow-md);
}

.communication-row-menu.is-open {
    display: grid;
    gap: 2px;
}

.communication-row-menu a,
.communication-row-menu button,
.communication-row-menu .communication-menu-note {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--wb-space-2);
    min-height: 38px;
    padding: 0 var(--wb-space-3);
    border: 0;
    border-radius: var(--wb-radius-md);
    background: transparent;
    color: var(--wb-color-primary);
    font: inherit;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.communication-row-menu a:hover,
.communication-row-menu button:hover,
.communication-row-menu a:focus-visible,
.communication-row-menu button:focus-visible {
    background: var(--wb-color-surface-muted);
}

.communication-row-menu .is-danger {
    color: var(--wb-color-danger);
}

.communication-menu-note {
    color: var(--wb-color-text-muted);
    cursor: default;
    line-height: 1.35;
}

.communication-detail-head {
    flex-wrap: wrap;
    padding-bottom: var(--wb-space-2);
}

.communication-back-link {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: var(--wb-space-2);
    color: var(--wb-color-text-muted);
    font-weight: 800;
    text-decoration: none;
}

.communication-back-link:hover,
.communication-back-link:focus-visible {
    color: var(--wb-color-accent-strong);
}

.communication-detail-title {
    flex: 1 1 360px;
    display: flex;
    align-items: flex-start;
    gap: var(--wb-space-3);
}

.communication-detail-title small {
    color: var(--wb-color-text-muted);
    font-weight: 800;
}

.communication-detail-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.communication-editor-nav {
    display: flex;
    gap: var(--wb-space-2);
    overflow-x: auto;
    padding-bottom: 2px;
    border-bottom: 1px solid var(--wb-color-border);
}

.communication-editor-nav button {
    display: inline-flex;
    align-items: center;
    gap: var(--wb-space-2);
    min-height: 42px;
    padding: 0 var(--wb-space-4);
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--wb-color-text-muted);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

.communication-editor-nav button.is-active {
    color: var(--wb-color-primary);
    border-bottom-color: var(--wb-color-accent);
}

.communication-editor-section {
    min-width: 0;
}

.communication-editor-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap: var(--wb-space-5);
    align-items: start;
}

.communication-editor-form,
.communication-preview-panel,
.communication-info-panel {
    min-width: 0;
    padding: var(--wb-space-5);
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    box-shadow: var(--wb-shadow-sm);
}

.communication-editor-form {
    display: grid;
    gap: var(--wb-space-4);
}

.communication-editor-tools,
.communication-preview-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wb-space-3);
    flex-wrap: wrap;
}

.communication-segmented,
.communication-format-tools {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    background: var(--wb-color-surface-muted);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
}

.communication-segmented button,
.communication-format-tools button {
    min-width: 42px;
    min-height: 34px;
    padding: 0 var(--wb-space-3);
    border: 0;
    border-radius: var(--wb-radius-sm);
    background: transparent;
    color: var(--wb-color-primary);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.communication-segmented--compact button {
    min-width: 68px;
}

.communication-segmented button.is-active,
.communication-format-tools button:hover,
.communication-format-tools button:focus-visible {
    background: var(--wb-color-surface);
    box-shadow: 0 1px 6px rgba(8, 27, 58, 0.08);
}

.communication-variable-select select {
    min-width: 190px;
}

.communication-editor-pane {
    width: 100%;
    min-height: 480px;
    padding: var(--wb-space-4);
    overflow: auto;
    border: 1px solid var(--wb-color-border-strong);
    border-radius: var(--wb-radius-md);
    background: #fff;
    color: var(--wb-color-text);
    line-height: 1.6;
}

.communication-editor-pane:focus {
    outline: none;
    box-shadow: var(--wb-shadow-focus);
    border-color: var(--wb-color-accent-soft);
}

.communication-preview-panel {
    display: grid;
    gap: var(--wb-space-4);
}

.communication-preview-head span {
    display: block;
    color: var(--wb-color-text-muted);
    font-size: var(--wb-font-size-xs);
    font-weight: 900;
}

.communication-preview-head strong {
    display: block;
    margin-top: 2px;
    color: var(--wb-color-primary-strong);
}

.communication-preview-frame {
    width: 100%;
    min-height: 620px;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    background: var(--wb-color-surface);
    transition: max-width 0.16s ease;
}

.communication-preview-frame.is-tablet {
    max-width: 760px;
    margin: 0 auto;
}

.communication-preview-frame.is-mobile {
    max-width: 390px;
    min-height: 680px;
    margin: 0 auto;
}

.communication-settings-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.8fr) minmax(360px, 1.2fr);
    gap: var(--wb-space-5);
    align-items: start;
}

.communication-facts {
    display: grid;
    gap: var(--wb-space-3);
    margin: var(--wb-space-4) 0;
}

.communication-facts div {
    display: grid;
    grid-template-columns: minmax(140px, 0.4fr) minmax(0, 1fr);
    gap: var(--wb-space-3);
    padding-bottom: var(--wb-space-3);
    border-bottom: 1px solid var(--wb-color-border);
}

.communication-facts dt {
    color: var(--wb-color-text-muted);
    font-weight: 800;
}

.communication-facts dd {
    margin: 0;
    color: var(--wb-color-primary-strong);
    overflow-wrap: anywhere;
}

.communication-rule-form,
.communication-form-grid {
    display: grid;
    gap: var(--wb-space-4);
}

.communication-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.communication-form-grid .form-field--full {
    grid-column: 1 / -1;
}

.communication-check-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    gap: var(--wb-space-2);
}

.communication-check {
    display: inline-flex;
    align-items: center;
    gap: var(--wb-space-2);
    min-height: 38px;
    color: var(--wb-color-primary);
    font-weight: 800;
}

.communication-check input {
    width: 18px;
    height: 18px;
    min-height: 18px;
    flex: 0 0 auto;
}

.communication-token {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 var(--wb-space-3);
    border: 1px solid #c7d7f9;
    border-radius: var(--wb-radius-md);
    background: #eef4ff;
    color: #174a9c;
    font: inherit;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    cursor: pointer;
}

.communication-empty-state {
    padding: var(--wb-space-6);
    background: var(--wb-color-surface);
    border: 1px dashed var(--wb-color-border-strong);
    border-radius: var(--wb-radius-lg);
    color: var(--wb-color-text-muted);
    font-weight: 700;
}

.communication-timeline {
    display: grid;
    gap: var(--wb-space-3);
}

.communication-timeline article {
    padding: var(--wb-space-4);
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
}

.communication-timeline strong,
.communication-timeline p,
.communication-timeline small {
    display: block;
}

.communication-timeline p {
    margin: var(--wb-space-1) 0;
    color: var(--wb-color-primary);
}

.communication-timeline small {
    color: var(--wb-color-text-muted);
}

.communication-settings-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: var(--wb-space-4);
}

.communication-settings-summary a {
    display: grid;
    gap: var(--wb-space-2);
    min-height: 130px;
    padding: var(--wb-space-5);
    color: var(--wb-color-primary);
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    box-shadow: var(--wb-shadow-sm);
    text-decoration: none;
}

.communication-settings-summary a:hover,
.communication-settings-summary a:focus-visible {
    border-color: var(--wb-color-accent-soft);
    box-shadow: var(--wb-shadow-focus);
}

.communication-settings-summary span {
    color: var(--wb-color-text-muted);
    font-weight: 800;
}

.communication-settings-summary strong {
    color: var(--wb-color-primary-strong);
    font-size: var(--wb-font-size-lg);
}

.communication-settings-summary small {
    color: var(--wb-color-text-muted);
    line-height: 1.45;
}

.communication-rules-section {
    display: grid;
    gap: var(--wb-space-4);
}

.communication-modal {
    width: min(760px, calc(100vw - 32px));
    display: grid;
    gap: var(--wb-space-4);
}

.communication-modal--narrow {
    width: min(520px, calc(100vw - 32px));
}

@media (max-width: 1180px) {
    .communication-kpi-grid,
    .communication-settings-summary {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .communication-filter-panel,
    .communication-filter-panel--compact,
    .communication-editor-layout,
    .communication-settings-layout {
        grid-template-columns: 1fr 1fr;
    }

    .communication-filter-panel .communication-search-field,
    .communication-filter-panel button,
    .communication-editor-layout,
    .communication-settings-layout {
        grid-column: 1 / -1;
    }
}

@media (max-width: 820px) {
    .communication-page-head,
    .communication-detail-head,
    .communication-detail-title,
    .communication-detail-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .communication-primary-nav {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .communication-kpi-grid,
    .communication-kpi-grid--compact,
    .communication-filter-panel,
    .communication-filter-panel--compact,
    .communication-form-grid,
    .communication-check-grid,
    .communication-settings-summary {
        grid-template-columns: 1fr;
    }

    .communication-table-card {
        overflow-x: auto;
    }

    .communication-detail-actions .button,
    .communication-detail-actions .communication-more,
    .communication-page-head .button {
        width: 100%;
    }

    .communication-detail-actions .communication-icon-action,
    .communication-detail-actions .communication-more > .communication-icon-action {
        width: 100%;
    }

    .communication-editor-form,
    .communication-preview-panel,
    .communication-info-panel {
        padding: var(--wb-space-4);
    }

    .communication-facts div {
        grid-template-columns: 1fr;
    }

    .communication-editor-tools,
    .communication-preview-head {
        align-items: stretch;
        flex-direction: column;
    }

    .communication-segmented,
    .communication-format-tools,
    .communication-variable-select select {
        width: 100%;
    }
}
/* Gewerke & Service-Kategorien */
.trade-admin-page{gap:18px;min-width:0}.trade-admin-hero{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;min-width:0}.trade-admin-hero h1{color:var(--wiz-text);font-size:1.75rem;letter-spacing:0;margin:0 0 6px}.trade-admin-hero p{color:var(--wiz-subtle);margin:0;max-width:760px}.trade-admin-hero__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.trade-kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.trade-kpi-grid article{background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;box-shadow:var(--wiz-shadow-sm);display:grid;gap:5px;min-width:0;padding:18px 20px}.trade-kpi-grid strong{color:var(--wiz-text);font-size:1.55rem;line-height:1}.trade-kpi-grid span{color:var(--wiz-text);font-weight: var(--wb-font-weight-semibold)}.trade-kpi-grid small{color:var(--wiz-subtle)}.trade-tabs{border-bottom:1px solid var(--wiz-border);display:flex;gap:22px;min-width:0;overflow-x:auto}.trade-tabs a{border-bottom:2px solid transparent;color:var(--wiz-text);font-weight: var(--wb-font-weight-semibold);padding:12px 0;text-decoration:none;white-space:nowrap}.trade-tabs a:hover,.trade-tabs a:focus-visible{color:var(--wiz-primary);outline:0}.trade-tabs a.is-active{border-color:var(--wiz-primary);color:var(--wiz-primary)}.trade-panel{background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;box-shadow:var(--wiz-shadow-sm);display:grid;gap:16px;min-width:0;padding:18px}.trade-panel__head{display:grid;gap:4px}.trade-panel__head h2,.trade-panel h2{color:var(--wiz-text);font-size:1rem;letter-spacing:0;margin:0}.trade-panel__head--row{align-items:center;display:flex;gap:12px;justify-content:space-between}.trade-groups-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.trade-group-list-panel{padding:0}.trade-group-list-panel .trade-panel__head{padding:18px 18px 0}.trade-filter-row{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(130px,170px) auto;padding:0 18px}.trade-filter-row--wide{grid-template-columns:minmax(180px,1.2fr) minmax(160px,220px) minmax(130px,170px) minmax(130px,170px) minmax(130px,170px) auto;padding:0}.trade-search-field input{width:100%}.trade-group-list{display:grid;max-height:620px;overflow:auto}.trade-group-item{align-items:center;border-left:3px solid transparent;border-top:1px solid var(--wiz-border);color:var(--wiz-text);display:flex;gap:12px;justify-content:space-between;min-width:0;padding:13px 18px;text-decoration:none}.trade-group-item:hover,.trade-group-item:focus-visible{background:var(--wiz-muted);outline:0}.trade-group-item.is-active{background:var(--wiz-primary-soft);border-left-color:var(--wiz-primary);color:var(--wiz-primary)}.trade-group-item span{display:grid;gap:3px;min-width:0}.trade-group-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-group-item small,.trade-list-total,.trade-empty{color:var(--wiz-subtle);font-size:.82rem}.trade-list-total{border-top:1px solid var(--wiz-border);margin:0;padding:12px 18px}.trade-empty{margin:0;padding:18px}.trade-group-detail{display:grid;gap:18px;min-width:0}.trade-edit-form{scroll-margin-top:90px}.trade-form-grid{display:grid;gap:16px 18px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.trade-form-grid .form-field--full,.trade-module-fieldset{grid-column:1/-1}.trade-switch{align-content:start;border:1px solid var(--wiz-border);border-radius:8px;display:grid;gap:4px;grid-template-columns:auto minmax(0,1fr);padding:11px 12px}.trade-switch input{grid-row:1/3}.trade-switch span{color:var(--wiz-text);font-weight: var(--wb-font-weight-semibold)}.trade-switch small{color:var(--wiz-subtle)}.trade-linked-box{align-content:center;border:1px solid var(--wiz-border);border-radius:8px;display:grid;gap:5px;padding:12px}.trade-linked-box span{color:var(--wiz-subtle);font-size:.78rem;font-weight: var(--wb-font-weight-semibold)}.trade-linked-box strong{color:var(--wiz-text)}.trade-form-actions{border-top:1px solid var(--wiz-border);display:flex;gap:10px;justify-content:flex-end;padding-top:16px}.trade-module-fieldset{border:1px solid var(--wiz-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:12px}.trade-module-fieldset legend{color:var(--wiz-text);font-size:.78rem;font-weight: var(--wb-font-weight-semibold);padding:0 6px}.trade-table-wrap{border-color:var(--wiz-border);border-radius:8px}.trade-table{min-width:760px}.trade-table th{white-space:nowrap}.trade-table td strong{display:block}.trade-table td small{color:var(--wiz-subtle);display:block;margin-top:2px}.trade-icon-cell{align-items:center;background:var(--wiz-muted);border-radius:8px;display:inline-flex;height:34px;justify-content:center;width:34px}.trade-icon-cell .wizard-icon{height:21px;width:21px}.trade-row-actions{align-items:center;display:flex;gap:6px}.trade-icon-action{align-items:center;background:var(--wiz-surface);border:1px solid var(--wiz-border);border-radius:8px;color:var(--wiz-text);display:inline-flex;height:34px;justify-content:center;padding:0;text-decoration:none;width:34px}.trade-icon-action:hover,.trade-icon-action:focus-visible{border-color:var(--wiz-primary-border);color:var(--wiz-primary);outline:0}.trade-icon-action--danger:hover,.trade-icon-action--danger:focus-visible{border-color:rgba(220,38,38,.35);color:var(--wiz-danger)}.trade-row-actions form{display:inline-flex;margin:0}.trade-module-badges{display:flex;flex-wrap:wrap;gap:4px}.trade-pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.trade-pagination a{align-items:center;border:1px solid var(--wiz-border);border-radius:8px;color:var(--wiz-text);display:inline-flex;font-weight: var(--wb-font-weight-semibold);height:34px;justify-content:center;min-width:34px;padding:0 10px;text-decoration:none}.trade-pagination a.is-active{background:var(--wiz-primary);border-color:var(--wiz-primary);color:#fff}.trade-settings-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.trade-settings-grid strong{color:var(--wiz-primary);font-size:1.2rem}.trade-settings-grid p{color:var(--wiz-subtle);margin:0}.trade-icon-picker{grid-template-columns:38px minmax(0,1fr) auto}
@media (max-width:1180px){.trade-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-groups-layout{grid-template-columns:1fr}.trade-group-list{max-height:none}.trade-filter-row--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-filter-row--wide .button{justify-content:center}}
@media (max-width:720px){.trade-admin-hero{display:grid}.trade-admin-hero__actions{justify-content:stretch}.trade-admin-hero__actions .button{justify-content:center;width:100%}.trade-kpi-grid,.trade-form-grid,.trade-settings-grid{grid-template-columns:1fr}.trade-filter-row,.trade-filter-row--wide{grid-template-columns:1fr;padding:0 14px}.trade-panel{padding:14px}.trade-group-list-panel .trade-panel__head{padding:14px 14px 0}.trade-group-item{padding:12px 14px}.trade-form-actions{display:grid}.trade-form-actions .button{justify-content:center;width:100%}.trade-panel__head--row{align-items:stretch;display:grid}.trade-tabs{gap:16px}.trade-table{min-width:720px}}
.trade-danger-row{
    display:flex;
    justify-content:flex-end;
    margin:-8px 0 18px;
}

@media (max-width:700px){
    .trade-danger-row{justify-content:stretch;}
    .trade-danger-row .button{width:100%;justify-content:center;}
}
/* Admin Geräteanzeigen moderation */
.rental-admin-page {
    gap: 18px;
}

.rental-admin-hero {
    align-items: flex-start;
}

.rental-admin-hero__actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.rental-admin-hero__actions .button {
    min-height: 42px;
    padding-inline: 16px;
}

.rental-admin-hero__actions .admin-icon,
.rental-admin-filter .admin-icon {
    height: 17px;
    width: 17px;
}

.rental-admin-filter {
    align-items: end;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(170px, .9fr) minmax(240px, 1.4fr) minmax(160px, .9fr);
}

.rental-admin-filter .button {
    min-height: var(--wb-form-control-height);
    width: 100%;
}

.rental-admin-stats {
    align-items: stretch;
    display: grid;
    gap: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 0;
}

.rental-admin-stat {
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: 52px minmax(0, 1fr);
    min-width: 0;
    padding: 20px 22px;
}

.rental-admin-stat + .rental-admin-stat {
    border-left: 1px solid var(--wb-color-border);
}

.rental-admin-stat > span {
    align-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: 50%;
    display: inline-flex;
    height: 52px;
    justify-content: center;
    width: 52px;
}

.rental-admin-stat .admin-icon {
    height: 23px;
    width: 23px;
}

.rental-admin-stat small,
.rental-admin-stat em {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    display: block;
    font-size: .84rem;
    font-style: normal;
    line-height: 1.25;
}

.rental-admin-stat strong {
    color: var(--wb-color-text);
    display: block;
    font-size: 1.45rem;
    line-height: 1.05;
    margin: 2px 0;
}

.rental-admin-stat--success > span {
    background: color-mix(in srgb, var(--wb-color-success) 10%, #fff);
    border-color: color-mix(in srgb, var(--wb-color-success) 16%, var(--wb-color-border));
    color: var(--wb-color-success);
}

.rental-admin-stat--warning > span {
    background: color-mix(in srgb, var(--wb-color-accent) 10%, #fff);
    border-color: color-mix(in srgb, var(--wb-color-accent) 18%, var(--wb-color-border));
    color: var(--wb-color-accent);
}

.rental-admin-stat--danger > span {
    background: color-mix(in srgb, var(--wb-color-danger) 10%, #fff);
    border-color: color-mix(in srgb, var(--wb-color-danger) 18%, var(--wb-color-border));
    color: var(--wb-color-danger);
}

.rental-admin-stat--neutral > span {
    background: var(--wb-color-surface-muted);
    color: var(--wb-color-primary);
}

.rental-admin-table-card {
    overflow: visible;
}

.rental-admin-table {
    min-width: 0;
    table-layout: fixed;
    width: 100%;
}

.rental-admin-table th,
.rental-admin-table td {
    padding: 13px 14px;
    vertical-align: middle;
    white-space: normal;
}

.rental-admin-table th:nth-child(1) { width: 31%; }
.rental-admin-table th:nth-child(2) { width: 14%; }
.rental-admin-table th:nth-child(3) { width: 12%; }
.rental-admin-table th:nth-child(4) { width: 11%; }
.rental-admin-table th:nth-child(5) { width: 10%; }
.rental-admin-table th:nth-child(6) { width: 7%; }
.rental-admin-table th:nth-child(7) { width: 15%; }

.rental-admin-listing {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: 76px minmax(0, 1fr);
    min-width: 0;
}

.rental-admin-listing img {
    aspect-ratio: 4 / 3;
    background: var(--wb-color-surface-muted);
    border: 1px solid var(--wb-color-border);
    border-radius: 7px;
    height: auto;
    object-fit: cover;
    width: 76px;
}

.rental-admin-listing strong,
.rental-admin-company {
    color: var(--wb-color-text);
    display: -webkit-box;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.25;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.rental-admin-listing small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    display: -webkit-box;
    font-size: .78rem;
    line-height: 1.3;
    margin-top: 3px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.rental-admin-meta {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    display: block;
    font-size: .78rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
    margin-top: 6px;
}

.rental-contact-check {
    align-items: center;
    background: color-mix(in srgb, var(--wb-color-accent) 10%, #fff);
    border: 1px solid color-mix(in srgb, var(--wb-color-accent) 24%, var(--wb-color-border));
    border-radius: 999px;
    color: var(--wb-color-accent-deep);
    cursor: pointer;
    display: inline-flex;
    font-size: .72rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
    margin-top: 7px;
    min-height: 26px;
    padding: 0 10px;
}

.rental-contact-check:hover,
.rental-contact-check:focus-visible {
    background: color-mix(in srgb, var(--wb-color-accent) 16%, #fff);
}

.rental-request-count {
    color: var(--wb-color-primary);
    font-weight: var(--wb-font-weight-semibold);
}

.rental-row-actions {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: flex-start;
    min-width: 0;
    white-space: nowrap;
}

.rental-action-form,
.rental-more-menu {
    display: inline-flex;
    margin: 0;
    position: relative;
}

.rental-row-actions .moderator-icon-button {
    flex: 0 0 34px;
}

.rental-more-dropdown {
    min-width: 230px;
    right: 0;
    top: calc(100% + 7px);
}

.rental-more-dropdown button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: var(--wb-color-text);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: .86rem;
    font-weight: var(--wb-font-weight-semibold);
    gap: 8px;
    padding: 9px 10px;
    text-align: left;
    width: 100%;
}

.rental-more-dropdown button:hover,
.rental-more-dropdown button:focus-visible {
    background: var(--wb-color-surface-muted);
    outline: 0;
}

.rental-more-dropdown .admin-icon {
    height: 16px;
    width: 16px;
}

.rental-admin-pagination-row {
    align-items: center;
    border-top: 1px solid var(--wb-color-border);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    padding: 13px 16px;
}

.rental-admin-pagination-row p {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: .86rem;
    font-weight: var(--wb-font-weight-semibold);
    margin: 0;
}

.rental-reason-modal,
.rental-history-modal,
.rental-contact-modal,
.rental-delete-modal {
    width: min(760px, calc(100vw - 28px));
}

.rental-reason-modal > p,
.rental-history-modal > p,
.rental-contact-modal > p,
.rental-delete-modal > p {
    margin-top: -6px;
}

.rental-reason-grid {
    display: grid;
    gap: 12px;
    max-height: min(48vh, 440px);
    overflow: auto;
    padding-right: 4px;
}

.rental-reason-group {
    border: 1px solid var(--wb-color-border);
    border-radius: 8px;
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 10px;
}

.rental-reason-group legend {
    color: var(--wb-color-primary);
    font-size: .78rem;
    font-weight: var(--wb-font-weight-semibold);
    padding: 0 5px;
}

.rental-reason-option {
    align-items: center;
    border-radius: 7px;
    cursor: pointer;
    display: grid;
    gap: 9px;
    grid-template-columns: 18px minmax(0, 1fr);
    min-height: 34px;
    padding: 6px;
}

.rental-reason-option:hover,
.rental-reason-option:focus-within {
    background: var(--wb-color-surface-muted);
}

.rental-reason-option input {
    align-self: center;
}

.rental-reason-option span {
    color: var(--wb-color-text);
    font-size: .86rem;
    line-height: 1.3;
}

.rental-other-note {
    display: none;
    margin-top: 12px;
}

.rental-reason-modal.has-other .rental-other-note {
    display: flex;
}

.rental-contact-findings {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 12px 0;
}

.rental-contact-fields dd {
    white-space: normal;
}

.rental-history-list {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 16px 0 0;
    max-height: min(50vh, 420px);
    overflow: auto;
    padding: 0;
}

.rental-history-list li {
    border: 1px solid var(--wb-color-border);
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 12px;
}

.rental-history-list strong {
    color: var(--wb-color-text);
}

.rental-history-list span,
.rental-history-list em,
.rental-history-list p {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: .84rem;
    font-style: normal;
    margin: 0;
}

.rental-history-list em {
    color: var(--wb-color-primary);
    font-weight: var(--wb-font-weight-semibold);
}

@media (max-width: 1180px) {
    .rental-admin-table th:nth-child(3),
    .rental-admin-table td:nth-child(3) {
        display: none;
    }

    .rental-admin-table th:nth-child(1) { width: 37%; }
    .rental-admin-table th:nth-child(2) { width: 16%; }
    .rental-admin-table th:nth-child(4) { width: 13%; }
    .rental-admin-table th:nth-child(5) { width: 12%; }
    .rental-admin-table th:nth-child(6) { width: 7%; }
    .rental-admin-table th:nth-child(7) { width: 15%; }
}

@media (max-width: 900px) {
    .rental-admin-filter,
    .rental-admin-stats {
        grid-template-columns: 1fr 1fr;
    }

    .rental-admin-stat:nth-child(odd) {
        border-left: 0;
    }

    .rental-admin-stat:nth-child(n + 3) {
        border-top: 1px solid var(--wb-color-border);
    }
}

@media (max-width: 720px) {
    .rental-admin-hero,
    .rental-admin-hero__actions,
    .rental-admin-pagination-row {
        align-items: stretch;
        flex-direction: column;
    }

    .rental-admin-filter,
    .rental-admin-stats {
        grid-template-columns: 1fr;
    }

    .rental-admin-stat + .rental-admin-stat {
        border-left: 0;
        border-top: 1px solid var(--wb-color-border);
    }

    .rental-admin-table,
    .rental-admin-table tbody,
    .rental-admin-table tr,
    .rental-admin-table td {
        display: block;
        width: 100%;
    }

    .rental-admin-table thead {
        display: none;
    }

    .rental-admin-table tr {
        border-bottom: 1px solid var(--wb-color-border);
        padding: 12px;
    }

    .rental-admin-table td {
        border: 0;
        padding: 7px 0;
    }

    .rental-admin-table td::before {
        color: var(--wb-context-text-muted, var(--wb-color-text-muted));
        content: attr(data-label);
        display: block;
        font-size: .72rem;
        font-weight: var(--wb-font-weight-semibold);
        margin-bottom: 4px;
        text-transform: uppercase;
    }

    .rental-admin-table td:first-child::before {
        display: none;
    }

    .rental-admin-listing {
        grid-template-columns: 82px minmax(0, 1fr);
    }

    .rental-admin-listing img {
        width: 82px;
    }

    .rental-row-actions {
        background: var(--wb-color-surface-muted);
        border: 1px solid var(--wb-color-border);
        border-radius: 8px;
        flex-wrap: wrap;
        padding: 8px;
    }

    .rental-reason-modal,
    .rental-history-modal,
    .rental-contact-modal,
    .rental-delete-modal {
        max-height: calc(100vh - 24px);
        overflow: auto;
        width: calc(100vw - 18px);
    }
}
.rental-owner-moderation-note,
.rental-owner-decision p {
    font-size: 12px;
    line-height: 1.45;
}

.rental-owner-moderation-note {
    display: block;
    margin-top: 8px;
    max-width: 520px;
    padding: 8px 10px;
    border: 1px solid rgba(245, 158, 11, .28);
    border-radius: 6px;
    background: rgba(255, 247, 237, .88);
    color: #7c2d12;
    white-space: normal;
}

.rental-owner-moderation-note strong,
.rental-owner-decision strong {
    display: block;
    margin-bottom: 4px;
    color: #9a3412;
}

.rental-owner-decision p {
    margin: 6px 0 0;
}
/* Admin Geräteanzeigen layout stabilization */
.rental-admin-page,
.rental-admin-page * {
    box-sizing: border-box;
}

.rental-admin-page {
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
}

.rental-admin-page .card,
.rental-admin-page .table-card {
    max-width: 100%;
    min-width: 0;
}

.rental-admin-table-card {
    width: 100%;
}

.rental-admin-table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.rental-admin-table th,
.rental-admin-table td {
    min-width: 0;
}

.rental-admin-table th:nth-child(1) { width: 31%; }
.rental-admin-table th:nth-child(2) { width: 14%; }
.rental-admin-table th:nth-child(3) { width: 11%; }
.rental-admin-table th:nth-child(4) { width: 10%; }
.rental-admin-table th:nth-child(5) { width: 9%; }
.rental-admin-table th:nth-child(6) { width: 5%; }
.rental-admin-table th:nth-child(7) { width: 20%; }

.rental-admin-table td:nth-child(6),
.rental-admin-table th:nth-child(6) {
    text-align: center;
}

.rental-admin-table .badge {
    display: inline-flex;
    justify-content: center;
    line-height: 1.15;
    max-width: 100%;
    text-align: center;
    white-space: normal;
}

.rental-admin-inline-facts {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    display: none;
    font-size: .75rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
    margin-top: 5px;
}

.rental-row-actions {
    gap: 5px;
    justify-content: flex-end;
    max-width: 100%;
    min-height: 32px;
}

.rental-row-actions .moderator-icon-button {
    flex: 0 0 32px;
    height: 32px;
    width: 32px;
}

.rental-row-actions .moderator-icon-button .admin-icon {
    height: 16px;
    width: 16px;
}

.rental-row-actions [data-tooltip] {
    position: relative;
}

.rental-row-actions [data-tooltip]::after {
    background: #101827;
    border-radius: 6px;
    bottom: calc(100% + 8px);
    box-shadow: 0 12px 32px rgba(15, 23, 42, .2);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    left: 50%;
    line-height: 1.2;
    max-width: min(230px, calc(100vw - 28px));
    opacity: 0;
    padding: 7px 9px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    transform: translate(-50%, 4px);
    transition: opacity var(--wb-transition-fast), transform var(--wb-transition-fast);
    visibility: hidden;
    white-space: nowrap;
    z-index: 120;
}

.rental-more-menu [data-tooltip]::after {
    left: auto;
    right: 0;
    transform: translateY(4px);
}

.rental-row-actions [data-tooltip]:hover::after,
.rental-row-actions [data-tooltip]:focus-visible::after {
    opacity: 1;
    transform: translate(-50%, 0);
    visibility: visible;
}

.rental-more-menu [data-tooltip]:hover::after,
.rental-more-menu [data-tooltip]:focus-visible::after {
    transform: translateY(0);
}

.rental-more-dropdown {
    max-width: min(280px, calc(100vw - 24px));
    overflow-y: auto;
    z-index: 110;
}

.rental-more-dropdown.is-drop-up {
    bottom: calc(100% + 7px);
    top: auto;
}

.rental-more-dropdown form {
    margin: 0;
}

.rental-more-dropdown form button,
.rental-more-dropdown > button {
    min-height: 38px;
}

.rental-more-dropdown .rental-more-danger {
    color: var(--wb-color-danger);
}

.rental-actions-empty {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    display: inline-grid;
    font-weight: var(--wb-font-weight-semibold);
    height: 32px;
    place-items: center;
    width: 32px;
}

.rental-reason-search {
    margin: 12px 0;
}

.rental-reason-option.is-filtered,
.rental-reason-group.is-filtered {
    display: none;
}

@media (hover: none) {
    .rental-row-actions [data-tooltip]::after {
        display: none;
    }
}

@media (max-width: 1280px) {
    .rental-admin-inline-facts {
        display: block;
    }

    .rental-admin-table th:nth-child(3),
    .rental-admin-table td:nth-child(3) {
        display: none;
    }

    .rental-admin-table th:nth-child(1) { width: 37%; }
    .rental-admin-table th:nth-child(2) { width: 16%; }
    .rental-admin-table th:nth-child(4) { width: 12%; }
    .rental-admin-table th:nth-child(5) { width: 11%; }
    .rental-admin-table th:nth-child(6) { width: 5%; }
    .rental-admin-table th:nth-child(7) { width: 19%; }

    .rental-admin-listing {
        grid-template-columns: 68px minmax(0, 1fr);
    }

    .rental-admin-listing img {
        width: 68px;
    }

    .rental-admin-listing small {
        -webkit-line-clamp: 1;
    }
}

@media (max-width: 1180px) {
    .rental-admin-table th:nth-child(4),
    .rental-admin-table td:nth-child(4) {
        display: none;
    }

    .rental-admin-table th:nth-child(1) { width: 42%; }
    .rental-admin-table th:nth-child(2) { width: 20%; }
    .rental-admin-table th:nth-child(5) { width: 13%; }
    .rental-admin-table th:nth-child(6) { width: 6%; }
    .rental-admin-table th:nth-child(7) { width: 19%; }
}

@media (max-width: 1100px) {
    .rental-admin-table,
    .rental-admin-table tbody,
    .rental-admin-table tr,
    .rental-admin-table td {
        display: block;
        width: 100%;
    }

    .rental-admin-table thead {
        display: none;
    }

    .rental-admin-table tbody {
        display: grid;
        gap: 12px;
        padding: 12px;
    }

    .rental-admin-table tr {
        border: 1px solid var(--wb-color-border);
        border-radius: 8px;
        display: grid;
        gap: 9px;
        padding: 12px;
    }

    .rental-admin-table td {
        border: 0;
        padding: 0;
    }

    .rental-admin-table td::before {
        color: var(--wb-context-text-muted, var(--wb-color-text-muted));
        content: attr(data-label);
        display: block;
        font-size: .7rem;
        font-weight: var(--wb-font-weight-semibold);
        letter-spacing: 0;
        margin-bottom: 4px;
        text-transform: uppercase;
    }

    .rental-admin-table td:first-child::before {
        display: none;
    }

    .rental-admin-table td:nth-child(3),
    .rental-admin-table td:nth-child(4) {
        display: block;
    }

    .rental-admin-listing {
        grid-template-columns: 78px minmax(0, 1fr);
    }

    .rental-admin-listing img {
        width: 78px;
    }

    .rental-row-actions {
        background: var(--wb-color-surface-muted);
        border: 1px solid var(--wb-color-border);
        border-radius: 8px;
        justify-content: flex-start;
        padding: 8px;
    }
}

@media (max-width: 520px) {
    .rental-admin-table tbody {
        padding: 9px;
    }

    .rental-admin-table tr {
        padding: 10px;
    }

    .rental-admin-listing {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .rental-admin-listing img {
        width: 64px;
    }

    .rental-row-actions .moderator-icon-button {
        flex-basis: 34px;
        height: 34px;
        width: 34px;
    }

    .rental-reason-modal .modal__actions {
        position: sticky;
        bottom: 0;
        background: var(--wb-color-surface);
        border-top: 1px solid var(--wb-color-border);
        margin-inline: -18px;
        padding: 12px 18px 0;
    }
}
/* Admin rental preview and action menu refinements */
.rental-admin-title-link {
    color: var(--wb-color-text);
    display: -webkit-box;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.25;
    overflow: hidden;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.rental-admin-title-link:hover,
.rental-admin-title-link:focus-visible {
    color: var(--wb-color-accent);
    outline: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.rental-admin-table th:nth-child(1) { width: 29%; }
.rental-admin-table th:nth-child(2) { width: 13%; }
.rental-admin-table th:nth-child(3) { width: 10%; }
.rental-admin-table th:nth-child(4) { width: 9%; }
.rental-admin-table th:nth-child(5) { width: 9%; }
.rental-admin-table th:nth-child(6) { width: 7%; }
.rental-admin-table th:nth-child(7) { width: 23%; }

.rental-admin-table th:nth-child(6),
.rental-admin-table td:nth-child(6) {
    padding-right: 18px;
    text-align: center;
}

.rental-admin-table th:nth-child(7),
.rental-admin-table td:nth-child(7) {
    padding-left: 18px;
    text-align: left;
}

.rental-row-actions {
    flex-wrap: nowrap;
    gap: 6px;
    justify-content: flex-start;
    width: max-content;
}

.rental-more-dropdown {
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    display: none;
    gap: 2px;
    min-width: 258px;
    padding: 7px;
    position: absolute;
    right: 0;
    top: calc(100% + 7px);
}

.rental-more-dropdown.is-open {
    display: grid;
}

.rental-more-dropdown a,
.rental-more-dropdown button {
    align-items: center;
    border-radius: 7px;
    display: flex;
    font-size: .84rem;
    font-weight: var(--wb-font-weight-semibold);
    gap: 9px;
    line-height: 1.2;
    min-height: 38px;
    padding: 9px 10px;
    white-space: nowrap;
}

.rental-more-dropdown a {
    color: var(--wb-color-text);
    text-decoration: none;
}

.rental-more-dropdown a:hover,
.rental-more-dropdown a:focus-visible,
.rental-more-dropdown button:hover,
.rental-more-dropdown button:focus-visible {
    background: var(--wb-color-surface-muted);
    outline: 0;
}

.rental-more-dropdown .rental-more-danger {
    border-top: 1px solid var(--wb-color-border);
    margin-top: 4px;
    padding-top: 11px;
}

.rental-admin-preview-page {
    max-width: 100%;
    overflow-x: clip;
}

.rental-admin-preview-page .rental-detail-shell {
    max-width: min(1240px, 100%);
}

.rental-admin-preview-notice {
    align-items: flex-start;
    background: color-mix(in srgb, var(--wb-color-accent) 9%, var(--wb-color-surface));
    border: 1px solid color-mix(in srgb, var(--wb-color-accent) 22%, var(--wb-color-border));
    border-radius: 8px;
    color: var(--wb-color-text);
    display: grid;
    gap: 4px;
    margin: 0 0 16px;
    padding: 12px 14px;
}

.rental-admin-preview-notice strong {
    color: var(--wb-color-accent-deep);
    font-weight: var(--wb-font-weight-semibold);
}

.rental-admin-preview-panel {
    display: grid;
    gap: 12px;
}

.rental-admin-preview-meta {
    margin: 0;
}

.rental-admin-preview-actions {
    display: grid;
    gap: 8px;
}

.rental-admin-preview-actions .button,
.rental-admin-preview-actions form {
    width: 100%;
}

.rental-admin-preview-actions form {
    margin: 0;
}

.rental-admin-preview-actions .button {
    justify-content: center;
}

.rental-history-list--compact {
    max-height: 300px;
    overflow: auto;
}

@media (max-width: 1280px) {
    .rental-admin-table th:nth-child(1) { width: 36%; }
    .rental-admin-table th:nth-child(2) { width: 15%; }
    .rental-admin-table th:nth-child(4) { width: 11%; }
    .rental-admin-table th:nth-child(5) { width: 11%; }
    .rental-admin-table th:nth-child(6) { width: 7%; }
    .rental-admin-table th:nth-child(7) { width: 20%; }
}

@media (max-width: 1180px) {
    .rental-admin-table th:nth-child(1) { width: 40%; }
    .rental-admin-table th:nth-child(2) { width: 18%; }
    .rental-admin-table th:nth-child(5) { width: 13%; }
    .rental-admin-table th:nth-child(6) { width: 8%; }
    .rental-admin-table th:nth-child(7) { width: 21%; }
}

@media (max-width: 1100px) {
    .rental-row-actions {
        width: 100%;
    }

    .rental-admin-table td:nth-child(6) {
        text-align: left;
    }
}

@media (max-width: 760px) {
    .rental-admin-preview-page .rental-detail-sidebar {
        position: static;
    }
}

@media (max-width: 520px) {
    .rental-more-dropdown.is-open {
        bottom: 12px;
        left: 12px;
        max-height: min(70vh, 420px);
        max-width: none;
        position: fixed;
        right: 12px;
        top: auto;
        width: auto;
        z-index: 250;
    }

    .rental-more-dropdown a,
    .rental-more-dropdown button {
        min-height: 44px;
    }
}
/* Kommunikations- und Ticket-Center Overlay */
.message-workspace[hidden] {
    display: none !important;
}

.message-workspace {
    display: grid;
    inset: 0;
    isolation: isolate;
    padding: clamp(10px, 1.8vw, 24px);
    place-items: center;
    position: fixed;
    z-index: 1100;
}

.message-workspace__scrim {
    background: rgb(4 9 16 / 70%);
    border: 0;
    cursor: default;
    inset: 0;
    position: absolute;
    z-index: -1;
}

.message-workspace__panel {
    background: var(--wb-color-surface);
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: 8px;
    box-shadow: 0 28px 90px rgb(0 0 0 / 38%);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    height: min(96dvh, 980px);
    max-width: 1840px;
    min-height: 0;
    overflow: hidden;
    width: min(98vw, 1840px);
}

.message-workspace__header {
    align-items: center;
    background: linear-gradient(180deg, #111923 0%, #08111a 100%);
    color: #fff;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    padding: 10px 14px;
}

.message-workspace__header div:first-child {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.message-workspace__header span {
    color: rgb(255 255 255 / 70%);
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.message-workspace__header strong {
    font-size: 1rem;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-workspace__tools {
    align-items: center;
    display: flex;
    gap: 8px;
}

.message-workspace__badge {
    background: var(--wb-color-accent);
    border-radius: var(--wb-radius-full);
    color: #fff;
    display: inline-grid;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    min-height: 24px;
    min-width: 24px;
    padding-inline: 7px;
    place-items: center;
}

.message-workspace__header .message-icon-button {
    background: rgb(255 255 255 / 8%);
    border-color: rgb(255 255 255 / 16%);
    color: #fff;
}

.message-workspace__notice {
    border-bottom: 1px solid var(--wb-color-border);
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-semibold);
    padding: 10px 14px;
}

.message-workspace__notice.is-error {
    background: color-mix(in srgb, var(--wb-color-danger) 12%, var(--wb-color-surface));
    color: var(--wb-color-danger);
}

.message-workspace__notice.is-success {
    background: color-mix(in srgb, var(--wb-color-success) 12%, var(--wb-color-surface));
    color: var(--wb-color-success);
}

.message-workspace__content {
    min-height: 0;
    overflow: hidden;
}

.message-workspace__loading {
    align-items: center;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    display: flex;
    font-weight: var(--wb-font-weight-semibold);
    gap: 10px;
    height: 100%;
    justify-content: center;
}

.message-center__layout {
    grid-template-columns: 220px minmax(300px, .82fr) minmax(380px, 1.24fr) minmax(280px, .72fr);
}

.message-center__inspector {
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    box-shadow: var(--wb-shadow-sm);
    display: grid;
    gap: var(--wb-space-4);
    min-width: 0;
    padding: var(--wb-space-4);
}

.message-inspector__head {
    align-items: start;
    border-bottom: 1px solid var(--wb-color-border);
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding-bottom: var(--wb-space-3);
}

.message-inspector__head h2,
.message-inspector__section h3,
.message-settings-section h3,
.message-settings-head h2,
.message-settings-head p {
    margin: 0;
}

.message-inspector__head h2,
.message-settings-head h2 {
    font-size: var(--wb-font-size-lg);
    letter-spacing: 0;
}

.message-inspector__head span {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    white-space: nowrap;
}

.message-inspector__person {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 54px minmax(0, 1fr);
}

.message-inspector__avatar {
    background: var(--wb-color-primary);
    border-radius: var(--wb-radius-full);
    color: #fff;
    display: grid;
    font-weight: var(--wb-font-weight-semibold);
    height: 54px;
    overflow: hidden;
    place-items: center;
    width: 54px;
}

.message-inspector__avatar img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.message-inspector__person div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.message-inspector__person strong,
.message-inspector__person span,
.message-inspector__person em {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-inspector__person em {
    color: var(--wb-color-success);
    font-size: 12px;
    font-style: normal;
    font-weight: var(--wb-font-weight-semibold);
}

.message-inspector__contact,
.message-inspector__links,
.message-inspector__chips,
.message-inspector__section {
    display: grid;
    gap: 8px;
}

.message-inspector__contact span,
.message-inspector__links a,
.message-inspector__links span,
.message-inspector__chips span {
    align-items: center;
    border: 1px solid var(--wb-color-border);
    border-radius: 8px;
    color: var(--wb-color-text);
    display: flex;
    gap: 8px;
    min-height: 36px;
    min-width: 0;
    overflow: hidden;
    padding: 8px 10px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-inspector__links a:hover,
.message-inspector__links a:focus-visible {
    border-color: var(--wb-color-accent);
    color: var(--wb-color-primary);
    outline: 0;
}

.message-inspector__facts {
    display: grid;
    gap: 9px;
    margin: 0;
}

.message-inspector__facts div {
    display: grid;
    gap: 4px;
    grid-template-columns: minmax(92px, .7fr) minmax(0, 1fr);
}

.message-inspector__facts dt {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.message-inspector__facts dd {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.message-priority-text--urgent,
.message-priority-text--high {
    color: var(--wb-color-danger);
    font-weight: var(--wb-font-weight-semibold);
}

.message-inspector__events {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.message-inspector__events li {
    border-left: 2px solid color-mix(in srgb, var(--wb-color-accent) 40%, var(--wb-color-border));
    display: grid;
    gap: 3px;
    padding-left: 10px;
}

.message-inspector__events strong {
    font-size: 13px;
}

.message-inspector__events span,
.message-inspector__empty,
.message-settings-head p {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 12px;
}

.message-settings-head {
    align-items: start;
    border-bottom: 1px solid var(--wb-color-border);
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding-bottom: var(--wb-space-3);
}

.message-settings-section {
    border: 1px solid var(--wb-color-border);
    border-radius: 8px;
    display: grid;
    gap: var(--wb-space-3);
    padding: var(--wb-space-3);
}

.message-settings-grid {
    display: grid;
    gap: var(--wb-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.message-workspace .message-center {
    gap: 10px;
    height: 100%;
    min-height: 0;
    padding: 10px;
}

.message-workspace .message-center__top,
.message-workspace .message-center__filters {
    border-radius: 8px;
    box-shadow: none;
    padding: 10px 12px;
}

.message-workspace .message-center__top h1 {
    font-size: 1.05rem;
}

.message-workspace .message-center__top p {
    font-size: 13px;
}

.message-workspace .message-center__layout {
    align-items: stretch;
    gap: 10px;
    grid-template-columns: 238px minmax(310px, .84fr) minmax(420px, 1.28fr) 320px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.message-workspace .message-center__folders,
.message-workspace .message-center__list,
.message-workspace .message-center__detail,
.message-workspace .message-center__inspector {
    border-radius: 8px;
    box-shadow: none;
    height: 100%;
    min-height: 0;
    overflow: auto;
    position: static;
}

.message-workspace .message-center__folders {
    background: #0c141d;
    border-color: #152333;
}

.message-workspace .message-center__folders a {
    color: rgb(255 255 255 / 76%);
}

.message-workspace .message-center__folders a:hover,
.message-workspace .message-center__folders a:focus-visible,
.message-workspace .message-center__folders a.is-active {
    background: rgb(255 198 83 / 12%);
    color: #fff;
}

.message-workspace .message-center__list {
    align-content: start;
}

.message-workspace .message-center__detail {
    align-content: start;
}

.message-workspace .message-reply {
    bottom: 0;
    position: sticky;
    z-index: 2;
}

@media (max-width: 1440px) {
    .message-center__layout,
    .message-workspace .message-center__layout {
        grid-template-columns: 76px minmax(300px, .9fr) minmax(0, 1.14fr) minmax(280px, .8fr);
    }

    .message-center__folders a {
        justify-content: center;
    }

    .message-folder__label > span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
}

@media (max-width: 1180px) {
    .message-center__layout,
    .message-workspace .message-center__layout {
        grid-template-columns: 72px minmax(280px, .88fr) minmax(0, 1.12fr);
    }

    .message-center__inspector {
        grid-column: 2 / -1;
    }
}

@media (max-width: 768px) {
    .message-workspace {
        padding: 0;
    }

    .message-workspace__panel {
        border: 0;
        border-radius: 0;
        height: 100dvh;
        width: 100vw;
    }

    .message-workspace .message-center {
        overflow: auto;
        padding: 8px;
    }

    .message-center__inspector {
        order: 4;
    }

    .message-workspace .message-center__layout {
        display: grid;
        height: auto;
        overflow: visible;
    }

    .message-workspace .message-center__folders,
    .message-workspace .message-center__list,
    .message-workspace .message-center__detail,
    .message-workspace .message-center__inspector {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .message-workspace .message-reply {
        bottom: env(safe-area-inset-bottom, 0);
    }

    .message-settings-head,
    .message-settings-grid,
    .message-inspector__facts div {
        grid-template-columns: 1fr;
    }

    .message-settings-head {
        display: grid;
    }

    .message-settings-head .button {
        width: 100%;
    }
}

/* Kommunikations- und Ticket-Center kompakte Arbeitsfläche */
.message-center__filters[hidden],
.message-center__inspector[hidden] {
    display: none !important;
}

.message-center__top-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--wb-space-2);
    justify-content: flex-end;
    min-width: 0;
}

.message-center__queue-switch {
    position: relative;
}

.message-center__queue-menu {
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: 8px;
    box-shadow: var(--wb-shadow-lg);
    display: none;
    gap: 4px;
    max-height: min(420px, calc(100dvh - 160px));
    min-width: min(320px, calc(100vw - 24px));
    overflow: auto;
    padding: 8px;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 20;
}

.message-center__queue-menu.is-open {
    display: grid;
}

.message-center__queue-menu a {
    align-items: center;
    border-radius: 8px;
    color: var(--wb-color-text);
    display: grid;
    gap: 8px;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    min-height: 40px;
    padding: 8px 10px;
    text-decoration: none;
}

.message-center__queue-menu a:hover,
.message-center__queue-menu a:focus-visible,
.message-center__queue-menu a.is-active {
    background: color-mix(in srgb, var(--wb-color-accent) 10%, var(--wb-color-surface));
    color: var(--wb-color-primary);
    outline: 0;
}

.message-center__queue-menu span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-center__queue-menu strong {
    background: var(--wb-color-accent);
    border-radius: var(--wb-radius-full);
    color: #fff;
    font-size: 11px;
    min-width: 22px;
    padding: 3px 6px;
    text-align: center;
}

.message-workspace .message-center__filters {
    align-items: end;
    box-shadow: 0 20px 60px rgb(0 0 0 / 18%);
    max-width: min(760px, calc(100% - 24px));
    position: absolute;
    right: 20px;
    top: 78px;
    z-index: 9;
}

.message-workspace .message-center__folders,
.message-workspace .message-center__mobile-tabs {
    display: none !important;
}

.message-workspace .message-center__layout {
    grid-template-columns: minmax(300px, .72fr) minmax(0, 1.5fr);
    position: relative;
}

.message-workspace .message-center__inspector {
    bottom: 0;
    box-shadow: -18px 0 60px rgb(0 0 0 / 18%);
    max-width: min(390px, 100%);
    position: absolute;
    right: 0;
    top: 0;
    width: min(390px, 42%);
    z-index: 8;
}

.message-inspector__head .message-icon-button {
    flex: 0 0 auto;
}

@media (max-width: 1024px) {
    .message-workspace .message-center__layout {
        grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
    }

    .message-workspace .message-center__inspector {
        width: min(390px, 72vw);
    }
}

@media (max-width: 768px) {
    .message-center__top-actions,
    .message-center__top-actions .button,
    .message-center__queue-switch {
        width: 100%;
    }

    .message-center__queue-menu {
        left: 0;
        min-width: 100%;
        right: auto;
    }

    .message-workspace .message-center__filters {
        left: 8px;
        max-width: none;
        right: 8px;
        top: 76px;
    }

    .message-workspace .message-center__layout {
        grid-template-columns: 1fr;
    }

    .message-workspace .message-center__inspector {
        border-radius: 0;
        bottom: 0;
        left: 0;
        max-width: none;
        position: fixed;
        right: 0;
        top: 0;
        width: 100vw;
        z-index: 1120;
    }
}
body.has-message-workspace {
    overflow: hidden;
}

/* Central typography harmonization */
body.app-shell,
body.app-shell button,
body.app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.app-shell select,
body.app-shell textarea {
    font-family: var(--wb-font-family-base);
    letter-spacing: 0;
}

body.app-shell {
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-body);
    font-weight: var(--wb-font-weight-normal);
    line-height: var(--wb-line-body);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.app-shell :is(h1, h2, h3, h4) {
    font-family: var(--wb-font-family-base);
    font-weight: var(--wb-font-weight-semibold) !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere;
}

.app-shell h1 {
    font-size: var(--wb-font-size-h1) !important;
    line-height: var(--wb-line-heading-tight) !important;
}

.app-shell h2 {
    font-size: var(--wb-font-size-h2) !important;
    line-height: var(--wb-line-heading) !important;
}

.app-shell h3 {
    font-size: var(--wb-font-size-h3) !important;
    line-height: 1.3 !important;
}

.app-shell h4 {
    font-size: var(--wb-font-size-body) !important;
    line-height: 1.35 !important;
}

.app-shell :is(p, li, dd) {
    font-size: var(--wb-font-size-body);
    font-weight: var(--wb-font-weight-normal);
    line-height: var(--wb-line-body);
}

.app-shell :is(p, li, dd, .muted, .meta, .text-muted, .subtext, .description) {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.app-shell :is(strong, b) {
    color: inherit;
    font-weight: var(--wb-font-weight-semibold) !important;
}

.app-shell :is(.site-nav a, .footer-nav a, .mobile-nav a, .dashboard-sidebar a, .admin-sidebar a, .admin-dropdown a, .profile-dropdown a, .account-tabs a, .admin-user-tabs a) {
    font-size: var(--wb-font-size-sm);
    font-weight: var(--wb-font-weight-medium) !important;
    letter-spacing: 0 !important;
    line-height: 1.3;
}

.app-shell :is(.site-nav a[aria-current="page"], .mobile-nav a[aria-current="page"], .dashboard-sidebar a.is-active, .admin-sidebar a.is-active, .account-tabs a.is-active, .admin-user-tabs a.is-active) {
    font-weight: var(--wb-font-weight-semibold) !important;
}

.app-shell :is(main, .site-main, .dashboard-main, .admin-main) a:not(.button):not(.btn):not(.brand):not(.nav-pill):not(.admin-icon-button):not(.message-icon-button):not(.profile-menu__button) {
    font-weight: var(--wb-font-weight-normal);
}

.app-shell :is(.button, .btn, input[type="submit"], .nav-pill, .logout-link, .admin-link-button, .admin-text-button, .button--business-primary, .button--business-secondary, .message-text-button),
.app-shell button:not(.nav-toggle):not(.admin-icon-button):not(.message-icon-button) {
    font-size: var(--wb-font-size-button);
    font-weight: var(--wb-font-weight-medium) !important;
    letter-spacing: 0 !important;
    line-height: var(--wb-line-control);
}

.app-shell :is(label, legend, .field-label, .form-field > span:first-child, label.form-field > span:first-child, .filter-panel label, .admin-form label > span, .admin-inline-form label > span, .admin-flags label, .checkbox-field span, .choice-card span:first-child) {
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-label);
    font-weight: var(--wb-font-weight-medium) !important;
    line-height: 1.3;
}

.app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.app-shell select,
.app-shell textarea {
    color: var(--wb-color-text);
    font-size: 0.9375rem;
    font-weight: var(--wb-font-weight-normal) !important;
    line-height: 1.3;
}

.app-shell ::placeholder {
    color: var(--wb-color-placeholder);
    opacity: 1;
}

.app-shell input[type="date"][data-date-placeholder] {
    min-inline-size: min(100%, 10.75rem);
    font-variant-numeric: tabular-nums;
}
.app-shell .date-input-shell {
    position: relative;
    display: block;
    inline-size: 100%;
    min-inline-size: 0;
}

.app-shell .date-input-shell__display {
    padding-inline-end: calc(var(--wb-form-control-padding-x, 1rem) + 2.25rem);
}

.app-shell .date-input-shell__native {
    position: absolute;
    inset-inline-end: 0.75rem;
    inset-block-end: 0.4rem;
    inline-size: 1px !important;
    block-size: 1px !important;
    min-inline-size: 1px !important;
    min-block-size: 1px !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 1px !important;
    min-height: 1px !important;
    max-width: 1px !important;
    padding: 0;
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.app-shell .date-input-shell__button {
    position: absolute;
    inset-inline-end: 0.45rem;
    inset-block-start: 50%;
    display: grid;
    place-items: center;
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--wb-gray-500);
    cursor: pointer;
    transform: translateY(-50%);
    transition: color 0.15s ease, background-color 0.15s ease;
}

.app-shell .date-input-shell__button:hover,
.app-shell .date-input-shell__button:focus-visible {
    color: var(--wb-primary);
    background: rgba(var(--wb-primary-rgb), 0.08);
}

.app-shell .date-input-shell__button:disabled {
    color: var(--wb-gray-400);
    cursor: not-allowed;
    opacity: 0.55;
}

.app-shell .date-input-shell__button svg {
    inline-size: 1.05rem;
    block-size: 1.05rem;
}

.app-shell :is(input, select, textarea, button):disabled,
.app-shell :is(.is-disabled, [aria-disabled="true"]) {
    color: var(--wb-color-disabled);
}

.app-shell :is(small, .help-text, .field-help, .field-hint, .form-help, .form-field small, .hint, .admin-muted, .card__meta, .message-meta, .message-preview, .field-error--client[aria-hidden="true"]) {
    color: var(--wb-context-text-soft, var(--wb-color-text-soft));
    font-size: var(--wb-font-size-helper);
    font-weight: var(--wb-font-weight-normal) !important;
    line-height: 1.45;
}

.app-shell :is(.field-error, .error-message, .invalid-feedback, .form-error, .rlp-error) {
    color: var(--wb-color-danger);
    font-size: var(--wb-font-size-helper);
    font-weight: var(--wb-font-weight-medium) !important;
    line-height: 1.45;
}

.app-shell :is(.alert, .notice, .flash-message, .status-message) {
    font-size: 0.9375rem;
    font-weight: var(--wb-font-weight-normal) !important;
    line-height: 1.5;
}

.app-shell :is(.card, .table-card, .admin-panel, .dashboard-card, .dashboard-hero, .admin-stat-card, .admin-user-card, .profile-card, .account-card, .modal, .message-card, .message-center__detail, .system-tool-card) :is(h2, h3, h4, .card__title, .admin-panel__title, .message-title) {
    font-size: var(--wb-font-size-card-title) !important;
    font-weight: var(--wb-font-weight-semibold) !important;
    line-height: 1.3 !important;
}

.app-shell :is(table, .table, .admin-table, .finance-table, .message-table) {
    font-size: var(--wb-font-size-table);
    line-height: 1.45;
}

.app-shell :is(th, .table th, .admin-table th, .finance-table th, .message-table th) {
    color: var(--wb-color-text-strong);
    font-size: 0.8125rem !important;
    font-weight: var(--wb-font-weight-medium) !important;
    letter-spacing: 0 !important;
    line-height: 1.3;
}

.app-shell :is(td, .table td, .admin-table td, .finance-table td, .message-table td) {
    color: var(--wb-color-text);
    font-size: var(--wb-font-size-table);
    font-weight: var(--wb-font-weight-normal);
    line-height: 1.45;
}

.app-shell :is(.badge, .status-chip, .wallet-chip, .admin-access-chip, .admin-wallet-chip, .admin-role-chip, .notification-count, .log-level, .admin-eyebrow, .eyebrow) {
    font-size: 0.75rem;
    font-weight: var(--wb-font-weight-medium) !important;
    letter-spacing: 0 !important;
    line-height: 1.2;
}

.app-shell :is(.dashboard-metrics, .dashboard-stat, .admin-stat-card, .admin-user-kpis, .summary-total, .price-lines, .wallet-summary, .invoice-total, .ad-kpi-grid) :is(strong, b, dd) {
    font-weight: var(--wb-font-weight-semibold) !important;
}

.app-shell :is(.button, .btn, .nav-pill, th, td, h1, h2, h3, h4, .card__title, .admin-panel__title) {
    overflow-wrap: anywhere;
}

/* Text contrast for dark brand surfaces */
.app-shell :is(
    .page-hero,
    .footer-cta,
    .site-footer,
    .admin-sidebar,
    .message-workspace__header,
    .home-hero__copy,
    .home-bonus__copy,
    .home-bonus-card,
    .home-why,
    .home-final-cta__inner,
    .private-register-copy,
    .private-register-benefits,
    .company-register-copy,
    .company-register-benefits,
    .company-register-security,
    .company-register-trust
) {
    --wb-context-text-muted: var(--wb-color-on-dark-secondary);
    --wb-context-text-soft: var(--wb-color-on-dark-muted);
    color: var(--wb-color-on-dark);
}

.app-shell :is(
    .page-hero,
    .footer-cta,
    .site-footer,
    .admin-sidebar,
    .message-workspace__header,
    .home-hero__copy,
    .home-bonus__copy,
    .home-bonus-card,
    .home-why,
    .home-final-cta__inner,
    .private-register-copy,
    .private-register-benefits,
    .company-register-copy,
    .company-register-benefits,
    .company-register-security,
    .company-register-trust
) :is(h1, h2, h3, h4) {
    color: inherit;
}

.app-shell :is(
    .site-footer,
    .admin-sidebar,
    .footer-cta,
    .page-hero
) a:not(.button):not(.btn) {
    color: inherit;
}

@media (max-width: 720px) {
    :root {
        --wb-font-size-h1: 1.875rem;
        --wb-font-size-h2: 1.375rem;
        --wb-font-size-h3: 1.125rem;
        --wb-font-size-card-title: 1.0625rem;
        --wb-font-size-body: 1rem;
    }

    .app-shell :is(.button, .btn, input[type="submit"], button:not(.nav-toggle):not(.admin-icon-button):not(.message-icon-button)) {
        font-size: var(--wb-font-size-button);
    }
}
/* Aufträge infinite scroll */
.auftrag-infinite {
    display: grid;
    gap: 18px;
}

.auftrag-infinite__loader,
.auftrag-infinite__status {
    align-items: center;
    color: var(--muted-text, #667085);
    display: flex;
    font-size: .95rem;
    gap: 10px;
    justify-content: center;
    margin: 0;
    min-height: 42px;
    text-align: center;
}

.auftrag-infinite__loader[hidden],
.auftrag-infinite__status[hidden],
.auftrag-infinite__retry[hidden],
.auftrag-infinite__manual[hidden],
.marketplace-pagination[hidden] {
    display: none !important;
}

.auftrag-infinite__spinner {
    animation: login-spin 720ms linear infinite;
    border: 2px solid color-mix(in srgb, var(--border-color, #d0d5dd) 70%, transparent);
    border-top-color: var(--primary-color, #ff8202);
    border-radius: 999px;
    display: inline-block;
    height: 18px;
    width: 18px;
}

.auftrag-infinite__retry,
.auftrag-infinite__manual {
    justify-self: center;
}

.auftrag-infinite__sentinel {
    height: 1px;
    pointer-events: none;
}

.marketplace-search__reset {
    align-self: end;
    justify-content: center;
    min-height: 46px;
    white-space: nowrap;
}

.order-auth-required__inner {
    align-items: flex-start;
    gap: 16px;
}

.order-auth-required__return {
    color: var(--muted-text, #667085);
    font-size: .98rem;
}

.order-auth-required__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 4px;
}

@media (max-width: 720px) {
    .marketplace-search__reset,
    .auftrag-infinite__retry,
    .auftrag-infinite__manual,
    .order-auth-required__actions .button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .auftrag-infinite__spinner {
        animation: none;
    }
}

/* Marketplace search filter refinement */
.marketplace-hero {
    overflow: visible;
    z-index: 1;
}

.marketplace-body {
    position: relative;
    z-index: 0;
}

.marketplace-search {
    --marketplace-search-control-height: 52px;
    position: relative;
    z-index: 2;
    grid-template-columns: minmax(220px, 1.35fr) minmax(190px, 1fr) minmax(190px, 0.95fr) minmax(132px, 168px) minmax(166px, max-content);
    align-items: center;
    gap: 12px;
    border-color: rgba(255, 255, 255, 0.16);
    border-radius: 12px;
    background: rgba(10, 18, 28, 0.66);
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.18);
    padding: 16px;
    backdrop-filter: blur(14px);
}

.marketplace-search__field {
    align-self: stretch;
    gap: 0;
    min-height: var(--marketplace-search-control-height);
}

.marketplace-search__field--trade {
    position: relative;
    z-index: 6;
}

.marketplace-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.marketplace-search select,
.marketplace-trade-select__button,
.marketplace-search__button,
.marketplace-search__reset,
.marketplace-save-filter {
    min-height: var(--marketplace-search-control-height);
    height: var(--marketplace-search-control-height);
    border-radius: 10px;
}

.marketplace-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.marketplace-search select {
    max-height: var(--marketplace-search-control-height);
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(8, 14, 20, 0.58);
    color: rgba(255, 255, 255, 0.92);
    transition: border-color var(--wb-transition-fast), background-color var(--wb-transition-fast), box-shadow var(--wb-transition-fast);
}

.marketplace-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
.marketplace-search select:hover,
.marketplace-trade-select__button:hover {
    border-color: rgba(255, 255, 255, 0.28);
    background: rgba(12, 20, 29, 0.72);
}

.marketplace-search input::placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.marketplace-search input:focus,
.marketplace-search select:focus,
.marketplace-trade-select__button:focus-visible,
.marketplace-trade-select.is-open .marketplace-trade-select__button {
    border-color: rgba(255, 130, 2, 0.82);
    box-shadow: 0 0 0 3px rgba(255, 130, 2, 0.12);
}

.marketplace-trade-select {
    position: relative;
    min-width: 0;
}

.marketplace-trade-select__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(8, 14, 20, 0.58);
    color: rgba(255, 255, 255, 0.92);
    cursor: pointer;
    font: inherit;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
    padding: 0 14px;
    text-align: left;
    transition: border-color var(--wb-transition-fast), background-color var(--wb-transition-fast), box-shadow var(--wb-transition-fast);
}

.marketplace-trade-select__button.is-placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.marketplace-trade-select__value {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.marketplace-trade-select__chevron {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    opacity: 0.78;
    transform: translateY(-2px) rotate(45deg);
    transition: transform var(--wb-transition-fast), opacity var(--wb-transition-fast);
}

.marketplace-trade-select.is-open .marketplace-trade-select__chevron {
    opacity: 1;
    transform: translateY(2px) rotate(225deg);
}

.marketplace-trade-select__dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 40;
    display: grid;
    gap: 4px;
    max-height: min(300px, calc(100vh - 140px));
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid rgba(8, 27, 58, 0.12);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(3, 17, 38, 0.18);
    padding: 6px;
    color: var(--wb-color-text-strong);
}

.marketplace-trade-select__option {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
    border-radius: 8px;
    color: var(--wb-color-text-strong);
    cursor: pointer;
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
    padding: 10px;
}

.marketplace-trade-select__option:hover,
.marketplace-trade-select__option:focus-visible {
    background: color-mix(in srgb, var(--wb-color-accent) 8%, var(--wb-color-surface));
    outline: 0;
}

.marketplace-trade-select__option.is-selected {
    background: color-mix(in srgb, var(--wb-color-accent) 12%, var(--wb-color-surface));
    color: var(--wb-color-primary);
}

.marketplace-trade-select__check {
    position: relative;
    width: 18px;
    height: 18px;
    border: 1px solid color-mix(in srgb, var(--wb-color-primary) 28%, var(--wb-color-border));
    border-radius: 5px;
    background: #ffffff;
}

.marketplace-trade-select__option.is-selected .marketplace-trade-select__check {
    border-color: var(--wb-color-accent);
    background: var(--wb-color-accent);
}

.marketplace-trade-select__option.is-selected .marketplace-trade-select__check::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(45deg);
}

.marketplace-trade-select__option-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.marketplace-trade-select__empty {
    margin: 0;
    color: var(--wb-color-text-muted);
    font-size: 14px;
    padding: 12px 10px;
}

.marketplace-search__button,
.marketplace-search__reset {
    align-self: stretch;
    grid-column: auto;
    justify-content: center;
    padding-inline: 18px;
    white-space: nowrap;
}

.marketplace-search__reset {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.88);
}

.marketplace-search__reset:hover,
.marketplace-search__reset:focus-visible {
    border-color: rgba(255, 255, 255, 0.34);
    background: rgba(255, 255, 255, 0.13);
    color: #ffffff;
}

@media (max-width: 1180px) {
    .marketplace-search {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .marketplace-search__button,
    .marketplace-search__reset {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .marketplace-search {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 14px;
    }

    .marketplace-search__field:first-of-type,
    .marketplace-search__field--compact {
        min-width: 0;
    }

    .marketplace-trade-select__dropdown {
        max-height: min(280px, calc(100vh - 128px));
    }
}

@media (max-width: 360px) {
    .marketplace-search {
        --marketplace-search-control-height: 48px;
    }

    .marketplace-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    .marketplace-search select,
    .marketplace-trade-select__button {
        padding-inline: 11px;
    }
}
/* Staff address book compact grid */
.staff-directory-page {
    min-width: 0;
}

.staff-directory-page .staff-hero {
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 8px;
}

.staff-directory-page .staff-hero > div {
    min-width: 0;
}

.staff-directory-page .staff-hero p:not(.admin-eyebrow) {
    max-width: 720px;
}

.staff-directory-page .staff-directory-hero-action {
    align-self: flex-start;
    border-radius: 8px;
    flex: 0 0 auto;
    font-size: 14px;
    gap: 8px;
    line-height: 1.2;
    min-height: 42px;
    padding: 0 15px;
    white-space: nowrap;
}

.staff-directory-page .staff-directory-hero-action .admin-icon {
    height: 16px;
    width: 16px;
}

.staff-directory-page .staff-directory-filters {
    align-items: end;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .04);
    display: grid;
    gap: 12px 14px;
    grid-template-columns: minmax(320px, 1fr) minmax(150px, 180px) minmax(136px, 164px) minmax(220px, max-content);
    overflow: visible;
    padding: 16px 18px;
}

.staff-directory-page .staff-directory-filters .form-field {
    gap: 6px;
    min-width: 0;
}

.staff-directory-page .staff-directory-filters .form-field > span {
    color: #334155;
    font-size: 12px;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1.2;
}

.staff-directory-page .staff-directory-filters input[type="search"],
.staff-directory-page .staff-directory-filters select {
    border-radius: 8px;
    font-size: 14px;
    height: 44px;
    line-height: 1.25;
    min-height: 44px;
    padding-bottom: 0;
    padding-top: 0;
}

.staff-directory-page .staff-directory-search {
    min-width: 0;
}


.staff-directory-page .staff-directory-filter-actions {
    align-items: center;
    align-self: end;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    min-width: max-content;
}

.staff-directory-page .staff-directory-filter-actions .button {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 14px;
    gap: 8px;
    justify-content: center;
    line-height: 1.2;
    min-height: 44px;
    padding: 0 15px;
    white-space: nowrap;
}

.staff-directory-page .staff-directory-filter-actions .button span {
    overflow-wrap: normal;
}

.staff-directory-page .staff-directory-filter-actions .button .admin-icon {
    height: 16px;
    width: 16px;
}

.staff-directory-page .staff-directory-filter-actions .button--secondary {
    background: #fff;
    border-color: #dbe2ea;
    color: #475569;
}

.staff-directory-page .staff-directory-filter-actions .button--secondary:hover,
.staff-directory-page .staff-directory-filter-actions .button--secondary:focus-visible {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #111827;
}

.staff-directory-page .staff-directory-summary {
    align-items: center;
    color: #334155;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 6px 14px;
    justify-content: space-between;
    line-height: 1.35;
}

.staff-directory-page .staff-directory-summary strong {
    font-weight: var(--wb-font-weight-semibold);
}

.staff-directory-page .staff-directory-summary__loaded {
    color: #64748b;
    font-size: 13px;
    font-weight: var(--wb-font-weight-normal);
    margin-left: auto;
}

.staff-directory-page .staff-directory-grid {
    align-items: stretch;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    justify-content: stretch;
    min-width: 0;
    overflow: visible;
}

.staff-directory-page .staff-contact-card {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .035);
    color: #111827;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    justify-content: flex-start;
    min-height: 232px;
    min-width: 0;
    overflow: visible;
    padding: 22px 13px 17px;
    position: relative;
    text-align: center;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    width: 100%;
    z-index: 0;
}

.staff-directory-page .staff-contact-card:hover,
.staff-directory-page .staff-contact-card:focus-within {
    border-color: #d6dee8;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .07);
    transform: translateY(-1px);
    z-index: 4;
}

.staff-directory-page .staff-contact-card.is-menu-open {
    z-index: 40;
}

.staff-directory-page .staff-contact-card__avatar {
    align-items: center;
    background: #eef2f7;
    border: 1px solid #e1e7ef;
    border-radius: 50%;
    color: #0f172a;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.16rem;
    font-weight: var(--wb-font-weight-semibold);
    height: 74px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    overflow: hidden;
    width: 74px;
}

.staff-directory-page .staff-contact-card__avatar img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.staff-directory-page .staff-contact-card__content {
    align-content: start;
    display: grid;
    gap: 7px;
    justify-items: center;
    min-width: 0;
    width: 100%;
}

.staff-directory-page .staff-contact-card__name {
    color: #111827;
    font-size: 15px !important;
    font-weight: var(--wb-font-weight-semibold) !important;
    letter-spacing: 0;
    line-height: 1.24 !important;
    margin: 0;
    max-width: 100%;
    min-height: 0;
    width: 100%;
}

.staff-directory-page .staff-contact-card__name a {
    color: inherit;
    display: block;
    font-weight: var(--wb-font-weight-semibold) !important;
    line-height: inherit;
    overflow: visible;
    overflow-wrap: anywhere;
    text-decoration: none;
    word-break: normal;
}

.staff-directory-page .staff-contact-card__name a:hover,
.staff-directory-page .staff-contact-card__name a:focus-visible {
    color: var(--admin-accent);
    outline: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.staff-directory-page .staff-contact-card__role-row {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 25px;
    min-width: 0;
    width: 100%;
}

.staff-directory-page .staff-role-badge {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: var(--wb-font-weight-medium);
    justify-content: center;
    line-height: 1.2;
    max-width: 100%;
    min-height: 24px;
    overflow: visible;
    overflow-wrap: anywhere;
    padding: 5px 10px;
    text-align: center;
    white-space: normal;
}

.staff-directory-page .staff-role-badge--admin {
    background: #fdf1e8;
    border-color: #f4dcc8;
    color: #9a4f0d;
}

.staff-directory-page .staff-role-badge--moderator {
    background: #eaf4fb;
    border-color: #d4e7f5;
    color: #155a84;
}

.staff-directory-page .staff-role-badge--support {
    background: #eaf7ef;
    border-color: #d2ead9;
    color: #176534;
}

.staff-directory-page .staff-role-badge--finance,
.staff-directory-page .staff-role-badge--neutral {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
}

.staff-directory-page .staff-contact-card__location {
    align-items: flex-start;
    color: #4b5563;
    display: flex;
    font-size: 12.5px;
    font-weight: var(--wb-font-weight-normal);
    gap: 5px;
    justify-content: center;
    line-height: 1.3;
    margin: 0;
    max-width: 100%;
    min-height: 32px;
    width: 100%;
}

.staff-directory-page .staff-contact-card__location span {
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.staff-directory-page .staff-contact-card__location .admin-icon {
    color: #64748b;
    flex: 0 0 auto;
    height: 14px;
    margin-top: 1px;
    width: 14px;
}

.staff-directory-page .staff-contact-card__menu {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 8;
}

.staff-directory-page .staff-contact-card__menu[open] {
    z-index: 60;
}

.staff-directory-page .staff-contact-card__menu summary {
    align-items: center;
    background: rgba(255, 255, 255, .9);
    border: 1px solid transparent;
    border-radius: 8px;
    color: #64748b;
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    list-style: none;
    opacity: .82;
    padding: 0;
    transition: background .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
    width: 30px;
}

.staff-directory-page .staff-contact-card__menu summary .admin-icon {
    display: block;
    height: 17px;
    width: 17px;
}

.staff-directory-page .staff-contact-card__menu summary::-webkit-details-marker {
    display: none;
}

.staff-directory-page .staff-contact-card__menu summary:hover,
.staff-directory-page .staff-contact-card__menu summary:focus-visible,
.staff-directory-page .staff-contact-card__menu[open] summary {
    background: #f8fafc;
    border-color: #dbe3ed;
    color: #111827;
    opacity: 1;
    outline: 0;
}

.staff-directory-page .staff-contact-card__menu-panel {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .14);
    display: grid;
    gap: 3px;
    min-width: 224px;
    padding: 6px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 36px;
    z-index: 70;
}

.staff-directory-page .staff-contact-card__menu-panel a,
.staff-directory-page .staff-contact-card__menu-panel button {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #1f2937;
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: 13px !important;
    font-weight: var(--wb-font-weight-medium) !important;
    gap: 8px;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    min-height: 36px;
    padding: 8px 10px;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}

.staff-directory-page .staff-contact-card__menu-panel a .admin-icon,
.staff-directory-page .staff-contact-card__menu-panel button .admin-icon {
    flex: 0 0 auto;
    height: 16px;
    width: 16px;
}

.staff-directory-page .staff-contact-card__menu-panel a span,
.staff-directory-page .staff-contact-card__menu-panel button span {
    min-width: 0;
    overflow-wrap: normal;
}

.staff-directory-page .staff-contact-card__menu-panel a:hover,
.staff-directory-page .staff-contact-card__menu-panel a:focus-visible,
.staff-directory-page .staff-contact-card__menu-panel button:hover,
.staff-directory-page .staff-contact-card__menu-panel button:focus-visible {
    background: #f8fafc;
    color: var(--admin-accent);
    outline: 0;
}

.staff-directory-page .staff-contact-card__menu-panel form {
    margin: 0;
}


.staff-directory-page .staff-directory-toast {
    align-items: center;
    background: #fff;
    border: 1px solid #d7eadc;
    border-radius: 8px;
    bottom: 24px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .16);
    color: #176534;
    display: flex;
    font-size: 13px;
    font-weight: var(--wb-font-weight-medium);
    justify-content: flex-start;
    line-height: 1.35;
    max-width: min(360px, calc(100vw - 32px));
    padding: 11px 14px;
    position: fixed;
    right: 24px;
    text-align: left;
    z-index: 1200;
}

.staff-directory-page .staff-directory-toast[data-tone="error"] {
    border-color: #f4c7c7;
    color: #b42318;
}

.staff-directory-page .staff-directory-empty {
    padding: 24px;
}

.staff-directory-page .staff-directory-empty[hidden],
.staff-directory-page .staff-directory-loader[hidden],
.staff-directory-page .staff-directory-status[hidden],
.staff-directory-page .staff-directory-toast[hidden],
.staff-directory-page [data-staff-directory-load-more][hidden],
.staff-directory-page [data-staff-directory-retry][hidden],
.staff-directory-page [data-staff-directory-loaded-wrap][hidden] {
    display: none !important;
}

.staff-directory-page .staff-directory-loader {
    align-items: center;
    color: #64748b;
    display: inline-flex;
    font-size: 13px;
    font-weight: var(--wb-font-weight-medium);
    gap: 10px;
    justify-self: center;
    min-height: 44px;
}

.staff-directory-page .staff-directory-loader__spinner {
    animation: staff-directory-spin .75s linear infinite;
    border: 2px solid #e5e7eb;
    border-radius: 50%;
    border-top-color: var(--admin-accent);
    height: 18px;
    width: 18px;
}

.staff-directory-page .staff-directory-status {
    color: #64748b;
    font-size: 13px;
    font-weight: var(--wb-font-weight-medium);
    margin: 0;
    text-align: center;
}

.staff-directory-page .staff-directory-manual-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.staff-directory-page .staff-directory-sentinel {
    height: 1px;
}

@keyframes staff-directory-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1480px) {
    .staff-directory-page .staff-directory-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 1360px) {
    .staff-directory-page .staff-directory-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .staff-directory-page .staff-directory-search,
    .staff-directory-page .staff-directory-filter-actions {
        grid-column: 1 / -1;
    }

    .staff-directory-page .staff-directory-filter-actions {
        min-width: 0;
    }
}

@media (max-width: 1220px) {
    .staff-directory-page .staff-directory-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .staff-directory-page .staff-directory-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .staff-directory-page .staff-hero {
        align-items: stretch;
        display: grid;
    }

    .staff-directory-page .staff-directory-hero-action {
        justify-self: start;
    }

    .staff-directory-page .staff-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .staff-directory-page .staff-directory-filters {
        grid-template-columns: 1fr;
    }

    .staff-directory-page .staff-directory-search,
    .staff-directory-page .staff-directory-filter-actions {
        grid-column: auto;
    }

    .staff-directory-page .staff-directory-summary {
        align-items: flex-start;
        display: grid;
    }

    .staff-directory-page .staff-directory-summary__loaded {
        margin-left: 0;
    }

    .staff-directory-page .staff-directory-filter-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .staff-directory-page .staff-directory-filter-actions .button,
    .staff-directory-page .staff-directory-hero-action {
        width: 100%;
    }

    .staff-directory-page .staff-contact-card {
        min-height: 230px;
        padding: 22px 18px 18px;
    }

    .staff-directory-page .staff-contact-card__menu-panel {
        min-width: min(224px, calc(100vw - 44px));
    }

    .staff-directory-page .staff-directory-toast {
        bottom: 16px;
        left: 16px;
        max-width: none;
        right: 16px;
    }
}

@media (max-width: 540px) {
    .staff-directory-page .staff-directory-grid {
        grid-template-columns: 1fr;
    }
}
.admin-user-management-page {
    gap: 18px;
    min-width: 0;
}

.admin-user-management-page .dashboard-hero {
    margin-bottom: 0;
}

.admin-user-management-page .profile-completion {
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
}

.admin-user-filter-grid {
    align-items: end;
    background: #fff;
    border-color: #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .04);
    gap: 12px 14px;
    grid-template-columns: minmax(260px, 1.1fr) minmax(150px, .72fr) minmax(150px, .72fr) minmax(170px, .78fr) minmax(132px, auto);
    padding: 16px 18px;
}

.admin-user-filter-grid .form-field {
    gap: 6px;
    min-width: 0;
}

.admin-user-filter-grid .form-field > span {
    color: #334155;
    font-size: 12px;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1.2;
}

.admin-user-filter-grid input[type="search"],
.admin-user-filter-grid select {
    border-radius: 8px;
    font-size: 14px;
    height: 44px;
    line-height: 1.25;
    min-height: 44px;
    padding-bottom: 0;
    padding-top: 0;
}

.admin-user-filter-grid__button {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 14px;
    gap: 8px;
    justify-content: center;
    line-height: 1.2;
    min-height: 44px;
    padding: 0 18px;
    white-space: nowrap;
}

.admin-user-list-summary {
    align-items: center;
    color: #111827;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    line-height: 1.35;
    min-width: 0;
}

.admin-user-list-summary strong {
    font-weight: var(--wb-font-weight-semibold);
}

.admin-user-card-grid {
    align-items: stretch;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    overflow: visible;
}

.admin-user-list-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .035);
    color: #111827;
    display: flex;
    flex-direction: column;
    gap: 15px;
    min-height: 270px;
    min-width: 0;
    overflow: visible;
    padding: 18px 18px 16px;
    position: relative;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
    z-index: 0;
}

.admin-user-list-card:hover,
.admin-user-list-card:focus-within {
    border-color: #d6dee8;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .07);
    transform: translateY(-1px);
    z-index: 4;
}

.admin-user-card-header {
    align-items: flex-start;
    display: grid;
    gap: 12px;
    grid-template-columns: 56px minmax(0, 1fr);
    min-width: 0;
    padding-right: 28px;
}

.admin-user-card-avatar {
    align-items: center;
    background: #eef2f7;
    border: 1px solid #e1e7ef;
    border-radius: 50%;
    color: #172554;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1rem;
    font-weight: var(--wb-font-weight-semibold);
    height: 56px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    overflow: hidden;
    width: 56px;
}

.admin-user-card-avatar img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.admin-user-card-identity {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding-top: 6px;
}

.admin-user-card-identity h2 {
    color: #111827;
    display: -webkit-box;
    font-size: 15px !important;
    font-weight: var(--wb-font-weight-semibold) !important;
    letter-spacing: 0;
    line-height: 1.25 !important;
    margin: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.admin-user-card-identity h2 a {
    color: inherit;
    text-decoration: none;
}

.admin-user-card-identity h2 a:hover,
.admin-user-card-identity h2 a:focus-visible {
    color: var(--admin-accent);
    outline: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.admin-user-card-identity p {
    color: #475569;
    display: -webkit-box;
    font-size: 13px;
    line-height: 1.3;
    margin: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.admin-user-card-badges {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 30px;
    min-width: 0;
}

.admin-user-card-badges .badge,
.admin-user-role-badge {
    border-radius: 999px;
    font-size: 12px;
    font-weight: var(--wb-font-weight-medium);
    min-height: 24px;
    padding: 4px 10px;
    white-space: normal;
}

.admin-user-role-badge--admin {
    background: #fdf1e8;
    border-color: #f4dcc8;
    color: #9a4f0d;
}

.admin-user-role-badge--moderator {
    background: #eaf4fb;
    border-color: #d4e7f5;
    color: #155a84;
}

.admin-user-role-badge--support,
.admin-user-role-badge--company {
    background: #eaf7ef;
    border-color: #d2ead9;
    color: #176534;
}

.admin-user-role-badge--private {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.admin-user-role-badge--finance,
.admin-user-role-badge--neutral {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
}

.admin-user-card-verification {
    align-items: center;
    display: grid;
    gap: 8px 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.admin-user-check,
.admin-user-card-location,
.admin-user-card-notes {
    align-items: center;
    color: #1f2937;
    display: inline-flex;
    font-size: 13px;
    gap: 7px;
    line-height: 1.35;
    min-width: 0;
}

.admin-user-check .admin-icon,
.admin-user-card-location .admin-icon,
.admin-user-card-notes .admin-icon {
    flex: 0 0 auto;
    height: 15px;
    width: 15px;
}

.admin-user-check.is-verified .admin-icon {
    color: #15803d;
}

.admin-user-check.is-missing .admin-icon {
    color: #ef4444;
}

.admin-user-card-location,
.admin-user-card-notes {
    border-top: 1px solid #edf1f5;
    margin: 0;
    padding-top: 12px;
}

.admin-user-card-location span,
.admin-user-card-notes span,
.admin-user-check span {
    min-width: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis;
}

.admin-user-card-location .admin-icon,
.admin-user-card-notes .admin-icon {
    color: #64748b;
}

.admin-user-card-notes strong {
    font-weight: var(--wb-font-weight-semibold);
}

.admin-user-card-action {
    align-items: center;
    color: var(--admin-accent);
    display: inline-flex;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    gap: 8px;
    justify-content: flex-start;
    line-height: 1.25;
    margin-top: auto;
    min-height: 28px;
    text-decoration: none;
    width: max-content;
}

.admin-user-card-action:hover,
.admin-user-card-action:focus-visible {
    color: #c2410c;
    outline: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.admin-user-card-action .admin-icon {
    height: 15px;
    width: 15px;
}

.admin-user-card-menu {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 8;
}

.admin-user-card-menu[open] {
    z-index: 60;
}

.admin-user-card-menu summary {
    align-items: center;
    background: rgba(255, 255, 255, .9);
    border: 1px solid transparent;
    border-radius: 8px;
    color: #64748b;
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    list-style: none;
    opacity: .82;
    padding: 0;
    transition: background .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
    width: 30px;
}

.admin-user-card-menu summary::-webkit-details-marker {
    display: none;
}

.admin-user-card-menu summary .admin-icon {
    display: block;
    height: 17px;
    width: 17px;
}

.admin-user-card-menu summary:hover,
.admin-user-card-menu summary:focus-visible,
.admin-user-card-menu[open] summary {
    background: #f8fafc;
    border-color: #dbe3ed;
    color: #111827;
    opacity: 1;
    outline: 0;
}

.admin-user-card-menu__panel {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .14);
    display: grid;
    gap: 3px;
    min-width: 210px;
    padding: 6px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 36px;
    z-index: 70;
}

.admin-user-card-menu__panel a {
    align-items: center;
    border-radius: 8px;
    color: #1f2937;
    display: flex;
    font-size: 13px !important;
    font-weight: var(--wb-font-weight-medium) !important;
    gap: 8px;
    line-height: 1.25 !important;
    min-height: 36px;
    padding: 8px 10px;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}

.admin-user-card-menu__panel a .admin-icon {
    flex: 0 0 auto;
    height: 16px;
    width: 16px;
}

.admin-user-card-menu__panel a:hover,
.admin-user-card-menu__panel a:focus-visible {
    background: #f8fafc;
    color: var(--admin-accent);
    outline: 0;
}

.admin-user-empty-state {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .04);
    color: #475569;
    display: grid;
    gap: 8px;
    justify-items: center;
    min-height: 220px;
    padding: 32px;
    text-align: center;
}

.admin-user-empty-state__icon {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    color: #64748b;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.admin-user-empty-state__icon .admin-icon {
    height: 22px;
    width: 22px;
}

.admin-user-empty-state h2 {
    color: #111827;
    font-size: 1rem;
    font-weight: var(--wb-font-weight-semibold);
    margin: 4px 0 0;
}

.admin-user-empty-state p {
    font-size: 14px;
    margin: 0;
}

@media (max-width: 1440px) {
    .admin-user-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .admin-user-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-user-filter-grid__search,
    .admin-user-filter-grid__button {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1020px) {
    .admin-user-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .admin-user-filter-grid,
    .admin-user-card-grid {
        grid-template-columns: 1fr;
    }

    .admin-user-filter-grid__search,
    .admin-user-filter-grid__button {
        grid-column: auto;
    }

    .admin-user-filter-grid__button {
        width: 100%;
    }

    .admin-user-card-header {
        grid-template-columns: 50px minmax(0, 1fr);
    }

    .admin-user-card-avatar {
        height: 50px;
        width: 50px;
    }

    .admin-user-card-verification {
        grid-template-columns: 1fr;
    }

    .admin-user-card-menu__panel {
        min-width: min(210px, calc(100vw - 44px));
    }
}

/* Admin typography weight refinement */
.app-shell--admin {
    --wb-admin-weight-body: var(--wb-font-weight-normal);
    --wb-admin-weight-label: var(--wb-font-weight-medium);
    --wb-admin-weight-emphasis: var(--wb-font-weight-semibold);
}

.app-shell--admin :is(h1, h2, h3, h4, .admin-panel__title, .card__title, .message-title) {
    font-weight: var(--wb-admin-weight-emphasis) !important;
}

.app-shell--admin :is(
    label,
    legend,
    th,
    dt,
    .field-label,
    .form-field > span:first-child,
    label.form-field > span:first-child,
    .admin-form label > span,
    .admin-inline-form label > span,
    .filter-panel label,
    .ad-filter-panel span,
    .ad-form-grid label span,
    .settings-unit-control span,
    .admin-eyebrow,
    .admin-stat-card__label,
    .metric-card span,
    .staff-service-status-panel dt,
    .staff-service-facts dt,
    .staff-service-time-box dt,
    .staff-service-kpi span,
    .staff-profile-facts dt,
    .staff-contact-card__facts dt,
    .admin-user-status-panel dt,
    .admin-user-definition-list dt,
    .admin-user-action-group h3,
    .admin-user-actions label,
    .admin-user-note-form label,
    .admin-user-kpis small,
    .storage-check,
    .storage-subnav a,
    .trade-switch span,
    .trade-linked-box span,
    .trade-module-fieldset legend
) {
    font-weight: var(--wb-admin-weight-label) !important;
}

.app-shell--admin :is(
    td,
    dd,
    .admin-muted,
    .card__meta,
    .message-meta,
    .staff-service-person p,
    .staff-service-contact-list dd,
    .staff-service-status-panel dd,
    .staff-service-facts dd,
    .staff-service-kpi small,
    .staff-service-activity-list time,
    .staff-service-activity-list small,
    .staff-service-empty,
    .staff-service-action-note,
    .staff-service-security-list small,
    .staff-service-time-box span,
    .staff-profile-card__media small,
    .staff-profile-card__identity span,
    .staff-profile-facts dd,
    .staff-contact-card__head p,
    .staff-contact-card__facts dd,
    .admin-user-definition-list dd,
    .admin-user-record-list small,
    .admin-user-kpis em,
    .ad-campaign-table small,
    .log-entry__meta,
    .system-tool-card p
) {
    font-weight: var(--wb-admin-weight-body) !important;
}

.app-shell--admin :is(
    .button,
    .btn,
    input[type="submit"],
    .nav-pill,
    .admin-link-button,
    .admin-text-button,
    .admin-sidebar a,
    .dashboard-sidebar a,
    .admin-dropdown a,
    .profile-dropdown a,
    .account-tabs a,
    .admin-user-tabs a,
    .staff-service-tabs a,
    .staff-service-action,
    .staff-service-inline-action,
    .staff-service-saved,
    .staff-service-quick-links a,
    .admin-user-card header a,
    .admin-user-card-action,
    .trade-tabs a,
    .trade-pagination a
) {
    font-weight: var(--wb-admin-weight-label) !important;
}

.app-shell--admin :is(
    .badge,
    .status-chip,
    .wallet-chip,
    .admin-access-chip,
    .admin-wallet-chip,
    .admin-role-chip,
    .notification-count,
    .log-level,
    .staff-service-badge,
    .staff-service-pill,
    .staff-service-role-chip,
    .staff-service-tabs em,
    .admin-user-tabs em,
    .admin-user-tab-menu em,
    .wizard-admin-page .wb-badge,
    .wizard-count,
    .wizard-sort-badge
) {
    font-weight: var(--wb-admin-weight-label) !important;
}

.app-shell--admin :is(
    .admin-sidebar a.is-active,
    .dashboard-sidebar a.is-active,
    .account-tabs a.is-active,
    .admin-user-tabs a.is-active,
    .staff-service-tabs a.is-active,
    .trade-tabs a.is-active
) {
    font-weight: var(--wb-admin-weight-emphasis) !important;
}

.app-shell--admin :is(
    .admin-stat-card strong,
    .metric-card strong,
    .admin-user-kpis strong,
    .staff-service-kpi strong,
    .ad-kpi-grid strong,
    .trade-kpi-grid strong,
    .storage-header__aside strong,
    .trade-settings-grid strong
) {
    font-weight: var(--wb-admin-weight-emphasis) !important;
}

.app-shell--admin :is(
    .admin-user-record-list strong,
    .admin-user-status-panel dd strong,
    .staff-service-activity-list strong,
    .staff-service-security-list span,
    .staff-service-time-box strong,
    .staff-service-locked-role,
    .ad-campaign-cell strong,
    .trade-group-item strong
) {
    font-weight: var(--wb-admin-weight-label) !important;
}

.app-shell--admin :is(.staff-session-warning__content h2, .staff-session-warning__countdown strong, .staff-session-warning__icon > span) {
    font-weight: var(--wb-font-weight-bold) !important;
}
/* Admin user creation body */
.admin-user-create-page {
    width: min(100%, 1580px);
    gap: 22px;
}

.admin-user-create-head {
    display: grid;
    gap: 8px;
}

.admin-user-create-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: #647084;
    font-size: 13px;
    line-height: 1.4;
}

.admin-user-create-breadcrumb a {
    color: #475569;
    text-decoration: none;
}

.admin-user-create-breadcrumb a:hover,
.admin-user-create-breadcrumb a:focus-visible {
    color: var(--wb-color-accent);
}

.admin-user-create-head h1 {
    margin: 0;
    color: #0f172a;
    font-size: 30px;
    line-height: 1.16;
    letter-spacing: 0;
}

.admin-user-create-head p {
    max-width: 760px;
    margin: 0;
    color: #526176;
    font-size: 15px;
    line-height: 1.55;
}

.admin-user-create-alert {
    max-width: 1120px;
}

.admin-user-create-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 280px);
    gap: 22px;
    align-items: start;
}

.admin-user-create-card,
.admin-user-create-help {
    min-width: 0;
    border: 1px solid #dce2ea;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06);
}

.admin-user-create-card {
    display: grid;
    gap: 0;
    padding: 22px 22px 18px;
}

.admin-user-create-section {
    display: grid;
    gap: 16px;
    min-width: 0;
    border-top: 1px solid #e2e8f0;
    padding-top: 19px;
    margin-top: 19px;
}

.admin-user-create-section:first-of-type {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}

.admin-user-create-section__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.admin-user-create-section h2,
.admin-user-create-help h2 {
    margin: 0;
    color: #111827;
    font-size: 17px;
    line-height: 1.25;
    letter-spacing: 0;
}

.admin-user-create-card .admin-user-create-field,
.admin-user-create-card .admin-user-create-access-choice {
    gap: 6px;
}

.admin-user-create-card .admin-user-create-field > span:first-child,
.admin-user-create-access-label {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #111827;
    font-size: 13px;
    font-weight: var(--wb-admin-weight-label, var(--wb-font-weight-medium));
    line-height: 1.35;
}

.admin-user-create-required {
    color: var(--wb-color-accent);
    font-weight: var(--wb-font-weight-semibold);
}

.admin-user-create-card :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
    min-height: 44px;
    border-color: #d5dde8;
    border-radius: 7px;
    background: #ffffff;
    color: #111827;
    font-size: 14px;
    line-height: 1.35;
}

.admin-user-create-card :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select) {
    height: 44px;
}

.admin-user-create-card :is(input, select, textarea)::placeholder {
    color: #8a95a6;
}

.admin-user-create-card :is(input:disabled, select:disabled, textarea:disabled) {
    background: #f8fafc;
    color: #64748b;
}

.admin-user-create-card small {
    color: #5f6b7a;
    font-size: 12px;
    line-height: 1.45;
}

.admin-user-create-card .field-error {
    color: var(--wb-color-danger);
    font-weight: var(--wb-font-weight-medium);
}

.admin-user-create-account-grid {
    display: grid;
    grid-template-columns: minmax(260px, 430px) minmax(220px, 320px);
    gap: 16px;
    align-items: start;
}

.admin-user-create-hints {
    min-height: 18px;
}

.admin-user-create-hints small {
    display: block;
}

.admin-user-create-contact-grid {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) minmax(130px, 1fr) minmax(210px, 1.22fr) minmax(250px, 1.45fr);
    gap: 16px 18px;
    align-items: start;
}

.admin-user-create-extra-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 16px 18px;
    margin-top: 16px;
}

.admin-user-create-extra-grid[hidden],
.admin-user-create-extra-grid:empty {
    display: none;
}

.admin-user-create-address-grid {
    display: grid;
    grid-template-columns: minmax(180px, 1.45fr) minmax(112px, 0.8fr) minmax(116px, 0.82fr) minmax(160px, 1.12fr) minmax(170px, 1fr);
    gap: 16px 18px;
    align-items: start;
}

.admin-user-create-access-grid {
    display: grid;
    grid-template-columns: minmax(210px, 0.8fr) minmax(330px, 1.2fr) minmax(280px, 1fr);
    gap: 16px 18px;
    align-items: start;
}

.admin-user-create-access-choice {
    display: grid;
    min-width: 0;
}

.admin-user-create-radio {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    min-height: 44px;
    margin: 0;
    padding-top: 9px;
}

.admin-user-create-radio input[type="radio"] {
    margin-top: 2px;
    border-color: color-mix(in srgb, var(--wb-color-accent) 70%, #ffffff);
}

.admin-user-create-radio input[type="radio"]:checked {
    border-color: var(--wb-color-accent);
    box-shadow: inset 0 0 0 4px #ffffff;
}

.admin-user-create-radio input[type="radio"]:checked::after {
    background: var(--wb-color-accent);
}

.admin-user-create-radio strong,
.admin-user-create-note strong,
.admin-user-create-help h3 {
    display: block;
    margin: 0;
    color: #111827;
    font-size: 14px;
    line-height: 1.35;
}

.admin-user-create-radio small {
    display: block;
    margin-top: 3px;
}

.admin-user-create-note {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 11px;
    min-width: 0;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #f8fbff;
    color: #1d4ed8;
    padding: 14px 15px;
}

.admin-user-create-note p {
    margin: 6px 0 0;
    color: #475569;
    font-size: 13px;
    line-height: 1.55;
}

.admin-user-create-note .admin-icon {
    margin-top: 1px;
    color: #2563eb;
}

.admin-user-create-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-top: 1px solid #e2e8f0;
    margin-top: 20px;
    padding-top: 18px;
}

.admin-user-create-actions .button {
    min-height: 44px;
    border-radius: 7px;
    padding-inline: 18px;
}

.admin-user-create-submit {
    min-width: 170px;
    box-shadow: 0 11px 22px rgba(255, 94, 0, 0.18);
}

.admin-user-create-card .phone-input-group {
    min-height: 44px;
    border-color: #d5dde8;
    border-radius: 7px;
}

.admin-user-create-card .phone-country-button,
.admin-user-create-card .phone-prefix,
.admin-user-create-card .phone-local-control > input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    min-height: 42px;
    height: 42px;
    font-size: 14px;
}

.admin-user-create-card .phone-input-group {
    grid-template-columns: 64px auto minmax(0, 1fr);
}

.admin-user-create-card .phone-prefix {
    padding-inline: 11px;
}

.admin-user-create-card .phone-local-control > input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    padding-inline: 12px;
}

.admin-user-create-help {
    position: sticky;
    top: calc(var(--admin-header-height, 74px) + 22px);
    display: grid;
    gap: 16px;
    padding: 22px 20px 0;
    overflow: hidden;
}

.admin-user-create-help__list {
    display: grid;
    gap: 18px;
}

.admin-user-create-help__list section {
    display: grid;
    gap: 6px;
}

.admin-user-create-help p {
    margin: 0;
    color: #475569;
    font-size: 13px;
    line-height: 1.55;
}

.admin-user-create-help__foot {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    border-top: 1px solid #e2e8f0;
    margin: 6px -20px 0;
    padding: 16px 20px 18px;
    background: #fbfdff;
}

.admin-user-create-help__foot .admin-icon {
    color: #2563eb;
}

@media (max-width: 1320px) {
    .admin-user-create-contact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-user-create-address-grid {
        grid-template-columns: minmax(0, 1.35fr) minmax(120px, 0.8fr) minmax(120px, 0.8fr);
    }

    .admin-user-create-field--city,
    .admin-user-create-field--country {
        grid-column: span 1;
    }

    .admin-user-create-access-grid {
        grid-template-columns: minmax(210px, 0.8fr) minmax(330px, 1.2fr);
    }

    .admin-user-create-note {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1180px) {
    .admin-user-create-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-user-create-help {
        position: static;
        max-width: none;
    }
}

@media (max-width: 820px) {
    .admin-user-create-page {
        gap: 18px;
    }

    .admin-user-create-head h1 {
        font-size: 27px;
    }

    .admin-user-create-card {
        padding: 18px;
    }

    .admin-user-create-account-grid,
    .admin-user-create-contact-grid,
    .admin-user-create-extra-grid,
    .admin-user-create-address-grid,
    .admin-user-create-access-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-user-create-field--kind,
    .admin-user-create-field--email,
    .admin-user-create-field--phone,
    .admin-user-create-field--street,
    .admin-user-create-access-choice,
    .admin-user-create-note {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .admin-user-create-head h1 {
        font-size: 25px;
    }

    .admin-user-create-breadcrumb {
        font-size: 12px;
    }

    .admin-user-create-card,
    .admin-user-create-help {
        border-radius: 8px;
    }

    .admin-user-create-card {
        padding: 16px;
    }

    .admin-user-create-section {
        gap: 14px;
        margin-top: 17px;
        padding-top: 17px;
    }

    .admin-user-create-account-grid,
    .admin-user-create-contact-grid,
    .admin-user-create-extra-grid,
    .admin-user-create-address-grid,
    .admin-user-create-access-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .admin-user-create-field--kind,
    .admin-user-create-field--email,
    .admin-user-create-field--phone,
    .admin-user-create-field--street,
    .admin-user-create-access-choice,
    .admin-user-create-note {
        grid-column: auto;
    }

    .admin-user-create-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-user-create-actions .button {
        width: 100%;
    }

    .admin-user-create-submit {
        order: 1;
    }

    .admin-user-create-actions .button--secondary {
        order: 2;
    }
}
/* Admin information architecture: global search in header and result page. */
.admin-global-search {
    --admin-search-field-height: 42px;
    --admin-search-field-border: rgba(255, 255, 255, 0.16);
    --admin-search-field-border-hover: rgba(255, 130, 2, 0.45);
    --admin-search-field-background: rgba(255, 255, 255, 0.06);
    --admin-search-field-color: rgba(255, 255, 255, 0.78);
    --admin-search-input-color: #ffffff;
    --admin-search-placeholder-color: rgba(255, 255, 255, 0.58);
    --admin-search-focus-shadow: 0 0 0 3px rgba(255, 130, 2, 0.18);
    flex: 1 1 520px;
    min-width: 0;
    max-width: 680px;
}

.admin-mobile-search {
    --admin-search-field-height: 42px;
    --admin-search-field-border: rgba(255, 255, 255, 0.16);
    --admin-search-field-border-hover: rgba(255, 130, 2, 0.45);
    --admin-search-field-background: rgba(255, 255, 255, 0.06);
    --admin-search-field-color: rgba(255, 255, 255, 0.78);
    --admin-search-input-color: #ffffff;
    --admin-search-placeholder-color: rgba(255, 255, 255, 0.58);
    --admin-search-focus-shadow: 0 0 0 3px rgba(255, 130, 2, 0.18);
}

.admin-search-page-form {
    --admin-search-field-height: 46px;
    --admin-search-field-border: var(--admin-line);
    --admin-search-field-border-hover: rgba(255, 130, 2, 0.42);
    --admin-search-field-background: #ffffff;
    --admin-search-field-color: var(--admin-muted);
    --admin-search-input-color: var(--admin-text);
    --admin-search-placeholder-color: var(--wb-color-placeholder);
    --admin-search-focus-shadow: 0 0 0 3px rgba(255, 130, 2, 0.14);
}

body.app-shell.app-shell--admin .admin-global-search label,
body.app-shell.app-shell--admin .admin-mobile-search label,
body.app-shell.app-shell--admin .admin-search-page-form label {
    display: flex;
    width: 100%;
    height: var(--admin-search-field-height);
    min-height: var(--admin-search-field-height);
    min-width: 0;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--admin-search-field-border);
    border-radius: 8px;
    background: var(--admin-search-field-background);
    color: var(--admin-search-field-color);
    padding: 0 13px;
    transition: border-color var(--wb-transition-fast), background-color var(--wb-transition-fast), box-shadow var(--wb-transition-fast);
}

body.app-shell.app-shell--admin .admin-global-search label:hover,
body.app-shell.app-shell--admin .admin-mobile-search label:hover,
body.app-shell.app-shell--admin .admin-search-page-form label:hover {
    border-color: var(--admin-search-field-border-hover);
}

body.app-shell.app-shell--admin .admin-global-search label:focus-within,
body.app-shell.app-shell--admin .admin-mobile-search label:focus-within,
body.app-shell.app-shell--admin .admin-search-page-form label:focus-within {
    border-color: var(--admin-search-field-border-hover);
    box-shadow: var(--admin-search-focus-shadow);
}

body.app-shell.app-shell--admin .admin-global-search input[type="search"],
body.app-shell.app-shell--admin .admin-mobile-search input[type="search"],
body.app-shell.app-shell--admin .admin-search-page-form input[type="search"] {
    appearance: none;
    -webkit-appearance: none;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--admin-search-input-color);
    font: inherit;
    line-height: 1.2;
    margin: 0;
    outline: none;
    padding: 0;
}

body.app-shell.app-shell--admin .admin-global-search input[type="search"]:hover,
body.app-shell.app-shell--admin .admin-mobile-search input[type="search"]:hover,
body.app-shell.app-shell--admin .admin-search-page-form input[type="search"]:hover,
body.app-shell.app-shell--admin .admin-global-search input[type="search"]:focus,
body.app-shell.app-shell--admin .admin-mobile-search input[type="search"]:focus,
body.app-shell.app-shell--admin .admin-search-page-form input[type="search"]:focus,
body.app-shell.app-shell--admin .admin-global-search input[type="search"]:focus-visible,
body.app-shell.app-shell--admin .admin-mobile-search input[type="search"]:focus-visible,
body.app-shell.app-shell--admin .admin-search-page-form input[type="search"]:focus-visible {
    border: 0;
    background: transparent;
    box-shadow: none;
    outline: none;
}

body.app-shell.app-shell--admin .admin-global-search input[type="search"]::placeholder,
body.app-shell.app-shell--admin .admin-mobile-search input[type="search"]::placeholder,
body.app-shell.app-shell--admin .admin-search-page-form input[type="search"]::placeholder {
    color: var(--admin-search-placeholder-color);
}

body.app-shell.app-shell--admin .admin-global-search input[type="search"]::-webkit-search-decoration,
body.app-shell.app-shell--admin .admin-mobile-search input[type="search"]::-webkit-search-decoration,
body.app-shell.app-shell--admin .admin-search-page-form input[type="search"]::-webkit-search-decoration,
body.app-shell.app-shell--admin .admin-global-search input[type="search"]::-webkit-search-cancel-button,
body.app-shell.app-shell--admin .admin-mobile-search input[type="search"]::-webkit-search-cancel-button,
body.app-shell.app-shell--admin .admin-search-page-form input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.admin-header__search-toggle {
    display: none;
}

.admin-mobile-search {
    position: fixed;
    inset: var(--admin-header-height) 0 auto;
    z-index: 79;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(5, 8, 13, 0.98);
    box-shadow: 0 18px 34px rgba(5, 8, 13, 0.24);
    padding: 12px 16px;
}

.admin-mobile-search form {
    display: grid;
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}


.admin-global-search-page {
    display: grid;
    gap: 18px;
}

.admin-search-page-form {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    gap: 12px;
    max-width: 920px;
}

.admin-search-page-form label {
    flex: 1 1 auto;
}

.admin-search-page-form .button {
    flex: 0 0 auto;
    min-width: 118px;
    height: var(--admin-search-field-height);
    min-height: var(--admin-search-field-height);
    white-space: nowrap;
}

.admin-search-empty,
.admin-search-summary,
.admin-search-section {
    border: 1px solid var(--admin-line);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}

.admin-search-empty {
    max-width: 760px;
    padding: 24px;
}

.admin-search-empty h2,
.admin-search-empty p {
    margin: 0;
}

.admin-search-empty p {
    margin-top: 8px;
    color: var(--admin-muted);
}

.admin-search-summary {
    padding: 14px 16px;
    color: var(--admin-muted);
}

.admin-search-summary strong {
    color: var(--admin-text);
}

.admin-search-results {
    display: grid;
    gap: 16px;
}

.admin-search-section {
    overflow: hidden;
}

.admin-search-section h2 {
    margin: 0;
    border-bottom: 1px solid var(--admin-line);
    padding: 15px 18px;
    color: var(--admin-text);
    font-size: 17px;
}

.admin-search-list {
    display: grid;
}

.admin-search-result {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--admin-line);
    color: var(--admin-text);
    padding: 14px 18px;
    text-decoration: none;
}

.admin-search-result:last-child {
    border-bottom: 0;
}

.admin-search-result:hover,
.admin-search-result:focus-visible {
    background: rgba(255, 130, 2, 0.06);
    outline: none;
}

.admin-search-result__icon {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 8px;
    background: rgba(255, 130, 2, 0.1);
    color: var(--admin-accent);
}

.admin-search-result__copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.admin-search-result__copy small {
    color: var(--admin-muted);
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
}

.admin-search-result__copy strong,
.admin-search-result__copy em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-search-result__copy strong {
    color: var(--admin-text);
    font-size: 15px;
}

.admin-search-result__copy em {
    color: var(--admin-muted);
    font-size: 13px;
    font-style: normal;
}

@media (max-width: 1100px) {
    .admin-global-search--desktop {
        display: none;
    }

    .admin-header__search-toggle {
        display: inline-grid;
    }
}

@media (max-width: 640px) {
    .admin-search-page-form {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-search-page-form .button {
        width: 100%;
    }

    .admin-search-result {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .admin-search-result > .admin-icon {
        display: none;
    }
}
/* Admin RBAC workspace */
.admin-rbac-page {
    display: grid;
    gap: 20px;
    color: var(--admin-text, #141821);
}

.rbac-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid var(--admin-line, #dde2ea);
    padding: 4px 4px 18px;
}

.rbac-page-header h1,
.rbac-panel h2,
.rbac-history h2,
.rbac-selected-role h2 {
    margin: 0;
    color: var(--admin-text, #141821);
    line-height: 1.18;
    letter-spacing: 0;
}

.rbac-page-header h1 {
    font-size: 26px;
}

.rbac-page-header p,
.rbac-panel p,
.rbac-history p,
.rbac-selected-role p {
    margin: 6px 0 0;
    color: var(--admin-muted, #667085);
}

.rbac-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--admin-muted, #667085);
    font-size: 13px;
}

.rbac-breadcrumb strong {
    color: var(--admin-text, #141821);
}

.rbac-header-meta,
.rbac-protection-note,
.rbac-history,
.rbac-panel,
.rbac-sidebar,
.rbac-selected-role,
.rbac-role-picker,
.rbac-group,
.rbac-role-card {
    border: 1px solid var(--admin-line, #dde2ea);
    border-radius: 8px;
    background: var(--admin-surface, #fff);
}

.rbac-header-meta {
    display: grid;
    gap: 4px;
    min-width: 150px;
    padding: 12px 14px;
}

.rbac-header-meta span,
.rbac-selected-role dt {
    color: var(--admin-muted, #667085);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.rbac-header-meta strong {
    color: var(--admin-text, #141821);
}

.rbac-role-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(150px, 1fr));
    gap: 14px;
}

.rbac-role-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    min-height: 154px;
    padding: 16px;
    color: var(--admin-text, #141821);
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.rbac-role-card:hover,
.rbac-role-card:focus-visible,
.rbac-role-card.is-active {
    border-color: var(--role-accent, var(--admin-accent, #f97316));
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
    outline: none;
    transform: translateY(-1px);
}

.rbac-role-card--orange { --role-accent: #f97316; --role-soft: #fff1e7; }
.rbac-role-card--blue { --role-accent: #2563eb; --role-soft: #eaf1ff; }
.rbac-role-card--green { --role-accent: #16a34a; --role-soft: #e9f8ef; }
.rbac-role-card--violet { --role-accent: #7c3aed; --role-soft: #f1e9ff; }
.rbac-role-card--amber { --role-accent: #d97706; --role-soft: #fff6db; }
.rbac-role-card--slate { --role-accent: #64748b; --role-soft: #f1f5f9; }
.rbac-selected-role--orange { --role-accent: #f97316; --role-soft: #fff1e7; }
.rbac-selected-role--blue { --role-accent: #2563eb; --role-soft: #eaf1ff; }
.rbac-selected-role--green { --role-accent: #16a34a; --role-soft: #e9f8ef; }
.rbac-selected-role--violet { --role-accent: #7c3aed; --role-soft: #f1e9ff; }
.rbac-selected-role--amber { --role-accent: #d97706; --role-soft: #fff6db; }
.rbac-selected-role--slate { --role-accent: #64748b; --role-soft: #f1f5f9; }

.rbac-role-card__icon,
.rbac-selected-role__icon {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: var(--role-soft, #fff1e7);
    color: var(--role-accent, var(--admin-accent, #f97316));
}

.rbac-role-card__body,
.rbac-role-card__title,
.rbac-role-card__meta,
.rbac-selected-role,
.rbac-sidebar-actions,
.rbac-history-list,
.rbac-history article,
.rbac-permission-row__main,
.rbac-permission-row__main span {
    min-width: 0;
}

.rbac-role-card__body {
    display: grid;
    gap: 10px;
}

.rbac-role-card__title {
    display: grid;
    gap: 5px;
}

.rbac-role-card__title strong {
    overflow-wrap: anywhere;
    font-size: 16px;
}

.rbac-role-card__title em,
.rbac-system-badge {
    justify-self: start;
    border: 1px solid rgba(249, 115, 22, .22);
    border-radius: 4px;
    background: #fff7ed;
    color: #c2410c;
    padding: 3px 7px;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.rbac-role-card__description {
    display: -webkit-box;
    min-height: 42px;
    overflow: hidden;
    color: var(--admin-muted, #667085);
    font-size: 13px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.rbac-role-card__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    border-top: 1px solid var(--admin-line, #dde2ea);
    padding-top: 10px;
    color: var(--admin-muted, #667085);
    font-size: 13px;
}

.rbac-role-card__meta b {
    margin-left: auto;
    color: var(--role-accent, var(--admin-accent, #f97316));
}

.rbac-workspace {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--admin-line, #dde2ea);
    border-radius: 8px;
    background: var(--admin-surface, #fff);
}

.rbac-sidebar {
    display: grid;
    align-content: start;
    gap: 14px;
    border: 0;
    border-right: 1px solid var(--admin-line, #dde2ea);
    border-radius: 0;
    padding: 14px;
}

.rbac-role-picker {
    display: grid;
    gap: 8px;
    padding: 0;
    border: 0;
}

.rbac-role-picker label {
    color: var(--admin-text, #141821);
    font-weight: 800;
}

.rbac-role-picker select,
.rbac-search input {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--admin-line, #dde2ea);
    border-radius: 6px;
    background: #fff;
    color: var(--admin-text, #141821);
}

.rbac-role-picker select {
    padding: 0 12px;
}

.rbac-selected-role {
    display: grid;
    gap: 14px;
    padding: 16px;
}

.rbac-selected-role > div:first-of-type {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.rbac-selected-role h2 {
    font-size: 17px;
}

.rbac-selected-role dl {
    display: grid;
    gap: 10px;
    margin: 0;
}

.rbac-selected-role dl div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.rbac-selected-role dd {
    margin: 0;
    color: var(--admin-text, #141821);
    font-weight: 800;
}

.rbac-progress {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #eef2f7;
}

.rbac-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--role-accent, var(--admin-accent, #f97316));
}

.rbac-sidebar-actions {
    display: grid;
    gap: 8px;
}

.rbac-sidebar-actions .button {
    width: 100%;
    justify-content: center;
}

.rbac-protection-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    background: #fff8eb;
    padding: 14px;
    color: #7c2d12;
}

.rbac-protection-note p {
    display: grid;
    gap: 4px;
    margin: 0;
    font-size: 13px;
}

.rbac-panel {
    display: grid;
    gap: 12px;
    border: 0;
    border-radius: 0;
    padding: 16px;
}

.rbac-panel__head,
.rbac-toolbar,
.rbac-group summary,
.rbac-permission-row,
.rbac-unsaved-bar,
.rbac-history article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.rbac-panel__head h2,
.rbac-history h2 {
    font-size: 18px;
}

.rbac-view-switch,
.rbac-filters {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px solid var(--admin-line, #dde2ea);
    border-radius: 7px;
    background: #fff;
    padding: 4px;
}

.rbac-view-switch button,
.rbac-filters button,
.rbac-group-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: var(--admin-text, #141821);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    padding: 0 11px;
}

.rbac-view-switch button.is-active,
.rbac-filters button.is-active,
.rbac-group-actions button:hover,
.rbac-group-actions button:focus-visible {
    background: var(--admin-accent, #f97316);
    color: #fff;
    outline: none;
}

.rbac-toolbar {
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.rbac-search {
    position: relative;
    flex: 1 1 260px;
    max-width: 420px;
}

.rbac-search .admin-icon {
    position: absolute;
    top: 50%;
    left: 13px;
    color: var(--admin-muted, #667085);
    transform: translateY(-50%);
}

.rbac-search input {
    padding: 0 12px 0 40px;
}

.rbac-permission-form {
    display: grid;
    gap: 12px;
}

.rbac-list-view {
    display: grid;
    gap: 10px;
}

.rbac-group {
    overflow: hidden;
}

.rbac-group summary {
    min-height: 46px;
    list-style: none;
    padding: 0 12px;
    cursor: pointer;
}

.rbac-group summary::-webkit-details-marker {
    display: none;
}

.rbac-group summary > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.rbac-group summary strong {
    color: var(--admin-text, #141821);
}

.rbac-group summary em {
    color: #16a34a;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

.rbac-group-actions {
    display: inline-flex;
    gap: 4px;
}

.rbac-group-actions button {
    min-height: 30px;
    background: #f8fafc;
    color: var(--admin-muted, #667085);
}

.rbac-permission-list {
    display: grid;
    border-top: 1px solid var(--admin-line, #dde2ea);
}

.rbac-permission-row {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 120px 94px 110px;
    min-height: 56px;
    border-bottom: 1px solid var(--admin-line, #dde2ea);
    padding: 10px 12px;
}

.rbac-permission-row:last-child {
    border-bottom: 0;
}

.rbac-permission-row.is-hidden {
    display: none;
}

.rbac-permission-row.is-critical .rbac-permission-icon {
    color: #c2410c;
}

.rbac-permission-row__main {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}

.rbac-permission-row__main strong,
.rbac-matrix-table strong {
    display: block;
    overflow-wrap: anywhere;
    color: var(--admin-text, #141821);
    font-size: 14px;
}

.rbac-permission-row__main code,
.rbac-matrix-table code {
    display: block;
    margin-top: 2px;
    color: var(--admin-muted, #667085);
    font-size: 12px;
}

.rbac-permission-row__main small {
    display: block;
    margin-top: 4px;
    color: var(--admin-muted, #667085);
    font-size: 12px;
    line-height: 1.35;
}

.rbac-permission-icon {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #f8fafc;
    color: var(--admin-muted, #667085);
}

.rbac-state,
.rbac-type,
.rbac-matrix-state {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 26px;
    border-radius: 999px;
    padding: 0 9px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.rbac-state--enabled,
.rbac-matrix-state--enabled {
    background: #e9f8ef;
    color: #15803d;
}

.rbac-state--disabled,
.rbac-matrix-state--disabled {
    background: #f1f5f9;
    color: #64748b;
}

.rbac-state--locked,
.rbac-matrix-state--locked {
    background: #eef2ff;
    color: #4338ca;
}

.rbac-type {
    background: #f8fafc;
    color: var(--admin-muted, #667085);
}

.rbac-permission-row.is-critical .rbac-type {
    background: #fff1e7;
    color: #c2410c;
}

.rbac-permission-control {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.rbac-switch {
    display: inline-flex;
    align-items: center;
    width: 42px;
    height: 24px;
    cursor: pointer;
}

.rbac-switch input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.rbac-switch span {
    position: relative;
    display: block;
    width: 42px;
    height: 24px;
    border-radius: 999px;
    background: #9aa3af;
    transition: background .18s ease;
}

.rbac-switch span::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .22);
    content: '';
    transition: transform .18s ease;
}

.rbac-switch input:checked + span,
.rbac-switch[aria-checked="true"] span {
    background: #22a55a;
}

.rbac-switch input:checked + span::after,
.rbac-switch[aria-checked="true"] span::after {
    transform: translateX(18px);
}

.rbac-switch.is-disabled {
    cursor: not-allowed;
    opacity: .65;
}

.rbac-lock {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    color: #475569;
}

.rbac-matrix-view[hidden],
.rbac-list-view[hidden] {
    display: none;
}

.rbac-matrix-scroll {
    overflow: auto;
    border: 1px solid var(--admin-line, #dde2ea);
    border-radius: 8px;
}

.rbac-matrix-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    background: #fff;
}

.rbac-matrix-table th,
.rbac-matrix-table td {
    border-bottom: 1px solid var(--admin-line, #dde2ea);
    padding: 12px;
    text-align: left;
    vertical-align: middle;
}

.rbac-matrix-table th {
    position: sticky;
    top: 0;
    background: #f8fafc;
    color: var(--admin-muted, #667085);
    font-size: 12px;
    text-transform: uppercase;
}

.rbac-unsaved-bar {
    position: sticky;
    bottom: 12px;
    z-index: 8;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: #fff7ed;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .14);
    padding: 10px 12px;
}

.rbac-unsaved-bar span,
.rbac-unsaved-bar div {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.rbac-history {
    display: grid;
    gap: 12px;
    padding: 16px;
}

.rbac-history-list {
    display: grid;
    gap: 8px;
}

.rbac-history article {
    justify-content: flex-start;
    border: 1px solid var(--admin-line, #dde2ea);
    border-radius: 8px;
    padding: 10px 12px;
}

.rbac-history article > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.rbac-history article small {
    color: var(--admin-muted, #667085);
}

.rbac-history article em {
    margin-left: auto;
    border-radius: 999px;
    background: #fff1e7;
    color: #c2410c;
    padding: 4px 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
}

.rbac-history-icon {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #64748b;
}

.rbac-history-icon.is-added {
    background: #e9f8ef;
    color: #15803d;
}

.rbac-history-icon.is-removed {
    background: #fee2e2;
    color: #b91c1c;
}

@media (max-width: 1320px) {
    .rbac-role-grid {
        grid-template-columns: repeat(3, minmax(180px, 1fr));
    }
}

@media (max-width: 980px) {
    .rbac-workspace {
        grid-template-columns: 1fr;
    }

    .rbac-sidebar {
        border-right: 0;
        border-bottom: 1px solid var(--admin-line, #dde2ea);
    }

    .rbac-permission-row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .rbac-type {
        display: none;
    }
}

@media (max-width: 720px) {
    .rbac-page-header,
    .rbac-panel__head,
    .rbac-toolbar,
    .rbac-unsaved-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .rbac-role-grid {
        grid-template-columns: 1fr;
    }

    .rbac-view-switch,
    .rbac-filters,
    .rbac-unsaved-bar div {
        width: 100%;
        flex-wrap: wrap;
    }

    .rbac-view-switch button,
    .rbac-filters button,
    .rbac-unsaved-bar .button {
        flex: 1 1 auto;
    }

    .rbac-search {
        max-width: none;
    }

    .rbac-group summary {
        align-items: flex-start;
        flex-direction: column;
        padding: 10px 12px;
    }

    .rbac-group-actions {
        width: 100%;
    }

    .rbac-group-actions button {
        flex: 1 1 0;
    }

    .rbac-permission-row {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .rbac-state,
    .rbac-permission-control {
        justify-self: start;
    }
}
/* Admin verification center */
.verification-center {
    --verification-blue: #2563eb;
    --verification-green: #16a34a;
    --verification-amber: #f59e0b;
    --verification-orange: #f97316;
    --verification-red: #dc2626;
    --verification-ink: var(--admin-text, #0f172a);
    --verification-muted: var(--admin-muted, #5f6b7a);
    width: 100%;
    max-width: none;
    min-height: 0;
    gap: 18px;
    color: var(--verification-ink);
    background: transparent;
}

.verification-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
    margin: 0;
}

.verification-title-stack {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.verification-breadcrumb {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: var(--verification-muted);
    font-size: 12px;
    font-weight: var(--wb-font-weight-medium);
}

.verification-breadcrumb a {
    color: #475569;
    text-decoration: none;
}

.verification-page-header h1 {
    margin: 0;
    color: var(--verification-ink);
    font-size: 24px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.18;
    letter-spacing: 0;
}

.verification-meta-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin: 0;
    color: #475569;
    font-size: 12px;
    line-height: 1.35;
}

.verification-meta-list div {
    display: inline-flex;
    align-items: baseline;
    min-width: 0;
    gap: 5px;
    white-space: nowrap;
}

.verification-meta-list dt {
    font-weight: var(--wb-font-weight-medium);
}

.verification-meta-list dd {
    min-width: 0;
    margin: 0;
}

.verification-header-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    min-width: 0;
}

.verification-header-actions form {
    display: inline-flex;
    margin: 0;
}

.verification-header-actions .button {
    display: inline-flex;
    width: auto;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1.2;
    white-space: nowrap;
}

.verification-header-actions .button svg,
.verification-card-header .button svg,
.verification-card-footer .button svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

.verification-reference-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
    gap: 16px;
    align-items: start;
}

.verification-main-column,
.verification-side-column {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.verification-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(270px, 0.8fr);
    gap: 16px;
}

.verification-panel,
.verification-card {
    min-width: 0;
    border: 1px solid var(--admin-line, var(--wb-color-border));
    border-radius: 8px;
    background: var(--wb-color-surface);
    box-shadow: none;
}

.verification-panel {
    min-height: 120px;
    padding: 16px;
}

.verification-identity-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.verification-identity-block {
    display: grid;
    align-content: start;
    gap: 6px;
    min-width: 0;
}

.verification-identity-title-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.verification-identity-title-line .verification-pill {
    flex: 0 0 auto;
}

.verification-identity-block strong {
    overflow: hidden;
    min-width: 0;
    color: var(--verification-ink);
    font-size: 15px;
    font-weight: var(--wb-font-weight-semibold);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-identity-block a,
.verification-identity-block span:not(.verification-eyebrow):not(.verification-pill) {
    min-width: 0;
    max-width: 100%;
    color: #334155;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.verification-identity-block a {
    color: var(--verification-blue);
    text-decoration: none;
}


.verification-identity-divider {
    width: 1px;
    min-height: 70px;
    background: #d8dee9;
}

.verification-eyebrow {
    display: block;
    color: var(--verification-muted);
    font-size: 11px;
    font-weight: var(--wb-font-weight-medium);
}

.verification-status-panel {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-areas:
        "icon content"
        ". action";
    gap: 10px 14px;
    align-items: start;
}

.verification-status-panel > div {
    grid-area: content;
    min-width: 0;
}

.verification-status-panel > .button {
    grid-area: action;
    justify-self: end;
    align-self: end;
}

.verification-status-panel strong {
    display: block;
    margin: 4px 0 3px;
    color: #15803d;
    font-size: 16px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.2;
}

.verification-status-panel--warning strong {
    color: #b45309;
}

.verification-status-panel--danger strong {
    color: #b91c1c;
}

.verification-status-panel span:last-child {
    color: #475569;
    font-size: 12px;
}

.verification-status-icon {
    grid-area: icon;
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 999px;
    background: var(--verification-green);
}

.verification-status-panel--warning .verification-status-icon {
    background: var(--verification-amber);
}

.verification-status-panel--danger .verification-status-icon {
    background: var(--verification-red);
}

.verification-status-icon svg {
    width: 26px;
    height: 26px;
}

.verification-command-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}

.verification-command {
    display: inline-flex;
    min-width: 0;
    min-height: 48px;
    height: 100%;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px;
    color: #ffffff;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.2;
    text-align: center;
    border: 0;
    border-radius: 6px;
    box-shadow: none;
    white-space: normal;
}

.verification-command svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

.verification-command--approve {
    background: var(--verification-green);
}

.verification-command--request {
    color: #111827;
    background: #eab308;
}

.verification-command--manual {
    color: #111827;
    background: var(--verification-orange);
}

.verification-command--reject {
    background: var(--verification-red);
}

.verification-command:disabled {
    cursor: not-allowed;
    opacity: 0.56;
}

.verification-card {
    overflow: hidden;
    padding: 0;
}

.verification-card-grid--two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}

.verification-card-header {
    display: flex;
    min-width: 0;
    min-height: 46px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 16px;
    border-bottom: 1px solid var(--admin-line, var(--wb-color-border));
}

.verification-card-header h2,
.verification-reviewer-card h2 {
    margin: 0;
    color: var(--verification-ink);
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
}

.verification-card-header--progress > span {
    flex: 0 0 auto;
    color: var(--verification-muted);
    font-size: 12px;
    font-weight: var(--wb-font-weight-medium);
    white-space: nowrap;
}

.verification-card-header .button,
.verification-card-footer .button {
    min-height: 32px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: var(--wb-font-weight-medium);
    white-space: nowrap;
}

.verification-definition-list,
.verification-contact-list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 16px;
}

.verification-definition-list div,
.verification-contact-list div {
    display: grid;
    grid-template-columns: minmax(112px, 34%) minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    min-width: 0;
}

.verification-definition-list dt,
.verification-contact-list dt {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: var(--verification-muted);
    font-size: 12px;
    font-weight: var(--wb-font-weight-medium);
}

.verification-definition-list dd,
.verification-contact-list dd {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    min-width: 0;
    margin: 0;
    color: #1f2937;
    font-size: 12px;
    font-weight: var(--wb-font-weight-normal);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.verification-contact-list dd a,
.verification-definition-list dd a,
.verification-contact-list dd > span:not(.verification-pill),
.verification-definition-list dd > span:not(.verification-pill) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.verification-contact-list dd a,
.verification-definition-list dd a,
.verification-text-action {
    color: var(--verification-blue);
    font-weight: var(--wb-font-weight-medium);
    text-decoration: none;
}

.verification-text-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    border: 0;
    background: transparent;
}

.verification-text-action svg,
.verification-contact-list dt svg {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
}

.verification-value-text {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.verification-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    max-width: 100%;
    padding: 2px 9px;
    color: #475569;
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 999px;
    background: #f1f5f9;
}

.verification-pill--success {
    color: #15803d;
    border-color: #bbf7d0;
    background: #dcfce7;
}

.verification-pill--warning {
    color: #b45309;
    border-color: #fde68a;
    background: #fffbeb;
}

.verification-pill--danger {
    color: #b91c1c;
    border-color: #fecaca;
    background: #fee2e2;
}

.verification-pill--info {
    color: #1d4ed8;
    border-color: #bfdbfe;
    background: #eff6ff;
}

.verification-compare-card {
    padding-bottom: 10px;
}

.verification-compare-grid {
    display: grid;
    padding: 0 14px 2px;
}

.verification-compare-head,
.verification-compare-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 0.9fr;
    gap: 18px;
    align-items: start;
}

.verification-compare-head {
    padding: 14px 0 7px;
    color: var(--verification-blue);
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    text-transform: uppercase;
}

.verification-compare-row {
    min-height: 28px;
    padding: 4px 0;
    color: #0f172a;
    font-size: 12px;
}

.verification-compare-row > div {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.verification-compare-row > div + div {
    border-left: 1px solid #dce3ee;
    padding-left: 18px;
}

.verification-compare-row strong,
.verification-compare-row span:not(.verification-pill) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-tax-change-card {
    border-color: #bfdbfe;
}

.verification-tax-change-table {
    display: grid;
    gap: 0;
    padding: 0 14px 4px;
}

.verification-tax-change-head,
.verification-tax-change-row {
    display: grid;
    grid-template-columns: minmax(120px, 0.8fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.verification-tax-change-head {
    padding: 12px 0 6px;
    color: var(--verification-blue);
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    text-transform: uppercase;
}

.verification-tax-change-row {
    min-height: 30px;
    padding: 6px 0;
    color: #0f172a;
    font-size: 12px;
    border-top: 1px solid #dce3ee;
}

.verification-tax-change-row > * {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-tax-change-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.verification-table-wrap {
    overflow-x: auto;
}

.verification-documents-table {
    width: 100%;
    min-width: 960px;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 12px;
}

.verification-documents-table th,
.verification-documents-table td {
    padding: 8px 12px;
    color: #0f172a;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #e5e7eb;
}

.verification-documents-table th {
    color: var(--verification-muted);
    font-size: 11px;
    font-weight: var(--wb-font-weight-medium);
    background: #fbfdff;
}

.verification-documents-table th:nth-child(1),
.verification-documents-table td:nth-child(1) {
    width: 17%;
}

.verification-documents-table th:nth-child(2),
.verification-documents-table td:nth-child(2) {
    width: 22%;
}

.verification-documents-table th:nth-child(3),
.verification-documents-table td:nth-child(3),
.verification-documents-table th:nth-child(4),
.verification-documents-table td:nth-child(4),
.verification-documents-table th:nth-child(6),
.verification-documents-table td:nth-child(6) {
    width: 14%;
}

.verification-documents-table th:nth-child(5),
.verification-documents-table td:nth-child(5) {
    width: 11%;
}

.verification-documents-table th:nth-child(7),
.verification-documents-table td:nth-child(7) {
    width: 8%;
}

.verification-trades-table {
    min-width: 860px;
}

.verification-trades-table th:nth-child(1),
.verification-trades-table td:nth-child(1) {
    width: 22%;
}

.verification-trades-table th:nth-child(2),
.verification-trades-table td:nth-child(2) {
    width: 28%;
}

.verification-trades-table th:nth-child(3),
.verification-trades-table td:nth-child(3),
.verification-trades-table th:nth-child(4),
.verification-trades-table td:nth-child(4) {
    width: 18%;
}

.verification-trades-table th:nth-child(5),
.verification-trades-table td:nth-child(5) {
    width: 14%;
}

.verification-icon-button--danger {
    color: #b91c1c;
}

.verification-documents-table td span:not(.verification-pill) {
    color: #64748b;
}

.verification-document-filename,
.verification-table-user,
.verification-documents-table td:nth-child(6) span:not(.verification-pill) {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-document-filename {
    color: #0f172a;
    font-weight: var(--wb-font-weight-medium);
}

.verification-empty-cell,
.verification-empty-state {
    color: #64748b;
    text-align: center;
}

.verification-row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    white-space: nowrap;
}

.verification-icon-button {
    display: inline-flex;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    align-items: center;
    justify-content: center;
    color: #334155;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
}

.verification-icon-button:hover,
.verification-icon-button:focus-visible {
    color: var(--verification-blue);
    border-color: #c7d2fe;
    background: #eef4ff;
}

.verification-icon-button svg {
    width: 15px;
    height: 15px;
}

.verification-upload-strip {
    display: flex;
    width: calc(100% - 32px);
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 10px 16px 16px;
    color: var(--verification-blue);
    font-size: 12px;
    font-weight: var(--wb-font-weight-medium);
    border: 1px dashed #bfd0ea;
    border-radius: 6px;
    background: #ffffff;
}

.verification-history-card {
    margin-bottom: 4px;
}

.verification-history-list {
    display: grid;
    gap: 0;
    padding: 10px 16px 16px;
}

.verification-history-row {
    display: grid;
    grid-template-columns: minmax(126px, 0.7fr) minmax(130px, 0.8fr) minmax(180px, 1fr) minmax(160px, 1.2fr);
    gap: 12px;
    align-items: start;
    min-height: 38px;
    padding: 8px 0;
    color: #334155;
    font-size: 12px;
    line-height: 1.35;
    border-bottom: 1px solid #edf2f7;
}

.verification-history-row time,
.verification-history-row span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.verification-history-actor {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.verification-history-actor svg {
    width: 14px;
    height: 14px;
}

.verification-history-row strong {
    min-width: 0;
    color: #334155;
    font-weight: var(--wb-font-weight-medium);
    overflow-wrap: anywhere;
}

.verification-history-row > span:last-child {
    min-width: 0;
    color: #64748b;
    overflow-wrap: anywhere;
}

.verification-reviewer-card {
    padding: 0;
}

.verification-reviewer-card h2 {
    margin: 0;
}

.verification-reviewer {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 16px;
}

.verification-reviewer img,
.verification-reviewer > span {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: var(--wb-font-weight-semibold);
    border-radius: 999px;
    background: #0f172a;
    object-fit: cover;
}

.verification-reviewer strong,
.verification-reviewer span,
.verification-reviewer small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-reviewer strong {
    color: var(--verification-ink);
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
}

.verification-reviewer span,
.verification-reviewer small {
    color: #64748b;
    font-size: 12px;
}

.verification-check-list {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.verification-check-row {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) max-content;
    gap: 10px;
    align-items: center;
    min-height: 36px;
    padding: 6px 16px;
    color: #334155;
    font-size: 12px;
    font-weight: var(--wb-font-weight-normal);
    border-bottom: 1px solid #edf2f7;
}

.verification-check-row > span:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-check-row > .verification-pill,
.verification-check-row > .verification-check-done {
    justify-self: end;
}

.verification-check-state,
.verification-check-done {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 999px;
    background: var(--verification-green);
}

.verification-check-row--warning .verification-check-state {
    background: var(--verification-amber);
}

.verification-check-row--danger .verification-check-state {
    background: var(--verification-red);
}

.verification-check-state svg,
.verification-check-done svg {
    width: 12px;
    height: 12px;
}

.verification-card-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 13px 16px;
    color: var(--verification-muted);
    font-size: 11px;
}

.verification-card-footer form {
    margin: 0;
}

.verification-progress {
    height: 4px;
    margin: 0 16px 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.verification-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--verification-green);
}

.verification-check-list--checklist .verification-check-row {
    min-height: 34px;
    border-bottom: 0;
}

.verification-quick-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 80px;
    gap: 8px;
    padding: 16px;
}

.verification-quick-grid a,
.verification-quick-grid button,
.verification-quick-grid > span {
    display: grid;
    grid-template-rows: 20px 34px;
    align-content: center;
    width: 100%;
    min-width: 0;
    height: 80px;
    min-height: 80px;
    place-items: center;
    gap: 6px;
    padding: 8px 6px;
    color: #334155;
    font-size: 12px;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    border: 1px solid var(--admin-line, var(--wb-color-border));
    border-radius: 6px;
    background: #ffffff;
}

.verification-quick-grid form {
    display: flex;
    min-width: 0;
    height: 80px;
    margin: 0;
}

.verification-quick-grid button {
    cursor: pointer;
}

.verification-quick-grid a:hover,
.verification-quick-grid button:hover,
.verification-quick-grid a:focus-visible,
.verification-quick-grid button:focus-visible {
    color: var(--verification-blue);
    border-color: #c7d2fe;
    background: #f8fbff;
}

.verification-quick-grid > span {
    color: #94a3b8;
    background: #f8fafc;
}

.verification-quick-grid svg {
    width: 18px;
    height: 18px;
    stroke-width: 2;
}

.verification-quick-grid a span,
.verification-quick-grid button span,
.verification-quick-grid > span span {
    display: block;
    min-width: 0;
    max-width: 100%;
    color: currentColor;
    font-size: 12px;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1.15;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: normal;
}

.verification-modal[hidden] {
    display: none;
}

.verification-modal:not([hidden]) {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 24px;
}

.verification-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
}

.verification-modal__dialog {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(560px, 100%);
    max-height: calc(100vh - 48px);
    overflow: hidden;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.26);
}

.verification-modal__dialog--wide {
    width: min(920px, 100%);
}

.verification-modal__dialog--preview {
    width: min(960px, 100%);
}

.verification-modal__dialog > header,
.verification-modal__dialog > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    border-bottom: 1px solid #e2e8f0;
}

.verification-modal__dialog > footer {
    justify-content: flex-end;
    border-top: 1px solid #e2e8f0;
    border-bottom: 0;
}

.verification-modal__dialog h2 {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
    font-weight: var(--wb-font-weight-semibold);
}

.verification-modal__dialog header button[data-modal-close] {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    color: #475569;
    border: 0;
    border-radius: 6px;
    background: transparent;
}

.verification-modal__body {
    display: grid;
    gap: 14px;
    max-height: calc(100vh - 160px);
    overflow: auto;
    padding: 18px;
    color: #334155;
    font-size: 13px;
}

.verification-modal-status {
    margin: 0;
    color: #15803d;
    font-size: 16px;
    font-weight: var(--wb-font-weight-semibold);
}

.verification-modal-status--warning {
    color: #b45309;
}

.verification-modal-status--danger {
    color: #b91c1c;
}

.verification-modal-list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 18px;
}

.verification-checkbox-list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    border: 0;
}

.verification-checkbox-list legend {
    margin-bottom: 4px;
    color: #0f172a;
    font-weight: var(--wb-font-weight-medium);
}

.verification-checkbox-list label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.verification-modal-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.verification-document-preview {
    min-height: 420px;
    background: #f8fafc;
}

.verification-document-preview p {
    display: grid;
    min-height: 260px;
    place-items: center;
    margin: 0;
    color: #64748b;
}

.verification-document-preview img,
.verification-document-preview iframe {
    display: block;
    width: 100%;
    min-height: 62vh;
    border: 0;
    object-fit: contain;
    background: #ffffff;
}

body.is-modal-open {
    overflow: hidden;
}

@media (max-width: 1320px) {
    .verification-reference-grid,
    .verification-overview-grid,
    .verification-card-grid--two,
    .verification-side-column {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .verification-page-header {
        display: grid;
    }

    .verification-header-actions {
        justify-content: flex-start;
    }

    .verification-command-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .verification-identity-panel,
    .verification-status-panel,
    .verification-history-row {
        grid-template-columns: 1fr;
    }

    .verification-status-panel {
        grid-template-areas:
            "icon"
            "content"
            "action";
    }

    .verification-status-panel > .button {
        justify-self: start;
    }

    .verification-identity-divider {
        width: auto;
        min-height: 1px;
    }

    .verification-identity-title-line {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .verification-compare-head,
    .verification-compare-row {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .verification-compare-row > div + div {
        border-left: 0;
        padding-left: 0;
    }
}

@media (max-width: 680px) {
    .verification-header-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        justify-content: stretch;
    }

    .verification-header-actions .button,
    .verification-header-actions form {
        width: 100%;
        min-width: 0;
    }

    .verification-header-actions .button {
        justify-content: center;
        min-height: 42px;
        padding-inline: 8px;
        text-align: center;
        white-space: normal;
    }


    .verification-definition-list div,
    .verification-contact-list div,
    .verification-modal-grid {
        grid-template-columns: 1fr;
    }

    .verification-meta-list {
        gap: 8px 12px;
    }

    .verification-modal:not([hidden]) {
        padding: 12px;
    }
}

@media (max-width: 520px) {
    .verification-command-row {
        grid-template-columns: 1fr;
    }
}

/* Admin verification overview */
.verification-index {
    --verification-all: #f59e0b;
    --verification-blue: #2563eb;
    --verification-green: #16a34a;
    --verification-orange: #f97316;
    --verification-red: #dc2626;
    --verification-purple: #7c3aed;
    --verification-slate: #64748b;
    --verification-ink: var(--admin-text, #0f172a);
    --verification-muted: var(--admin-muted, #64748b);
    display: grid;
    gap: 22px;
    width: 100%;
    max-width: none;
    color: var(--verification-ink);
}

.verification-index__header {
    display: grid;
    gap: 8px;
    max-width: 920px;
}

.verification-index__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    color: var(--verification-muted);
    font-size: 12px;
    font-weight: var(--wb-font-weight-medium);
}

.verification-index__breadcrumb a {
    color: #475569;
    text-decoration: none;
}

.verification-index__breadcrumb a:hover,
.verification-index__breadcrumb a:focus-visible {
    color: var(--verification-all);
    outline: none;
}

.verification-index__header h1 {
    margin: 0;
    color: var(--verification-ink);
    font-size: 28px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.18;
    letter-spacing: 0;
}

.verification-index__header p {
    max-width: 980px;
    margin: 0;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.6;
}

.verification-status-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(142px, 1fr));
    gap: 12px;
    min-width: 0;
}

.verification-status-card {
    --status-color: var(--verification-slate);
    --status-soft: #f8fafc;
    --status-border: #e2e8f0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 30px;
    grid-template-areas:
        "label icon"
        "count icon";
    align-items: center;
    gap: 8px 12px;
    min-width: 0;
    min-height: 86px;
    padding: 14px 16px;
    color: var(--verification-ink);
    text-decoration: none;
    border: 1px solid var(--status-border);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035);
}

.verification-status-card:hover,
.verification-status-card:focus-visible {
    border-color: color-mix(in srgb, var(--status-color) 45%, #ffffff);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.07);
    outline: none;
}

.verification-status-card.is-active {
    border-color: color-mix(in srgb, var(--status-color) 55%, #ffffff);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--status-color) 30%, transparent), 0 10px 26px rgba(15, 23, 42, 0.06);
}

.verification-status-card__label {
    grid-area: label;
    overflow: hidden;
    color: #334155;
    font-size: 12px;
    font-weight: var(--wb-font-weight-medium);
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-status-card strong {
    grid-area: count;
    color: #111827;
    font-size: 24px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1;
}

.verification-status-card__icon {
    grid-area: icon;
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    justify-self: end;
    color: var(--status-color);
    border: 1px solid color-mix(in srgb, var(--status-color) 28%, #ffffff);
    border-radius: 999px;
    background: var(--status-soft);
}

.verification-status-card__icon svg {
    width: 18px;
    height: 18px;
}

.verification-status-card--all {
    --status-color: var(--verification-all);
    --status-soft: #fff7ed;
    --status-border: #fed7aa;
}

.verification-status-card--neutral {
    --status-color: var(--verification-slate);
    --status-soft: #f8fafc;
    --status-border: #e2e8f0;
}

.verification-status-card--warning {
    --status-color: var(--verification-orange);
    --status-soft: #fff7ed;
    --status-border: #fed7aa;
}

.verification-status-card--info {
    --status-color: var(--verification-blue);
    --status-soft: #eff6ff;
    --status-border: #bfdbfe;
}

.verification-status-card--success {
    --status-color: var(--verification-green);
    --status-soft: #f0fdf4;
    --status-border: #bbf7d0;
}

.verification-status-card--danger {
    --status-color: var(--verification-red);
    --status-soft: #fef2f2;
    --status-border: #fecaca;
}

.verification-status-card--reverify {
    --status-color: var(--verification-purple);
    --status-soft: #f5f3ff;
    --status-border: #ddd6fe;
}

.verification-status-card--expired {
    --status-color: #475569;
    --status-soft: #f8fafc;
    --status-border: #cbd5e1;
}

.verification-filter-bar {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(5, minmax(128px, 1fr)) auto;
    align-items: end;
    gap: 12px;
    padding: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035);
}

.verification-filter-bar .form-field {
    min-width: 0;
}

.verification-filter-bar__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.verification-filter-bar__actions .button {
    min-height: 42px;
    white-space: nowrap;
}

.verification-list-card {
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045);
}

.verification-list-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.verification-list-table {
    width: 100%;
    min-width: 1080px;
    table-layout: fixed;
    border-collapse: collapse;
    background: #ffffff;
}

.verification-list-table th,
.verification-list-table td {
    padding: 18px 22px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #edf2f7;
    white-space: normal;
}

.verification-list-table th {
    color: #64748b;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    background: #fbfdff;
}

.verification-list-table th:nth-child(1),
.verification-list-table td:nth-child(1) {
    width: 28%;
}

.verification-list-table th:nth-child(2),
.verification-list-table td:nth-child(2) {
    width: 18%;
}

.verification-list-table th:nth-child(3),
.verification-list-table td:nth-child(3) {
    width: 12%;
}

.verification-list-table th:nth-child(4),
.verification-list-table td:nth-child(4) {
    width: 9%;
}

.verification-list-table th:nth-child(5),
.verification-list-table td:nth-child(5) {
    width: 11%;
}

.verification-list-table th:nth-child(6),
.verification-list-table td:nth-child(6) {
    width: 14%;
}

.verification-list-table th:nth-child(7),
.verification-list-table td:nth-child(7) {
    width: 8%;
}

.verification-list-table tbody tr:last-child td {
    border-bottom: 0;
}

.verification-list-table tbody tr[data-verification-zebra="even"] {
    background: var(--admin-table-zebra-background);
}

.verification-list-table tbody tr[data-verification-empty],
.verification-list-table tbody tr.verification-virtual-spacer {
    background: #ffffff;
}

.verification-company-cell {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.verification-company-cell strong {
    overflow: hidden;
    min-width: 0;
    color: #111827;
    font-size: 14px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-company-cell span {
    overflow: hidden;
    min-width: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.verification-status-badge {
    display: inline-flex;
    min-height: 24px;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 11px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0;
    white-space: normal;
}

.verification-status-badge--all,
.verification-status-badge--warning {
    color: #c2410c;
    border-color: #fed7aa;
    background: #fff7ed;
}

.verification-status-badge--neutral,
.verification-status-badge--expired {
    color: #475569;
    border-color: #e2e8f0;
    background: #f8fafc;
}

.verification-status-badge--info {
    color: #1d4ed8;
    border-color: #bfdbfe;
    background: #eff6ff;
}

.verification-status-badge--success {
    color: #15803d;
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.verification-status-badge--danger {
    color: #b91c1c;
    border-color: #fecaca;
    background: #fef2f2;
}

.verification-status-badge--reverify {
    color: #6d28d9;
    border-color: #ddd6fe;
    background: #f5f3ff;
}

.verification-list-status-cell {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.verification-status-badge--tax,
.verification-priority-badge {
    text-transform: none;
}

.verification-sla-label {
    display: inline-flex;
    max-width: 100%;
    color: #334155;
    font-size: 12px;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.3;
}

.verification-sla-label.is-overdue {
    color: #b91c1c;
}

.verification-list-table__number {
    color: #111827;
    font-weight: var(--wb-font-weight-medium);
}

.verification-check-link {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    color: #334155;
    font-size: 13px;
    font-weight: var(--wb-font-weight-semibold);
    text-decoration: none;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    background: #ffffff;
}

.verification-check-link:hover,
.verification-check-link:focus-visible {
    color: var(--verification-blue);
    border-color: #bfdbfe;
    background: #eff6ff;
    outline: none;
}

.verification-list-empty {
    display: grid;
    min-height: 120px;
    place-items: center;
    color: #64748b;
    font-size: 14px;
}

.verification-load-state {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 22px;
    border-top: 1px solid #edf2f7;
    background: #ffffff;
}

.verification-load-state__summary {
    color: #475569;
    font-size: 13px;
    font-weight: var(--wb-font-weight-medium);
}

.verification-load-state__message {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 8px;
    color: #64748b;
    font-size: 13px;
    font-weight: var(--wb-font-weight-medium);
}

.verification-load-state__message[hidden],
.verification-load-state__retry[hidden] {
    display: none;
}

.verification-load-state__spinner {
    display: none;
    width: 16px;
    height: 16px;
    border: 2px solid #dbeafe;
    border-top-color: var(--verification-blue);
    border-radius: 999px;
}

.verification-load-state__message.is-loading .verification-load-state__spinner {
    display: inline-flex;
    animation: login-spin 720ms linear infinite;
}

.verification-load-state__retry {
    min-height: 36px;
}

.verification-scroll-sentinel {
    width: 100%;
    min-height: 1px;
}

.verification-virtual-spacer td {
    height: auto;
    padding: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
}
@media (max-width: 1500px) {
    .verification-status-grid {
        grid-template-columns: repeat(4, minmax(150px, 1fr));
    }
}

@media (max-width: 900px) {
    .verification-index__header h1 {
        font-size: 24px;
    }

    .verification-status-grid {
        display: flex;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .verification-status-card {
        flex: 0 0 178px;
    }

    .verification-filter-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .verification-filter-bar__actions {
        grid-column: 1 / -1;
        justify-content: start;
    }

    .verification-load-state {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: start;
    }
}

@media (max-width: 520px) {
    .verification-index {
        gap: 18px;
    }

    .verification-index__header h1 {
        font-size: 22px;
    }

    .verification-index__header p {
        font-size: 13px;
    }

    .verification-filter-bar {
        grid-template-columns: 1fr;
    }

    .verification-filter-bar__actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .verification-list-table th,
    .verification-list-table td {
        padding: 14px 16px;
    }
}

/* Admin-Zentrale overview */
.admin-overview {
    --admin-overview-border: rgba(148, 163, 184, 0.24);
    --admin-overview-border-strong: rgba(100, 116, 139, 0.3);
    --admin-overview-surface: #ffffff;
    --admin-overview-muted: #64748b;
    --admin-overview-soft: #f8fafc;
    --admin-overview-soft-strong: #eef2f7;
    --admin-overview-text: #0f172a;
    width: min(100%, 1680px);
    margin-inline: auto;
    display: grid;
    gap: 16px;
    color: var(--admin-overview-text);
}

.admin-overview-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 18px;
    padding: 2px 0 4px;
}

.admin-overview-hero > div:first-child {
    max-width: 760px;
    min-width: 0;
}

.admin-dashboard-eyebrow {
    margin: 0;
    color: #2563eb;
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0;
    text-transform: uppercase;
}

.admin-overview-hero h1 {
    margin: 5px 0 7px;
    color: #0b1120;
    font-size: 30px;
    font-weight: 650;
    line-height: 1.12;
    letter-spacing: 0;
}

.admin-overview-hero p:not(.admin-dashboard-eyebrow) {
    margin: 0;
    color: var(--admin-overview-muted);
    font-size: 14px;
    line-height: 1.5;
}

.admin-period-form {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, auto);
    justify-content: end;
    gap: 10px;
    min-width: min(100%, 680px);
}

.admin-period-tabs,
.admin-custom-period {
    display: flex;
    align-items: center;
    min-height: 38px;
    border: 1px solid var(--admin-overview-border);
    border-radius: 8px;
    background: var(--admin-overview-surface);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035);
}

.admin-period-tabs {
    overflow: hidden;
}

.admin-period-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 13px;
    border-right: 1px solid rgba(148, 163, 184, 0.22);
    color: #475569;
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

.admin-period-tab:last-child {
    border-right: 0;
}

.admin-period-tab:hover,
.admin-period-tab:focus-visible,
.admin-period-tab.is-active,
.admin-chart-switches a:hover,
.admin-chart-switches a:focus-visible,
.admin-chart-switches a.is-active {
    color: #1d4ed8;
    background: #eff6ff;
    outline: none;
}

.admin-custom-period {
    gap: 8px;
    padding: 0 6px 0 10px;
    color: var(--admin-overview-muted);
}

.admin-custom-period__icon,
.admin-overview .admin-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.admin-custom-period__icon svg,
.admin-overview .admin-icon-button svg,
.admin-overview .admin-stat-card__icon svg,
.admin-conversion-row__icon svg,
.admin-attention-row__icon svg,
.admin-quick-strip svg,
.admin-trend-rank-row__icon svg {
    width: 18px;
    height: 18px;
}

.admin-custom-period input {
    width: 126px;
    min-width: 0;
    border: 0;
    color: var(--admin-overview-text);
    font-size: 12px;
    font-weight: 650;
    background: transparent;
}

.admin-custom-period input:focus-visible {
    outline: 2px solid rgba(37, 99, 235, 0.28);
    outline-offset: 2px;
}

.admin-overview .admin-icon-button {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 7px;
    color: #2563eb;
    background: #eff6ff;
    cursor: pointer;
}

.admin-overview .admin-icon-button:hover,
.admin-overview .admin-icon-button:focus-visible {
    color: #ffffff;
    background: #2563eb;
    outline: none;
}

.admin-overview .admin-panel,
.admin-overview .admin-stat-card {
    border: 1px solid var(--admin-overview-border);
    border-radius: 8px;
    background: var(--admin-overview-surface);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04);
}

.admin-overview .admin-panel {
    padding: 16px;
}

.admin-overview .admin-panel__header {
    align-items: flex-start;
    margin-bottom: 12px;
}

.admin-overview-kpis {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.admin-kpi-card {
    grid-column: auto;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    min-height: 138px;
    padding: 14px;
    color: var(--admin-overview-text);
    text-decoration: none;
    transition: border-color var(--wb-transition-fast), box-shadow var(--wb-transition-fast), transform var(--wb-transition-fast);
}

.admin-kpi-card:hover,
.admin-kpi-card:focus-visible,
.admin-donut-legend__row:hover,
.admin-donut-legend__row:focus-visible,
.admin-trend-rank-row:hover,
.admin-trend-rank-row:focus-visible,
.admin-ranked-row:hover,
.admin-ranked-row:focus-visible,
.admin-mini-row:hover,
.admin-mini-row:focus-visible,
.admin-ratio-row:hover,
.admin-ratio-row:focus-visible,
.admin-region-row:hover,
.admin-region-row:focus-visible,
.admin-attention-row:hover,
.admin-attention-row:focus-visible,
.admin-quick-strip a:hover,
.admin-quick-strip a:focus-visible,
.admin-system-row:hover,
.admin-system-row:focus-visible {
    border-color: rgba(37, 99, 235, 0.34);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
    outline: none;
}

.admin-kpi-card:hover,
.admin-kpi-card:focus-visible {
    transform: translateY(-1px);
}

.admin-kpi-card .admin-stat-card__icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: var(--kpi-color, #2563eb);
    background: color-mix(in srgb, var(--kpi-color, #2563eb) 11%, #ffffff);
}

.admin-kpi-card__body {
    display: flex;
    min-width: 0;
    min-height: 108px;
    flex-direction: column;
    gap: 6px;
}

.admin-overview .admin-stat-card__label {
    color: #475569;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.admin-kpi-card__body strong {
    color: var(--admin-overview-text);
    font-size: 25px;
    font-weight: 650;
    line-height: 1.05;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.admin-kpi-card__trend,
.admin-ranked-row__trend,
.admin-trend-rank-row__trend,
.admin-conversion-row em,
.admin-traffic-cards em,
.admin-finance-cards em,
.admin-mini-row strong {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-style: normal;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}

.admin-kpi-card__trend {
    flex-wrap: wrap;
}

.admin-kpi-card__trend small {
    color: var(--admin-overview-muted);
    font-size: 11px;
    font-weight: 550;
}

.admin-kpi-card__trend svg {
    width: 14px;
    height: 14px;
}

.admin-trend--up { color: #059669; }
.admin-trend--down { color: #dc2626; }
.admin-trend--neutral { color: #64748b; }

.admin-sparkline {
    width: 100%;
    height: 34px;
    margin-top: auto;
    overflow: visible;
}

.admin-sparkline--empty {
    display: block;
    min-height: 34px;
    border-top: 1px dashed rgba(148, 163, 184, 0.5);
}

.admin-overview-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.admin-panel--span-4 { grid-column: span 4; }
.admin-panel--span-5 { grid-column: span 5; }
.admin-panel--span-6 { grid-column: span 6; }
.admin-panel--span-7 { grid-column: span 7; }
.admin-panel--span-8 { grid-column: span 8; }
.admin-panel--span-12 { grid-column: 1 / -1; }
.admin-overview-grid > .admin-panel--finance-development { grid-column: 1 / -1; }

.admin-overview-panel {
    display: flex;
    min-width: 0;
    min-height: 100%;
    flex-direction: column;
    overflow: visible;
}

.admin-panel__header--split {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.admin-overview .admin-panel__header h2 {
    margin: 0;
    color: var(--admin-overview-text);
    font-size: 16px;
    font-weight: 650;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.admin-overview .admin-panel__header p,
.admin-overview .admin-panel-note,
.admin-overview .admin-muted {
    margin: 5px 0 0;
    color: var(--admin-overview-muted);
    font-size: 12px;
    line-height: 1.45;
}

.admin-chart-switches {
    display: flex;
    overflow: hidden;
    flex: 0 0 auto;
    border: 1px solid var(--admin-overview-border);
    border-radius: 8px;
    background: var(--admin-overview-surface);
}

.admin-chart-switches a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 11px;
    border-right: 1px solid rgba(148, 163, 184, 0.2);
    color: #475569;
    font-size: 12px;
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
}

.admin-chart-switches a:last-child {
    border-right: 0;
}

.admin-chart-legend--inline {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 2px 0 8px;
}

.admin-chart-legend--inline span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    color: #475569;
    font-size: 12px;
    font-weight: 650;
}

.admin-chart-legend--inline i {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--legend-color);
}

.admin-svg-chart {
    width: 100%;
    min-height: 258px;
    height: 258px;
    margin-top: 4px;
}

.admin-panel--finance-development {
    min-height: 430px;
}

.admin-panel--finance-development .admin-svg-chart {
    flex: 1 1 auto;
    min-height: 300px;
    height: clamp(300px, 32vw, 360px);
    margin-top: 6px;
}

.admin-svg-chart svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.admin-svg-chart__grid {
    stroke: rgba(148, 163, 184, 0.22);
    stroke-width: 1;
}

.admin-svg-chart__axis {
    fill: var(--admin-overview-muted);
    font-size: 11px;
    font-weight: 550;
}

.admin-svg-chart__axis--x {
    text-anchor: middle;
}

.admin-svg-chart__line {
    fill: none;
    stroke: var(--chart-color);
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.admin-svg-chart__point {
    fill: #ffffff;
    stroke: var(--chart-color);
    stroke-width: 2.1;
}

.admin-svg-chart__point:hover,
.admin-svg-chart__point:focus-visible {
    stroke-width: 3;
}

.admin-overview .admin-empty-state {
    display: flex;
    align-items: center;
    min-height: 132px;
    padding: 16px;
    border: 1px dashed rgba(148, 163, 184, 0.42);
    border-radius: 8px;
    color: var(--admin-overview-muted);
    background: var(--admin-overview-soft);
    font-size: 13px;
    line-height: 1.5;
}

.admin-overview .admin-empty-state--success {
    color: #047857;
    border-color: rgba(16, 185, 129, 0.34);
    background: #ecfdf5;
}

.admin-overview-donut-layout {
    display: grid;
    grid-template-columns: minmax(138px, 164px) minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    margin-top: 4px;
}

.admin-donut-chart {
    position: relative;
    display: grid;
    width: min(100%, 164px);
    aspect-ratio: 1;
    place-items: center;
    isolation: isolate;
}

.admin-donut-chart svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.admin-donut-chart__track,
.admin-donut-chart__segment {
    fill: none;
    stroke-width: 14;
}

.admin-donut-chart__track {
    stroke: #e2e8f0;
}

.admin-donut-chart__segment {
    stroke-linecap: round;
}

.admin-donut-chart > div {
    display: grid;
    width: 58%;
    aspect-ratio: 1;
    place-items: center;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.12);
    text-align: center;
    z-index: 1;
}

.admin-donut-chart strong {
    color: var(--admin-overview-text);
    font-size: 22px;
    font-weight: 650;
    line-height: 1;
}

.admin-donut-chart span {
    color: var(--admin-overview-muted);
    font-size: 11px;
    font-weight: 600;
}

.admin-donut-legend,
.admin-trend-rank-list,
.admin-conversion-list,
.admin-ratio-list,
.admin-region-list,
.admin-attention-list,
.admin-system-list {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

.admin-donut-legend__row,
.admin-trend-rank-row,
.admin-ranked-row,
.admin-mini-row,
.admin-ratio-row,
.admin-region-row,
.admin-attention-row,
.admin-system-row,
.admin-quick-strip a {
    min-width: 0;
    color: var(--admin-overview-text);
    text-decoration: none;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: #ffffff;
}

.admin-donut-legend__row {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 36px;
    padding: 7px 8px;
}

.admin-donut-legend__row i {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--legend-color);
}

.admin-donut-legend__row span,
.admin-trend-rank-row__main,
.admin-ranked-row__main,
.admin-ratio-row span {
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    gap: 2px;
}

.admin-donut-legend__row strong,
.admin-trend-rank-row__main strong,
.admin-ranked-row__main strong,
.admin-ratio-row strong,
.admin-mini-row span,
.admin-region-row span,
.admin-system-row strong,
.admin-quick-strip span,
.admin-overview-table td:nth-child(2) a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-donut-legend__row small,
.admin-trend-rank-row__main small,
.admin-ranked-row__main span,
.admin-ratio-row small {
    color: var(--admin-overview-muted);
    font-size: 11px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-donut-legend__row em {
    color: #334155;
    font-style: normal;
    font-size: 12px;
    font-weight: 700;
}

.admin-trend-rank-row {
    display: grid;
    grid-template-columns: 26px 34px minmax(0, 1fr) minmax(58px, auto);
    align-items: center;
    gap: 9px;
    min-height: 50px;
    padding: 8px 9px;
}

.admin-trend-rank-row__rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    color: #475569;
    background: var(--admin-overview-soft-strong);
    font-size: 12px;
    font-weight: 700;
}

.admin-trend-rank-row__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    color: var(--legend-color, #2563eb);
    background: color-mix(in srgb, var(--legend-color, #2563eb) 12%, #ffffff);
}

.admin-trend-rank-row__trend {
    justify-content: flex-end;
    white-space: nowrap;
}

.admin-ranked-row {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
}

.admin-ranked-row__rank {
    color: var(--admin-overview-muted);
    font-size: 12px;
    font-weight: 700;
}

.admin-ranked-row__main i,
.admin-region-row i {
    display: block;
    width: 100%;
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.admin-ranked-row__main i::after,
.admin-region-row i::after {
    content: '';
    display: block;
    width: var(--bar-size);
    height: 100%;
    border-radius: inherit;
    background: #2563eb;
}

.admin-panel-link,
.admin-panel-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    margin-top: 12px;
    color: #2563eb;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.admin-panel-action {
    margin-top: 0;
    white-space: nowrap;
}

.admin-trend-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 12px;
}

.admin-trend-columns h3 {
    margin: 0 0 8px;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
}

.admin-mini-row,
.admin-ratio-row,
.admin-region-row,
.admin-attention-row,
.admin-system-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
    padding: 9px 10px;
}

.admin-mini-row + .admin-mini-row {
    margin-top: 8px;
}

.admin-conversion-row {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto auto;
    gap: 10px;
    align-items: center;
    min-height: 46px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    color: var(--admin-overview-text);
    font-size: 13px;
}

.admin-conversion-row:last-child {
    border-bottom: 0;
}

.admin-conversion-row > span:nth-child(2) {
    min-width: 0;
    overflow-wrap: anywhere;
}

.admin-conversion-row__icon,
.admin-attention-row__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    color: #2563eb;
    background: #eff6ff;
}

.admin-conversion-row strong {
    font-size: 14px;
    font-weight: 650;
    white-space: nowrap;
}

.admin-funnel {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px;
}

.admin-funnel__row {
    display: grid;
    grid-template-columns: minmax(80px, 1fr) minmax(0, 1fr) auto auto;
    gap: 10px;
    align-items: center;
    color: #334155;
    font-size: 12px;
}

.admin-funnel__row i {
    display: block;
    width: var(--funnel-size);
    min-width: 20px;
    height: 20px;
    border-radius: 5px;
    background: #38bdf8;
}

.admin-funnel__row:nth-child(2) i { background: #2dd4bf; }
.admin-funnel__row:nth-child(3) i { background: #86efac; }
.admin-funnel__row:nth-child(4) i { background: #fbbf24; }
.admin-funnel__row:nth-child(5) i { background: #fb7185; }

.admin-funnel__row span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-funnel__row strong,
.admin-funnel__row em {
    font-style: normal;
    font-weight: 700;
    white-space: nowrap;
}

.admin-traffic-cards,
.admin-finance-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 6px;
}

.admin-finance-cards {
    align-items: stretch;
    margin-top: 10px;
}

.admin-traffic-cards div,
.admin-finance-cards div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
    padding: 11px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: var(--admin-overview-soft);
}

.admin-finance-cards div {
    min-height: 76px;
    justify-content: center;
    padding: 10px 12px;
}
.admin-traffic-cards span,
.admin-finance-cards span {
    color: var(--admin-overview-muted);
    font-size: 12px;
    font-weight: 650;
}

.admin-traffic-cards strong,
.admin-finance-cards strong {
    color: var(--admin-overview-text);
    font-size: 20px;
    font-weight: 650;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.admin-ratio-row em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 34px;
    border-radius: 8px;
    color: #92400e;
    background: #fef3c7;
    font-style: normal;
    font-weight: 700;
}

.admin-region-row {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(90px, 1.4fr) auto;
}

.admin-region-row i::after {
    background: #10b981;
}

.admin-table-wrap {
    width: 100%;
    overflow-x: auto;
    margin-top: 8px;
}

.admin-overview-table {
    min-width: 760px;
    border-collapse: separate;
    border-spacing: 0;
}

.admin-overview-table th,
.admin-overview-table td {
    white-space: nowrap;
    font-size: 12px;
}

.admin-overview-table td:nth-child(2) {
    max-width: 260px;
}

.admin-status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    color: #92400e;
    background: #fef3c7;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.admin-attention-row {
    display: grid;
    grid-template-columns: 32px auto minmax(0, 1fr) 18px;
    justify-content: start;
}

.admin-attention-row strong {
    color: var(--admin-overview-text);
    font-size: 16px;
    font-weight: 650;
}

.admin-attention-row span:not(.admin-attention-row__icon) {
    min-width: 0;
    color: #475569;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.admin-attention-row > svg:last-child {
    width: 16px;
    height: 16px;
    color: var(--admin-overview-muted);
}

.admin-quick-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
    gap: 8px;
    margin-top: 16px;
}

.admin-quick-strip a {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 10px;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.admin-system-row {
    justify-content: start;
}

.admin-system-row > span:first-child {
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #ef4444;
}

.admin-system-row.is-ok > span:first-child {
    background: #22c55e;
}

.admin-system-row strong {
    flex: 1;
}

.admin-system-row em {
    color: var(--admin-overview-muted);
    font-style: normal;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.admin-table-link {
    color: #1d4ed8;
    font-weight: 700;
    text-decoration: none;
}

.admin-table-link:hover,
.admin-table-link:focus-visible {
    text-decoration: underline;
    outline: none;
}

@media (max-width: 1500px) {
    .admin-overview-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .admin-panel--trade-demand .admin-overview-donut-layout {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .admin-panel--trade-demand .admin-donut-legend {
        width: 100%;
    }
}

@media (max-width: 1320px) {
    .admin-panel--span-4,
    .admin-panel--span-5,
    .admin-panel--span-6 {
        grid-column: span 6;
    }

    .admin-panel--span-7,
    .admin-panel--span-8,
    .admin-overview-grid > .admin-panel--finance-development {
        grid-column: 1 / -1;
    }
}

@media (max-width: 980px) {
    .admin-overview-hero,
    .admin-period-form {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .admin-panel__header--split {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-period-form,
    .admin-period-tabs,
    .admin-custom-period,
    .admin-chart-switches {
        width: 100%;
        justify-content: flex-start;
    }

    .admin-period-tabs,
    .admin-chart-switches {
        overflow-x: auto;
    }

    .admin-period-tab,
    .admin-chart-switches a {
        flex: 0 0 auto;
    }

    .admin-overview-grid {
        grid-template-columns: 1fr;
    }

    .admin-panel--span-4,
    .admin-panel--span-5,
    .admin-panel--span-6,
    .admin-panel--span-7,
    .admin-panel--span-8,
    .admin-overview-grid > .admin-panel--finance-development {
        grid-column: 1 / -1;
    }

    .admin-overview-donut-layout {
        grid-template-columns: minmax(136px, 168px) minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .admin-overview-kpis,
    .admin-traffic-cards,
    .admin-finance-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-overview-hero h1 {
        font-size: 26px;
    }

    .admin-overview-donut-layout {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .admin-donut-legend {
        width: 100%;
    }
    .admin-svg-chart {
        min-height: 224px;
        height: 224px;
    }

    .admin-panel--finance-development .admin-svg-chart {
        min-height: 250px;
        height: 250px;
    }
}

@media (max-width: 560px) {
    .admin-overview-kpis,
    .admin-traffic-cards,
    .admin-finance-cards {
        grid-template-columns: 1fr;
    }

    .admin-period-form {
        min-width: 0;
    }

    .admin-custom-period {
        display: grid;
        grid-template-columns: 18px minmax(0, 1fr) auto minmax(0, 1fr) 32px;
    }

    .admin-custom-period input {
        width: 100%;
    }

    .admin-panel--finance-development .admin-svg-chart {
        min-height: 224px;
        height: 224px;
    }

    .admin-trend-rank-row,
    .admin-ranked-row,
    .admin-conversion-row,
    .admin-funnel__row,
    .admin-region-row,
    .admin-attention-row {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .admin-trend-rank-row__rank,
    .admin-trend-rank-row__trend,
    .admin-ranked-row__rank,
    .admin-ranked-row__trend,
    .admin-conversion-row strong,
    .admin-conversion-row em,
    .admin-funnel__row strong,
    .admin-funnel__row em,
    .admin-region-row strong {
        justify-self: start;
    }

    .admin-trend-rank-row__icon,
    .admin-conversion-row__icon,
    .admin-attention-row__icon {
        width: 34px;
        height: 34px;
    }
}
/* Auftrag moderation queue */
.moderation-queue-page .dashboard-hero p {
    max-width: 760px;
}

.moderation-queue-filters {
    align-items: end;
}

.moderation-queue-filters__search {
    min-width: min(100%, 280px);
}

.moderation-queue-table-wrap {
    overflow-x: auto;
}

.moderation-queue-table th,
.moderation-queue-table td {
    vertical-align: top;
}

.moderation-queue-table__title {
    min-width: 260px;
}

.moderation-queue-table__title strong,
.moderation-queue-table__title small,
.moderation-queue-table__title span,
.moderation-queue-table td small {
    display: block;
}

.moderation-queue-table__title small,
.moderation-queue-table td small {
    color: var(--muted, #64748b);
    margin-top: 0.2rem;
}

.moderation-queue-table__title span {
    color: var(--muted, #64748b);
    max-width: 36rem;
    margin-top: 0.25rem;
}

.risk-flag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.risk-flag-list--compact {
    max-width: 280px;
}

.moderation-wait {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    background: #eef2ff;
    color: #3730a3;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

.moderation-wait--warning {
    background: #fff7ed;
    color: #9a3412;
}

.moderation-wait--overdue {
    background: #fef2f2;
    color: #b91c1c;
}

.moderation-wait--critical {
    background: #450a0a;
    color: #fff1f2;
}

.order-admin-preview-shell {
    margin-bottom: 1rem;
}

.order-admin-preview-toolbar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.order-admin-preview-toolbar h1 {
    margin: 0.15rem 0 0;
    font-size: clamp(1.35rem, 2vw, 2rem);
}

.order-detail-page--admin {
    padding-top: 0;
}

.order-detail-page--admin .order-detail-breadcrumb a:first-child::after {
    content: '';
}

.order-admin-preview-panel .section-heading {
    margin-bottom: 1rem;
}

.order-admin-preview-meta dd small {
    display: block;
    color: var(--muted, #64748b);
    margin-top: 0.2rem;
}

.order-admin-preview-actions {
    display: grid;
    gap: 0.55rem;
    margin-top: 1rem;
}

.order-admin-preview-actions form,
.order-admin-preview-actions .button {
    width: 100%;
}

.order-admin-preview-actions .button {
    justify-content: center;
}

.order-admin-history-list {
    display: grid;
    gap: 0.8rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.order-admin-history-list li {
    border-left: 3px solid #cbd5e1;
    padding-left: 0.8rem;
}

.order-admin-history-list strong,
.order-admin-history-list span,
.order-admin-history-list em {
    display: block;
}

.order-admin-history-list span,
.order-admin-history-list em,
.order-admin-history-list p {
    color: var(--muted, #64748b);
    margin: 0.2rem 0 0;
}

.order-admin-action-modal {
    max-width: 620px;
}

.order-admin-action-modal .form-field {
    margin-top: 0.85rem;
}

@media (max-width: 760px) {
    .order-admin-preview-toolbar {
        grid-template-columns: 1fr;
    }

    .moderation-queue-table__title {
        min-width: 220px;
    }
}

/* Company account profile redesign */
.company-profile-page {
    --company-profile-gap: clamp(18px, 1.7vw, 22px);
    --company-profile-radius: 8px;
    display: grid;
    gap: var(--company-profile-gap);
    margin: calc(var(--wb-space-6) * -1) calc(var(--wb-container-pad) * -1) calc(var(--wb-space-12) * -1);
    overflow-x: clip;
    background: #f6f7f9;
    color: var(--wb-color-text);
    padding: clamp(24px, 2vw, 32px) var(--wb-container-pad) var(--wb-space-12);
}

.company-profile-page :is(h1, h2, h3, p, dl, figure) {
    margin: 0;
}

.company-profile-titlebar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.company-profile-titlebar h1 {
    color: var(--wb-color-text-strong);
    font-size: clamp(1.12rem, 1.5vw, 1.32rem);
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.2;
    letter-spacing: 0;
}

.company-profile-titlebar .button,
.company-profile-hero__actions .button,
.company-profile-card .button,
.company-profile-card-action {
    min-height: 40px;
}

.company-profile-hero {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(18px, 3vw, 34px);
    min-height: clamp(210px, 15.5vw, 230px);
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: var(--company-profile-radius);
    background:
        linear-gradient(90deg, rgba(12, 21, 31, 0.94), rgba(17, 30, 44, 0.88) 52%, rgba(17, 30, 44, 0.68)),
        var(--company-cover-image) center / cover no-repeat,
        #101820;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
    color: #ffffff;
    padding: clamp(24px, 2.5vw, 32px);
}

.company-profile-hero__content {
    display: grid;
    align-content: center;
    gap: clamp(18px, 2vw, 24px);
    min-width: 0;
}

.company-profile-identity {
    display: flex;
    align-items: center;
    gap: clamp(18px, 2.1vw, 28px);
    min-width: 0;
}

.company-profile-logo.profile-avatar {
    flex: 0 0 auto;
    width: clamp(96px, 7.4vw, 110px);
    height: clamp(96px, 7.4vw, 110px);
    border: 2px solid rgba(255, 255, 255, 0.78);
    border-radius: var(--company-profile-radius);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.company-profile-logo.profile-avatar span {
    font-size: 2.3rem;
}

.company-profile-heading {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.company-profile-name-row {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex-wrap: wrap;
}

.company-profile-heading h2 {
    overflow-wrap: anywhere;
    color: #ffffff;
    font-size: clamp(1.75rem, 2.45vw, 2rem);
    font-weight: var(--wb-font-weight-bold);
    line-height: 1.08;
    letter-spacing: 0;
}

.company-profile-heading p {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.95rem;
    font-weight: var(--wb-font-weight-medium);
}

.company-profile-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.company-profile-name-row .badge,
.company-profile-badges .badge {
    min-height: 26px;
    border-radius: var(--wb-radius-full);
    border-color: transparent;
    font-size: 0.78rem;
    font-weight: var(--wb-font-weight-semibold);
    padding-inline: 10px;
}

.company-profile-badges .badge--success {
    background: rgba(20, 122, 76, 0.3);
    color: #bcf7d4;
}

.company-profile-name-row .badge--orange {
    background: #ffe1a8;
    color: #7a4100;
}

.company-profile-hero__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(104px, 1fr));
    gap: clamp(14px, 2vw, 24px);
    max-width: 720px;
}

.company-profile-hero__metrics div {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.company-profile-hero__metrics dt {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.78rem;
    font-weight: var(--wb-font-weight-medium);
}

.company-profile-hero__metrics dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: var(--wb-font-weight-semibold);
    overflow-wrap: anywhere;
}

.company-profile-hero__actions {
    display: grid;
    align-content: center;
    gap: 10px;
    min-width: 184px;
}

.company-profile-hero__actions .button {
    justify-content: center;
    border-radius: 8px;
}

.company-profile-hero__actions .button--secondary {
    border-color: rgba(255, 130, 2, 0.72);
    background: rgba(10, 17, 25, 0.22);
    color: #ffffff;
}

.company-profile-hero__actions .button--secondary:hover,
.company-profile-hero__actions .button--secondary:focus-visible {
    border-color: rgba(255, 130, 2, 0.92);
    background: rgba(255, 130, 2, 0.16);
    color: #ffffff;
}

.company-profile-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 31%);
    gap: var(--company-profile-gap);
    align-items: start;
}

.company-profile-main,
.company-profile-sidebar {
    display: grid;
    gap: var(--company-profile-gap);
    min-width: 0;
}

.company-profile-card {
    display: grid;
    gap: 16px;
    min-width: 0;
    border: 1px solid #e5e7eb;
    border-radius: var(--company-profile-radius);
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.045);
    padding: clamp(18px, 1.8vw, 24px);
}

.company-profile-card h2 {
    color: var(--wb-color-text-strong);
    font-size: 1.05rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.25;
    letter-spacing: 0;
}

.company-profile-card h3 {
    color: var(--wb-color-text-strong);
    font-size: 0.94rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.25;
    letter-spacing: 0;
}

.company-profile-card p {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.94rem;
    line-height: 1.55;
}

.company-profile-card--about > p {
    max-width: 78ch;
    color: var(--wb-color-text);
    line-height: 1.65;
}

.company-profile-section-head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 14px;
}

.company-profile-section-head > div:first-child {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.company-profile-fact-row,
.company-profile-trust-grid,
.company-profile-service-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
}

.company-profile-fact-row span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    color: var(--wb-color-text);
    font-size: 0.92rem;
    font-weight: var(--wb-font-weight-medium);
}

.company-profile-fact-row .admin-icon {
    color: #4b5563;
}

.company-profile-service-chips span,
.company-profile-service-chips a {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    border: 1px solid #edf0f3;
    border-radius: var(--wb-radius-full);
    background: #f1f3f5;
    color: #374151;
    font-size: 0.83rem;
    font-weight: var(--wb-font-weight-medium);
    padding: 0 12px;
    text-decoration: none;
}

.company-profile-service-chips a:hover,
.company-profile-service-chips a:focus-visible {
    border-color: color-mix(in srgb, var(--wb-color-accent) 42%, #edf0f3);
    color: var(--wb-color-accent-strong);
    outline: 0;
}

.company-profile-subsection {
    display: grid;
    gap: 10px;
    padding-top: 4px;
}

.company-profile-two-col {
    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
    gap: var(--company-profile-gap);
}

.company-profile-stat-list,
.company-profile-verification-list,
.company-profile-contact-list {
    display: grid;
    gap: 0;
    margin: 0;
}

.company-profile-stat-list div,
.company-profile-verification-list div,
.company-profile-contact-list div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-width: 0;
    border-top: 1px solid #edf0f3;
    padding: 9px 0;
}

.company-profile-contact-list div {
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
    border-top: 0;
    padding: 7px 0;
}

.company-profile-stat-list div:first-child,
.company-profile-verification-list div:first-child {
    border-top: 0;
    padding-top: 0;
}

.company-profile-stat-list dt,
.company-profile-verification-list dt {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.9rem;
}

.company-profile-stat-list dd,
.company-profile-verification-list dd {
    margin: 0;
    color: var(--wb-color-text-strong);
    font-weight: var(--wb-font-weight-semibold);
    text-align: right;
}

.company-profile-stat-list dd.is-positive {
    color: var(--wb-color-success);
}

.company-profile-card-action {
    justify-content: center;
    width: 100%;
}

.company-profile-rating-empty {
    display: grid;
    align-content: center;
    gap: 8px;
    min-height: 118px;
    border-radius: 8px;
    background: #f8fafc;
    padding: 16px;
}

.company-profile-rating-empty strong,
.company-profile-empty strong {
    color: var(--wb-color-text-strong);
}

.company-profile-rating-empty p {
    max-width: 56ch;
}

.company-profile-listing-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.company-profile-listing-card {
    display: grid;
    min-width: 0;
    overflow: hidden;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--wb-color-text);
    text-decoration: none;
}

.company-profile-listing-card:hover,
.company-profile-listing-card:focus-visible {
    color: var(--wb-color-text);
    outline: 0;
}

.company-profile-listing-card:hover .company-profile-listing-media,
.company-profile-listing-card:focus-visible .company-profile-listing-media {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--wb-color-accent) 42%, transparent);
}

.company-profile-listing-media {
    display: grid;
    aspect-ratio: 16 / 9;
    place-items: center;
    overflow: hidden;
    border-radius: 8px;
    background: linear-gradient(135deg, #eef2f7, #dce4ed);
    color: var(--wb-color-primary);
}

.company-profile-listing-media.is-empty .admin-icon {
    width: 34px;
    height: 34px;
    color: color-mix(in srgb, var(--wb-color-primary) 76%, var(--wb-color-accent));
}

.company-profile-gallery-item img,
.company-profile-listing-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-profile-listing-body {
    display: grid;
    gap: 5px;
    min-width: 0;
    padding-top: 10px;
}

.company-profile-listing-body strong {
    overflow: hidden;
    color: var(--wb-color-text-strong);
    font-size: 0.88rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-profile-listing-body small {
    overflow-wrap: anywhere;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.79rem;
}

.company-profile-listing-body > span:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.company-profile-listing-body em {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    border-radius: var(--wb-radius-full);
    background: #f1f3f5;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.72rem;
    font-style: normal;
    padding: 0 8px;
}

.company-profile-gallery {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.company-profile-gallery-item {
    position: relative;
    display: grid;
    gap: 10px;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #edf0f3;
    border-radius: 8px;
    background: #ffffff;
    padding: 8px;
}

.company-profile-gallery-item > button {
    display: block;
    width: 100%;
    overflow: hidden;
    border: 0;
    border-radius: 7px;
    background: #e5e7eb;
    padding: 0;
    cursor: pointer;
}

.company-profile-gallery-item > button img {
    aspect-ratio: 4 / 3;
    transition: transform var(--wb-transition-fast);
}

.company-profile-gallery-item:hover > button img,
.company-profile-gallery-item:focus-within > button img {
    transform: scale(1.025);
}

.company-profile-gallery-item figcaption {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.company-profile-gallery-item figcaption span {
    overflow: hidden;
    color: var(--wb-color-text);
    font-size: 0.88rem;
    font-weight: var(--wb-font-weight-medium);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-profile-gallery-menu {
    position: absolute;
    top: 12px;
    right: 12px;
}

.company-profile-gallery-menu summary {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    color: #111827;
    cursor: pointer;
    list-style: none;
    opacity: 0;
    transition: opacity var(--wb-transition-fast), border-color var(--wb-transition-fast);
}

.company-profile-gallery-menu summary::-webkit-details-marker {
    display: none;
}

.company-profile-gallery-item:hover .company-profile-gallery-menu summary,
.company-profile-gallery-item:focus-within .company-profile-gallery-menu summary,
.company-profile-gallery-menu[open] summary {
    opacity: 1;
}

.company-profile-gallery-menu summary:focus-visible {
    border-color: var(--wb-color-accent);
    outline: 0;
}

.company-profile-gallery-menu > div {
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 2;
    display: grid;
    min-width: 150px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.16);
    padding: 6px;
}

.company-profile-gallery-menu button {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--wb-color-text);
    font: inherit;
    min-height: 34px;
    padding: 0 10px;
    text-align: left;
    cursor: pointer;
}

.company-profile-gallery-menu button:hover,
.company-profile-gallery-menu button:focus-visible {
    background: #f8fafc;
    outline: 0;
}

.company-profile-gallery-menu button.is-danger {
    color: var(--wb-color-danger);
}

.company-profile-gallery-menu form {
    margin: 0;
}

.company-profile-empty {
    display: grid;
    justify-items: start;
    gap: 8px;
    min-height: 154px;
    border: 1px dashed #d7dce2;
    border-radius: 8px;
    background: #f8fafc;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    padding: 22px;
}

.company-profile-empty .admin-icon {
    color: var(--wb-color-accent);
}

.company-profile-trust-item,
.company-profile-checklist span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    border: 1px solid #edf0f3;
    border-radius: var(--wb-radius-full);
    background: #f8fafc;
    color: var(--wb-color-text);
    font-size: 0.88rem;
    padding: 0 12px;
}

.company-profile-trust-item.is-ok {
    border-color: color-mix(in srgb, var(--wb-color-success) 28%, #edf0f3);
    background: color-mix(in srgb, var(--wb-color-success) 8%, #ffffff);
}

.company-profile-trust-item.is-ok .admin-icon,
.company-profile-checklist .is-ok .admin-icon {
    color: var(--wb-color-success);
}

.company-profile-trust-item.is-open .admin-icon,
.company-profile-checklist .is-open .admin-icon {
    color: var(--wb-color-warning);
}

.company-profile-contact-list span,
.company-profile-contact-list a {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--wb-color-text);
    text-decoration: none;
}

.company-profile-contact-list a:hover,
.company-profile-contact-list a:focus-visible {
    color: var(--wb-color-accent-strong);
    outline: 0;
}

.company-profile-contact-list .admin-icon {
    color: #4b5563;
    margin-top: 2px;
}

.company-profile-sidebar {
    position: sticky;
    top: 92px;
}

.company-profile-sidebar .company-profile-card {
    gap: 12px;
}

.company-profile-completion-card {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

.company-profile-completion-card h2,
.company-profile-completion-card .button {
    grid-column: 1 / -1;
}

.company-profile-completion-card .button,
.company-profile-contact-person-card .button {
    justify-content: center;
    width: 100%;
}

.company-profile-completion-ring {
    display: grid;
    width: 92px;
    height: 92px;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(var(--wb-color-success) var(--completion), #e7eaee 0);
}

.company-profile-completion-ring::before {
    content: '';
    grid-area: 1 / 1;
    width: 68px;
    height: 68px;
    border-radius: inherit;
    background: #ffffff;
}

.company-profile-completion-ring span {
    z-index: 1;
    grid-area: 1 / 1;
    color: var(--wb-color-text-strong);
    font-size: 1.22rem;
    font-weight: var(--wb-font-weight-bold);
}

.company-profile-completion-card strong {
    color: var(--wb-color-success);
}

.company-profile-note {
    border-left: 3px solid color-mix(in srgb, var(--wb-color-accent) 54%, #e5e7eb);
    padding-left: 10px;
    font-size: 0.84rem;
}

.company-profile-contact-person-card {
    justify-items: center;
    text-align: center;
}

.company-profile-contact-person {
    display: grid;
    justify-items: center;
    gap: 12px;
    min-width: 0;
}

.company-profile-contact-person .profile-avatar {
    width: 70px;
    height: 70px;
}

.company-profile-contact-person > div:last-child {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.company-profile-contact-person strong,
.company-profile-contact-person span {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-profile-icon-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.company-profile-icon-actions a {
    display: inline-grid;
    width: 38px;
    min-height: 38px;
    place-items: center;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    background: #ffffff;
    color: #4b5563;
    text-decoration: none;
}

.company-profile-icon-actions a:hover,
.company-profile-icon-actions a:focus-visible {
    border-color: color-mix(in srgb, var(--wb-color-accent) 42%, #e5e7eb);
    background: color-mix(in srgb, var(--wb-color-accent) 8%, #ffffff);
    color: var(--wb-color-accent-strong);
    outline: 0;
}

.company-profile-checklist {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.company-profile-checklist .is-ok {
    border-color: color-mix(in srgb, var(--wb-color-success) 28%, #edf0f3);
    background: color-mix(in srgb, var(--wb-color-success) 8%, #ffffff);
}

.company-profile-photo-modal .modal {
    width: min(860px, 100%);
}

.company-profile-photo-modal img {
    display: block;
    width: 100%;
    max-height: min(70vh, 680px);
    object-fit: contain;
    border-radius: 8px;
    background: #f8fafc;
}

.company-profile-photo-modal p {
    margin-top: 12px;
}

@media (max-width: 1180px) {
    .company-profile-hero,
    .company-profile-layout {
        grid-template-columns: 1fr;
    }

    .company-profile-hero__actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 0;
    }

    .company-profile-sidebar {
        position: static;
    }
}

@media (max-width: 980px) {
    .company-profile-listing-grid,
    .company-profile-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .company-profile-hero__metrics,
    .company-profile-two-col {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .company-profile-page {
        margin-inline: calc(var(--wb-container-pad) * -1);
        padding-inline: var(--wb-container-pad);
    }

    .company-profile-titlebar,
    .company-profile-section-head {
        align-items: stretch;
        flex-direction: column;
    }

    .company-profile-titlebar .button,
    .company-profile-section-head .button,
    .company-profile-hero__actions .button {
        width: 100%;
    }

    .company-profile-hero {
        min-height: 0;
        padding: 20px;
    }

    .company-profile-identity {
        align-items: flex-start;
        flex-direction: column;
    }

    .company-profile-logo.profile-avatar {
        width: 88px;
        height: 88px;
    }

    .company-profile-heading h2 {
        font-size: 1.55rem;
    }

    .company-profile-hero__metrics,
    .company-profile-hero__actions,
    .company-profile-listing-grid,
    .company-profile-gallery,
    .company-profile-two-col,
    .company-profile-completion-card {
        grid-template-columns: 1fr;
    }

    .company-profile-stat-list div,
    .company-profile-verification-list div {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .company-profile-stat-list dd,
    .company-profile-verification-list dd {
        text-align: left;
    }

    .company-profile-gallery-menu summary {
        opacity: 1;
    }
}

/* Company star ratings */
.company-rating-summary-block {
    display: grid;
    grid-template-columns: minmax(118px, 148px) minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    min-width: 0;
}

.company-rating-score {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.company-rating-score strong {
    color: var(--wb-color-text-strong);
    font-size: 2rem;
    font-weight: var(--wb-font-weight-bold);
    letter-spacing: 0;
    line-height: 1;
}

.company-rating-score small,
.company-rating-distribution dt,
.company-rating-distribution em,
.review-overview-row small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.84rem;
    font-style: normal;
}

.company-rating-stars,
.company-rating-mini > span,
.company-rating-badge > span,
.review-thanks-stars {
    color: #ff7a00;
    letter-spacing: 0;
    white-space: nowrap;
}

.company-rating-distribution {
    display: grid;
    gap: 8px;
    margin: 0;
    min-width: 0;
}

.company-rating-distribution > div {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.company-rating-distribution dd {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    gap: 9px;
    align-items: center;
    min-width: 0;
    margin: 0;
}

.company-rating-bar {
    display: block;
    width: 100%;
    height: 8px;
    overflow: hidden;
    border-radius: var(--wb-radius-full);
    background: #edf0f3;
}

.company-rating-bar i {
    display: block;
    width: var(--rating-percent, 0%);
    height: 100%;
    border-radius: inherit;
    background: #ff7a00;
}

.company-rating-mini {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.company-rating-mini em {
    color: inherit;
    font-style: normal;
    overflow-wrap: anywhere;
}

.company-rating-badge {
    gap: 6px;
}

.review-page {
    display: grid;
    place-items: center;
    min-height: calc(100vh - 170px);
    padding: clamp(24px, 5vw, 56px) 16px;
    background: #f7f8fa;
}

.review-card {
    display: grid;
    gap: 22px;
    width: min(100%, 640px);
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    padding: clamp(22px, 4vw, 34px);
}

.review-card__brand {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

.review-card__brand > div:last-child {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.review-card h1 {
    color: var(--wb-color-text-strong);
    font-size: clamp(1.55rem, 2.4vw, 2rem);
    font-weight: var(--wb-font-weight-bold);
    letter-spacing: 0;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.review-card p {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    line-height: 1.55;
}

.review-card__logo.profile-avatar {
    flex: 0 0 auto;
    border-radius: 8px;
}

.review-submit-form,
.review-rating-fieldset {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.review-rating-fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.review-rating-fieldset legend {
    color: var(--wb-color-text-strong);
    font-size: 1rem;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: 0;
    margin-bottom: 10px;
    padding: 0;
}

.review-star-options {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 4px;
    min-width: 0;
}

.review-star-options label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 54px;
    border-radius: 8px;
    color: #d1d5db;
    cursor: pointer;
    font-size: 2.45rem;
    letter-spacing: 0;
    line-height: 1;
    transition: color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;
}

.review-star-options label:hover,
.review-star-options label:hover ~ label,
.review-star-options input:checked ~ label {
    color: #ff7a00;
}

.review-star-options label:hover {
    background: #fff4e8;
    transform: translateY(-1px);
}

.review-star-options input:focus-visible + label {
    outline: 3px solid rgba(255, 122, 0, 0.28);
    outline-offset: 2px;
}

.review-submit-button {
    justify-self: start;
}

.review-card--thanks,
.review-card--notice {
    justify-items: start;
}

.review-thanks-stars {
    font-size: 2.2rem;
    line-height: 1;
}

.review-overview-grid {
    display: grid;
    grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
    gap: var(--company-profile-gap, 18px);
    align-items: start;
}

.review-overview-list {
    display: grid;
    gap: 0;
}

.review-overview-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-width: 0;
    border-top: 1px solid #edf0f3;
    padding: 12px 0;
}

.review-overview-row:first-child {
    border-top: 0;
    padding-top: 0;
}

.review-overview-row strong {
    color: var(--wb-color-text-strong);
    overflow-wrap: anywhere;
}

@media (max-width: 720px) {
    .company-rating-summary-block,
    .review-overview-grid {
        grid-template-columns: 1fr;
    }

    .review-card__brand {
        align-items: flex-start;
    }

    .review-star-options label {
        width: 42px;
        height: 50px;
        font-size: 2.1rem;
    }

    .review-overview-row {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}
/* Vacancy creation wizard body */
.vacancy-wizard-page {
    --vacancy-orange: #ff5a00;
    --vacancy-orange-soft: #fff4ec;
    --vacancy-green: #1f9d4a;
    --vacancy-green-soft: #effaf2;
    --vacancy-blue-soft: #f4f8ff;
    --vacancy-line: #dde4ee;
    --vacancy-muted: #687386;
    background: #f7f9fc;
}

.vacancy-wizard-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

.vacancy-wizard-head h1 {
    color: #0d1117;
    font-size: 2rem;
    line-height: 1.15;
    margin: 0 0 8px;
}

.vacancy-wizard-head p {
    color: #313947;
    margin: 0;
}

.vacancy-stepper {
    display: grid;
    grid-template-columns: repeat(8, minmax(86px, 1fr));
    gap: 10px;
    margin: 6px 0 26px;
    position: relative;
}

.vacancy-stepper::before {
    background: var(--vacancy-line);
    content: "";
    height: 2px;
    left: 5%;
    position: absolute;
    right: 5%;
    top: 20px;
}

.vacancy-stepper__item {
    align-items: center;
    background: transparent;
    border: 0;
    color: #202938;
    cursor: pointer;
    display: grid;
    gap: 8px;
    justify-items: center;
    min-width: 0;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 1;
}

.vacancy-stepper__item:disabled {
    cursor: default;
}

.vacancy-stepper__dot {
    align-items: center;
    background: #e8edf3;
    border: 1px solid #dde4ee;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .08);
    display: inline-flex;
    font-weight: 800;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.vacancy-stepper__label {
    display: block;
    font-size: .82rem;
    font-weight: 650;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.vacancy-stepper__check {
    display: none;
}

.vacancy-stepper__check::before {
    content: "\2713";
}

.vacancy-stepper__item.is-complete .vacancy-stepper__dot,
.vacancy-stepper__item.is-complete::before {
    background: var(--vacancy-green);
    border-color: var(--vacancy-green);
    color: #fff;
}

.vacancy-stepper__item.is-complete .vacancy-stepper__check {
    display: inline;
}

.vacancy-stepper__item.is-complete .vacancy-stepper__number {
    display: none;
}

.vacancy-stepper__item.is-current .vacancy-stepper__dot {
    background: var(--vacancy-orange);
    border-color: var(--vacancy-orange);
    color: #fff;
}

.vacancy-stepper__item.is-current .vacancy-stepper__label {
    color: #0d1117;
}

.vacancy-wizard-layout {
    align-items: start;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 31%);
}

.vacancy-wizard-main,
.vacancy-wizard-side {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.vacancy-wizard-side {
    position: sticky;
    top: 18px;
}

.vacancy-panel,
.vacancy-preview-card,
.vacancy-tips-card {
    background: #fff;
    border: 1px solid #dfe6ef;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .04);
}

.vacancy-panel {
    padding: 24px;
}

.vacancy-panel h2,
.vacancy-preview-card h2,
.vacancy-tips-card h2 {
    color: #0d1117;
    font-size: 1.38rem;
    line-height: 1.2;
    margin: 0 0 8px;
}

.vacancy-panel > p:not(.vacancy-step-kicker) {
    color: #394253;
    margin: 0 0 22px;
}

.vacancy-step-kicker {
    color: var(--vacancy-orange);
    font-weight: 800;
    margin: 0 0 8px;
}

.vacancy-grid,
.vacancy-tile-grid,
.vacancy-profession-grid,
.vacancy-check-grid {
    display: grid;
    gap: 14px;
}

.vacancy-grid--two,
.vacancy-tile-grid--two,
.vacancy-description-grid,
.vacancy-question-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vacancy-grid--three,
.vacancy-tile-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vacancy-profession-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 18px;
}

.vacancy-field,
.vacancy-field-group,
.vacancy-fieldset,
.vacancy-upload-block {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.vacancy-field--full {
    grid-column: 1 / -1;
}

.vacancy-field span,
.vacancy-label,
.vacancy-fieldset legend {
    color: #111827;
    font-size: .92rem;
    font-weight: 750;
    letter-spacing: 0;
}

.vacancy-field strong,
.vacancy-label strong,
.vacancy-fieldset strong {
    color: var(--vacancy-orange);
}

.vacancy-field input,
.vacancy-field select,
.vacancy-field textarea,
.vacancy-fieldset select,
.vacancy-custom-question__row select {
    background: #fff;
    border: 1px solid #cfd8e5;
    border-radius: 6px;
    color: #1f2937;
    font: inherit;
    min-height: 44px;
    padding: 10px 12px;
    width: 100%;
}

.vacancy-field textarea {
    line-height: 1.55;
    resize: vertical;
}

.vacancy-field input:focus,
.vacancy-field select:focus,
.vacancy-field textarea:focus,
.vacancy-choice:focus-within,
.vacancy-upload-drop:focus-within {
    border-color: var(--vacancy-orange);
    box-shadow: 0 0 0 3px rgba(255, 90, 0, .14);
    outline: 0;
}

.vacancy-choice {
    align-content: center;
    background: #fff;
    border: 1px solid #d8e0eb;
    border-radius: 8px;
    color: #101828;
    cursor: pointer;
    display: grid;
    gap: 8px;
    min-height: 96px;
    min-width: 0;
    padding: 14px;
    position: relative;
    text-align: center;
}

.vacancy-choice input {
    opacity: 0;
    position: absolute;
}

.vacancy-choice--wide {
    grid-template-columns: auto minmax(0, 1fr);
    text-align: left;
}

.vacancy-choice--wide small,
.vacancy-choice--wide strong {
    grid-column: 2;
}

.vacancy-choice__icon {
    align-items: center;
    color: #4b5563;
    display: inline-flex;
    justify-content: center;
    min-height: 28px;
}

.vacancy-icon {
    height: 30px;
    width: 30px;
}

.vacancy-choice__check {
    align-items: center;
    background: var(--vacancy-orange);
    border-radius: 50%;
    color: #fff;
    display: none;
    font-size: .72rem;
    font-weight: 900;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
}

.vacancy-choice__check::before {
    content: "\2713";
}

.vacancy-choice.is-selected,
.vacancy-choice:has(input:checked) {
    background: var(--vacancy-orange-soft);
    border-color: var(--vacancy-orange);
}

.vacancy-choice.is-selected .vacancy-choice__check,
.vacancy-choice:has(input:checked) .vacancy-choice__check {
    display: inline-flex;
}

.vacancy-choice--button {
    font: inherit;
}

.vacancy-segmented,
.vacancy-radio-stack,
.vacancy-radio-card-stack,
.vacancy-custom-questions,
.vacancy-question-list {
    display: grid;
    gap: 10px;
}

.vacancy-segmented {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vacancy-segmented--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vacancy-segmented label,
.vacancy-radio-stack label,
.vacancy-radio-card-stack label,
.vacancy-checkbox {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.vacancy-segmented span,
.vacancy-radio-card-stack span {
    border: 1px solid #d8e0eb;
    border-radius: 6px;
    display: grid;
    flex: 1;
    gap: 4px;
    min-height: 42px;
    padding: 10px 12px;
}

.vacancy-segmented input,
.vacancy-radio-card-stack input {
    opacity: 0;
    position: absolute;
}

.vacancy-segmented input:checked + span,
.vacancy-radio-card-stack input:checked + span {
    background: var(--vacancy-green-soft);
    border-color: var(--vacancy-green);
    color: #0f6b31;
}

.vacancy-check-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vacancy-checkbox input {
    accent-color: var(--vacancy-orange);
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.vacancy-note,
.vacancy-ready-box {
    align-items: center;
    background: var(--vacancy-blue-soft);
    border: 1px solid #cfe0ff;
    border-radius: 8px;
    color: #24456f;
    display: flex;
    gap: 10px;
    margin-top: 18px;
    padding: 12px 14px;
}

.vacancy-note--warning {
    background: #fff8ed;
    border-color: #ffd49e;
    color: #774600;
}

.vacancy-note-icon,
.vacancy-note .admin-icon,
.vacancy-ready-box .admin-icon {
    flex: 0 0 auto;
    height: 20px;
    width: 20px;
}

.vacancy-question-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
}

.vacancy-question-tabs span {
    border: 1px solid #d8e0eb;
    border-radius: 6px;
    color: #344054;
    padding: 10px 12px;
}

.vacancy-question-tabs .is-active {
    background: var(--vacancy-orange-soft);
    border-color: var(--vacancy-orange);
    color: #c94400;
}

.vacancy-question-card,
.vacancy-custom-question {
    background: #fff;
    border: 1px solid #dfe6ef;
    border-radius: 8px;
    padding: 12px;
}

.vacancy-question-card {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.vacancy-question-card small,
.vacancy-custom-question small,
.vacancy-preview-card small {
    color: var(--vacancy-muted);
}

.vacancy-custom-question__row,
.vacancy-field--inline {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.vacancy-icon-button {
    align-items: center;
    background: #fff;
    border: 1px solid #fecaca;
    border-radius: 6px;
    color: #dc2626;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.vacancy-editor-toolbar {
    align-items: center;
    border: 1px solid #d8e0eb;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 8px;
}

.vacancy-editor-toolbar button {
    background: #fff;
    border: 1px solid #d8e0eb;
    border-radius: 6px;
    color: #1f2937;
    font: inherit;
    font-weight: 800;
    min-height: 34px;
    padding: 6px 10px;
}

.vacancy-editor-toolbar + textarea {
    border-radius: 0 0 8px 8px;
}

.vacancy-upload-drop {
    align-items: center;
    border: 1px dashed #9eb2cc;
    border-radius: 8px;
    color: #0b5fc3;
    cursor: pointer;
    display: grid;
    justify-items: center;
    min-height: 104px;
    padding: 18px;
    text-align: center;
}

.vacancy-upload-drop input {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.vacancy-upload-drop em {
    color: var(--vacancy-muted);
    font-style: normal;
}

.vacancy-image-grid,
.vacancy-preview-media {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vacancy-image-grid figure,
.vacancy-preview-media img {
    aspect-ratio: 4 / 3;
    border-radius: 6px;
    margin: 0;
    overflow: hidden;
}

.vacancy-image-grid figure {
    position: relative;
}

.vacancy-image-grid img,
.vacancy-preview-media img,
.vacancy-preview-logo img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.vacancy-image-grid button {
    align-items: center;
    background: #ef4444;
    border: 0;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 1.1rem;
    height: 24px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 24px;
}

.vacancy-preview-card,
.vacancy-tips-card {
    padding: 18px;
}

.vacancy-preview-card header {
    align-items: center;
    border-bottom: 1px solid #e8edf3;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 14px;
}

.vacancy-preview-card h2,
.vacancy-tips-card h2 {
    font-size: 1rem;
    margin: 0;
}

.vacancy-preview-job {
    display: grid;
    gap: 14px;
}

.vacancy-preview-company {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: 76px minmax(0, 1fr);
}

.vacancy-preview-logo {
    align-items: center;
    background: #f3f5f8;
    border-radius: 6px;
    color: #111827;
    display: flex;
    font-size: 1.25rem;
    font-weight: 900;
    height: 54px;
    justify-content: center;
    overflow: hidden;
    width: 76px;
}

.vacancy-verified {
    align-items: center;
    color: #138a3d;
    display: flex;
    gap: 5px;
    font-size: .82rem;
    font-weight: 700;
    margin: 3px 0;
}

.vacancy-stars {
    color: #ffb020;
    letter-spacing: 0;
}

.vacancy-preview-job h3 {
    color: #0d1117;
    font-size: 1.18rem;
    line-height: 1.25;
    margin: 0;
    overflow-wrap: anywhere;
}

.vacancy-preview-job p {
    color: #313947;
    margin: 0;
}

.vacancy-preview-facts {
    border-top: 1px solid #e8edf3;
    display: grid;
    gap: 12px;
    margin: 0;
    padding-top: 14px;
}

.vacancy-preview-facts div {
    display: grid;
    gap: 2px 10px;
    grid-template-columns: 22px minmax(0, 1fr);
}

.vacancy-preview-facts dt {
    color: #111827;
    font-size: .86rem;
    font-weight: 800;
}

.vacancy-preview-facts dd {
    color: #303848;
    grid-column: 2;
    margin: 0;
    overflow-wrap: anywhere;
}

.vacancy-tips-card ul,
.vacancy-summary-checks {
    display: grid;
    gap: 10px;
    margin: 14px 0 0;
    padding: 0;
}

.vacancy-tips-card li,
.vacancy-summary-checks p {
    color: #303848;
    list-style: none;
    margin: 0;
    padding-left: 26px;
    position: relative;
}

.vacancy-tips-card li::before,
.vacancy-summary-checks p::before {
    color: var(--vacancy-green);
    content: "\2713";
    font-weight: 900;
    left: 0;
    position: absolute;
}

.vacancy-wizard-actions {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.vacancy-wizard-actions .button:last-child {
    margin-left: auto;
}

.vacancy-legal-links {
    display: flex;
    gap: 14px;
    margin-top: 8px;
}

.vacancy-invalid {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .12) !important;
}

@media (max-width: 1180px) {
    .vacancy-stepper {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .vacancy-stepper::before {
        display: none;
    }

    .vacancy-wizard-layout {
        grid-template-columns: 1fr;
    }

    .vacancy-wizard-side {
        position: static;
    }
}

@media (max-width: 760px) {
    .vacancy-wizard-head,
    .vacancy-preview-card header,
    .vacancy-wizard-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .vacancy-grid--two,
    .vacancy-grid--three,
    .vacancy-tile-grid--two,
    .vacancy-tile-grid--three,
    .vacancy-description-grid,
    .vacancy-question-layout,
    .vacancy-profession-grid,
    .vacancy-check-grid,
    .vacancy-custom-question__row,
    .vacancy-field--inline {
        grid-template-columns: 1fr;
    }

    .vacancy-panel {
        padding: 18px;
    }

    .vacancy-stepper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.vacancy-fieldset {
    border: 0;
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
}

.vacancy-fieldset legend,
.vacancy-label {
    color: #111827;
    font-size: .88rem;
    font-weight: 800;
    margin-bottom: 8px;
}

.vacancy-profile-block {
    display: grid;
    gap: 14px;
}

.vacancy-empty-state {
    background: #f8fafc;
    border: 1px dashed #cfd8e3;
    border-radius: 6px;
    color: var(--vacancy-muted);
    margin: 0;
    padding: 16px;
}

.vacancy-preview-card .button--sm {
    min-height: 34px;
    padding: 6px 10px;
    white-space: nowrap;
}

.vacancy-image-grid figure.is-removed {
    display: none;
}

.vacancy-field.is-invalid input,
.vacancy-field.is-invalid select,
.vacancy-field.is-invalid textarea,
.vacancy-fieldset.is-invalid,
.vacancy-upload-block.is-invalid,
.vacancy-custom-question.is-invalid input {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .12) !important;
}

.vacancy-summary-checks .is-muted {
    color: #9ca3af;
}
/* Homepage live statistics */
.home-stats {
    background: #ffffff;
    padding-block: 34px 46px;
}

.home-stats__grid {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: visible;
}

.home-stat {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px;
    box-shadow: 0 16px 34px rgba(7, 20, 33, .07);
    display: grid;
    gap: 18px;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 176px;
    min-width: 0;
    overflow: hidden;
    padding: 28px 30px 32px;
    position: relative;
}

.home-stat::after {
    background: #ff6b1a;
    border-radius: 999px;
    bottom: 10px;
    content: '';
    height: 4px;
    left: 30px;
    position: absolute;
    width: 78px;
}

.home-stat__icon {
    align-items: center;
    background: #fff0e8;
    border: 1px solid #ffe0d0;
    border-radius: 999px;
    color: #f26419;
    display: inline-flex;
    height: 68px;
    justify-content: center;
    width: 68px;
}

.home-stat__icon .wb-icon {
    background: transparent;
    color: inherit;
    height: 34px;
    width: 34px;
}

.home-stat__icon .wb-icon svg {
    height: 34px;
    width: 34px;
}

.home-stat__body {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.home-stat__body strong,
.home-stat__body span,
.home-stat__body small,
.home-stat__body em {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.home-stat__body strong {
    color: #0b1117;
    font-size: clamp(2.15rem, 4vw, 3.05rem);
    font-weight: 760;
    letter-spacing: 0;
    line-height: .98;
}

.home-stat__body span {
    color: #111827;
    font-size: 1rem;
    font-weight: var(--wb-font-weight-semibold);
    line-height: 1.28;
}

.home-stat__body small {
    color: #667085;
    font-size: .88rem;
    line-height: 1.45;
}

.home-stat__body em {
    color: #8a4a1d;
    font-size: .78rem;
    font-style: normal;
    line-height: 1.35;
}

.home-stats__empty {
    border: 1px dashed #d8dde6;
    border-radius: 8px;
    color: #667085;
    grid-column: 1 / -1;
    padding: 18px;
    text-align: center;
}

.home-stats--preview {
    background: transparent;
    padding: 0;
}

.home-stats--preview .home-container {
    max-width: none;
    padding: 0;
    width: 100%;
}

.home-stats--preview .home-stats__grid {
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-stats--preview .home-stat {
    box-shadow: 0 10px 24px rgba(7, 20, 33, .06);
    min-height: 140px;
    padding: 20px 20px 26px;
}

.home-stats--preview .home-stat::after {
    left: 20px;
    width: 58px;
}

.home-stats--preview .home-stat__icon {
    height: 52px;
    width: 52px;
}

.home-stats--preview .home-stat__icon .wb-icon,
.home-stats--preview .home-stat__icon .wb-icon svg {
    height: 27px;
    width: 27px;
}

.home-stats--preview .home-stat__body strong {
    font-size: 2rem;
}

.homepage-statistics-admin {
    border-bottom: 1px solid var(--wiz-border);
    display: grid;
    gap: 16px;
    padding: 18px 22px 22px;
}

.homepage-statistics-admin__head {
    align-items: start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    min-width: 0;
}

.homepage-statistics-admin__head h3 {
    color: var(--wiz-text);
    font-size: 1.08rem;
    letter-spacing: 0;
    margin: 2px 0 5px;
}

.homepage-statistics-admin__head p,
.homepage-statistics-admin__meta small,
.homepage-statistics-admin__order-head small {
    color: var(--wiz-subtle);
    margin: 0;
}

.homepage-statistics-admin__meta {
    align-items: end;
    display: grid;
    gap: 8px;
    justify-items: end;
}

.homepage-statistics-admin__layout {
    align-items: start;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 320px);
}

.homepage-statistics-admin__preview,
.homepage-statistics-admin__order {
    min-width: 0;
}

.homepage-statistics-admin__order {
    border: 1px solid var(--wiz-border);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    padding: 14px;
}

.homepage-statistics-admin__order-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.homepage-statistics-admin__order-head strong {
    color: var(--wiz-text);
}

.homepage-statistics-order-list {
    display: grid;
    gap: 8px;
}

.homepage-statistics-order-row {
    align-items: center;
    background: var(--wiz-surface);
    border: 1px solid var(--wiz-border);
    border-radius: 8px;
    cursor: grab;
    display: grid;
    gap: 10px;
    grid-template-columns: 34px minmax(0, 1fr);
    min-width: 0;
    padding: 10px;
}

.homepage-statistics-order-row.is-dragging {
    opacity: .58;
}

.homepage-statistics-order-row.is-muted {
    opacity: .64;
}

.homepage-statistics-order-row__handle {
    align-items: center;
    background: var(--wiz-muted);
    border-radius: 8px;
    color: var(--wiz-subtle);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.homepage-statistics-order-row__copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.homepage-statistics-order-row__copy strong,
.homepage-statistics-order-row__copy small {
    min-width: 0;
    overflow-wrap: anywhere;
}

.homepage-statistics-order-row__copy strong {
    color: var(--wiz-text);
    font-size: .9rem;
}

.homepage-statistics-order-row__copy small {
    color: var(--wiz-subtle);
    font-size: .78rem;
    line-height: 1.35;
}

@media (max-width: 1180px) {
    .home-stats__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .homepage-statistics-admin__layout,
    .home-stats--preview .home-stats__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .home-stats {
        padding-block: 24px 34px;
    }

    .home-stats__grid {
        grid-template-columns: 1fr;
    }

    .home-stat {
        grid-template-columns: auto minmax(0, 1fr);
        min-height: 148px;
        padding: 22px 22px 28px;
    }

    .home-stat::after {
        left: 22px;
    }

    .home-stat__icon {
        height: 56px;
        width: 56px;
    }

    .home-stat__icon .wb-icon,
    .home-stat__icon .wb-icon svg {
        height: 29px;
        width: 29px;
    }

    .home-stat__body strong {
        font-size: 2.2rem;
    }

    .homepage-statistics-admin,
    .homepage-statistics-admin__head {
        padding-left: 14px;
        padding-right: 14px;
    }

    .homepage-statistics-admin__head {
        display: grid;
    }

    .homepage-statistics-admin__meta {
        align-items: stretch;
        justify-items: stretch;
    }
}

.settings-virus-console {
    border-bottom: 1px solid var(--wiz-border);
    display: grid;
    gap: 16px;
    padding: 18px 22px 22px;
}

.settings-virus-console__head {
    align-items: center;
    display: grid;
    gap: 14px;
    grid-template-columns: 42px minmax(0, 1fr);
    min-width: 0;
}

.settings-virus-console__head h3 {
    color: var(--wiz-text);
    font-size: 1.08rem;
    letter-spacing: 0;
    margin: 2px 0 5px;
}

.settings-virus-console__head p {
    color: var(--wiz-subtle);
    margin: 0;
}

.settings-virus-console__icon {
    align-items: center;
    background: var(--wiz-primary-soft);
    border: 1px solid var(--wiz-primary-border);
    border-radius: 8px;
    color: var(--wiz-primary);
    display: inline-flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.settings-virus-console__icon .admin-icon {
    height: 20px;
    width: 20px;
}

.settings-virus-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.settings-virus-card {
    background: var(--wiz-surface);
    border: 1px solid var(--wiz-border);
    border-radius: 8px;
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 13px 14px;
}

.settings-virus-card small {
    color: var(--wiz-muted);
    font-size: .72rem;
    font-weight: var(--wb-font-weight-semibold);
    letter-spacing: .02em;
    text-transform: uppercase;
}

.settings-virus-card strong,
.settings-virus-card span,
.settings-virus-reference code,
.settings-virus-reference li {
    min-width: 0;
    overflow-wrap: anywhere;
}

.settings-virus-card strong {
    color: var(--wiz-text);
    font-size: .94rem;
    line-height: 1.35;
}

.settings-virus-card span {
    color: var(--wiz-subtle);
    font-size: .8rem;
    line-height: 1.45;
}

.settings-virus-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.settings-virus-reference {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) minmax(240px, .75fr);
}

.settings-virus-reference > div {
    border: 1px solid var(--wiz-border);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 12px 14px;
}

.settings-virus-reference strong {
    color: var(--wiz-text);
    font-size: .86rem;
}

.settings-virus-reference code {
    background: color-mix(in srgb, var(--wiz-muted) 46%, transparent);
    border-radius: 6px;
    color: var(--wiz-text);
    display: block;
    font-size: .78rem;
    line-height: 1.45;
    padding: 7px 9px;
}

.settings-virus-reference ol {
    color: var(--wiz-subtle);
    display: grid;
    gap: 5px;
    margin: 0;
    padding-left: 18px;
}

.settings-field__control > .settings-input--wide {
    max-width: 760px;
}

@media (max-width: 960px) {
    .settings-virus-grid,
    .settings-virus-reference {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .settings-virus-console {
        padding-left: 14px;
        padding-right: 14px;
    }

    .settings-virus-console__head {
        grid-template-columns: 1fr;
    }

    .settings-virus-actions .button {
        justify-content: center;
        width: 100%;
    }
}
/* Job marketplace privacy refresh */
.job-detail-shell {
    background: #f6f8fb;
    color: #111827;
    padding: clamp(22px, 3.5vw, 48px) 0 0;
}

.job-detail-container {
    display: grid;
    gap: 16px;
    max-width: 1500px;
}

.job-detail-back {
    align-items: center;
    color: #536179;
    display: inline-flex;
    font-size: 0.92rem;
    gap: 7px;
    text-decoration: none;
    width: fit-content;
}

.job-detail-back:hover {
    color: #ff7900;
}

.job-detail-back .admin-icon,
.job-detail-meta-item .admin-icon,
.job-detail-submeta .admin-icon,
.job-side-heading .admin-icon,
.job-apply-lock .admin-icon,
.job-apply-submit .admin-icon,
.job-application-note .admin-icon,
.job-company-summary .admin-icon,
.job-detail-privacy-strip .admin-icon,
.job-list-card__meta .admin-icon,
.job-list-card__link .admin-icon {
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
}

.job-detail-layout {
    align-items: start;
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
}

.job-detail-main,
.job-detail-side {
    display: grid;
    gap: 18px;
}

.job-detail-side {
    position: sticky;
    top: 92px;
}

.job-detail-panel,
.job-apply-panel,
.job-list-card {
    background: #ffffff;
    border: 1px solid #dde5ef;
    border-radius: 8px;
    box-shadow: 0 16px 44px rgba(20, 31, 47, 0.07);
}

.job-detail-panel--content {
    overflow: hidden;
}

.job-detail-intro {
    border-bottom: 1px solid #e6ebf2;
    display: grid;
    gap: 18px;
    padding: clamp(22px, 3vw, 32px);
}

.job-detail-trust-row,
.job-detail-title-row,
.job-detail-submeta,
.job-list-card__top,
.job-list-card__meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.job-detail-trust-row,
.job-detail-title-row,
.job-list-card__top {
    justify-content: space-between;
}

.job-detail-kicker,
.job-list-card__type {
    align-items: center;
    background: #eaf4ff;
    border: 1px solid #cfe4ff;
    border-radius: 999px;
    color: #1e5aa7;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    gap: 6px;
    line-height: 1.2;
    padding: 7px 11px;
    width: fit-content;
}

.job-detail-published,
.job-detail-category,
.job-detail-submeta,
.job-list-card__meta {
    color: #667085;
    font-size: 0.92rem;
}

.job-detail-category {
    font-weight: 700;
    margin: 0 0 8px;
}

.job-detail-title-row h1 {
    color: #111827;
    font-size: clamp(1.85rem, 3vw, 2.55rem);
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0;
}

.job-detail-intro-text {
    color: #475467;
    line-height: 1.62;
    margin: 12px 0 0;
    max-width: 860px;
}

.job-detail-actions {
    display: inline-flex;
    gap: 10px;
}

.job-detail-actions span {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dfe6ef;
    border-radius: 8px;
    color: #111827;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.job-detail-meta-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.job-detail-meta-item {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: auto minmax(0, 1fr);
    min-width: 0;
}

.job-detail-meta-icon,
.job-company-facts span,
.job-detail-privacy-strip span {
    align-items: center;
    background: #eef5ff;
    border: 1px solid #cfe4ff;
    border-radius: 8px;
    color: #1e5aa7;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.job-detail-meta-item small,
.job-company-facts small {
    color: #667085;
    display: block;
    font-size: 0.76rem;
    font-weight: 700;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.job-detail-meta-item strong,
.job-company-facts strong {
    color: #111827;
    display: block;
    font-size: 0.97rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.job-detail-submeta {
    gap: 18px;
}

.job-detail-submeta span {
    align-items: center;
    display: inline-flex;
    gap: 7px;
}

.job-detail-tabs {
    align-items: center;
    border-bottom: 1px solid #e6ebf2;
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 0 clamp(18px, 3vw, 26px);
}

.job-detail-tabs a {
    border-bottom: 2px solid transparent;
    color: #344054;
    flex: 0 0 auto;
    font-size: 0.94rem;
    font-weight: 700;
    padding: 18px 12px 14px;
    text-decoration: none;
}

.job-detail-tabs a:hover,
.job-detail-tabs a.is-active {
    border-bottom-color: #ff7900;
    color: #ff7900;
}

.job-detail-section-stack {
    display: grid;
    gap: 26px;
    padding: clamp(22px, 3vw, 32px);
}

.job-detail-section {
    scroll-margin-top: 100px;
}

.job-detail-section + .job-detail-section,
.job-company-summary {
    border-top: 1px solid #e7edf4;
    padding-top: 26px;
}

.job-detail-section h2,
.job-side-heading h2,
.job-company-summary h2 {
    color: #111827;
    font-size: 1.18rem;
    letter-spacing: 0;
    line-height: 1.28;
    margin: 0;
}

.job-detail-text {
    color: #344054;
    line-height: 1.72;
    margin-top: 12px;
}

.job-detail-benefits {
    border-bottom: 1px solid #e7edf4;
    border-top: 1px solid #e7edf4;
    display: grid;
    gap: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 16px 0;
}

.job-detail-benefit {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
    padding: 8px 18px;
}

.job-detail-benefit + .job-detail-benefit {
    border-left: 1px solid #e7edf4;
}

.job-detail-benefit .admin-icon {
    color: #ff7900;
    height: 18px;
    width: 18px;
}

.job-detail-benefit strong {
    color: #1f2937;
    font-size: 0.9rem;
    line-height: 1.35;
}

.job-company-summary {
    display: grid;
    gap: 18px;
}

.job-company-summary__head {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.job-company-summary__head p,
.job-company-note,
.job-apply-footnote,
.job-side-heading p,
.job-application-empty {
    color: #667085;
    line-height: 1.5;
    margin: 4px 0 0;
}

.job-company-verified,
.job-apply-lock {
    align-items: center;
    background: #ebf8ee;
    border: 1px solid #c8eccc;
    border-radius: 999px;
    color: #2f7d32;
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 700;
    gap: 6px;
    padding: 7px 10px;
    white-space: nowrap;
}

.job-company-facts {
    border-bottom: 1px solid #e7edf4;
    border-top: 1px solid #e7edf4;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.job-company-facts div {
    display: grid;
    gap: 7px;
    padding: 16px 18px;
}

.job-company-facts div + div {
    border-left: 1px solid #e7edf4;
}

.job-rating-line {
    align-items: baseline;
    color: #667085;
    display: flex;
    gap: 8px;
    margin: 0;
}

.job-rating-line strong {
    color: #111827;
}

.job-company-note {
    align-items: center;
    display: flex;
    gap: 8px;
}

.job-apply-panel {
    padding: clamp(20px, 2.4vw, 26px);
}

.job-side-heading {
    align-items: start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.job-apply-form {
    display: grid;
    gap: 14px;
}

.job-apply-form .form-field {
    display: grid;
    gap: 8px;
    margin: 0;
}

.job-apply-form .form-field__label {
    color: #111827;
    font-size: 0.91rem;
    font-weight: 700;
    line-height: 1.35;
}

.job-required-marker {
    color: #ff7900;
}

.job-apply-form .form-field input,
.job-apply-form .form-field select,
.job-apply-form .form-field textarea {
    background: #ffffff;
    border: 1px solid #d5dce8;
    border-radius: 8px;
    color: #111827;
    font: inherit;
    min-height: 44px;
    padding: 11px 13px;
    width: 100%;
}

.job-apply-form .form-field textarea {
    min-height: 108px;
    resize: vertical;
}

.job-apply-form .form-field select[multiple] {
    min-height: 112px;
    padding: 8px 10px;
}

.job-apply-form .form-field input:focus,
.job-apply-form .form-field select:focus,
.job-apply-form .form-field textarea:focus {
    border-color: #ff7900;
    box-shadow: 0 0 0 3px rgba(255, 121, 0, 0.15);
    outline: none;
}

.job-apply-form .form-field small {
    color: #667085;
    font-size: 0.8rem;
    line-height: 1.4;
}

.job-apply-form .form-field--invalid input,
.job-apply-form .form-field--invalid select,
.job-apply-form .form-field--invalid textarea {
    border-color: #c93232;
}

.field-error {
    color: #c93232 !important;
    font-size: 0.82rem;
    line-height: 1.4;
}

.field-error--panel {
    background: #fff4f2;
    border: 1px solid #ffd1c9;
    border-radius: 8px;
    margin: 0 0 14px;
    padding: 10px 12px;
}

.job-application-note {
    align-items: flex-start;
    background: #fff8ef;
    border: 1px solid #ffdcb8;
    border-radius: 8px;
    color: #344054;
    display: flex;
    gap: 10px;
    line-height: 1.45;
    padding: 12px;
}

.job-application-note .admin-icon {
    color: #ff7900;
    margin-top: 1px;
}

.job-apply-submit,
.job-list-card__link {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
}

.job-apply-submit {
    background: #ff7900;
    border-color: #ff7900;
    min-height: 48px;
    width: 100%;
}

.job-apply-submit:hover {
    background: #e86f00;
    border-color: #e86f00;
}

.job-apply-submit.is-loading,
.job-apply-submit:disabled {
    cursor: wait;
    opacity: 0.78;
}

.job-apply-footnote {
    font-size: 0.83rem;
    margin-top: 2px;
}

.job-detail-privacy-strip {
    background: #ffffff;
    border-top: 1px solid #dde5ef;
    box-shadow: 0 -8px 28px rgba(20, 31, 47, 0.05);
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: clamp(24px, 4vw, 48px);
    padding: 20px max(24px, calc((100vw - 1500px) / 2));
}

.job-detail-privacy-strip div {
    align-items: center;
    display: grid;
    gap: 3px 12px;
    grid-template-columns: auto minmax(0, 1fr);
}

.job-detail-privacy-strip span {
    background: #f2f5f9;
    border-color: #e1e7ef;
    color: #111827;
    grid-row: span 2;
}

.job-detail-privacy-strip strong {
    color: #111827;
    font-size: 0.9rem;
    line-height: 1.25;
}

.job-detail-privacy-strip small {
    color: #667085;
    font-size: 0.82rem;
    line-height: 1.35;
}

.job-list-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 24px;
}

.job-list-card {
    align-content: start;
    display: grid;
    gap: 14px;
    min-height: 320px;
    padding: 22px;
}

.job-list-card h3 {
    font-size: 1.16rem;
    letter-spacing: 0;
    line-height: 1.28;
    margin: 0;
}

.job-list-card h3 a {
    color: #111827;
    text-decoration: none;
}

.job-list-card h3 a:hover {
    color: #ff7900;
}

.job-list-card p {
    color: #475467;
    line-height: 1.58;
    margin: 0;
}

.job-list-card > strong {
    color: #111827;
}

.job-list-card__link {
    margin-top: auto;
    width: fit-content;
}

@media (max-width: 1180px) {
    .job-detail-layout {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
    }

    .job-detail-meta-grid,
    .job-company-facts,
    .job-detail-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .job-detail-benefit:nth-child(odd),
    .job-company-facts div:nth-child(odd) {
        border-left: 0;
    }
}

@media (max-width: 980px) {
    .job-detail-layout {
        grid-template-columns: 1fr;
    }

    .job-detail-side {
        position: static;
    }

    .job-detail-privacy-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .job-list-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .job-detail-shell {
        padding-top: 16px;
    }

    .job-detail-container {
        gap: 14px;
    }

    .job-detail-panel,
    .job-apply-panel,
    .job-list-card {
        border-radius: 8px;
    }

    .job-detail-intro,
    .job-detail-section-stack,
    .job-apply-panel {
        padding: 18px;
    }

    .job-detail-title-row {
        align-items: flex-start;
    }

    .job-detail-actions {
        display: none;
    }

    .job-detail-meta-grid,
    .job-company-facts,
    .job-detail-benefits,
    .job-list-grid,
    .job-detail-privacy-strip {
        grid-template-columns: 1fr;
    }

    .job-detail-benefit,
    .job-company-facts div {
        border-left: 0 !important;
        padding-left: 0;
        padding-right: 0;
    }

    .job-detail-benefit + .job-detail-benefit,
    .job-company-facts div + div {
        border-top: 1px solid #e7edf4;
    }

    .job-side-heading,
    .job-company-summary__head,
    .job-rating-line,
    .job-list-card__meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .job-list-card {
        min-height: 0;
    }
}
.order-detail-badge-row,
.rental-detail-badge-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.owner-badge {
    align-items: center;
    background: #ecfdf5;
    border: 1px solid rgba(15, 118, 110, 0.28);
    border-radius: 999px;
    color: #0f766e;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 800;
    gap: 0.35rem;
    line-height: 1.2;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: 0.25rem 0.55rem;
    white-space: normal;
    width: max-content;
}

.owner-badge--subtle {
    background: #eef6ff;
    border-color: rgba(37, 99, 235, 0.24);
    color: #1d4ed8;
}

.owner-badge--unlocked {
    background: #fff7ed;
    border-color: rgba(217, 119, 6, 0.28);
    color: #b45309;
}

.market-card--owner,
.market-generic-card--owner,
.rental-card--owner,
.job-list-card--owner {
    border-color: rgba(15, 118, 110, 0.35);
    box-shadow: 0 0 0 1px rgba(15, 118, 110, 0.08);
}

.owner-action-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.owner-action-card p {
    color: #475467;
    margin: 0;
}

.owner-action-card__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.owner-contact-list {
    display: grid;
    gap: 0.65rem;
    margin: 0.25rem 0 0;
}

.owner-contact-list div {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.owner-contact-list dt {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.owner-contact-list dd {
    color: #111827;
    margin: 0;
    overflow-wrap: anywhere;
}

.job-apply-panel.owner-action-card {
    align-items: stretch;
}

@media (max-width: 560px) {
    .owner-action-card__actions > .button {
        justify-content: center;
        width: 100%;
    }
}
/* Contractor finder marketplace */
.contractor-directory-page {
    display: grid;
    gap: 20px;
    min-width: 0;
}

.contractor-directory-page--public .container {
    display: grid;
    gap: 20px;
}

.contractor-finder-head {
    align-items: flex-end;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    min-width: 0;
}

.contractor-finder-head h1 {
    color: var(--wb-color-text);
    font-size: 1.65rem;
    letter-spacing: 0;
    line-height: 1.18;
    margin: 4px 0 8px;
}

.contractor-finder-head p {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    line-height: 1.55;
    margin: 0;
    max-width: 760px;
}

.contractor-finder-toolbar {
    align-items: center;
    background: var(--wb-color-surface);
    border: 1px solid color-mix(in srgb, var(--wb-color-border) 86%, transparent);
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 240px) auto;
    padding: 14px;
}

.contractor-finder-toolbar--public {
    grid-template-columns: minmax(220px, 1.4fr) repeat(5, minmax(130px, 1fr)) auto;
}

.contractor-finder-toolbar label {
    min-width: 0;
}

.contractor-finder-toolbar input,
.contractor-finder-toolbar select {
    min-height: 44px;
    width: 100%;
}

.contractor-finder-toolbar .checkbox-field {
    align-items: center;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    display: flex;
    font-size: 0.88rem;
    gap: 8px;
    min-height: 44px;
}

.contractor-search-field input {
    font-size: 0.98rem;
}

.contractor-results-bar {
    align-items: baseline;
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    display: flex;
    gap: 7px;
    min-height: 24px;
}

.contractor-results-bar strong {
    color: var(--wb-color-text);
    font-size: 1.05rem;
}

.contractor-inline-empty {
    align-items: center;
    background: color-mix(in srgb, var(--wb-color-warning) 8%, var(--wb-color-surface));
    border: 1px solid color-mix(in srgb, var(--wb-color-warning) 28%, var(--wb-color-border));
    border-radius: 8px;
    color: var(--wb-color-text);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 14px 16px;
}

.contractor-inline-empty div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.contractor-inline-empty span {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    line-height: 1.45;
}

.contractor-market-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(4, minmax(238px, 1fr));
    min-width: 0;
}

.contractor-showcase-card {
    background: var(--wb-color-surface);
    border: 1px solid color-mix(in srgb, var(--wb-color-border) 88%, transparent);
    border-radius: 8px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 474px;
    min-width: 0;
    overflow: hidden;
}

.contractor-card__media {
    align-items: center;
    background: linear-gradient(135deg, #f8fafc, #e8eef4 58%, #eefaf7);
    color: var(--wb-color-primary);
    display: grid;
    font-size: 2rem;
    font-weight: var(--wb-font-weight-bold);
    overflow: hidden;
    place-items: center;
}

.contractor-card__media--wide {
    aspect-ratio: 16 / 9;
    border-bottom: 1px solid var(--wb-color-border);
    min-height: 132px;
    width: 100%;
}

.contractor-card__media img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.contractor-card__media span {
    align-items: center;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 8px;
    display: inline-flex;
    height: 72px;
    justify-content: center;
    width: 72px;
}

.contractor-card__body {
    align-content: start;
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 15px 16px 12px;
}

.contractor-card__badges {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 24px;
}

.contractor-card__badges .badge {
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.15;
    max-width: 100%;
    padding: 0.28rem 0.52rem;
}

.contractor-card__body h2 {
    color: var(--wb-color-text);
    display: -webkit-box;
    font-size: 1.05rem;
    letter-spacing: 0;
    line-height: 1.26;
    margin: 0;
    min-height: 2.64em;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.contractor-card__trade,
.contractor-card__about,
.contractor-card__meta,
.contractor-offer-state {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.9rem;
    line-height: 1.45;
    margin: 0;
}

.contractor-card__trade {
    color: var(--wb-color-text);
    display: -webkit-box;
    font-weight: 700;
    min-height: 2.6em;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.contractor-card__about {
    display: -webkit-box;
    min-height: 4.35em;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.contractor-card__meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 26px;
}

.contractor-card__meta span {
    align-items: center;
    display: inline-flex;
    gap: 5px;
    min-width: 0;
}

.contractor-rating {
    align-items: center;
    color: #d97706;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 24px;
}

.contractor-rating strong {
    color: var(--wb-color-text);
    font-size: 0.98rem;
}

.contractor-rating small,
.contractor-rating__empty {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.contractor-card__stats {
    border-top: 1px solid var(--wb-color-border);
    display: grid;
    gap: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 2px;
    padding-top: 10px;
}

.contractor-card__stats div {
    display: grid;
    gap: 2px;
    justify-items: start;
    min-width: 0;
    padding: 0 10px;
}

.contractor-card__stats div:first-child {
    padding-left: 0;
}

.contractor-card__stats div + div {
    border-left: 1px solid var(--wb-color-border);
}

.contractor-card__stats strong {
    color: var(--wb-color-text);
    font-size: 1rem;
}

.contractor-card__stats span {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    font-size: 0.76rem;
    line-height: 1.25;
}

.contractor-offer-state {
    align-items: center;
    background: color-mix(in srgb, var(--wb-color-info) 6%, var(--wb-color-surface));
    border: 1px solid color-mix(in srgb, var(--wb-color-info) 18%, var(--wb-color-border));
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 10px;
}

.contractor-offer-state--profile {
    margin-bottom: 12px;
}

.contractor-card__actions {
    align-self: end;
    display: grid;
    gap: 8px;
    padding: 0 16px 16px;
}

.contractor-card__actions .button {
    justify-content: center;
    min-height: 42px;
    width: 100%;
}

.contractor-empty-state {
    margin-top: 6px;
}

.offer-modal-backdrop {
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.offer-modal {
    border-radius: 8px;
    max-height: calc(100dvh - 48px);
    max-width: min(640px, calc(100vw - 28px));
    overflow: auto;
    padding: 24px;
    width: 100%;
}

.offer-modal h2,
.offer-decision-card h2,
.offer-detail-card h2 {
    color: var(--wb-color-text);
    font-size: 1.15rem;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 0 0 8px;
}

.offer-modal p,
.offer-decision-card p {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
    line-height: 1.5;
    margin: 0 0 14px;
}

.offer-choice-list {
    border: 0;
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.offer-choice-list--profile {
    margin-bottom: 12px;
}

.offer-choice-card {
    cursor: pointer;
    display: block;
    min-width: 0;
}

.offer-choice-card > span {
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: 8px;
    display: grid;
    gap: 5px;
    min-height: 82px;
    padding: 12px 14px;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.offer-choice-card:hover > span,
.offer-choice-card input:focus-visible + span {
    border-color: color-mix(in srgb, var(--wb-color-accent) 55%, var(--wb-color-border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wb-color-accent) 14%, transparent);
}

.offer-choice-card input:checked + span {
    background: color-mix(in srgb, var(--wb-color-accent) 8%, var(--wb-color-surface));
    border-color: var(--wb-color-accent);
}

.offer-choice-card strong {
    color: var(--wb-color-text);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.offer-choice-card small {
    color: var(--wb-context-text-muted, var(--wb-color-text-muted));
}

.offer-choice-card__meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.offer-choice-card__meta small {
    background: color-mix(in srgb, var(--wb-color-border) 40%, transparent);
    border-radius: 999px;
    color: var(--wb-color-text);
    padding: 0.18rem 0.5rem;
    width: max-content;
}

.offer-profile-form {
    display: grid;
    gap: 12px;
}

.offer-detail-page {
    display: grid;
    gap: 18px;
}

.offer-detail-layout {
    align-items: start;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
}

.offer-detail-card,
.offer-decision-card {
    border-radius: 8px;
}

.offer-detail-card__head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 14px;
}

.offer-facts {
    margin-bottom: 16px;
}

.offer-description p {
    color: var(--wb-color-text);
    line-height: 1.58;
    margin: 0;
    overflow-wrap: anywhere;
}

.offer-decision-actions {
    display: grid;
    gap: 10px;
}

.offer-decision-actions form,
.offer-decision-actions .button {
    width: 100%;
}

.offer-decision-actions .button {
    justify-content: center;
}

[data-offer-form] .button.is-loading {
    opacity: 0.72;
    pointer-events: none;
}

@media (max-width: 1260px) {
    .contractor-market-grid {
        grid-template-columns: repeat(3, minmax(230px, 1fr));
    }

    .contractor-finder-toolbar--public {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
    }
}

@media (max-width: 900px) {
    .contractor-finder-head,
    .offer-detail-layout {
        grid-template-columns: 1fr;
    }

    .contractor-finder-head,
    .contractor-inline-empty {
        align-items: stretch;
        flex-direction: column;
    }

    .contractor-inline-empty .button {
        justify-content: center;
        width: 100%;
    }

    .contractor-finder-toolbar,
    .contractor-finder-toolbar--public {
        grid-template-columns: 1fr;
    }

    .contractor-market-grid {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

@media (max-width: 620px) {
    .contractor-finder-head h1 {
        font-size: 1.35rem;
    }

    .contractor-market-grid {
        grid-template-columns: 1fr;
    }

    .contractor-showcase-card {
        min-height: 0;
    }

    .contractor-card__media--wide {
        min-height: 118px;
    }

    .contractor-card__body h2,
    .contractor-card__trade,
    .contractor-card__about {
        min-height: 0;
    }

    .contractor-card__stats {
        grid-template-columns: 1fr;
    }

    .contractor-card__stats div,
    .contractor-card__stats div:first-child {
        padding: 7px 0;
    }

    .contractor-card__stats div + div {
        border-left: 0;
        border-top: 1px solid var(--wb-color-border);
    }

    .offer-modal-backdrop {
        align-items: flex-end;
        padding: 0;
    }

    .offer-modal {
        border-radius: 8px 8px 0 0;
        max-height: calc(100dvh - 24px);
        max-width: 100vw;
        padding: 20px;
    }
}
/* Auftraggeber order control center */
.auftrag-center {
    display: grid;
    gap: 18px;
}

.auftrag-center__hero {
    align-items: stretch;
    background: linear-gradient(135deg, #ffffff 0%, #f7faf9 48%, #fff7ed 100%);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-lg);
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    padding: clamp(18px, 3vw, 28px);
}

.auftrag-center__hero-copy,
.auftrag-center__hero-actions {
    min-width: 0;
}

.auftrag-center__hero h1 {
    color: var(--wb-color-text-strong);
    font-size: clamp(1.85rem, 2.8vw, 2.55rem);
    letter-spacing: 0;
    line-height: 1.12;
    margin: 6px 0 8px;
}

.auftrag-center__hero p {
    color: var(--wb-color-text-muted);
    margin: 0;
    max-width: 760px;
}

.auftrag-center__metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.auftrag-center__metrics span,
.auftrag-limit {
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(209, 213, 219, 0.82);
    border-radius: var(--wb-radius-md);
    box-shadow: 0 10px 30px rgba(8, 27, 58, 0.05);
}

.auftrag-center__metrics span {
    color: var(--wb-color-text-muted);
    display: inline-flex;
    gap: 8px;
    padding: 10px 12px;
}

.auftrag-center__metrics strong {
    color: var(--wb-color-text-strong);
}

.auftrag-center__hero-actions {
    align-content: space-between;
    display: grid;
    gap: 12px;
    justify-items: stretch;
}

.auftrag-center__hero-actions .button {
    justify-content: center;
}

.auftrag-limit {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.auftrag-limit > div {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.auftrag-limit span {
    color: var(--wb-color-text-muted);
    font-size: var(--wb-font-size-sm);
}

.auftrag-limit strong {
    color: var(--wb-color-text-strong);
}

.auftrag-limit small {
    color: var(--wb-color-warning);
    line-height: 1.35;
}

.auftrag-limit__track {
    background: #eef2f7;
    border-radius: var(--wb-radius-full);
    display: block;
    height: 8px;
    overflow: hidden;
}

.auftrag-limit__track span {
    background: linear-gradient(90deg, var(--wb-color-success), var(--wb-color-accent));
    display: block;
    height: 100%;
}

.auftrag-tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 2px 0 6px;
    scrollbar-width: thin;
}

.auftrag-tab {
    align-items: center;
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    color: var(--wb-color-text-muted);
    display: inline-flex;
    flex: 0 0 auto;
    gap: 9px;
    min-height: 42px;
    padding: 9px 12px;
    text-decoration: none;
    transition: border-color var(--wb-transition-fast), color var(--wb-transition-fast), background var(--wb-transition-fast);
}

.auftrag-tab strong {
    background: #f1f5f9;
    border-radius: var(--wb-radius-full);
    color: var(--wb-color-text-strong);
    font-size: var(--wb-font-size-xs);
    min-width: 26px;
    padding: 3px 7px;
    text-align: center;
}

.auftrag-tab:hover,
.auftrag-tab:focus-visible,
.auftrag-tab.is-active {
    background: #fff7ed;
    border-color: rgba(255, 130, 2, 0.42);
    color: var(--wb-color-text-strong);
    outline: 0;
}

.auftrag-filterbar {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 1fr) minmax(170px, 210px) minmax(120px, 150px) auto auto;
}

.auftrag-filterbar label {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.auftrag-filterbar label > span:not(.admin-icon) {
    color: var(--wb-color-text-muted);
    font-size: var(--wb-font-size-xs);
    font-weight: var(--wb-font-weight-semibold);
    text-transform: uppercase;
}

.auftrag-search-field {
    position: relative;
}

.auftrag-search-field > span {
    color: var(--wb-color-text-soft);
    left: 12px;
    pointer-events: none;
    position: absolute;
    top: 39px;
}

.auftrag-search-field input {
    padding-left: 40px;
}

.auftrag-resultbar {
    align-items: center;
    color: var(--wb-color-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--wb-font-size-sm);
    gap: 10px;
    justify-content: space-between;
}

.auftrag-resultbar strong {
    color: var(--wb-color-text-strong);
}

.auftrag-card-list {
    display: grid;
    gap: 14px;
}

.auftrag-card {
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-left: 4px solid var(--wb-color-border-strong);
    border-radius: var(--wb-radius-lg);
    display: grid;
    gap: 16px;
    padding: 18px;
}

.auftrag-card--success,
.auftrag-card--success-soft {
    border-left-color: var(--wb-color-success);
}

.auftrag-card--warning {
    border-left-color: var(--wb-color-warning);
}

.auftrag-card--danger {
    border-left-color: var(--wb-color-danger);
}

.auftrag-card--info {
    border-left-color: var(--wb-color-info);
}

.auftrag-card--muted,
.auftrag-card--neutral {
    border-left-color: #94a3b8;
}

.auftrag-card__header {
    align-items: start;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.auftrag-card__title {
    min-width: 0;
}

.auftrag-card__title h2 {
    color: var(--wb-color-text-strong);
    font-size: 1.2rem;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 8px 0 6px;
    overflow-wrap: anywhere;
}

.auftrag-card__title p {
    color: var(--wb-color-text-muted);
    margin: 0;
}

.auftrag-status {
    align-items: center;
    border-radius: var(--wb-radius-full);
    display: inline-flex;
    font-size: var(--wb-font-size-xs);
    font-weight: var(--wb-font-weight-semibold);
    gap: 6px;
    padding: 5px 9px;
}

.auftrag-status--success,
.auftrag-status--success-soft {
    background: rgba(22, 121, 76, 0.11);
    color: var(--wb-color-success);
}

.auftrag-status--warning {
    background: rgba(161, 92, 7, 0.12);
    color: var(--wb-color-warning);
}

.auftrag-status--danger {
    background: rgba(180, 35, 24, 0.1);
    color: var(--wb-color-danger);
}

.auftrag-status--info {
    background: rgba(36, 91, 158, 0.1);
    color: var(--wb-color-info);
}

.auftrag-status--neutral,
.auftrag-status--muted {
    background: #f1f5f9;
    color: #475569;
}

.auftrag-card__actions,
.auftrag-activity-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.auftrag-card__actions form {
    margin: 0;
}

.auftrag-icon-action {
    align-items: center;
    background: var(--wb-color-surface);
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    color: var(--wb-color-text-muted);
    cursor: pointer;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    transition: border-color var(--wb-transition-fast), color var(--wb-transition-fast), background var(--wb-transition-fast);
    width: 38px;
}

.auftrag-icon-action:hover,
.auftrag-icon-action:focus-visible {
    background: #fff7ed;
    border-color: rgba(255, 130, 2, 0.42);
    color: var(--wb-color-primary);
    outline: 0;
}

.auftrag-icon-action--danger:hover,
.auftrag-icon-action--danger:focus-visible {
    background: rgba(180, 35, 24, 0.08);
    border-color: rgba(180, 35, 24, 0.28);
    color: var(--wb-color-danger);
}

.auftrag-facts {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin: 0;
}

.auftrag-facts > div {
    background: var(--wb-color-surface-muted);
    border: 1px solid rgba(229, 231, 235, 0.86);
    border-radius: var(--wb-radius-md);
    display: grid;
    gap: 2px 9px;
    grid-template-columns: 22px minmax(0, 1fr);
    padding: 10px;
}

.auftrag-facts svg {
    color: var(--wb-color-text-soft);
    grid-row: span 2;
    margin-top: 2px;
}

.auftrag-facts dt {
    color: var(--wb-color-text-muted);
    font-size: var(--wb-font-size-xs);
    font-weight: var(--wb-font-weight-semibold);
    margin: 0;
    text-transform: uppercase;
}

.auftrag-facts dd {
    color: var(--wb-color-text-strong);
    font-size: var(--wb-font-size-sm);
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.auftrag-inline-note {
    align-items: flex-start;
    border-radius: var(--wb-radius-md);
    display: flex;
    gap: 9px;
    padding: 10px 12px;
}

.auftrag-inline-note--success {
    background: rgba(22, 121, 76, 0.08);
    color: var(--wb-color-success);
}

.auftrag-inline-note--danger {
    background: rgba(180, 35, 24, 0.08);
    color: var(--wb-color-danger);
}

.auftrag-buyer-panel {
    background: #f8fbff;
    border: 1px solid rgba(36, 91, 158, 0.18);
    border-radius: var(--wb-radius-lg);
    display: grid;
    gap: 12px;
    padding: 14px;
}

.auftrag-buyer-panel__head {
    align-items: center;
    display: flex;
    gap: 10px;
}

.auftrag-buyer-panel__head > span {
    align-items: center;
    background: rgba(36, 91, 158, 0.1);
    border-radius: var(--wb-radius-full);
    color: var(--wb-color-info);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.auftrag-buyer-panel strong {
    color: var(--wb-color-text-strong);
    display: block;
}

.auftrag-buyer-panel small {
    color: var(--wb-color-text-muted);
}

.auftrag-buyer-panel__grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.auftrag-buyer-panel__grid a,
.auftrag-buyer-panel__grid > span {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(209, 213, 219, 0.78);
    border-radius: var(--wb-radius-md);
    color: var(--wb-color-text);
    display: flex;
    gap: 8px;
    min-width: 0;
    padding: 9px 10px;
    text-decoration: none;
}

.auftrag-buyer-panel__grid a span,
.auftrag-buyer-panel__grid > span span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.auftrag-activity {
    border-top: 1px solid var(--wb-color-border);
    display: grid;
    gap: 12px;
    padding-top: 14px;
}

.auftrag-activity h3 {
    color: var(--wb-color-text-strong);
    font-size: 0.98rem;
    letter-spacing: 0;
    margin: 0 0 8px;
}

.auftrag-activity-row {
    align-items: center;
    background: #fbfcfe;
    border: 1px solid var(--wb-color-border);
    border-radius: var(--wb-radius-md);
    display: grid;
    gap: 8px;
    grid-template-columns: auto minmax(140px, 1fr) auto;
    padding: 10px;
}

.auftrag-activity-row small {
    color: var(--wb-color-text-muted);
    grid-column: 2 / -1;
}

.auftrag-pagination {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
}

.auftrag-pagination span {
    color: var(--wb-color-text-muted);
    font-size: var(--wb-font-size-sm);
}

.auftrag-pagination .is-disabled {
    opacity: 0.55;
    pointer-events: none;
}

.auftrag-empty-state .empty-state__icon svg {
    height: 36px;
    width: 36px;
}

@media (max-width: 920px) {
    .auftrag-center__hero,
    .auftrag-filterbar,
    .auftrag-card__header {
        grid-template-columns: 1fr;
    }

    .auftrag-card__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .auftrag-center__hero,
    .auftrag-card {
        padding: 14px;
    }

    .auftrag-center__metrics,
    .auftrag-resultbar,
    .auftrag-pagination {
        align-items: stretch;
        flex-direction: column;
    }

    .auftrag-filterbar .button,
    .auftrag-filterbar .button--ghost {
        width: 100%;
    }

    .auftrag-card__actions {
        display: grid;
        grid-template-columns: repeat(5, 38px);
        justify-content: start;
    }

    .auftrag-activity-row {
        grid-template-columns: 1fr;
    }

    .auftrag-activity-row small {
        grid-column: auto;
    }
}
/* Auftraggeber Meine Aufträge redesign */
.owner-orders-page {
    display: grid;
    gap: 18px;
    max-width: 1480px;
    width: 100%;
}

.owner-orders-page [hidden] {
    display: none !important;
}

.owner-orders-hero {
    align-items: start;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) auto minmax(250px, 320px);
}

.owner-orders-hero__copy {
    min-width: 0;
}

.owner-orders-hero h1 {
    color: #0f172a;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0 0 6px;
}

.owner-orders-hero p {
    color: #475569;
    margin: 0;
}

.owner-orders-create {
    align-self: start;
    border-radius: 7px;
    box-shadow: 0 12px 24px rgba(255, 130, 2, 0.22);
    min-height: 48px;
    padding-inline: 22px;
    white-space: nowrap;
}

.owner-orders-limit {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 8px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
    display: grid;
    gap: 9px;
    padding: 13px 14px;
}

.owner-orders-limit__head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.owner-orders-limit__head span,
.owner-orders-limit p {
    color: #334155;
    font-size: 12px;
    line-height: 1.35;
}

.owner-orders-limit__head strong {
    color: #0f172a;
    font-size: 14px;
}

.owner-orders-limit p {
    margin: 0;
}

.owner-orders-limit__track {
    background: #e2e8f0;
    border-radius: 999px;
    display: block;
    height: 8px;
    overflow: hidden;
}

.owner-orders-limit__track span {
    background: linear-gradient(90deg, #16a34a 0%, #22c55e 75%, #86efac 100%);
    display: block;
    height: 100%;
    transition: width 180ms ease;
}

.owner-orders-status-row {
    min-width: 0;
}

.owner-orders-tabs {
    background: rgba(248, 250, 252, 0.92);
    border: 1px solid #dbe3ed;
    border-radius: 8px;
    display: flex;
    overflow-x: auto;
    scrollbar-width: thin;
}

.owner-orders-tab {
    align-items: center;
    border-right: 1px solid #dbe3ed;
    color: #0f172a;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    text-decoration: none;
    transition: background var(--wb-transition-fast), color var(--wb-transition-fast);
    white-space: nowrap;
}

.owner-orders-tab:last-child {
    border-right: 0;
}

.owner-orders-tab strong {
    background: #e2e8f0;
    border-radius: 999px;
    color: #334155;
    font-size: 11px;
    line-height: 1;
    min-width: 24px;
    padding: 5px 7px;
    text-align: center;
}

.owner-orders-tab:hover,
.owner-orders-tab:focus-visible {
    background: #ffffff;
    outline: none;
}

.owner-orders-tab.is-active {
    background: #111827;
    color: #ffffff;
}

.owner-orders-tab.is-active strong {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

.owner-orders-status-select {
    display: none;
}

.owner-orders-toolbar {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(260px, 1fr) minmax(180px, 230px) auto auto;
}

.owner-orders-search,
.owner-orders-sort {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.owner-orders-search {
    position: relative;
}

.owner-orders-search svg {
    color: #64748b;
    left: 13px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owner-orders-search input {
    min-height: 42px;
    padding-left: 42px;
}

.owner-orders-sort > span,
.owner-orders-status-select > span {
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.owner-orders-sort select,
.owner-orders-status-select select {
    min-height: 42px;
}

.owner-orders-filter {
    min-height: 42px;
    white-space: nowrap;
}

.owner-orders-reset {
    min-height: 42px;
    white-space: nowrap;
}

.owner-orders-resultbar {
    align-items: center;
    color: #475569;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 10px;
    justify-content: space-between;
}

.owner-orders-resultbar strong {
    color: #0f172a;
}

.owner-orders-infinite {
    display: grid;
    gap: 16px;
}

.owner-orders-grid,
.owner-orders-skeleton {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.owner-order-card,
.owner-order-skeleton {
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, 0.92);
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.09);
    min-width: 0;
    overflow: clip;
}

.owner-order-card {
    display: flex;
    flex-direction: column;
    transition: box-shadow var(--wb-transition-fast), transform var(--wb-transition-fast);
}

.owner-order-card:hover {
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
    transform: translateY(-1px);
}

.owner-order-card__media {
    aspect-ratio: 16 / 7.4;
    background: #e2e8f0;
    position: relative;
}

.owner-order-card__image-link,
.owner-order-card__image-link img {
    display: block;
    height: 100%;
    width: 100%;
}

.owner-order-card__image-link img {
    object-fit: cover;
}

.owner-order-card__media--placeholder img {
    background: linear-gradient(135deg, #e2e8f0, #f8fafc);
    object-fit: contain;
    padding: 26px;
}

.owner-order-card__status {
    align-items: center;
    border-radius: 6px;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.16);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
    left: 12px;
    line-height: 1;
    max-width: calc(100% - 70px);
    overflow-wrap: anywhere;
    padding: 8px 10px;
    position: absolute;
    top: 12px;
    z-index: 2;
}

.owner-order-card__status--success,
.owner-order-card__status--success-soft {
    background: #16a34a;
    color: #ffffff;
}

.owner-order-card__status--warning {
    background: #f97316;
    color: #ffffff;
}

.owner-order-card__status--danger {
    background: #ef4444;
    color: #ffffff;
}

.owner-order-card__status--info {
    background: #3b82f6;
    color: #ffffff;
}

.owner-order-card__status--neutral,
.owner-order-card__status--muted {
    background: #64748b;
    color: #ffffff;
}

.owner-order-card__status--paused {
    background: #facc15;
    color: #422006;
}

.owner-order-card__menu {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 4;
}

.owner-order-card__menu summary {
    align-items: center;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 6px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16);
    color: #0f172a;
    cursor: pointer;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    list-style: none;
    width: 34px;
}

.owner-order-card__menu summary::-webkit-details-marker {
    display: none;
}

.owner-order-card__menu summary:focus-visible {
    outline: 3px solid rgba(255, 130, 2, 0.35);
    outline-offset: 2px;
}

.owner-order-card__menu-list {
    background: #ffffff;
    border: 1px solid #dbe3ed;
    border-radius: 8px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
    display: grid;
    gap: 2px;
    margin-top: 8px;
    min-width: 210px;
    padding: 6px;
    position: absolute;
    right: 0;
}

.owner-order-card__menu-list a,
.owner-order-card__menu-list button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #0f172a;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: 9px;
    min-height: 36px;
    padding: 8px 10px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.owner-order-card__menu-list a:hover,
.owner-order-card__menu-list a:focus-visible,
.owner-order-card__menu-list button:hover,
.owner-order-card__menu-list button:focus-visible {
    background: #f8fafc;
    outline: none;
}

.owner-order-card__menu-list form {
    margin: 0;
}

.owner-order-card__menu-list .is-danger {
    color: #b42318;
}

.owner-order-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 13px 14px 12px;
}

.owner-order-card__body h2 {
    color: #0f172a;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 0;
    min-height: 42px;
    overflow-wrap: anywhere;
}

.owner-order-card__body h2 a {
    color: inherit;
    text-decoration: none;
}

.owner-order-card__body h2 a:hover,
.owner-order-card__body h2 a:focus-visible {
    color: var(--wb-color-primary);
    outline: none;
}

.owner-order-card__location {
    align-items: center;
    color: #475569;
    display: flex;
    font-size: 13px;
    gap: 7px;
    margin: 0;
    min-width: 0;
}

.owner-order-card__location span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.owner-order-card__facts {
    display: grid;
    gap: 8px 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0;
}

.owner-order-card__facts > div {
    align-items: center;
    color: #334155;
    display: grid;
    gap: 2px 7px;
    grid-template-columns: 18px minmax(0, 1fr);
    min-width: 0;
}

.owner-order-card__facts svg {
    color: #334155;
    grid-row: span 2;
}

.owner-order-card__facts dt {
    color: #64748b;
    font-size: 0;
    height: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.owner-order-card__facts dd {
    font-size: 13px;
    line-height: 1.25;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.owner-order-card__fact-full {
    grid-column: 1 / -1;
}

.owner-order-card__note {
    align-items: flex-start;
    border-radius: 7px;
    display: flex;
    font-size: 13px;
    gap: 8px;
    line-height: 1.35;
    padding: 9px 10px;
}

.owner-order-card__note--danger {
    background: #fef2f2;
    color: #b42318;
}

.owner-order-card__note--warning {
    background: #fffbeb;
    color: #92400e;
}
.owner-order-card__note--success {
    background: #f0fdf4;
    color: #166534;
}

.owner-order-card__buyer {
    background: #f8fbff;
    border: 1px solid #dbeafe;
    border-radius: 7px;
    display: grid;
    gap: 9px;
    padding: 10px;
}

.owner-order-card__buyer-head {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.owner-order-card__buyer-head > svg {
    color: #2563eb;
    flex: 0 0 auto;
}

.owner-order-card__buyer-head strong,
.owner-order-card__buyer-head small {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.owner-order-card__buyer-head strong {
    color: #0f172a;
    font-size: 13px;
}

.owner-order-card__buyer-head small {
    color: #475569;
    font-size: 12px;
}

.owner-order-card__buyer-links {
    display: grid;
    gap: 6px;
}

.owner-order-card__buyer-links a {
    align-items: center;
    color: #1d4ed8;
    display: flex;
    font-size: 12px;
    gap: 7px;
    min-width: 0;
    text-decoration: none;
}

.owner-order-card__buyer-links a span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.owner-order-card__activity {
    border-top: 1px solid #e2e8f0;
    display: grid;
    gap: 8px;
    padding-top: 10px;
}

.owner-order-card__activity-row {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.owner-order-card__activity-row > span:first-child {
    background: #eef2ff;
    border-radius: 999px;
    color: #3730a3;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    justify-self: start;
    padding: 4px 8px;
}

.owner-order-card__activity-row strong {
    color: #0f172a;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.owner-order-card__activity-row small {
    color: #475569;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.owner-order-card__activity-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.owner-order-card__activity-actions form {
    margin: 0;
}

.owner-order-card__footer {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 4px;
}

.owner-order-card__signals {
    align-items: center;
    color: #334155;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 10px;
    min-width: 0;
}

.owner-order-card__signals > span {
    align-items: center;
    display: inline-flex;
    gap: 5px;
}

.owner-order-card__primary {
    align-items: center;
    background: #111827;
    border-radius: 7px;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 700;
    gap: 7px;
    min-height: 36px;
    padding: 8px 12px;
    text-decoration: none;
    transition: background var(--wb-transition-fast), box-shadow var(--wb-transition-fast);
    white-space: nowrap;
}

.owner-order-card__primary:hover,
.owner-order-card__primary:focus-visible {
    background: #1e3a8a;
    box-shadow: 0 10px 22px rgba(30, 58, 138, 0.22);
    color: #ffffff;
    outline: none;
}

.owner-order-card--danger .owner-order-card__primary {
    background: #b42318;
}

.owner-order-card--danger .owner-order-card__primary:hover,
.owner-order-card--danger .owner-order-card__primary:focus-visible {
    background: #991b1b;
}

.owner-order-skeleton {
    min-height: 304px;
    overflow: hidden;
}

.owner-order-skeleton > span,
.owner-order-skeleton i {
    animation: owner-order-skeleton-pulse 1.2s ease-in-out infinite;
    background: linear-gradient(90deg, #e2e8f0 0%, #f8fafc 46%, #e2e8f0 100%);
    background-size: 220% 100%;
    display: block;
}

.owner-order-skeleton > span {
    aspect-ratio: 16 / 7.4;
}

.owner-order-skeleton div {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.owner-order-skeleton i {
    border-radius: 999px;
    height: 14px;
}

.owner-order-skeleton i:first-child {
    height: 20px;
    width: 72%;
}

.owner-order-skeleton i:nth-child(2) {
    width: 58%;
}

.owner-order-skeleton i:nth-child(3) {
    width: 86%;
}

.owner-orders-empty {
    margin: 0;
}

@keyframes owner-order-skeleton-pulse {
    0% { background-position: 120% 0; }
    100% { background-position: -120% 0; }
}

@media (max-width: 1280px) {
    .owner-orders-grid,
    .owner-orders-skeleton {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1080px) {
    .owner-orders-hero {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .owner-orders-limit {
        grid-column: 1 / -1;
    }

    .owner-orders-toolbar {
        grid-template-columns: minmax(240px, 1fr) minmax(180px, 220px) auto;
    }

    .owner-orders-reset {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (max-width: 900px) {
    .owner-orders-grid,
    .owner-orders-skeleton {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .owner-orders-page {
        gap: 15px;
    }

    .owner-orders-hero {
        grid-template-columns: 1fr;
    }

    .owner-orders-create {
        justify-self: start;
        width: 100%;
    }

    .owner-orders-tabs {
        display: none;
    }

    .owner-orders-status-select {
        display: grid;
        gap: 6px;
    }

    .owner-orders-toolbar {
        grid-template-columns: 1fr 1fr;
    }

    .owner-orders-search {
        grid-column: 1 / -1;
    }

    .owner-orders-filter,
    .owner-orders-reset {
        width: 100%;
    }

    .owner-orders-reset {
        grid-column: auto;
    }
}

@media (max-width: 580px) {
    .owner-orders-hero h1 {
        font-size: 28px;
    }

    .owner-orders-grid,
    .owner-orders-skeleton,
    .owner-orders-toolbar {
        grid-template-columns: 1fr;
    }


    .owner-order-card__media,
    .owner-order-skeleton > span {
        aspect-ratio: 16 / 9;
    }

    .owner-order-card__facts {
        grid-template-columns: 1fr;
    }

    .owner-order-card__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .owner-order-card__primary {
        justify-content: center;
        width: 100%;
    }
}

/* Public rental category navigation; no global shell changes. */
.rental-seo-navigation{padding-block:18px}.rental-category-navigation{padding-block:24px}.rental-category-navigation h2{font-size:22px;margin:0 0 16px}.rental-category-links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px}.rental-category-links li{border:1px solid #e0e6ed;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;background:#fff}.rental-category-links a{color:#173249;font-weight:650;text-decoration:underline;text-underline-offset:3px}.rental-category-links span{font-size:12px;color:#526178;margin-top:5px}.rental-category-intro{white-space:normal}.rental-seo-navigation .rental-breadcrumb{flex-wrap:wrap}
.rental-hero .rental-category-intro{color:#dbe4ef;line-height:1.65}
.rental-card-grid--catalog{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
/* Open qualification tasks share the existing company verification list. */
.verification-work-tasks { display:grid; gap:10px; min-width:220px; white-space:normal; }
.verification-work-task { display:grid; gap:3px; padding:9px 0; border-bottom:1px solid var(--border-color,#e5e7eb); overflow-wrap:anywhere; }
.verification-work-task:last-child { border-bottom:0; }
.verification-work-task small { display:block; color:var(--text-muted,#64748b); white-space:normal; }
.verification-open-work { padding:0 20px 16px; }
.verification-open-work .verification-work-tasks { grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); gap:16px; min-width:0; }
.verification-work-task a { width:fit-content; }
.verification-documents-table tr:target { outline:2px solid #2563eb; outline-offset:-2px; scroll-margin-top:90px; }
.verification-list-table td { vertical-align:top; }

/* The fourth column now contains review tasks rather than a document count. */
.verification-index .verification-list-table { width:100%; min-width:1080px; table-layout:fixed; }
.verification-index .verification-list-table th:nth-child(1), .verification-index .verification-list-table td:nth-child(1) { width:20%; }
.verification-index .verification-list-table th:nth-child(2), .verification-index .verification-list-table td:nth-child(2) { width:13%; }
.verification-index .verification-list-table th:nth-child(3), .verification-index .verification-list-table td:nth-child(3) { width:10%; }
.verification-index .verification-list-table th:nth-child(4), .verification-index .verification-list-table td:nth-child(4) { width:30%; }
.verification-index .verification-list-table th:nth-child(5), .verification-index .verification-list-table td:nth-child(5) { width:8%; }
.verification-index .verification-list-table th:nth-child(6), .verification-index .verification-list-table td:nth-child(6) { width:9%; }
.verification-index .verification-list-table th:nth-child(7), .verification-index .verification-list-table td:nth-child(7) { width:10%; }
.verification-index .verification-list-table th, .verification-index .verification-list-table td { padding:18px 12px; }
.verification-index .verification-list-table th { overflow-wrap:normal; word-break:normal; }
.verification-index .verification-list-table td:nth-child(3) { white-space:nowrap; }
.verification-index .verification-status-badge { text-transform:none; overflow-wrap:normal; word-break:normal; line-height:1.35; padding:3px 8px; }
.verification-index .verification-work-tasks { min-width:0; }
.verification-index .verification-check-link { box-sizing:border-box; min-width:0; width:100%; max-width:84px; padding:6px; gap:6px; white-space:nowrap; flex-wrap:nowrap; }
.verification-index .verification-filter-bar { grid-template-columns:repeat(4,minmax(0,1fr)); align-items:end; }
.verification-index .verification-filter-bar__actions { display:flex; gap:8px; justify-content:flex-end; }
.verification-index .verification-filter-bar__actions .button { width:auto; }
.verification-index__header > [data-verification-refresh-list] { width:fit-content; justify-self:start; }
@media(max-width:1000px) { .verification-index .verification-filter-bar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .verification-index .verification-filter-bar { grid-template-columns:minmax(0,1fr); } }

@media(max-width:600px) { .verification-center .verification-page-header h1 { --wb-font-size-h1:clamp(18px,5.5vw,22px); hyphens:auto; } }

/* QualityGate UI corrections: settings fields fit their available panel width. */
.settings-admin-page .settings-field { grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); }
.settings-admin-page .settings-field__control { max-width:100%; }
.settings-admin-page .settings-field-error { white-space:normal; overflow-wrap:anywhere; }
.app-shell--public:has(.rental-detail-page) .site-header .brand:has(.brand__logo) { background:#111923; border-radius:8px; padding:6px 10px; }
@media(max-width:400px) {
 .app-shell--admin:has(:is(.cp-page,.settings-admin-page)) .admin-header { gap:8px; padding-inline:10px; flex-wrap:nowrap; }
 .app-shell--admin:has(:is(.cp-page,.settings-admin-page)) .admin-header__left { gap:8px; }
 .app-shell--admin:has(:is(.cp-page,.settings-admin-page)) .admin-brand__logo { max-width:106px; }
 .app-shell--admin:has(:is(.cp-page,.settings-admin-page)) .admin-header__actions { gap:4px; flex-wrap:nowrap; }
 .app-shell--admin:has(:is(.cp-page,.settings-admin-page)) .admin-icon-button,
 .app-shell--admin:has(:is(.cp-page,.settings-admin-page)) .admin-avatar { width:36px; height:36px; }
}

@media(max-width:600px) { .settings-admin-page { --wb-font-size-h1:clamp(21px,5.5vw,28px); } }

/* Public contact: consistent cards and a useful mobile topic return. */
.contact-page .contact-topic-grid { grid-auto-rows: 1fr; }
.contact-page .contact-topic-card { grid-template-columns: 36px minmax(0, 1fr); padding: 20px 16px; transition: border-color 170ms ease, background-color 170ms ease; }
.contact-page .contact-topic-card:hover, .contact-page .contact-topic-card:focus-visible { transform: none; }
.contact-page .contact-topic-card:focus-visible { outline: 2px solid var(--wb-color-accent); outline-offset: 3px; }
.contact-page .contact-topic-card__icon, .contact-page .contact-selected > span { color: #344054; }
.contact-page .contact-topic-card__icon .contact-icon { width: 30px; height: 30px; }
.contact-page [data-contact-focus-topics] { display: none; }
.contact-page #contact-form-title { scroll-margin-top: 110px; }
.contact-page .contact-topic-card { scroll-margin-top: 110px; }
@media (max-width: 1040px) {
    .contact-page [data-contact-focus-topics] { display: inline-flex; min-height: 44px; align-items: center; }
    .contact-page .contact-topic-card { min-height: 142px; }
}
@media (prefers-reduced-motion: reduce) {
    .contact-page .contact-topic-card { transition: none; }
}

.contact-page.is-enhanced .contact-category-fallback { display:none; }
.contact-page:not(.is-enhanced) .contact-panel--topics, .contact-page:not(.is-enhanced) .contact-selected { display:none; }
.contact-page:not(.is-enhanced) .contact-shell { grid-template-columns:1fr; }
.contact-page .contact-topic-card, .contact-page .contact-selected { overflow-wrap:anywhere; }