.sb-board {
    --sb-board-bg: #f5f7fb;
    --sb-board-card: #ffffff;
    --sb-board-border: #d8dfeb;
    --sb-board-text: #18324a;
    --sb-board-muted: #5f7187;
    --sb-board-accent: #0f7ac6;
    --sb-board-accent-soft: #e8f3fb;
    --sb-board-success: #198754;
    background: var(--sb-board-bg);
    border: 1px solid var(--sb-board-border);
    border-radius: 24px;
    padding: 24px;
    color: var(--sb-board-text);
    box-shadow: 0 20px 45px rgba(24, 50, 74, 0.08);
}
.sb-board *, .sb-board *::before, .sb-board *::after { box-sizing: border-box; }


.sb-board-help {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-left: 6px;
}

.sb-board-help__trigger {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 21px !important;
    min-width: 21px !important;
    max-width: 21px !important;
    height: 21px !important;
    min-height: 21px !important;
    max-height: 21px !important;
    border: 1px solid #cddbeb !important;
    border-radius: 999px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    background: linear-gradient(180deg, #ffffff 0%, #eef5fb 100%) !important;
    color: transparent !important;
    font-size: 0 !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(24, 50, 74, 0.08) !important;
    outline: none !important;
    overflow: visible !important;
    position: relative;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.sb-board-help__trigger::before {
    content: '?' !important;
    display: block;
    color: var(--sb-board-accent) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    font-family: inherit !important;
}

.sb-board-help__trigger:hover,
.sb-board-help__trigger:focus,
.sb-board-help__trigger:focus-visible,
.sb-board-help__trigger:active {
    background: linear-gradient(180deg, #ffffff 0%, #e8f3fb 100%) !important;
    border: 1px solid #b8d4ea !important;
    box-shadow: 0 10px 18px rgba(24, 50, 74, 0.12) !important;
    transform: translateY(-1px);
    outline: none !important;
    color: transparent !important;
}

.sb-board-help__trigger:hover::before,
.sb-board-help__trigger:focus::before,
.sb-board-help__trigger:focus-visible::before,
.sb-board-help__trigger:active::before {
    color: #0c689f !important;
}

.sb-board-help__popover {
    position: absolute;
    left: 50%;
    top: calc(100% + 12px);
    transform: translateX(-50%) translateY(4px);
    z-index: 40;
    width: min(292px, calc(100vw - 36px));
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid #d7e3ef;
    background: linear-gradient(180deg, #ffffff 0%, #f6fafe 100%);
    color: var(--sb-board-text);
    box-shadow: 0 18px 34px rgba(24, 50, 74, 0.12);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}

.sb-board-help__popover::before,
.sb-board-help__popover::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 12px;
    height: 12px;
    transform: translateX(-50%) rotate(45deg);
}

.sb-board-help__popover::before {
    top: -7px;
    background: #d7e3ef;
}

.sb-board-help__popover::after {
    top: -6px;
    background: #ffffff;
}

.sb-board-help__popover strong,
.sb-board-help__popover span {
    display: block;
}

.sb-board-help__popover strong {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    color: var(--sb-board-accent);
}

.sb-board-help__popover span {
    font-size: 12px;
    line-height: 1.55;
    font-weight: 500;
    color: var(--sb-board-muted);
}

.sb-board-help:hover .sb-board-help__popover,
.sb-board-help:focus-within .sb-board-help__popover,
.sb-board-help.is-open .sb-board-help__popover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

.sb-board-filter label .sb-board-help,
.sb-board-form-grid label span .sb-board-help,
.sb-unit-section dt .sb-board-help {
    margin-left: 8px;
}


/* MS-SB-HELP-TOOLTIPS-OVERFLOW-RESCUE-1 */
.sb-board-help__popover,
.sb-board-help__popover strong,
.sb-board-help__popover span {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
}

.sb-board-help__popover {
    inline-size: min(292px, calc(100vw - 36px));
    max-inline-size: min(292px, calc(100vw - 36px));
}

.sb-board-collapse__title .sb-board-help__popover,
.sb-board__micro-help-label .sb-board-help__popover {
    max-inline-size: min(292px, calc(100vw - 48px));
}

@media (max-width: 680px) {
    .sb-board-help__popover,
    .sb-board-collapse__title .sb-board-help__popover,
    .sb-board__micro-help-label .sb-board-help__popover {
        inline-size: min(280px, calc(100vw - 32px));
        max-inline-size: min(280px, calc(100vw - 32px));
    }
}

@media (max-width: 680px) {
    .sb-board-help__trigger {
        width: 22px !important;
        min-width: 22px !important;
        max-width: 22px !important;
        height: 22px !important;
        min-height: 22px !important;
        max-height: 22px !important;
    }

    .sb-board-help__trigger::before {
        font-size: 12px !important;
    }

    .sb-board-help__popover {
        left: 0;
        transform: translateX(0) translateY(4px);
        width: min(280px, calc(100vw - 32px));
        padding: 14px 15px;
    }

    .sb-board-help__popover::before,
    .sb-board-help__popover::after {
        left: 16px;
        transform: rotate(45deg);
    }

    .sb-board-help:hover .sb-board-help__popover,
    .sb-board-help:focus-within .sb-board-help__popover,
    .sb-board-help.is-open .sb-board-help__popover {
        transform: translateX(0) translateY(0);
    }
}


.sb-board__hero {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
    gap: 20px;
    align-items: stretch;
    margin-bottom: 20px;
}
.sb-board__hero > div:first-child {
    background: linear-gradient(135deg, #15324f 0%, #1d4b73 100%);
    color: #fff;
    border-radius: 22px;
    padding: 28px;
}
.sb-board__eyebrow, .sb-unit-panel__eyebrow, .sb-unit-feature-card__eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    color: inherit;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.sb-unit-feature-card__eyebrow {
    background: #edf5fb;
    color: var(--sb-board-accent);
}
.sb-board__hero h2, .sb-unit-panel__hero h3 { margin: 0 0 10px; }
.sb-board__hero p { margin: 0; line-height: 1.6; max-width: 60ch; }

/* Surface color hotfix 2: apply the lighter serviceboard surface to the main frontend board too. */
.sb-board > .sb-board__hero > div:first-child,
.sb-board .sb-board__hero > div:first-child,
.sb-board--statistics .sb-board__hero > div:first-child {
    background: linear-gradient(180deg, #edf1f5 0%, #e6ebf0 100%) !important;
    color: #17324a !important;
    border: 1px solid #d6dde5 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}

.sb-board > .sb-board__hero > div:first-child h2,
.sb-board > .sb-board__hero > div:first-child p,
.sb-board > .sb-board__hero > div:first-child .sb-board__eyebrow,
.sb-board .sb-board__hero > div:first-child h2,
.sb-board .sb-board__hero > div:first-child p,
.sb-board .sb-board__hero > div:first-child .sb-board__eyebrow {
    color: #17324a !important;
}

.sb-board > .sb-board__hero > div:first-child .sb-board__eyebrow,
.sb-board .sb-board__hero > div:first-child .sb-board__eyebrow {
    background: #ddeaf6 !important;
    border: 1px solid #cddded;
}

.sb-board > .sb-board__hero > div:first-child .sb-unit-link-btn--ghost,
.sb-board .sb-board__hero > div:first-child .sb-unit-link-btn--ghost {
    background: #ffffff !important;
    color: #176fb3 !important;
    border-color: #c5d8e8 !important;
}

.sb-board .sb-board__access,
.sb-board .sb-board__notice,
.sb-board .sb-board__empty {
    background: #edf1f5;
    border-color: #d6dde5;
    color: #17324a;
}


.sb-board__notice--render-marker {
    margin: 0 0 18px;
    border: 1px solid #bfd5e7;
    border-radius: 18px;
    background: linear-gradient(180deg, #f7fbff 0%, #edf5fb 100%);
    padding: 16px 18px;
    box-shadow: 0 8px 20px rgba(24, 50, 74, 0.05);
}

.sb-board__notice--render-marker strong,
.sb-board__notice--render-marker span,
.sb-board__notice--render-marker small {
    display: block;
}

.sb-board__notice--render-marker strong {
    margin-bottom: 6px;
    font-size: 16px;
}

.sb-board__notice--render-marker span {
    margin-bottom: 6px;
    line-height: 1.55;
}

.sb-board__notice--render-marker small {
    color: var(--sb-board-muted);
    line-height: 1.5;
}

.sb-board__hero-side {
    display: grid;
    gap: 14px;
    align-content: start;
}

.sb-board__tickets-widget {
    background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
    border: 1px solid var(--sb-board-border);
    border-radius: 20px;
    padding: 18px;
    box-shadow: 0 10px 24px rgba(24, 50, 74, 0.04);
}

.sb-board__tickets-widget-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 0;
}

.sb-board__tickets-widget-kicker {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef6fd;
    color: #176fb3;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-bottom: 8px;
}

.sb-board__tickets-widget-head h3 {
    margin: 0 0 6px;
    font-size: 20px;
    line-height: 1.2;
}

.sb-board__tickets-widget-head p {
    margin: 0;
    color: var(--sb-board-muted);
    line-height: 1.5;
}

.sb-board__tickets-widget-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.sb-board__tickets-widget-metric {
    background: #f6f9fc;
    border: 1px solid #dde7ef;
    border-radius: 14px;
    padding: 12px 14px;
}

.sb-board__tickets-widget-metric--link {
    display: block;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.sb-board__tickets-widget-metric--link:hover,
.sb-board__tickets-widget-metric--link:focus-visible {
    border-color: #b9d3ea;
    background: #eef6fd;
    box-shadow: 0 8px 18px rgba(23, 111, 179, 0.10);
    transform: translateY(-1px);
}

.sb-board__tickets-widget-metric span {
    display: block;
    color: var(--sb-board-muted);
    font-size: 12px;
    margin-bottom: 4px;
}

.sb-board__tickets-widget-metric strong {
    display: block;
    font-size: 24px;
    line-height: 1.1;
    color: #17324a;
}

.sb-board__tickets-widget-latest {
    border-top: 1px solid #e3eaf1;
    padding-top: 14px;
}

.sb-board__tickets-widget-label {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--sb-board-muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.sb-support-mini-ticket--widget {
    align-items: flex-start;
}

.sb-board__tickets-widget-empty {
    padding: 14px;
    border: 1px dashed #d7e0e8;
    border-radius: 14px;
    background: #f8fbfd;
    color: var(--sb-board-muted);
}


.sb-board__tickets-widget-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.sb-board__tickets-widget-inline-link {
    font-size: 13px;
    font-weight: 700;
    color: #176fb3;
    text-decoration: none;
}

.sb-board__tickets-widget-inline-link:hover,
.sb-board__tickets-widget-inline-link:focus-visible {
    text-decoration: underline;
}

.sb-board__tickets-widget-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}


.sb-board__parts-orders-panel {
    background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
    border: 1px solid var(--sb-board-border);
    border-radius: 20px;
    padding: 14px;
    box-shadow: 0 10px 24px rgba(24, 50, 74, 0.04);
}

.sb-board__parts-orders-panel-head {
    margin-bottom: 0;
}

.sb-board__parts-orders-panel-kicker {
    display: inline-flex;
    align-items: center;
    margin-bottom: 6px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #eef6fd;
    color: #176fb3;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.sb-board__parts-orders-panel .sb-board-collapse__toggle {
    align-items: flex-start;
}

.sb-board__parts-orders-panel-placeholder {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px dashed #d7e0e8;
    border-radius: 16px;
    background: #f8fbfd;
}

.sb-board__parts-orders-panel-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.sb-board__parts-orders-panel-line {
    display: block;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, #dbe7f1 0%, #eef4f8 100%);
    flex: 1 1 auto;
}

.sb-board__parts-orders-panel-line--strong {
    height: 12px;
    max-width: 68%;
}

.sb-board__parts-orders-panel-line--medium {
    max-width: 52%;
}

.sb-board__parts-orders-panel-line--short {
    max-width: 32%;
}

.sb-board__parts-orders-panel-chip {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef6fd;
    color: #176fb3;
    font-size: 12px;
    font-weight: 700;
}

.sb-board__parts-orders-panel-empty {
    margin-top: 12px;
    color: var(--sb-board-muted);
    line-height: 1.55;
}

.sb-board__hero-cards {
    display: grid;
    gap: 14px;
}
.sb-board__metric, .sb-unit-summary-card, .sb-unit-feature-card {
    background: var(--sb-board-card);
    border: 1px solid var(--sb-board-border);
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 10px 25px rgba(24, 50, 74, 0.05);
}
.sb-board__metric span, .sb-unit-summary-card span {
    display: block;
    color: var(--sb-board-muted);
    font-size: 13px;
    margin-bottom: 6px;
}
.sb-board__metric strong {
    font-size: 28px;
    line-height: 1.1;
}
.sb-board__metric--link {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.sb-board__metric--link:hover,
.sb-board__metric--link:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(24, 50, 74, 0.08);
    border-color: rgba(36, 150, 63, 0.22);
    outline: none;
}
.sb-unit-summary-card strong {
    font-size: clamp(16px, 1.7vw, 18px);
    line-height: 1.25;
    font-weight: 700;
}

.sb-board__searchbar {
    background: linear-gradient(180deg, #fbfdff 0%, var(--sb-board-card) 100%);
    border: 1px solid var(--sb-board-border);
    border-radius: 20px;
    padding: 18px;
    margin-bottom: 20px;
    box-shadow: 0 10px 24px rgba(24, 50, 74, 0.04);
}
.sb-board__searchbar-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}
.sb-board__searchbar-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef6fd;
    color: var(--sb-board-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.sb-board__searchbar-head h3 {
    margin: 10px 0 6px;
    font-size: clamp(20px, 2vw, 24px);
}
.sb-board__searchbar-head p {
    margin: 0;
    max-width: 760px;
    color: var(--sb-board-muted);
    line-height: 1.55;
}
.sb-board-collapsible {
    position: relative;
}
.sb-board-collapsible .sb-board-collapse__toggle {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    padding: 0;
    text-align: left;
    font: inherit;
}
.sb-board-collapsible .sb-board-collapse__toggle::after {
    content: '▾';
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 1;
    color: var(--sb-board-accent);
    transition: transform .2s ease;
}
.sb-board-collapsible.is-collapsed .sb-board-collapse__toggle::after {
    transform: rotate(-90deg);
}
.sb-board-collapse__title {
    display: block;
    font-size: clamp(20px, 2vw, 24px);
    font-weight: 700;
    color: var(--sb-board-text);
}
.sb-board-collapse__intro {
    margin: 0 0 14px;
    color: var(--sb-board-muted);
    line-height: 1.55;
}
.sb-board-collapse__body {
    margin-top: 16px;
}
.sb-board__searchbar-head--toggle {
    margin-bottom: 0;
}
.sb-board__searchbar-head--toggle .sb-board-collapse__toggle {
    align-items: flex-start;
    flex-direction: column;
}
.sb-board__results-wrap.sb-board-collapsible,
.sb-board__detail-wrap.sb-board-collapsible {
    background: linear-gradient(180deg, #fbfdff 0%, var(--sb-board-card) 100%);
    border: 1px solid var(--sb-board-border);
    border-radius: 20px;
    padding: 18px;
    box-shadow: 0 10px 24px rgba(24, 50, 74, 0.04);
}
.sb-board__section-head--toggle {
    margin-bottom: 0;
}
.sb-board__section-head--toggle .sb-board-collapse__toggle {
    flex: 1 1 auto;
    min-width: 0;
}
.sb-board__section-head--toggle .sb-board-collapse__title {
    font-size: clamp(18px, 1.7vw, 22px);
}
.sb-board__section-head--toggle > span {
    flex: 0 0 auto;
}
.sb-board-search-form {
    display: grid;
    gap: 14px;
}
.sb-board-search-form__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
}
.sb-board-search-form input[type="search"],
.sb-board-filterbar select {
    width: 100%;
    border: 1px solid var(--sb-board-border);
    border-radius: 14px;
    padding: 14px 16px;
    font-size: 16px;
    color: var(--sb-board-text);
    background: #fff;
}
.sb-board-search-form button,
.sb-board-card__actions .sb-board-open,
.sb-unit-link-btn {
    appearance: none;
    border: 0;
    border-radius: 14px;
    background: var(--sb-board-accent);
    color: #fff;
    padding: 14px 18px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.sb-unit-link-btn--alt {
    background: #edf5fb;
    color: var(--sb-board-accent);
}
.sb-board-filterbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    align-items: end;
}
.sb-board-filter label,
.sb-board-filterbar .sb-board-filter > span {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: var(--sb-board-muted);
    font-weight: 600;
}
.sb-board-filter--check {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 10px;
    border: 1px dashed var(--sb-board-border);
    border-radius: 14px;
    background: #fbfcfe;
}
.sb-board-filter--check input {
    width: 18px;
    height: 18px;
    margin: 0;
}
.sb-board-filter--check span {
    margin: 0;
    color: var(--sb-board-text);
    font-weight: 600;
}
.sb-board-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    border-radius: 14px;
    border: 1px solid var(--sb-board-border);
    background: #fff;
    color: var(--sb-board-text);
    padding: 0 14px;
    text-decoration: none;
    font-weight: 600;
}
.sb-board__search-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}
.sb-board-create-unit {
    margin-top: 16px;
    padding: 18px;
    background: #fff;
    border: 1px solid var(--sb-board-border);
    border-radius: 18px;
}
.sb-board__helper {
    margin: 12px 0 0;
    padding: 10px 12px;
    border-radius: 14px;
    background: #f6f9fc;
    color: var(--sb-board-muted);
    font-size: 13px;
    line-height: 1.5;
}

.sb-board-search-enhancements {
    display: grid;
    gap: 12px;
    margin-top: 2px;
}
.sb-board-search-status-quick,
.sb-board-search-recent {
    padding: 14px 16px;
    border: 1px solid var(--sb-board-border);
    border-radius: 18px;
    background: linear-gradient(180deg, #fcfeff 0%, #f6fbff 100%);
    box-shadow: 0 10px 24px rgba(15, 65, 102, 0.04);
}
.sb-board-search-status-quick__label,
.sb-board-search-recent__label {
    display: inline-flex;
    align-items: center;
    color: var(--sb-board-muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.sb-board-search-status-quick__chips,
.sb-board-search-recent__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.sb-board-search-recent__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.sb-board-search-chip,
.sb-board-search-recent__clear,
button.sb-board-search-chip,
button.sb-board-search-recent__clear,
.sb-board-search-status-quick button.sb-board-search-chip,
.sb-board-search-recent button.sb-board-search-chip,
.sb-board-search-recent button.sb-board-search-recent__clear {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 34px !important;
    padding: 7px 13px !important;
    border: 1px solid #cfe0ee !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #1d5f99 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.sb-board-search-chip:hover,
.sb-board-search-chip:focus-visible,
.sb-board-search-recent__clear:hover,
.sb-board-search-recent__clear:focus-visible,
button.sb-board-search-chip:hover,
button.sb-board-search-chip:focus-visible,
button.sb-board-search-recent__clear:hover,
button.sb-board-search-recent__clear:focus-visible {
    background: #f1f8fe !important;
    border-color: #b9d4e7 !important;
    color: var(--sb-board-accent) !important;
    box-shadow: 0 0 0 3px rgba(15, 122, 198, 0.08) !important;
    outline: none !important;
}
.sb-board-search-chip.is-active,
button.sb-board-search-chip.is-active,
.sb-board-search-status-quick button.sb-board-search-chip.is-active {
    background: linear-gradient(180deg, #2492db 0%, #147bc8 100%) !important;
    border-color: #147bc8 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(20, 123, 200, 0.18) !important;
}
.sb-board-search-chip--recent,
button.sb-board-search-chip--recent {
    background: #ffffff !important;
}
.sb-board-search-recent__clear,
button.sb-board-search-recent__clear {
    min-height: 30px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
}

.sb-board__layout {
    display: grid;
    grid-template-columns: minmax(320px, 0.98fr) minmax(0, 1.35fr);
    gap: 20px;
}
.sb-board__results-wrap,
.sb-board__detail-wrap {
    min-width: 0;
}
.sb-board__detail-wrap.is-focused-from-board-link {
    border-color: #b7d8c4;
    box-shadow: 0 0 0 2px rgba(36, 150, 63, 0.14), 0 18px 34px rgba(24, 50, 74, 0.08);
    background: linear-gradient(180deg, #fcfffd 0%, var(--sb-board-card) 100%);
}

.sb-board__section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}
.sb-board__section-head h3,
.sb-board__section-head h4 { margin: 0; }
.sb-board__section-head span {
    color: var(--sb-board-muted);
    font-size: 13px;
}
.sb-board__results {
    display: grid;
    gap: 14px;
}
.sb-board-card {
    background: var(--sb-board-card);
    border: 1px solid var(--sb-board-border);
    border-radius: 20px;
    padding: 18px;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    position: relative;
    overflow: hidden;
}
.sb-board-card.has-deep-history::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, #0f7ac6 0%, #3aa66d 100%);
}
.sb-board-card.is-active {
    border-color: var(--sb-board-accent);
    box-shadow: 0 12px 24px rgba(15, 122, 198, 0.12);
    transform: translateY(-1px);
}
.sb-board-card__head,
.sb-unit-history-item__top,
.sb-unit-panel__hero,
.sb-unit-feature-card__head,
.sb-unit-panel__actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.sb-board-card__label {
    display: block;
    color: var(--sb-board-muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-bottom: 4px;
}
.sb-board-card__side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}
.sb-board-card__count, .sb-unit-badge, .sb-board-card__flag {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 999px;
    background: var(--sb-board-accent-soft);
    color: var(--sb-board-accent);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
.sb-board-card__flag {
    background: #eef8f1;
    color: var(--sb-board-success);
}
.sb-unit-badge--status {
    background: #eef8f1;
    color: var(--sb-board-success);
}
.sb-board-card__meta, .sb-unit-history-item__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0;
    color: var(--sb-board-muted);
    font-size: 13px;
}
.sb-board-card__meta span {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f1f4f9;
}

.sb-board-card__matches {
    display: grid;
    gap: 8px;
    margin: 0 0 12px;
}
.sb-board-card__matches-label {
    color: var(--sb-board-muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.sb-board-card__matches-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.sb-board-card__match-chip {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 999px;
    background: #eef6fd;
    border: 1px solid #d7e8f7;
    color: #0f5f99;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}
.sb-board-card__match-chip--muted {
    background: #f5f8fc;
    border-color: #e1e8f0;
    color: var(--sb-board-muted);
}
mark.sb-board-match-highlight {
    background: #dff0ff;
    color: #0b5fa5;
    border-radius: 6px;
    padding: 0 3px;
    font-weight: 700;
}
.sb-board-card__info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 12px;
}
.sb-board-card__info div,
.sb-unit-section dl div,
.sb-unit-feature-card__grid div {
    background: #fbfcfe;
    border: 1px solid #edf1f7;
    border-radius: 14px;
    padding: 12px;
}
.sb-board-card__info dt,
.sb-unit-section dt,
.sb-unit-feature-card__grid dt {
    color: var(--sb-board-muted);
    font-size: 12px;
    margin-bottom: 4px;
}
.sb-board-card__info dd,
.sb-unit-section dd,
.sb-unit-feature-card__grid dd {
    margin: 0;
    font-weight: 600;
}
.sb-board-card__latest {
    display: grid;
    gap: 3px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #f8fbff;
    border: 1px solid #dfeaf5;
    margin-bottom: 14px;
}
.sb-board-card__latest-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.sb-board-card__latest-label {
    color: var(--sb-board-muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.sb-board-card__latest-warranty {
    color: var(--sb-board-muted);
    font-size: 12px;
    text-align: right;
}
.sb-board-card__latest strong {
    font-size: 16px;
}
.sb-board-card__latest span:last-child {
    color: var(--sb-board-muted);
    font-size: 13px;
}

.sb-board-card__tickets {
    display: grid;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #f9fbfd;
    border: 1px solid #e2e8ef;
    margin-bottom: 14px;
}
.sb-board-card__tickets.is-empty {
    background: #fcfdff;
}
.sb-board-card__tickets-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}
.sb-board-card__tickets-label {
    display: block;
    color: var(--sb-board-muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-bottom: 4px;
}
.sb-board-card__tickets-state {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.sb-board-card__tickets-state .sb-support-status-signal-row {
    padding-left: 0;
}
.sb-board-card__tickets-body {
    display: grid;
    gap: 6px;
}
.sb-board-card__tickets-subject {
    font-weight: 700;
    color: #1c2b36;
}
.sb-board-card__tickets-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--sb-board-muted);
    font-size: 13px;
}
.sb-board-card__tickets-meta span,
.sb-board-card__tickets-empty {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef3f8;
}
.sb-board-card__tickets-empty {
    color: var(--sb-board-muted);
    margin: 0;
    width: fit-content;
}

.sb-board__detail {
    min-height: 100%;
}
.sb-unit-panel__context {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px 18px;
    margin-bottom: 16px;
    border: 1px solid #dbe6ef;
    border-radius: 18px;
    background: linear-gradient(135deg, #fcfeff 0%, #f5f9fd 100%);
}
.sb-unit-panel__context-copy strong {
    display: block;
    margin: 0 0 6px;
    font-size: 18px;
    color: var(--sb-board-text);
}
.sb-unit-panel__context-copy p {
    margin: 0;
    color: var(--sb-board-muted);
    line-height: 1.55;
}
.sb-unit-panel__context-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(15, 122, 198, 0.10);
    color: var(--sb-board-accent);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-bottom: 8px;
}
.sb-unit-panel__context-actions {
    display: flex;
    justify-content: flex-end;
}
.sb-unit-panel__context-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}
.sb-unit-context-card {
    background: linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%);
    border: 1px solid #dbe5ef;
    border-radius: 18px;
    padding: 14px 16px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.sb-unit-context-card span {
    display: block;
    margin-bottom: 6px;
    color: var(--sb-board-muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.sb-unit-context-card strong {
    display: block;
    color: var(--sb-board-text);
    font-size: 15px;
    line-height: 1.45;
    word-break: break-word;
}

@media (max-width: 980px) {
    .sb-unit-panel__context-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .sb-unit-panel__context {
        grid-template-columns: 1fr;
        padding: 14px;
    }
    .sb-unit-panel__context-actions {
        justify-content: flex-start;
    }
    .sb-unit-panel__context-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.sb-unit-panel {
    background: var(--sb-board-card);
    border: 1px solid var(--sb-board-border);
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 14px 35px rgba(24, 50, 74, 0.06);
}
.sb-unit-panel__hero { margin-bottom: 14px; }
.sb-unit-panel__hero p {
    margin: 0;
    color: var(--sb-board-muted);
}
.sb-unit-panel__actions {
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.sb-unit-panel__workflow {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px 18px;
    margin-bottom: 18px;
    border: 1px solid #dbe6ef;
    border-radius: 18px;
    background: linear-gradient(135deg, #f7fbff 0%, #eef6fc 100%);
}
.sb-unit-panel__workflow-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(15, 122, 198, 0.10);
    color: var(--sb-board-accent);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-bottom: 8px;
}
.sb-unit-panel__workflow-copy strong {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
}
.sb-unit-panel__workflow-copy p {
    margin: 0;
    color: var(--sb-board-muted);
    line-height: 1.55;
}
.sb-unit-panel__workflow-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}
.sb-unit-panel__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}
.sb-unit-panel__core-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}
.sb-unit-core-card {
    background: linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%);
    border: 1px solid #dbe5ef;
    border-radius: 18px;
    padding: 16px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.sb-unit-core-card--emphasis {
    background: linear-gradient(135deg, #eef7ff 0%, #eef8f1 100%);
    border-color: #cfe0ec;
}
.sb-unit-core-card span {
    display: block;
    color: var(--sb-board-muted);
    font-size: 12px;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.sb-unit-core-card strong {
    display: block;
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 6px;
}
.sb-unit-core-card small {
    display: block;
    color: var(--sb-board-muted);
    font-size: 12px;
    line-height: 1.5;
}
.sb-unit-panel__feature {
    margin-bottom: 18px;
}
.sb-unit-feature-card__head {
    margin-bottom: 14px;
}
.sb-unit-feature-card__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}
.sb-unit-feature-card__actions {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.sb-unit-panel__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}
.sb-unit-section {
    background: #f9fbfe;
    border: 1px solid #e7edf6;
    border-radius: 18px;
    padding: 18px;
}
.sb-unit-section h4 { margin: 0; }
.sb-unit-section dl {
    display: grid;
    gap: 10px;
    margin: 0;
}
.sb-unit-section--history { background: #fff; }

.sb-unit-timeline {
    display: grid;
    gap: 16px;
}
.sb-unit-history-item {
    position: relative;
    border: 1px solid #e6ecf5;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    border-radius: 18px;
    padding: 18px 18px 16px 22px;
    box-shadow: 0 10px 24px rgba(24, 50, 74, 0.05);
}
.sb-unit-history-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(15, 122, 198, 0.9) 0%, rgba(58, 166, 109, 0.75) 100%);
}
.sb-unit-history-item__case {
    display: inline-block;
    color: var(--sb-board-accent);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 4px;
}
.sb-unit-history-item h5 {
    margin: 0;
    font-size: 18px;
    line-height: 1.25;
}
.sb-unit-history-item__headline {
    min-width: 0;
    display: grid;
    gap: 5px;
}
.sb-unit-history-item__date-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--sb-board-muted);
    font-size: 12px;
}
.sb-unit-history-item__date-meta span {
    display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    border-radius: 999px;
    background: #f4f8fc;
    border: 1px solid #e3ebf4;
}
.sb-unit-history-item__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}
.sb-status-pill {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 8px 12px;
    background: #eef3f8;
    color: var(--sb-board-text);
    font-size: 12px;
    font-weight: 700;
}
.sb-status-pill--under-reparation,
.sb-status-pill--modtaget,
.sb-status-pill--oprettet { background: #e8f3fb; color: #0f7ac6; }
.sb-status-pill--afventer-dele { background: #fff4e5; color: #9a5b00; }
.sb-status-pill--afsluttet,
.sb-status-pill--klar-til-afhentning { background: #eef8f1; color: var(--sb-board-success); }
.sb-status-pill--annulleret { background: #fbeaea; color: #b42318; }
.sb-status-pill--almindelig-service { background: #e7f7f5; color: #0f766e; }
.sb-unit-history-item p {
    margin: 10px 0 0;
    color: var(--sb-board-text);
    line-height: 1.55;
}
.sb-unit-history-item.is-focused,
.sb-unit-history-item:target {
    border-color: #b7d8c4;
    box-shadow: 0 0 0 2px rgba(36, 150, 63, 0.14), 0 18px 34px rgba(24, 50, 74, 0.08);
    background: #fcfffd;
}

.sb-unit-inline-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: var(--sb-board-accent);
    font-size: 13px;
    font-weight: 700;
}
.sb-board__empty, .sb-board__loading {
    background: #fff;
    border: 1px dashed var(--sb-board-border);
    border-radius: 18px;
    padding: 26px;
    text-align: center;
    color: var(--sb-board-muted);
}
.sb-board__empty p, .sb-board__loading p { margin: 0 0 6px; }
.sb-board__empty span { font-size: 14px; }
.sb-board__empty--action {
    display: grid;
    gap: 10px;
    justify-items: center;
}
.sb-board__empty-actions {
    margin-top: 6px;
}
.sb-board__empty-tips {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
    width: min(100%, 520px);
    text-align: left;
}
.sb-board__empty-tips li {
    position: relative;
    padding-left: 18px;
    color: var(--sb-board-text);
    font-size: 14px;
}
.sb-board__empty-tips li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--sb-board-accent);
}
.sb-board__loading {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-align: left;
}
.sb-board__loading strong {
    display: block;
    margin-bottom: 4px;
    color: var(--sb-board-text);
}
.sb-board__loading span {
    display: block;
    font-size: 14px;
}
.sb-board__loading-spinner {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #dbe8f5;
    border-top-color: var(--sb-board-accent);
    animation: sb-board-spin .7s linear infinite;
    flex: 0 0 auto;
}

@media (max-width: 1100px) {
    .sb-board__hero,
    .sb-board__layout,
    .sb-unit-panel__grid,
    .sb-unit-panel__summary,
    .sb-unit-panel__core-strip,
    .sb-unit-feature-card__grid,
    .sb-unit-panel__workflow {
        grid-template-columns: 1fr;
    }
    .sb-board-filterbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 680px) {
    .sb-board {
        padding: 16px;
        border-radius: 18px;
    }
    .sb-board__searchbar-head {
        margin-bottom: 12px;
    }
    .sb-board-search-form__top,
    .sb-board-card__info,
    .sb-board-filterbar,
    .sb-unit-panel__actions {
        grid-template-columns: 1fr;
    }
    .sb-board-search-form__top {
        display: grid;
    }
    .sb-board-card,
    .sb-unit-panel,
    .sb-unit-section,
    .sb-unit-feature-card {
        padding: 16px;
    }
    .sb-board-card__head,
    .sb-unit-history-item__top,
    .sb-unit-panel__hero,
    .sb-unit-feature-card__head {
        flex-direction: column;
        align-items: flex-start;
    }
    .sb-board-card__side,
    .sb-unit-history-item__actions {
        align-items: flex-start;
    }

    .sb-board-card__tickets-head {
        flex-direction: column;
    }
    .sb-board-card__tickets-state {
        justify-content: flex-start;
    }
}


.sb-unit-link-btn--ghost {
    background: #fff;
    color: var(--sb-board-text);
    border: 1px solid var(--sb-board-border);
}
.sb-unit-section--action {
    background: #fff;
    border: 1px solid var(--sb-board-border);
}
.sb-unit-section--action.is-emphasized {
    border-color: var(--sb-board-accent);
    box-shadow: 0 0 0 4px rgba(15, 122, 198, 0.10);
    transition: box-shadow .25s ease, border-color .25s ease;
}
.sb-board-quick-create {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed var(--sb-board-border);
}
.sb-board-unit-edit {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed var(--sb-board-border);
}
.sb-board-unit-edit-seller-tools {
    display: grid;
    gap: 12px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px dashed var(--sb-board-border);
}
.sb-board-unit-edit-seller-tools .sb-board-seller-create-wrap,
.sb-board-unit-edit-seller-tools .sb-board-seller-edit-wrap {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.sb-board-case-edit {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed var(--sb-board-border);
}
.sb-board-form-note {
    margin: 0 0 16px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f5f8fb;
    border: 1px solid #dbe6ef;
    color: var(--sb-board-text);
    line-height: 1.6;
}
.sb-board-form-note strong {
    font-weight: 700;
}
.sb-board-form-note--compact {
    margin: -2px 0 4px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.5;
}
.sb-board-case-edit-meta {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: 8px;
}
.sb-board-case-edit-case-number {
    color: var(--sb-board-accent);
}
.sb-board-case-edit-case-date,
.sb-board-case-edit-case-mechanic {
    color: var(--sb-board-muted);
}
.sb-board-form-grid {
    display: grid;
    gap: 14px;
}
.sb-board-form-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sb-board-form-grid label {
    display: grid;
    gap: 6px;
    color: var(--sb-board-text);
    font-weight: 600;
}
.sb-board-form-grid label span {
    font-size: 13px;
    color: var(--sb-board-muted);
}
.sb-board-form-grid input,
.sb-board-form-grid select,
.sb-board-form-grid textarea {
    width: 100%;
    border: 1px solid var(--sb-board-border);
    border-radius: 14px;
    padding: 12px 14px;
    font-size: 15px;
    color: var(--sb-board-text);
    background: #fff;
}
.sb-board-form-grid textarea {
    resize: vertical;
}
.sb-board-form-grid__full {
    grid-column: 1 / -1;
}
.sb-board-quick-create__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px;
}
.sb-board-quick-create__footer p {
    margin: 0;
    color: var(--sb-board-muted);
    font-size: 13px;
    line-height: 1.5;
    max-width: 58ch;
}

.sb-board-inline-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.sb-board-form-grid label small {
    font-size: 12px;
    color: var(--sb-board-muted);
    line-height: 1.45;
}
.sb-board-form-group-title {
    display: grid;
    gap: 4px;
    padding: 14px 16px;
    border: 1px solid #dbe6ef;
    border-radius: 16px;
    background: linear-gradient(180deg, #f9fbfe 0%, #f3f8fc 100%);
}
.sb-board-form-group-title strong {
    font-size: 14px;
    color: var(--sb-board-text);
}
.sb-board-form-group-title span {
    color: var(--sb-board-muted);
    font-size: 12px;
    line-height: 1.5;
}
.sb-unit-contact-link {
    color: var(--sb-board-accent);
    text-decoration: none;
    font-weight: 700;
}
.sb-unit-contact-link:hover {
    text-decoration: underline;
}
.sb-board-attachments {
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding: 16px;
    border-radius: 18px;
    background: linear-gradient(180deg, #f8fbff 0%, #f2f8fd 100%);
    border: 1px solid #d8e5f0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.65);
}
.sb-board-attachments--compact {
    margin-top: 12px;
    padding: 14px;
}
.sb-board-attachments__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}
.sb-board-attachments__heading-group {
    display: grid;
    gap: 4px;
}
.sb-board-attachments__description {
    font-size: 12px;
    color: var(--sb-board-muted);
    line-height: 1.45;
}
.sb-board-attachments__title {
    font-size: 13px;
    color: var(--sb-board-accent);
}
.sb-board-attachments__summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.sb-board-attachments__summary-chip,
.sb-board-attachments__chips span {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: #e7f0f8;
    color: var(--sb-board-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.sb-board-attachments__summary-chip--image {
    background: #e9f7ee;
    color: #1d6c45;
}
.sb-board-attachments--unit {
    background: linear-gradient(180deg, #f7fbf8 0%, #eef8f1 100%);
    border-color: #cfe3d4;
}
.sb-board-attachments--unit .sb-board-attachments__title {
    color: #1d6c45;
}
.sb-board-attachments--unit .sb-board-attachments__summary-chip:first-child {
    background: #dff1e5;
    color: #1d6c45;
}
.sb-board-attachments--unit .sb-board-attachments__row {
    border-color: #cfe3d4;
}
.sb-board-attachments--unit .sb-board-attachments__row.is-document {
    background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,251,246,0.96) 100%);
}
.sb-board-attachments--unit .sb-board-attachments__thumb {
    border-color: #cfe3d4;
}
.sb-board-attachments--unit .sb-board-attachments__chips span:first-child {
    background: #e9f7ee;
    color: #1d6c45;
}
.sb-board-attachments--unit .sb-board-attachment-open {
    box-shadow: inset 0 0 0 1px #cfe3d4;
}
.sb-board-attachments__gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
    gap: 10px;
}
.sb-board-attachments__gallery--compact {
    grid-template-columns: repeat(auto-fit, minmax(116px, 1fr));
}
.sb-board-attachments__thumb {
    position: relative;
    display: block;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #d8e5f0;
    background: #fff;
    box-shadow: 0 8px 18px rgba(24, 50, 74, 0.06);
}
.sb-board-attachments__thumb::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(17, 34, 51, 0) 35%, rgba(17, 34, 51, 0.55) 100%);
    pointer-events: none;
}
.sb-board-attachments__thumb img {
    display: block;
    width: 100%;
    height: 132px;
    object-fit: cover;
}
.sb-board-attachments__gallery--compact .sb-board-attachments__thumb img {
    height: 104px;
}
.sb-board-attachments__thumb-label {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.sb-board-attachments__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}
.sb-board-attachments__row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid #d8e5f0;
    background: rgba(255,255,255,0.92);
}
.sb-board-attachments__row.is-image {
    border-color: #cfe3d4;
}
.sb-board-attachments__item-main {
    flex: 1 1 240px;
    min-width: 0;
    display: grid;
    gap: 7px;
}
.sb-board-attachments__file-link {
    font-weight: 700;
    color: var(--sb-board-accent);
    text-decoration: none;
    min-width: 0;
    overflow-wrap: anywhere;
}
.sb-board-attachments__file-link:hover,
.sb-board-attachments__file-link:focus {
    text-decoration: underline;
}
.sb-board-attachments__chips {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.sb-board-attachments__actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-left: auto;
}
.sb-board-attachment-open,
.sb-board-delete-attachment {
    white-space: nowrap;
}
.sb-board-delete-attachment[disabled] {
    opacity: 0.72;
    cursor: wait;
}

.sb-board-inline-notice {
    margin: 0 0 12px;
    padding: 12px 14px;
    border-radius: 14px;
    font-weight: 600;
    border: 1px solid transparent;
}
.sb-board-inline-notice.is-success {
    background: #eef8f1;
    color: #15613e;
    border-color: #c7ebd3;
}
.sb-board-inline-notice.is-error {
    background: #fff1f1;
    color: #9a2727;
    border-color: #f2c9c9;
}
.sb-board-inline-notice.is-info {
    background: #edf5fb;
    color: var(--sb-board-accent);
    border-color: #cfe2f1;
}
@media (max-width: 900px) {
    .sb-board-form-grid--two {
        grid-template-columns: 1fr;
    }
    .sb-board__search-actions {
        justify-content: stretch;
    }
    .sb-board__search-actions .sb-unit-link-btn {
        width: 100%;
    }
    .sb-board-quick-create__footer {
        align-items: flex-start;
        flex-direction: column;
    }
    .sb-board-quick-create__footer .sb-unit-link-btn {
        width: 100%;
    }
    .sb-board-inline-actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }
    .sb-unit-panel__workflow-actions {
        justify-content: stretch;
    }
    .sb-unit-panel__workflow-actions .sb-unit-link-btn {
        width: 100%;
    }
    .sb-board-case-edit-meta {
        display: flex;
        flex-direction: column;
        gap: 4px;
        margin-left: 0;
        margin-top: 8px;
    }
}


.sb-board--locked {
    max-width: 760px;
    margin: 0 auto;
}

.sb-board__access-card {
    background: linear-gradient(135deg, #15324f 0%, #1d4b73 100%);
    color: #fff;
    border-radius: 22px;
    padding: 32px;
}

.sb-board__access-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.14);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.sb-board__access-card h2 {
    margin: 0 0 10px;
}

.sb-board__access-card p {
    margin: 0;
    line-height: 1.7;
    max-width: 56ch;
}


/* MS-SB-FRONTEND-BOARD-DESIGN-HOTFIX-2 */
.sb-board__hero-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: start;
}

.sb-board a.sb-unit-link-btn,
.sb-board button.sb-unit-link-btn,
.sb-board input[type="submit"].sb-unit-link-btn,
.sb-board .sb-unit-link-btn,
.sb-board .sb-unit-link-btn--ghost,
.sb-board .sb-unit-link-btn--alt {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #cfe2f1 !important;
    border-radius: 14px;
    background: #edf5fb !important;
    color: var(--sb-board-accent) !important;
    padding: 14px 18px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 14px rgba(24, 50, 74, 0.05);
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.sb-board a.sb-unit-link-btn:hover,
.sb-board a.sb-unit-link-btn:focus,
.sb-board button.sb-unit-link-btn:hover,
.sb-board button.sb-unit-link-btn:focus,
.sb-board input[type="submit"].sb-unit-link-btn:hover,
.sb-board input[type="submit"].sb-unit-link-btn:focus,
.sb-board .sb-unit-link-btn:hover,
.sb-board .sb-unit-link-btn:focus,
.sb-board .sb-unit-link-btn--ghost:hover,
.sb-board .sb-unit-link-btn--ghost:focus,
.sb-board .sb-unit-link-btn--alt:hover,
.sb-board .sb-unit-link-btn--alt:focus {
    background: #e2eff9 !important;
    border-color: #b8d6ea !important;
    color: #0c5f9a !important;
    box-shadow: 0 10px 20px rgba(24, 50, 74, 0.08);
    transform: translateY(-1px);
}

.sb-board button.sb-unit-link-btn:disabled,
.sb-board input[type="submit"].sb-unit-link-btn:disabled,
.sb-board .sb-unit-link-btn[disabled],
.sb-board .sb-unit-link-btn.is-disabled {
    background: #f4f7fa !important;
    border-color: #dde5ee !important;
    color: #9aa8b8 !important;
    box-shadow: none;
    cursor: not-allowed;
    transform: none;
    opacity: 1;
}

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

@media (max-width: 900px) {
    .sb-board__hero-cards {
        grid-template-columns: 1fr;
    }
    .sb-board__hero-cards--compact-mobile {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }
    .sb-board__hero-cards--compact-mobile .sb-board__metric {
        padding: 14px 12px;
    }
    .sb-board__hero-cards--compact-mobile .sb-board__metric span {
        font-size: 11px;
        margin-bottom: 4px;
    }
    .sb-board__hero-cards--compact-mobile .sb-board__metric strong {
        font-size: 22px;
    }
}


/* MS-SB-FRONTEND-BOARD-DESIGN-HOTFIX-4 */
.sb-board .sb-board-search-form__top > .sb-board-search-submit.sb-unit-link-btn,
.sb-board .sb-board-search-form__top > button.sb-board-search-submit.sb-unit-link-btn {
    min-height: 52px;
    white-space: nowrap;
    align-self: stretch;
}

@media (max-width: 640px) {
    .sb-board .sb-board-search-form__top > .sb-board-search-submit.sb-unit-link-btn,
    .sb-board .sb-board-search-form__top > button.sb-board-search-submit.sb-unit-link-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .sb-board__hero-cards--compact-mobile {
        gap: 8px;
    }
    .sb-board__hero-cards--compact-mobile .sb-board__metric {
        padding: 12px 10px;
        border-radius: 16px;
    }
    .sb-board__hero-cards--compact-mobile .sb-board__metric span {
        font-size: 10px;
    }
    .sb-board__hero-cards--compact-mobile .sb-board__metric strong {
        font-size: 18px;
    }
}


/* MS-SB-ATTACHMENTS-FRONTEND-VIEW-HOTFIX-2 */
@media (max-width: 640px) {
    .sb-board-attachments__gallery,
    .sb-board-attachments__gallery--compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sb-board-attachments__thumb img,
    .sb-board-attachments__gallery--compact .sb-board-attachments__thumb img {
        height: 110px;
    }

    .sb-board-attachments__head,
    .sb-board-attachments__row,
    .sb-board-attachments__actions {
        align-items: stretch;
    }

    .sb-board-attachments__actions {
        width: 100%;
        margin-left: 0;
    }

    .sb-board-attachment-open,
    .sb-board-delete-attachment {
        width: 100%;
        justify-content: center;
    }
}


body.sb-board-lightbox-open {
    overflow: hidden;
}
.sb-board-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: center;
    padding: 22px;
}
.sb-board-lightbox[hidden] {
    display: none !important;
}
.sb-board-lightbox__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(8, 16, 24, 0.82);
    backdrop-filter: blur(2px);
}
.sb-board-lightbox__dialog {
    position: relative;
    z-index: 1;
    width: min(1080px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    display: grid;
    gap: 14px;
    padding: 18px;
    border-radius: 22px;
    background: #f6fbf8;
    border: 1px solid rgba(201, 226, 208, 0.92);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28);
}
.sb-board-lightbox__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: rgba(17, 34, 51, 0.82);
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}
.sb-board-lightbox__close:hover,
.sb-board-lightbox__close:focus {
    background: rgba(17, 34, 51, 0.95);
}
.sb-board-lightbox__media-wrap {
    min-height: 240px;
    max-height: calc(100vh - 150px);
    display: grid;
    place-items: center;
    overflow: auto;
    border-radius: 18px;
    background: linear-gradient(180deg, #fdfefe 0%, #eef7f2 100%);
    border: 1px solid #dbe9e0;
}
.sb-board-lightbox__image {
    display: block;
    max-width: 100%;
    max-height: calc(100vh - 190px);
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 14px;
}
.sb-board-lightbox__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.sb-board-lightbox__title {
    font-size: 15px;
    color: #14352a;
    overflow-wrap: anywhere;
}
.sb-board-attachments__thumb {
    appearance: none;
    padding: 0;
    cursor: zoom-in;
    text-align: left;
}
.sb-board-lightbox-trigger {
    cursor: zoom-in;
}
@media (max-width: 700px) {
    .sb-board-lightbox {
        padding: 12px;
    }
    .sb-board-lightbox__dialog {
        width: min(100vw - 12px, 100%);
        max-height: calc(100vh - 12px);
        padding: 14px;
        border-radius: 18px;
    }
    .sb-board-lightbox__media-wrap {
        max-height: calc(100vh - 170px);
    }
    .sb-board-lightbox__image {
        max-height: calc(100vh - 210px);
    }
    .sb-board-lightbox__footer {
        align-items: stretch;
    }
    .sb-board-lightbox__footer .sb-unit-link-btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}


.sb-board-filter-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    align-items: center;
}
.sb-board-filter-summary__lead {
    color: var(--sb-board-muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.sb-board-filter-summary__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #f0f6fc;
    border: 1px solid #d8e6f3;
    color: var(--sb-board-text);
    font-size: 13px;
    line-height: 1.2;
}
.sb-board-filter-summary__chip strong {
    color: var(--sb-board-accent);
}
.sb-unit-panel__jumpnav {
    position: sticky;
    top: 12px;
    z-index: 4;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
    padding: 12px;
    border: 1px solid #dce6f0;
    border-radius: 16px;
    background: rgba(255,255,255,0.94);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 24px rgba(24, 50, 74, 0.06);
}
.sb-board-jump-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid var(--sb-board-border);
    background: #fff;
    color: var(--sb-board-text);
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.sb-board-jump-link:hover,
.sb-board-jump-link:focus-visible {
    background: #f6fbff;
    border-color: #b9d5eb;
    color: var(--sb-board-accent);
}
.sb-board-jump-link.is-current {
    background: var(--sb-board-accent-soft);
    color: var(--sb-board-accent);
    border-color: #bfd9ec;
    box-shadow: inset 0 0 0 1px rgba(15, 122, 198, 0.05);
}
.sb-unit-section__helper {
    margin: 0 0 14px;
    color: var(--sb-board-muted);
    font-size: 13px;
    line-height: 1.5;
}
.sb-unit-section--history .sb-unit-history-item:first-child {
    border-color: #d7e7d8;
    box-shadow: 0 12px 26px rgba(25, 135, 84, 0.07);
}
.sb-unit-section--history .sb-unit-history-item:first-child .sb-unit-history-item__case::after {
    content: " · Seneste";
    color: #198754;
    font-weight: 700;
}

@media (max-width: 680px) {
    .sb-unit-panel__jumpnav {
        position: static;
        padding: 10px;
    }
    .sb-board-jump-link {
        flex: 1 1 calc(50% - 10px);
    }
    .sb-board-filter-summary__chip {
        width: 100%;
        justify-content: flex-start;
    }
    .sb-board-search-recent__head {
        align-items: flex-start;
        flex-direction: column;
    }
    .sb-board-search-chip,
    .sb-board-search-recent__clear,
    button.sb-board-search-chip,
    button.sb-board-search-recent__clear {
        width: 100%;
        justify-content: flex-start !important;
        text-align: left;
    }
}

.sb-board-seller-picker-wrap select {
  width: 100%;
}

.sb-board-seller-picker-wrap small {
  display: block;
  margin-top: 6px;
  color: #4a5565;
}

.sb-board-seller-reference {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(36, 150, 63, 0.18);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(36, 150, 63, 0.08), rgba(36, 150, 63, 0.03));
}

.sb-board-seller-reference__head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.sb-board-seller-reference__head strong {
  color: #155724;
}

.sb-board-seller-reference__head span {
  font-size: 12px;
  color: #4a5565;
}

.sb-board-seller-reference__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px 16px;
  margin: 0;
}

.sb-board-seller-reference__list div {
  margin: 0;
}

.sb-board-seller-reference__list dt {
  margin-bottom: 4px;
  font-weight: 700;
}

.sb-board-seller-reference__list dd {
  margin: 0;
}


.sb-board-seller-reference__role {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(21, 87, 36, 0.12);
  color: #155724;
  font-size: 12px;
  font-weight: 700;
}


.sb-board-seller-create-wrap {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed var(--sb-board-border);
}

.sb-board-seller-create-wrap--inline {
  margin-top: -2px;
  padding-top: 0;
  border-top: 0;
}

.sb-board-seller-create-entry {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.sb-board-seller-create-entry small {
  color: var(--sb-board-muted);
  font-size: 12px;
  line-height: 1.5;
  max-width: 62ch;
}

.sb-board-seller-create {
  margin-top: 14px;
}

.sb-board-form-note--seller-create {
  background: linear-gradient(180deg, rgba(36, 150, 63, 0.08), rgba(36, 150, 63, 0.03));
  border-color: rgba(36, 150, 63, 0.18);
}

.sb-board-quick-create__footer--seller-create {
  align-items: flex-start;
}

@media (max-width: 767px) {
  .sb-board-seller-create-entry {
    align-items: stretch;
  }

  .sb-board-seller-create-entry .sb-unit-link-btn {
    width: 100%;
  }
}


.sb-board-seller-create-wrap--inline .sb-board-seller-create-entry {
  padding: 12px 14px;
  border: 1px dashed rgba(36, 150, 63, 0.24);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(36, 150, 63, 0.06), rgba(36, 150, 63, 0.02));
}

.sb-board-seller-create-wrap--inline .sb-board-seller-create {
  margin-top: 12px;
}

.sb-board-seller-edit-wrap {
  margin-top: 12px;
}

.sb-board-seller-edit-wrap--inline {
  margin-top: -6px;
}

.sb-board-seller-edit-entry {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.sb-board-seller-edit-entry small {
  color: var(--sb-board-muted);
  font-size: 12px;
  line-height: 1.5;
  max-width: 62ch;
}

.sb-board-seller-edit {
  margin-top: 12px;
}

.sb-board-form-note--seller-edit {
  background: linear-gradient(180deg, rgba(0, 152, 216, 0.08), rgba(0, 152, 216, 0.03));
  border-color: rgba(0, 152, 216, 0.18);
}

.sb-board-quick-create__footer--seller-edit {
  align-items: flex-start;
}

.sb-board-seller-edit-wrap--inline .sb-board-seller-edit-entry {
  padding: 12px 14px;
  border: 1px dashed rgba(0, 152, 216, 0.24);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(0, 152, 216, 0.06), rgba(0, 152, 216, 0.02));
}

.sb-board-seller-edit-wrap--inline .sb-board-seller-edit {
  margin-top: 12px;
}

@media (max-width: 767px) {
  .sb-board-seller-edit-entry {
    align-items: stretch;
  }

  .sb-board-seller-edit-entry .sb-unit-link-btn {
    width: 100%;
  }
}


.sb-unit-history-overview {
    display: grid;
    gap: 10px;
    margin: 14px 0 16px;
    padding: 14px 16px;
    border-radius: 16px;
    background: #f7fafc;
    border: 1px solid #e3ebf4;
}
.sb-unit-history-overview__label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--sb-board-muted);
}
.sb-unit-history-overview__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.sb-unit-history-overview__chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    background: #eef3f8;
    color: var(--sb-board-text);
}
.sb-unit-history-overview__chip strong {
    font-size: 13px;
}
.sb-unit-history-overview__chip.sb-status-pill--under-reparation,
.sb-unit-history-overview__chip.sb-status-pill--modtaget,
.sb-unit-history-overview__chip.sb-status-pill--oprettet { background: #e8f3fb; color: #0f7ac6; }
.sb-unit-history-overview__chip.sb-status-pill--afventer-dele { background: #fff4e5; color: #9a5b00; }
.sb-unit-history-overview__chip.sb-status-pill--afsluttet,
.sb-unit-history-overview__chip.sb-status-pill--klar-til-afhentning { background: #eef8f1; color: var(--sb-board-success); }
.sb-unit-history-overview__chip.sb-status-pill--annulleret { background: #fbeaea; color: #b42318; }
.sb-unit-history-overview__chip.sb-status-pill--almindelig-service { background: #e7f7f5; color: #0f766e; }
.sb-unit-history-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}
.sb-unit-history-toolbar__hint {
    color: var(--sb-board-muted);
    font-size: 13px;
    line-height: 1.5;
}
.sb-board-history-toggle {
    flex-shrink: 0;
}
.sb-unit-timeline[data-history-collapsible="1"].is-collapsed .sb-unit-history-item:nth-child(n+4) {
    display: none;
}
.sb-unit-history-item.is-latest {
    border-color: #c9e4d3;
    box-shadow: 0 14px 28px rgba(36, 150, 63, 0.10);
}
.sb-unit-history-item.is-latest::before {
    background: linear-gradient(180deg, rgba(36, 150, 63, 0.95) 0%, rgba(15, 122, 198, 0.85) 100%);
}
.sb-unit-history-item__latest-flag {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(36, 150, 63, 0.12);
    color: var(--sb-board-success);
    font-size: 12px;
    font-weight: 700;
}
.sb-unit-history-item__meta {
    row-gap: 8px;
    margin: 14px 0 0;
}
.sb-unit-history-item__meta span {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f6f9fc;
    border: 1px solid #e3ebf4;
}
.sb-unit-history-item__summary {
    margin: 14px 0 0;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f9fbfd;
    border: 1px solid #e8eef5;
    color: var(--sb-board-text);
    line-height: 1.6;
}
.sb-unit-history-item .sb-board-attachments--compact {
    margin-top: 14px;
}
@media (max-width: 680px) {
    .sb-unit-history-toolbar {
        flex-direction: column;
        align-items: stretch;
    }
    .sb-unit-history-toolbar__hint {
        font-size: 12px;
    }
    .sb-unit-history-item {
        padding: 16px 14px 14px 18px;
    }
    .sb-unit-history-item__top {
        flex-direction: column;
        align-items: stretch;
    }
    .sb-unit-history-item__headline h5 {
        font-size: 16px;
    }
    .sb-unit-history-item__date-meta {
        gap: 6px;
    }
    .sb-unit-history-item__date-meta span {
        width: 100%;
        justify-content: center;
    }
    .sb-unit-history-item__meta span {
        width: 100%;
        justify-content: center;
    }
    .sb-unit-history-item__actions {
        width: 100%;
    }
    .sb-unit-history-item__actions .sb-unit-link-btn,
    .sb-unit-history-item__actions .sb-status-pill,
    .sb-unit-history-item__actions .sb-unit-history-item__latest-flag {
        width: 100%;
        justify-content: center;
    }
    .sb-unit-history-overview__chips {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sb-unit-history-overview__chip {
        justify-content: center;
    }
}


.sb-board__hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}

.sb-board-stats-launch {
    margin-top: 18px;
}

.sb-board--statistics .sb-board__hero {
    margin-bottom: 18px;
}

.sb-board__searchbar--statistics {
    margin-bottom: 18px;
}

.sb-board-stats-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.sb-board-stats-kpi {
    background: #fff;
    border: 1px solid var(--sb-board-border);
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 10px 25px rgba(24, 50, 74, 0.05);
}

.sb-board-stats-kpi span,
.sb-board-stats-kpi small {
    display: block;
}

.sb-board-stats-kpi span {
    color: var(--sb-board-muted);
    font-size: 13px;
    margin-bottom: 8px;
}

.sb-board-stats-kpi strong {
    display: block;
    font-size: 26px;
    line-height: 1.1;
    margin-bottom: 8px;
}

.sb-board-stats-kpi small {
    color: var(--sb-board-muted);
    line-height: 1.5;
}

.sb-board-stats-flow {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(152, 174, 195, 0.35);
}

.sb-board-stats-flow__head {
    margin-bottom: 14px;
}

.sb-board-stats-flow__head h3 {
    margin: 0 0 6px;
    font-size: 17px;
}

.sb-board-stats-flow__head p {
    margin: 0;
    color: var(--sb-board-muted);
    font-size: 13px;
    line-height: 1.55;
}

.sb-board-stats-kpis--flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sb-board-stats-kpis--flow .sb-board-stats-kpi code {
    font-size: 12px;
    background: rgba(227, 239, 247, 0.85);
    border: 1px solid rgba(152, 174, 195, 0.4);
    border-radius: 999px;
    padding: 1px 7px;
}

.sb-board-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.sb-unit-section--stats {
    background: #fff;
}

.sb-unit-section--stats-wide {
    grid-column: 1 / -1;
}

.sb-board-stats-status-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}

.sb-board-stats-status-item {
    border: 1px solid var(--sb-board-border);
    border-radius: 16px;
    padding: 16px;
    background: #fbfdff;
}

.sb-board-stats-status-item strong,
.sb-board-stats-status-item small {
    display: block;
}

.sb-board-stats-status-item strong {
    font-size: 24px;
    margin: 12px 0 6px;
}

.sb-board-stats-status-item small,
.sb-board-stats-subtext {
    color: var(--sb-board-muted);
}

.sb-board-stats-table-wrap {
    overflow-x: auto;
}

.sb-board-stats-table {
    width: 100%;
    border-collapse: collapse;
}

.sb-board-stats-table th,
.sb-board-stats-table td {
    padding: 12px 10px;
    border-bottom: 1px solid var(--sb-board-border);
    text-align: left;
    vertical-align: top;
}

.sb-board-stats-table th {
    color: var(--sb-board-muted);
    font-size: 13px;
    font-weight: 700;
}

.sb-board-stats-table tr:last-child td {
    border-bottom: 0;
}

.sb-board-audit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 18px;
}

.sb-board-audit-card {
    background: #f8fbff;
    border: 1px solid var(--sb-board-border);
    border-radius: 16px;
    padding: 16px 18px;
    box-shadow: 0 8px 20px rgba(24, 50, 74, 0.04);
}

.sb-board-audit-card span,
.sb-board-audit-card small {
    display: block;
}

.sb-board-audit-card span {
    color: var(--sb-board-muted);
    font-size: 13px;
    margin-bottom: 8px;
}

.sb-board-audit-card strong {
    display: block;
    font-size: 25px;
    line-height: 1.1;
    margin-bottom: 6px;
}

.sb-board-audit-card small {
    color: var(--sb-board-muted);
    line-height: 1.5;
}

.sb-board-audit-readiness {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 18px;
}

.sb-board-audit-readiness__item {
    border: 1px solid rgba(152, 174, 195, 0.35);
    border-radius: 14px;
    background: #fff;
    padding: 14px 16px;
}

.sb-board-audit-readiness__item strong,
.sb-board-audit-readiness__item span {
    display: block;
}

.sb-board-audit-readiness__item strong {
    margin-bottom: 6px;
}

.sb-board-audit-readiness__item span {
    color: var(--sb-board-muted);
    font-size: 13px;
    line-height: 1.5;
}

.sb-board-stats-table--audit code {
    font-size: 12px;
    background: rgba(227, 239, 247, 0.85);
    border: 1px solid rgba(152, 174, 195, 0.4);
    border-radius: 999px;
    padding: 2px 8px;
    white-space: nowrap;
}

.sb-board-stats-table--audit strong,
.sb-board-stats-table--audit small {
    display: block;
}

.sb-board-stats-table--audit small {
    color: var(--sb-board-muted);
    margin-top: 3px;
}

.sb-board-audit-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid transparent;
}

.sb-board-audit-badge--stabil {
    background: rgba(36, 150, 63, 0.12);
    border-color: rgba(36, 150, 63, 0.22);
    color: #1f7a35;
}

.sb-board-audit-badge--afledt {
    background: rgba(0, 152, 216, 0.12);
    border-color: rgba(0, 152, 216, 0.2);
    color: #066892;
}

.sb-board-audit-badge--delvis {
    background: rgba(245, 166, 35, 0.14);
    border-color: rgba(245, 166, 35, 0.24);
    color: #9b6a06;
}

.sb-board-audit-badge--mangler {
    background: rgba(152, 174, 195, 0.16);
    border-color: rgba(152, 174, 195, 0.28);
    color: #516a81;
}

.sb-board-time-metric-card strong {
    line-height: 1.15;
}

.sb-board-time-metric-card--note {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.sb-board-audit-readiness--time-metrics {
    margin-top: 2px;
}



@media (max-width: 980px) {
    .sb-board-stats-kpis,
    .sb-board-stats-grid,
    .sb-board-audit-grid,
    .sb-board-audit-readiness {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .sb-board-stats-kpis,
    .sb-board-stats-grid,
    .sb-board-audit-grid,
    .sb-board-audit-readiness {
        grid-template-columns: 1fr;
    }

    .sb-board__hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .sb-board-stats-table th,
    .sb-board-stats-table td {
        min-width: 120px;
    }
}


/* Statistics frontend polish 1 */
.sb-board--statistics {
    --sb-board-bg: #f1f3f6;
    --sb-board-border: #d6dde5;
    --sb-board-card: #ffffff;
    --sb-board-text: #17324a;
    --sb-board-muted: #516479;
    --sb-board-accent: #176fb3;
    --sb-board-accent-soft: #e8f1f8;
    background: #f1f3f6;
    border-color: #d6dde5;
    box-shadow: 0 18px 38px rgba(24, 50, 74, 0.06);
}
.sb-board--statistics .sb-board__hero {
    gap: 18px;
}
.sb-board--statistics .sb-board__hero > div:first-child {
    background: linear-gradient(180deg, #edf1f5 0%, #e6ebf0 100%);
    color: #17324a;
    border: 1px solid #d6dde5;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}
.sb-board--statistics .sb-board__eyebrow {
    background: #ddeaf6;
    color: #176fb3;
}
.sb-board--statistics .sb-board__hero h2 {
    color: #17324a;
}
.sb-board--statistics .sb-board__hero p {
    color: #32485c;
}
.sb-board--statistics .sb-board__hero-actions .sb-unit-link-btn--ghost {
    background: #fff;
    border-color: #c5d8e8;
    color: #176fb3;
    font-size: 16px;
}
.sb-board--statistics .sb-board__hero-actions .sb-unit-link-btn--alt {
    background: #eef4f9;
    border-color: #cfdbe6;
    color: #17324a;
}
.sb-board--statistics .sb-board__metric,
.sb-board--statistics .sb-board-stats-kpi,
.sb-board--statistics .sb-unit-section--stats,
.sb-board--statistics .sb-board__searchbar--statistics {
    background: #fbfcfe;
    border-color: #d9e1e8;
    box-shadow: 0 10px 24px rgba(24, 50, 74, 0.04);
}
.sb-board--statistics .sb-board__metric span,
.sb-board--statistics .sb-board-stats-kpi span,
.sb-board--statistics .sb-board-stats-kpi small,
.sb-board--statistics .sb-board-stats-subtext,
.sb-board--statistics .sb-board__section-head span,
.sb-board--statistics .sb-board-stats-table th,
.sb-board--statistics .sb-board-stats-status-item small {
    color: #5f7287;
}
.sb-board--statistics .sb-board__metric strong,
.sb-board--statistics .sb-board-stats-kpi strong,
.sb-board--statistics .sb-board-stats-status-item strong,
.sb-board--statistics .sb-board-stats-table td,
.sb-board--statistics .sb-unit-section--stats h4,
.sb-board--statistics .sb-board__searchbar--statistics h3 {
    color: #17324a;
}
.sb-board--statistics .sb-board-stats-status-item {
    background: #f7fafc;
    border-color: #dbe3eb;
}
.sb-board--statistics .sb-board-stats-table th {
    background: #f4f7fa;
}
.sb-board--statistics .sb-board-stats-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}
@media (max-width: 767px) {
    .sb-board--statistics .sb-board__hero > div:first-child {
        padding: 20px;
    }
    .sb-board--statistics .sb-board__metric,
    .sb-board--statistics .sb-board-stats-kpi,
    .sb-board--statistics .sb-unit-section--stats {
        border-radius: 16px;
    }
}


/* MS-SB-STATISTICS-FRONTEND-POLISH-2-HOTFIX-1 */
.sb-board--statistics .sb-board__searchbar--statistics {
    padding: 20px;
}

.sb-board--statistics .sb-board__section-head {
    align-items: flex-start;
    gap: 12px;
}

.sb-board--statistics .sb-board-stats-kpi {
    position: relative;
    overflow: hidden;
}

.sb-board--statistics .sb-board-stats-kpi::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #86b5dc 0%, #176fb3 100%);
}

.sb-board--statistics .sb-board-stats-table-wrap {
    display: block;
    max-width: 100%;
    min-width: 0;
    border: 1px solid #dbe3eb;
    border-radius: 16px;
    background: #fff;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.sb-board--statistics .sb-board-stats-scroll-hint {
    display: none;
}

.sb-board--statistics .sb-board-stats-scroll-content {
    display: block;
    min-width: 0;
}

.sb-board--statistics .sb-board-stats-table thead th {
    background: #f4f7fa;
}

.sb-board--statistics .sb-board-stats-table tbody tr:nth-child(even) {
    background: #fafcfe;
}

.sb-board--statistics .sb-board-stats-table tbody tr:hover {
    background: #f2f7fb;
}

.sb-board--statistics .sb-board-stats-table td strong {
    color: #17324a;
}

.sb-board--statistics .sb-board-stats-role-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 11px;
    border-radius: 999px;
    border: 1px solid #d6dde5;
    background: #f7fafc;
    color: #17324a;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.sb-board--statistics .sb-board-stats-repeat-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid #cfe0f0;
    background: #eef6fc;
    color: #0f5f94;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.sb-board--statistics .sb-board-stats-repeat-pill--high {
    border-color: #b7d8c4;
    background: #eef8f1;
    color: #1f6f43;
}

.sb-board--statistics .sb-board-stats-repeat-pill--single {
    border-color: #d6dde5;
    background: #f7fafc;
    color: #5f6f7f;
}

.sb-board--statistics .sb-board-stats-action {
    white-space: nowrap;
    box-shadow: none;
}

.sb-board--statistics .sb-board-stats-grid,
.sb-board--statistics .sb-unit-section--stats,
.sb-board--statistics .sb-board-collapse__body {
    min-width: 0;
}

@media (max-width: 767px) {
    .sb-board--statistics .sb-board__hero-cards.sb-board__hero-cards--compact-mobile {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .sb-board--statistics .sb-board__hero-cards.sb-board__hero-cards--compact-mobile .sb-board__metric {
        padding: 12px 10px;
        min-width: 0;
    }

    .sb-board--statistics .sb-board__hero-cards.sb-board__hero-cards--compact-mobile .sb-board__metric span {
        font-size: 10px;
        margin-bottom: 4px;
    }

    .sb-board--statistics .sb-board__hero-cards.sb-board__hero-cards--compact-mobile .sb-board__metric strong {
        font-size: 18px;
    }

    .sb-board--statistics #sb-board-statistics-overview-body .sb-board-stats-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .sb-board--statistics #sb-board-statistics-overview-body .sb-board-stats-kpi {
        min-width: 0;
        padding: 16px 14px;
    }

    .sb-board--statistics #sb-board-statistics-overview-body .sb-board-stats-kpi strong {
        font-size: 22px;
    }

    .sb-board--statistics .sb-board-stats-table-wrap--status,
    .sb-board--statistics .sb-board-stats-table-wrap--models,
    .sb-board--statistics .sb-board-stats-table-wrap--sellers,
    .sb-board--statistics .sb-board-stats-table-wrap--units,
    .sb-board--statistics .sb-board-stats-table-wrap--recent {
        display: block;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .sb-board--statistics .sb-board-stats-scroll-hint {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 10px 12px 0;
        color: #5f7287;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
    }

    .sb-board--statistics .sb-board-stats-scroll-content {
        display: block;
        width: max-content;
        min-width: 100%;
    }

    .sb-board--statistics .sb-board-stats-scroll-content--status {
        min-width: 660px;
    }

    .sb-board--statistics .sb-board-stats-scroll-content--models {
        min-width: 720px;
    }

    .sb-board--statistics .sb-board-stats-scroll-content--sellers {
        min-width: 860px;
    }

    .sb-board--statistics .sb-board-stats-scroll-content--units {
        min-width: 1080px;
    }

    .sb-board--statistics .sb-board-stats-scroll-content--recent {
        min-width: 820px;
    }

    .sb-board--statistics .sb-board-stats-scroll-content--status .sb-board-stats-status-grid {
        grid-template-columns: repeat(4, minmax(150px, 1fr));
        min-width: 660px;
    }

    .sb-board--statistics .sb-board-stats-scroll-content .sb-board-stats-table {
        width: max-content;
        min-width: 100%;
        table-layout: auto;
    }

    .sb-board--statistics .sb-board-stats-scroll-content .sb-board-stats-table th,
    .sb-board--statistics .sb-board-stats-scroll-content .sb-board-stats-table td {
        white-space: nowrap;
    }
}

@media (max-width: 767px) {
    .sb-board--statistics .sb-board__searchbar--statistics {
        padding: 16px;
    }

    .sb-board--statistics .sb-board-stats-table-wrap {
        border-radius: 14px;
    }

    .sb-board--statistics .sb-board-stats-role-pill {
        width: 100%;
    }
}

/* Support board foundation 1 */
.sb-board__hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.sb-board-inline-notice--support-global {
    margin: 18px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}


.sb-board__hero-actions .sb-board-support-entry {
    position: relative;
    overflow: visible;
}

.sb-board__hero-actions .sb-board-support-entry__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.sb-support-unopened-indicator {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #d93025;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    border: 2px solid #fff;
    box-shadow: 0 6px 14px rgba(17, 24, 39, 0.18);
    pointer-events: none;
    z-index: 2;
}

.sb-support-unopened-indicator--requester {
    background: #0f7ac6;
}

.sb-support-request-card,
.sb-support-detail,
.sb-support-list-wrap {
    background: #f5f6f7;
    border: 1px solid #d9dfe4;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 8px 22px rgba(16, 24, 40, 0.06);
}

.sb-support-request-card {
    margin: 18px 0;
}

.sb-support-request-card__meta,
.sb-support-detail__status-row,
.sb-support-ticket-card__meta,
.sb-support-ticket-card__foot,
.sb-support-message__meta,
.sb-support-request-card__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.sb-support-chip,
.sb-support-priority,
.sb-support-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    border: 1px solid #d3dae0;
    background: #fff;
    color: #23313f;
}

.sb-support-chip--profile {
    background: #eef5ff;
}

.sb-support-priority--low { background: #eef6ef; }
.sb-support-priority--normal { background: #f5f6f7; }
.sb-support-priority--high { background: #fff3e3; }
.sb-support-priority--critical { background: #ffe8e8; }

.sb-support-status-pill--new { background: #e8f1ff; }
.sb-support-status-pill--open { background: #eef6ef; }
.sb-support-status-pill--waiting { background: #fff3e3; }
.sb-support-status-pill--resolved { background: #eaf8ef; }
.sb-support-status-pill--closed { background: #f1f2f3; color: #5b6772; }

.sb-support-request-card__footer {
    justify-content: space-between;
    margin-top: 14px;
}

.sb-support-request-card__footer p {
    margin: 0;
    color: #566574;
    max-width: 760px;
}

.sb-support-mini-list {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #d9dfe4;
}

.sb-support-mini-list__items {
    display: grid;
    gap: 10px;
}

.sb-support-mini-ticket,
.sb-support-ticket-card {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 14px;
    padding: 14px;
    text-decoration: none;
    color: inherit;
}

.sb-support-mini-ticket {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.sb-support-mini-ticket strong,
.sb-support-ticket-card strong {
    display: block;
    margin-bottom: 4px;
}

.sb-support-mini-ticket__summary,
.sb-support-ticket-card__identity {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
}

.sb-support-mini-ticket__meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.sb-support-mini-ticket__state-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.sb-support-mini-ticket__state-stack .sb-support-status-signal-row {
    padding-left: 0;
    justify-content: flex-end;
}

.sb-support-mini-ticket--state-red {
    border-left: 4px solid #d45b5b;
}

.sb-support-mini-ticket--state-yellow {
    border-left: 4px solid #d9a63e;
}

.sb-support-mini-ticket--state-green {
    border-left: 4px solid #55a56b;
}

.sb-support-board-layout {
    margin-top: 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.sb-support-list-wrap,
.sb-support-detail-wrap {
    min-width: 0;
}

.sb-support-list {
    display: grid;
    gap: 12px;
}

.sb-support-ticket-card {
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.sb-support-ticket-card:hover,
.sb-support-ticket-card:focus {
    border-color: #aeb8c2;
    box-shadow: 0 10px 22px rgba(16, 24, 40, 0.08);
    transform: translateY(-1px);
}

.sb-support-ticket-card.is-active {
    border-color: #3b4752;
    box-shadow: 0 12px 28px rgba(16, 24, 40, 0.12);
}

.sb-support-ticket-card--state-red {
    border-left: 4px solid #d45b5b;
}

.sb-support-ticket-card--state-yellow {
    border-left: 4px solid #d9a63e;
}

.sb-support-ticket-card--state-green {
    border-left: 4px solid #55a56b;
}

.sb-support-ticket-card h4 {
    margin: 8px 0 10px;
    font-size: 16px;
}

.sb-support-ticket-card__top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.sb-support-ticket-card__state-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.sb-support-ticket-card__state-stack .sb-support-status-signal-row {
    padding-left: 0;
    justify-content: flex-end;
}

.sb-support-ticket-card__meta {
    color: #566574;
    font-size: 13px;
}

.sb-support-ticket-card__foot {
    justify-content: space-between;
    margin-top: 12px;
}

.sb-support-ticket-card__signals--compact {
    align-items: center;
}

.sb-support-ticket-card__activity {
    margin-left: auto;
    color: #66727e;
    font-size: 12px;
    white-space: nowrap;
}

.sb-support-detail__head,
.sb-support-detail__meta-grid {
    display: grid;
    gap: 14px;
}

.sb-support-detail__status-row-wrap {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.sb-support-status-signal-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-left: 4px;
}

.sb-support-status-signal {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #d7dde3;
    border: 1px solid rgba(35, 49, 63, 0.08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
    opacity: 0.45;
}

.sb-support-status-signal.is-active {
    opacity: 1;
    transform: scale(1.05);
}

.sb-support-status-signal--red.is-active {
    background: #d45b5b;
}

.sb-support-status-signal--yellow.is-active {
    background: #d9a63e;
}

.sb-support-status-signal--green.is-active {
    background: #55a56b;
}

.sb-support-detail__meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 18px 0;
}

.sb-support-detail__meta-grid > div {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 14px;
    padding: 12px 14px;
}

.sb-support-detail__meta-grid span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #66727e;
    margin-bottom: 4px;
}

.sb-support-detail__meta-grid strong {
    display: block;
    font-size: 15px;
    margin-bottom: 4px;
}

.sb-support-detail__meta-grid small {
    color: #66727e;
}

.sb-support-message {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 14px;
    padding: 14px;
}

.sb-support-message--opening {
    background: #f8fafb;
}

.sb-support-message--internal {
    background: #fff7ec;
    border-color: #ecd8b5;
}

.sb-support-message__meta {
    margin-bottom: 10px;
    color: #5d6975;
    font-size: 13px;
}

.sb-support-message__meta small {
    margin-left: auto;
}

.sb-support-message__body p:last-child {
    margin-bottom: 0;
}

.sb-support-timeline {
    display: grid;
    gap: 12px;
}

.sb-support-searchbar {
    margin-top: 18px;
}

.sb-support-state-pill,
.sb-support-inline-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    border: 1px solid #d5dce2;
    background: #fff;
    color: #23313f;
}

.sb-support-state-pill--new-ticket {
    background: #e8f1ff;
    border-color: #b7ccef;
}

.sb-support-state-pill--waiting,
.sb-support-state-pill--waiting-support {
    background: #fff3e3;
    border-color: #f0d2aa;
}

.sb-support-state-pill--support-replied,
.sb-support-state-pill--open {
    background: #eef6ef;
    border-color: #c8ddca;
}

.sb-support-state-pill--resolved {
    background: #eaf8ef;
    border-color: #bfdcc6;
}

.sb-support-state-pill--closed {
    background: #f1f2f3;
    border-color: #d6dbe0;
    color: #5b6772;
}

.sb-support-ticket-card {
    position: relative;
    overflow: hidden;
}

.sb-support-ticket-card::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: #d7dde3;
}

.sb-support-ticket-card--state-new-ticket::before { background: #78a7ef; }
.sb-support-ticket-card--state-waiting-support::before,
.sb-support-ticket-card--state-waiting::before { background: #e5a952; }
.sb-support-ticket-card--state-support-replied::before,
.sb-support-ticket-card--state-open::before { background: #6fb27a; }
.sb-support-ticket-card--state-resolved::before { background: #4ea868; }
.sb-support-ticket-card--state-closed::before { background: #8f9aa5; }

.sb-support-ticket-card__signals {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.sb-support-inline-badge {
    font-weight: 600;
    color: #4e5a66;
    background: #f7f9fb;
}

.sb-support-inline-badge--staff {
    background: #eef6ef;
}

.sb-support-inline-badge--requester {
    background: #fff3e3;
}

.sb-support-inline-badge--attachments {
    background: #eef5ff;
}

.sb-support-inline-badge--private {
    background: #f0f4ff;
    border-color: #cad7fb;
    color: #32466e;
}

.sb-support-detail-wrap {
    min-width: 0;
}

.sb-board--support .sb-support-detail {
    padding: 20px;
}

.sb-support-detail__summary-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 16px 0 18px;
}

.sb-support-detail__summary-card {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 14px;
    padding: 12px 14px;
}

.sb-support-detail__summary-card span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #66727e;
    margin-bottom: 6px;
}

.sb-support-detail__summary-card strong {
    display: block;
    font-size: 15px;
    line-height: 1.35;
}

.sb-board--support .sb-support-detail__meta-grid {
    margin-top: 0;
}

.sb-board--support .sb-board__section-head--detail {
    gap: 10px;
}

.sb-board--support .sb-unit-section--action,
.sb-board--support .sb-unit-section--history {
    background: #fbfcfd;
    border-radius: 16px;
}

.sb-board--support .sb-support-message__meta {
    gap: 8px;
}

.sb-board--support .sb-support-admin-form .sb-support-request-card__footer {
    padding-top: 2px;
    border-top: 1px solid #dde3e8;
}

.sb-board--support .sb-support-admin-form .sb-support-request-card__footer p {
    max-width: 860px;
}

@media (max-width: 980px) {
    .sb-support-detail__summary-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sb-support-board-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .sb-board--support .sb-support-detail__summary-strip {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .sb-board--support .sb-support-detail__summary-card {
        min-width: 0;
        padding: 12px;
    }

    .sb-board--support .sb-support-detail__summary-card span {
        font-size: 11px;
    }

    .sb-board--support .sb-support-detail__summary-card strong {
        font-size: 14px;
        line-height: 1.3;
    }

    .sb-support-detail__meta-grid {
        grid-template-columns: 1fr;
    }

    .sb-support-mini-ticket,
    .sb-support-ticket-card__top,
    .sb-support-ticket-card__foot,
    .sb-support-request-card__footer,
    .sb-board-inline-notice--support-global {
        flex-direction: column;
        align-items: flex-start;
    }

    .sb-support-ticket-card__signals--compact {
        align-items: flex-start;
    }

    .sb-support-ticket-card__activity {
        margin-left: 0;
        white-space: normal;
    }

    .sb-support-mini-ticket__meta,
    .sb-support-mini-ticket__state-stack {
        align-items: flex-start;
    }
}


.sb-support-mini-ticket:hover,
.sb-support-mini-ticket:focus {
    border-color: #aeb8c2;
    box-shadow: 0 10px 22px rgba(16, 24, 40, 0.08);
    transform: translateY(-1px);
}

.sb-board--support-ticket .sb-support-detail__head {
    gap: 18px;
}

.sb-board--support-ticket .sb-support-requester-form textarea {
    min-height: 120px;
}

.sb-board--support-ticket .sb-board__section-head .sb-unit-link-btn {
    flex-shrink: 0;
}

/* Support attachments foundation */
.sb-support-attachment-field input[type="file"] {
    display: block;
    width: 100%;
    margin-top: 6px;
}

.sb-support-attachment-field small {
    display: block;
    margin-top: 6px;
    color: #66727e;
    line-height: 1.45;
}

.sb-support-message .sb-board-attachments {
    margin-top: 14px;
}

.sb-board--support .sb-board-attachments,
.sb-board--support-ticket .sb-board-attachments {
    background: #f8fafb;
}

.sb-board--support .sb-board-attachments__summary,
.sb-board--support-ticket .sb-board-attachments__summary {
    align-self: flex-start;
}


.sb-support-attachment-delete-form {
    display: inline-flex;
    margin: 0;
}

.sb-support-attachment-delete-button {
    white-space: nowrap;
}


/* MS-SB-FRONTEND-BOARD-LABELS-AND-HERO-BUTTONS-HOTFIX-1 */
.sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board__hero-actions .sb-board-stats-launch,
.sb-board__hero-actions .sb-board-parts-launch,
.sb-board__hero-actions .sb-board-support-launch {
    flex: 0 0 160px;
    width: 160px;
    max-width: 100%;
    text-align: center;
    white-space: nowrap;
}

/* MS-SB-FRONTEND-BOARD-HERO-BUTTONS-HOTFIX-2 */
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-actions {
    align-items: stretch;
}

.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-actions .sb-board-stats-launch,
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-actions .sb-board-parts-launch,
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-actions .sb-board-support-launch {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex: 0 0 160px !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    min-height: 52px;
    padding: 14px 18px !important;
    margin-top: 0 !important;
    text-align: center;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-actions .sb-board-stats-launch,
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-actions .sb-board-parts-launch,
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-actions .sb-board-support-launch {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
}


/* MS-SB-FRONTEND-AUTH-ENTRY-FOUNDATION-1 */
.sb-board-auth {
    margin: 0 0 12px;
}

.sb-board-auth__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 14px;
    border: 1px solid #d7e3ee;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
    box-shadow: 0 6px 16px rgba(24, 50, 74, 0.04);
}

.sb-board-auth__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: var(--sb-board-text);
}

.sb-board-auth__summary {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.sb-board-auth__summary strong {
    color: #123a5a;
    font-size: 14px;
    line-height: 1.35;
}

.sb-board-auth__text {
    color: var(--sb-board-muted);
    font-size: 13px;
    line-height: 1.45;
}

.sb-board-auth__eyebrow,
.sb-board-auth__role {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    white-space: nowrap;
}

.sb-board-auth__eyebrow {
    background: #edf6fd;
    color: #0c5f9a;
}

.sb-board-auth__role {
    background: #f5f8fb;
    color: #365a78;
    border: 1px solid #d7e3ee;
}

.sb-board-auth__button {
    flex: 0 0 auto;
    min-width: 104px;
    min-height: 42px;
}

.sb-board__access-actions {
    margin-top: 16px;
}

@media (max-width: 700px) {
    .sb-board-auth__content {
        flex-direction: column;
        align-items: stretch;
    }

    .sb-board-auth__meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .sb-board-auth__summary {
        gap: 6px;
    }

    .sb-board-auth__button {
        width: 100%;
        min-width: 0;
    }
}

@keyframes sb-board-spin {
    to { transform: rotate(360deg); }
}

/* MS-SB-SELLER-AUTH-FRONTEND-LOGIN-FOUNDATION-1 */
.sb-board-auth__notice {
    margin: 0 0 12px;
    padding: 10px 14px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #d7e3ee;
}

.sb-board-auth__notice--success {
    background: #edf8f0;
    color: #1f6b37;
    border-color: #c7e6cf;
}

.sb-board-auth__notice--error {
    background: #fff3f3;
    color: #a43131;
    border-color: #f0cbcb;
}

.sb-board-auth__meta--stacked,
.sb-board-auth__summary--stacked {
    align-items: flex-start;
}

.sb-board-auth__actions {
    display: flex;
    align-items: stretch;
    gap: 12px;
    flex: 0 1 auto;
    width: min(100%, 620px);
}

.sb-board-auth__servicebox {
    display: grid;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
    padding: 12px;
    border: 1px solid #d7e3ee;
    border-radius: 14px;
    background: #fbfdff;
}

.sb-board-auth__servicehead {
    display: grid;
    gap: 3px;
}

.sb-board-auth__servicehead strong {
    color: #123a5a;
    font-size: 13px;
}

.sb-board-auth__servicehead span {
    color: var(--sb-board-muted);
    font-size: 12px;
    line-height: 1.45;
}

.sb-board-auth__serviceform {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    align-items: end;
}

.sb-board-auth__serviceform label {
    display: grid;
    gap: 6px;
}

.sb-board-auth__serviceform label span {
    color: #365a78;
    font-size: 12px;
    font-weight: 700;
}

.sb-board-auth__serviceform input {
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid #cfdbe7;
    border-radius: 10px;
    background: #fff;
    color: #183246;
    box-sizing: border-box;
    width: 100%;
}

.sb-board-auth__serviceform .sb-unit-link-btn {
    min-height: 42px;
    width: 100%;
}

@media (max-width: 900px) {
    .sb-board-auth__actions {
        width: 100%;
        flex-direction: column;
    }

    .sb-board-auth__serviceform {
        grid-template-columns: 1fr;
    }
}


.sb-board-editor-create-wrap {
  margin: 18px 0 0;
  padding: 18px;
  border: 1px solid rgba(15, 122, 198, 0.18);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(15, 122, 198, 0.07), rgba(15, 122, 198, 0.02));
}

.sb-board-editor-create-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.sb-board-editor-create-entry h3 {
  margin: 4px 0 6px;
}

.sb-board-editor-create-entry small {
  display: block;
  color: var(--sb-board-muted);
  font-size: 13px;
  line-height: 1.55;
  max-width: 76ch;
}

.sb-board-editor-create {
  margin-top: 14px;
}

.sb-board-form-note--editor-create {
  background: linear-gradient(180deg, rgba(0, 152, 216, 0.08), rgba(0, 152, 216, 0.03));
  border-color: rgba(0, 152, 216, 0.18);
}

.sb-board-quick-create__footer--editor-create {
  align-items: flex-start;
}

@media (max-width: 767px) {
  .sb-board-editor-create-wrap {
    padding: 16px;
  }

  .sb-board-editor-create-entry {
    align-items: stretch;
  }

  .sb-board-editor-create-entry .sb-unit-link-btn {
    width: 100%;
  }
}


/* MS-SB-APP-MODE-FOUNDATION-1 + MS-SB-APP-LOGIN-UNIFIED-PUBLIC-HOTFIX-1 */
.sb-board-app {
    position: relative;
    min-height: min(100vh, 980px);
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(180deg, #dceaf5 0%, #eef5fa 100%);
    box-shadow: 0 28px 60px rgba(16, 35, 56, 0.16);
}
.sb-board-app__shell { position: relative; z-index: 1; padding: 18px; }
.sb-board-app__shell--login {
    min-height: min(100vh, 980px);
    display: grid;
    align-items: center;
    padding: clamp(18px, 4vw, 36px);
}
/* topbar base overridden by MS-SB-SELLER-PROFILE-HEADER-ALIGN-1 */
.sb-board-app__brand-kicker,
.sb-board-app__brand-sub,
.sb-board-app__ghost-link,
.sb-board-app__session-chip span,
.sb-board-app__session-chip em,
.sb-board-app__eyebrow,
.sb-board-app__card-kicker,
.sb-board-app__splash-kicker { letter-spacing:.04em; text-transform:uppercase; font-size:11px; font-weight:700; }
.sb-board-app__brand-sub { color:rgba(255,255,255,.74); text-transform:none; letter-spacing:0; font-size:13px; }
/* session chip and action styles overridden by MS-SB-SELLER-PROFILE-HEADER-ALIGN-1 */
.sb-board-app__content > .sb-board,
.sb-board-app__content > .sb-board--statistics,
.sb-board-app__content > .sb-support-board,
.sb-board-app__content > .sb-support-requester { margin:0; }
.sb-board--app-embedded { border-radius:24px; }

.sb-board-app__login-screen { display:grid; gap:18px; max-width:1180px; margin:0 auto; width:100%; }
.sb-board-app__login-stage { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(380px, 520px); gap:22px; align-items:stretch; }
.sb-board-app__login-showcase,
.sb-board-app__login-panel,
.sb-board-app__qr-panel,
.sb-board-app__notice-card {
    padding:24px; border-radius:28px; background:rgba(255,255,255,.94); border:1px solid rgba(216,223,235,.92);
    box-shadow:0 20px 40px rgba(18,50,78,.10);
}
.sb-board-app__login-showcase {
    display:grid; align-content:end; gap:14px; min-height:460px; color:#fff;
    background:
        linear-gradient(165deg, rgba(7,39,66,.82) 0%, rgba(15,95,152,.48) 100%),
        url('../img/app-splash-serviceboard.jpg') center/cover no-repeat;
    border-color:rgba(255,255,255,.18);
}
.sb-board-app__login-showcase h1,
.sb-board-app__login-panel h2,
.sb-board-app__qr-panel h3 { margin:0; color:#17324a; }
.sb-board-app__login-showcase h1 { color:#fff; font-size:clamp(34px, 4.1vw, 52px); line-height:1.02; max-width:11ch; }
.sb-board-app__login-showcase p { margin:0; color:rgba(255,255,255,.92); max-width:58ch; }
.sb-board-app__login-showcase .sb-board-app__eyebrow { color:rgba(255,255,255,.82); }
.sb-board-app__login-panel { display:grid; gap:16px; align-content:start; }
.sb-board-app__login-panel > p,
.sb-board-app__qr-panel p,
.sb-board-app__notice-card p,
.sb-board-app__login-help p { margin:0; color:#5f7187; }
.sb-board-app__login-copy {
    display:grid; gap:6px; padding:16px 18px; max-width:460px; border-radius:20px;
    background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.16);
}
.sb-board-app__login-copy strong { color:#fff; font-size:15px; }
.sb-board-app__hero-points { display:flex; flex-wrap:wrap; gap:10px; margin-top:4px; }
.sb-board-app__hero-points span { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,.14); color:#fff; font-size:13px; font-weight:700; border:1px solid rgba(255,255,255,.16); }
.sb-board-app__login-help {
    display:grid; gap:6px; padding:16px 18px; border-radius:20px; background:#f3f8fc; border:1px solid #d8e4ef;
}
.sb-board-app__login-help strong,
.sb-board-app__qr-panel h3 { color:#17324a; }
.sb-board-app__public-form { display:grid; gap:14px; }
.sb-board-app__public-form label { display:grid; gap:6px; }
.sb-board-app__public-form label > span { font-size:13px; font-weight:700; color:#17324a; }
.sb-board-app__public-form input {
    width:100%; min-height:52px; border-radius:16px; border:1px solid #c6d7e6; background:#fff;
    padding:0 16px; font-size:16px; color:#17324a; box-sizing:border-box;
}
.sb-board-app__public-form input:focus {
    outline:none; border-color:#0c5f9a; box-shadow:0 0 0 4px rgba(12,95,154,.12);
}
.sb-board-app__public-form .sb-unit-link-btn {
    width:100%; min-height:52px; display:inline-flex; align-items:center; justify-content:center; font-size:16px;
}

.sb-board-app__login-screen .sb-unit-link-btn,
.sb-board-app__login-screen .sb-unit-link-btn--alt,
.sb-board-app__login-screen .sb-unit-link-btn--ghost,
.sb-board-app__login-screen input[type="submit"].sb-unit-link-btn,
.sb-board-app__login-screen button.sb-unit-link-btn {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #cfe2f1 !important;
    border-radius: 14px;
    background: #edf5fb !important;
    color: #0c5f9a !important;
    padding: 14px 18px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 14px rgba(24, 50, 74, 0.05);
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.sb-board-app__login-screen .sb-unit-link-btn:hover,
.sb-board-app__login-screen .sb-unit-link-btn:focus,
.sb-board-app__login-screen .sb-unit-link-btn--alt:hover,
.sb-board-app__login-screen .sb-unit-link-btn--alt:focus,
.sb-board-app__login-screen .sb-unit-link-btn--ghost:hover,
.sb-board-app__login-screen .sb-unit-link-btn--ghost:focus,
.sb-board-app__login-screen input[type="submit"].sb-unit-link-btn:hover,
.sb-board-app__login-screen input[type="submit"].sb-unit-link-btn:focus,
.sb-board-app__login-screen button.sb-unit-link-btn:hover,
.sb-board-app__login-screen button.sb-unit-link-btn:focus {
    background: #e2eff9 !important;
    border-color: #b8d6ea !important;
    color: #0c5f9a !important;
    box-shadow: 0 10px 20px rgba(24, 50, 74, 0.08);
    transform: translateY(-1px);
}
.sb-board-app__qr-panel {
    display:grid; gap:14px; align-items:start; justify-items:start;
    grid-template-columns:minmax(0,1fr) auto auto;
}
.sb-board-app__qr-wrap {
    display:grid; place-items:center; padding:10px; border-radius:24px; background:#fff; border:1px solid #d7e3ee;
}
.sb-board-app__qr-image { display:block; width:min(220px, 42vw); max-width:220px; aspect-ratio:1/1; border-radius:16px; background:#fff; }
.sb-board-app__qr-caption { color:#6d7f93; font-size:12px; }
.sb-board-app__notice-card--inline { padding:18px; border-radius:20px; }
.sb-board-app__notice-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:14px; }
.sb-board-app__splash {
    position:absolute; inset:0; z-index:50; display:grid; place-items:center; background-position:center; background-size:cover; background-repeat:no-repeat;
    transition:opacity .55s ease, visibility .55s ease;
}
.sb-board-app__splash.is-hidden { opacity:0; visibility:hidden; pointer-events:none; }
.sb-board-app__splash-overlay { position:absolute; inset:0; background:linear-gradient(160deg, rgba(6,28,48,.68) 0%, rgba(12,96,154,.28) 100%); }
.sb-board-app__splash-content { position:relative; z-index:1; display:grid; gap:8px; justify-items:center; padding:28px; color:#fff; text-align:center; }
.sb-board-app__splash-content strong { font-size:clamp(34px,7vw,62px); line-height:.98; color:#fff; }
.sb-board-app__splash-content span:last-child { color:rgba(255,255,255,.84); font-size:15px; font-weight:600; }

@media (max-width: 1100px) {
    .sb-board-app__login-stage { grid-template-columns:1fr; }
    .sb-board-app__login-showcase { min-height:340px; }
    .sb-board-app__qr-panel { grid-template-columns:1fr; justify-items:start; }
}
@media (max-width: 760px) {
    .sb-board-app { border-radius:22px; }
    .sb-board-app__shell { padding:12px; }
    .sb-board-app__shell--login { padding:14px; }
    /* mobile topbar handled by MS-SB-SELLER-PROFILE-HEADER-ALIGN-1 */
    .sb-board-app__login-showcase,
    .sb-board-app__login-panel,
    .sb-board-app__qr-panel,
    .sb-board-app__notice-card { padding:18px; border-radius:20px; }
    .sb-board-app__login-showcase { min-height:280px; }
    .sb-board-app__login-showcase h1 { max-width:none; }
    .sb-board-app__qr-panel { justify-items:stretch; }
    .sb-board-app__qr-wrap { justify-content:center; }
    .sb-board-app__qr-image { width:min(220px, 100%); }
}



/* MS-SB-SELLER-PROFILE-HEADER-ALIGN-1 */
.sb-board-app__topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    margin-bottom: 18px;
    padding: 18px 20px;
    border: 1px solid #d8dfeb;
    border-radius: 24px;
    background: linear-gradient(180deg, #fdfefe 0%, #f4f8fb 100%);
    color: #17324a;
    box-shadow: 0 14px 30px rgba(24, 50, 74, 0.07);
    backdrop-filter: none;
    position: relative;
    overflow: hidden;
}

.sb-board-app__topbar::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: linear-gradient(180deg, #1d4b73 0%, #2b6c9f 100%);
}

.sb-board-app__brand {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding-left: 10px;
}

.sb-board-app__brand strong {
    font-size: clamp(20px, 2.3vw, 24px);
    line-height: 1.08;
    color: #17324a;
    letter-spacing: -0.02em;
}

.sb-board-app__brand-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: #e8f3fb;
    color: #176fb3;
    border: 1px solid #cfe2f1;
}

.sb-board-app__brand-sub {
    color: #5f7187;
    font-size: 14px;
    line-height: 1.5;
}

.sb-board-app__topbar-actions {
    display: flex;
    align-items: stretch;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.sb-board-app__ghost-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 14px;
    border-radius: 14px;
    border: 1px solid #d7e3ee;
    background: #f7fbfe;
    color: #365a78;
    text-decoration: none;
    box-shadow: 0 6px 14px rgba(24, 50, 74, 0.04);
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

.sb-board-app__ghost-link:hover {
    color: #176fb3;
    background: #ffffff;
    border-color: #c7d9e8;
    box-shadow: 0 10px 18px rgba(24, 50, 74, 0.08);
    transform: translateY(-1px);
}

.sb-board-app__session-chip {
    display: grid;
    gap: 3px;
    align-content: center;
    min-width: min(100%, 240px);
    padding: 10px 14px;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
    border: 1px solid #d7e3ee;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.sb-board-app__session-chip strong {
    color: #123a5a;
    font-size: 14px;
    line-height: 1.25;
}

.sb-board-app__session-chip span,
.sb-board-app__session-chip em {
    color: #5f7187;
}

.sb-board-app__session-chip em {
    font-style: normal;
}

.sb-board-app__topbar .sb-unit-link-btn,
.sb-board-app__topbar .sb-unit-link-btn--alt,
.sb-board-app__topbar .sb-unit-link-btn--ghost {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 14px;
    border: 1px solid #cfe2f1 !important;
    background: #edf5fb !important;
    color: #176fb3 !important;
    text-decoration: none;
    font-weight: 700;
    box-shadow: 0 6px 14px rgba(24, 50, 74, 0.05);
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

.sb-board-app__topbar .sb-unit-link-btn:hover,
.sb-board-app__topbar .sb-unit-link-btn--alt:hover,
.sb-board-app__topbar .sb-unit-link-btn--ghost:hover {
    background: #ffffff !important;
    border-color: #bfd7ea !important;
    color: #0f6ea7 !important;
    box-shadow: 0 10px 18px rgba(24, 50, 74, 0.08);
    transform: translateY(-1px);
}

@media (max-width: 980px) {
    .sb-board-app__topbar {
        grid-template-columns: 1fr;
    }

    .sb-board-app__topbar-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .sb-board-app__topbar {
        gap: 14px;
        padding: 16px;
        border-radius: 20px;
    }

    .sb-board-app__brand {
        padding-left: 8px;
    }

    .sb-board-app__topbar-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .sb-board-app__session-chip,
    .sb-board-app__ghost-link,
    .sb-board-app__topbar .sb-unit-link-btn,
    .sb-board-app__topbar .sb-unit-link-btn--alt,
    .sb-board-app__topbar .sb-unit-link-btn--ghost {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
}

/* MS-SB-PWA-FOUNDATION-1 */
.sb-board-app__qr-launcher {
    display:none;
    justify-content:center;
    margin-top:-2px;
}
.sb-board-app__qr-modal[hidden] { display:none !important; }
.sb-board-app__qr-modal {
    position:fixed;
    inset:0;
    z-index:120;
    display:grid;
    place-items:center;
    padding:20px;
}
.sb-board-app__qr-modal-backdrop {
    position:absolute;
    inset:0;
    background:rgba(7, 24, 38, 0.68);
    backdrop-filter:blur(4px);
}
.sb-board-app__qr-modal-card {
    position:relative;
    z-index:1;
    display:grid;
    gap:14px;
    width:min(100%, 420px);
    padding:24px;
    border-radius:26px;
    background:#fff;
    border:1px solid #d8e4ef;
    box-shadow:0 26px 60px rgba(16, 35, 56, 0.22);
    text-align:center;
}
.sb-board-app__qr-modal-card h3 { margin:0; color:#17324a; }
.sb-board-app__qr-modal-card p { margin:0; color:#5f7187; }
.sb-board-app__qr-modal-close {
    position:absolute;
    top:12px;
    right:12px;
    width:40px;
    height:40px;
    border-radius:999px;
    border:1px solid #d8e4ef;
    background:#f7fbfe;
    color:#17324a;
    font-size:24px;
    line-height:1;
    cursor:pointer;
}
.sb-board-app__qr-wrap--modal {
    width:100%;
    justify-items:center;
}
body.sb-board-qr-modal-open { overflow:hidden; }
body.sb-board-pwa-standalone .sb-board-app__qr-panel,
.sb-board-app.is-pwa-standalone .sb-board-app__qr-panel {
    display:none;
}
body.sb-board-pwa-standalone .sb-board-app__qr-launcher,
.sb-board-app.is-pwa-standalone .sb-board-app__qr-launcher {
    display:flex;
}
body.sb-board-pwa-entry .sb-board-app__shell,
body.sb-board-pwa-standalone .sb-board-app__shell {
    min-height:100vh;
}
@media (max-width: 760px) {
    .sb-board-app__qr-launcher .sb-unit-link-btn {
        width:100%;
    }
    .sb-board-app__qr-modal-card {
        border-radius:20px;
        padding:20px 18px;
    }
}


/* MS-SB-PWA-INSTALL-PROMPT-1 */
.sb-board-app__public-form input:invalid,
.sb-board-app__public-form input:-webkit-autofill,
.sb-board-app__public-form input:-webkit-autofill:hover,
.sb-board-app__public-form input:-webkit-autofill:focus {
    border-color:#c6d7e6 !important;
    -webkit-text-fill-color:#17324a;
    -webkit-box-shadow:0 0 0 1000px #ffffff inset;
    box-shadow:0 0 0 1000px #ffffff inset;
}
.sb-board-app__public-form input[aria-invalid="true"] {
    border-color:#c6d7e6 !important;
    box-shadow:0 0 0 4px rgba(12,95,154,.08);
}
.sb-board-app__install-help {
    display:grid;
    gap:10px;
    justify-items:start;
    padding:18px 22px;
    border-radius:22px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(216,223,235,.92);
    box-shadow:0 16px 32px rgba(18,50,78,.08);
}
.sb-board-app__install-help small {
    color:#5f7187;
    font-size:12px;
}
.sb-board-app__qr-actions {
    display:grid;
    gap:10px;
    align-self:stretch;
}
.sb-board-app__install-trigger,
.sb-board-app__qr-launcher-btn {
    background:linear-gradient(180deg, #edf5fb 0%, #e4eff9 100%) !important;
    border:1px solid #cfe2f1 !important;
    color:#0c5f9a !important;
    box-shadow:0 10px 22px rgba(18,50,78,.08);
}
.sb-board-app__install-trigger:hover,
.sb-board-app__install-trigger:focus,
.sb-board-app__qr-launcher-btn:hover,
.sb-board-app__qr-launcher-btn:focus {
    background:linear-gradient(180deg, #e6f1fa 0%, #dcecf8 100%) !important;
    border-color:#b8d6ea !important;
    color:#0c5f9a !important;
}
.sb-board-app__install-modal[hidden] { display:none !important; }
.sb-board-app__install-modal {
    position:fixed;
    inset:0;
    z-index:119;
    display:grid;
    place-items:center;
    padding:20px;
}
.sb-board-app__install-modal-backdrop {
    position:absolute;
    inset:0;
    background:rgba(7, 24, 38, 0.68);
    backdrop-filter:blur(4px);
}
.sb-board-app__install-modal-card {
    position:relative;
    z-index:1;
    display:grid;
    gap:14px;
    width:min(100%, 430px);
    padding:24px;
    border-radius:26px;
    background:#fff;
    border:1px solid #d8e4ef;
    box-shadow:0 26px 60px rgba(16, 35, 56, 0.22);
    text-align:left;
}
.sb-board-app__install-modal-card h3 { margin:0; color:#17324a; }
.sb-board-app__install-modal-card p { margin:0; color:#5f7187; line-height:1.6; }
.sb-board-app__install-modal-actions { display:flex; justify-content:flex-end; }
.sb-board-app__install-modal-close {
    position:absolute;
    top:12px;
    right:12px;
    width:40px;
    height:40px;
    border-radius:999px;
    border:1px solid #d8e4ef;
    background:#f7fbfe;
    color:#17324a;
    font-size:24px;
    line-height:1;
    cursor:pointer;
}
body.sb-board-install-modal-open { overflow:hidden; }
body.sb-board-pwa-standalone .sb-board-app__install-help,
.sb-board-app.is-pwa-standalone .sb-board-app__install-help,
body.sb-board-pwa-standalone .sb-board-app__install-trigger,
.sb-board-app.is-pwa-standalone .sb-board-app__install-trigger {
    display:none !important;
}
@media (max-width: 1100px) {
    .sb-board-app__qr-actions {
        width:100%;
        grid-template-columns:1fr 1fr;
    }
}
@media (max-width: 760px) {
    .sb-board-app__install-help,
    .sb-board-app__qr-actions {
        justify-items:stretch;
    }
    .sb-board-app__qr-actions {
        grid-template-columns:1fr;
    }
    .sb-board-app__install-help .sb-unit-link-btn,
    .sb-board-app__qr-actions .sb-unit-link-btn,
    .sb-board-app__qr-launcher .sb-unit-link-btn,
    .sb-board-app__install-modal-actions .sb-unit-link-btn {
        width:100%;
    }
    .sb-board-app__install-modal-card {
        border-radius:20px;
        padding:20px 18px;
    }
}


@media (max-width: 767px) {
    .sb-board__tickets-widget-head {
        flex-direction: column;
    }

    .sb-board__tickets-widget-row,
    .sb-board__tickets-widget-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .sb-board__tickets-widget {
        padding: 16px;
    }
}

@media (max-width: 480px) {
    .sb-board__tickets-widget-metrics {
        grid-template-columns: 1fr;
    }
}


/* MS-SB-SELLER-PROFILE-HERO-CONTENT-BALANCE-1 */
.sb-board__hero-main {
    display: grid;
    gap: 18px;
    min-height: 100%;
}

.sb-board__hero-copy {
    display: grid;
    gap: 10px;
    align-content: start;
}

.sb-board__hero-actions-wrap {
    display: grid;
    gap: 16px;
    margin-top: auto;
}

.sb-board__hero-quick-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.sb-board__hero-quick-points span,
.sb-board__hero-quick-points a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid #d8e3eb;
    background: rgba(255, 255, 255, 0.82);
    color: #30516d;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

.sb-board__hero-quick-points a {
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.sb-board__hero-quick-points a:hover,
.sb-board__hero-quick-points a:focus {
    background: rgba(255, 255, 255, 0.96);
    border-color: #bcd4e3;
    color: #163b5b;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(20, 55, 90, 0.08), inset 0 1px 0 rgba(255,255,255,.78);
}

.sb-board--external-metrics .sb-board__hero {
    grid-template-columns: minmax(0, 1.22fr) minmax(320px, 0.98fr);
    gap: 18px;
    margin-bottom: 18px;
}

.sb-board--external-metrics > .sb-board__hero > div:first-child,
.sb-board--external-metrics .sb-board__hero > div:first-child {
    padding: 22px 24px;
}

.sb-board--external-metrics > .sb-board__hero > div:first-child h2,
.sb-board--external-metrics .sb-board__hero > div:first-child h2 {
    margin-bottom: 6px;
    font-size: clamp(20px, 2.4vw, 24px);
    line-height: 1.14;
}

.sb-board--external-metrics > .sb-board__hero > div:first-child p,
.sb-board--external-metrics .sb-board__hero > div:first-child p {
    max-width: 56ch;
    color: #52687f !important;
}

.sb-board--external-metrics > .sb-board__hero > div:first-child > .sb-board__hero-main,
.sb-board--external-metrics .sb-board__hero > div:first-child > .sb-board__hero-main {
    min-height: 100%;
}

.sb-board--external-metrics > .sb-board__hero > div:first-child > .sb-board__hero-main > .sb-board__hero-actions-wrap,
.sb-board--external-metrics .sb-board__hero > div:first-child > .sb-board__hero-main > .sb-board__hero-actions-wrap {
    padding-top: 2px;
}

.sb-board--external-metrics > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions,
.sb-board--external-metrics .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions {
    margin-top: 0;
    gap: 10px;
}

.sb-board--external-metrics > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board-support-request-entry,
.sb-board--external-metrics .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board-support-request-entry {
    min-width: 220px;
}

.sb-board--external-metrics .sb-board__tickets-widget {
    padding: 18px 18px 16px;
}

.sb-board--external-metrics .sb-board__tickets-widget-head {
    margin-bottom: 12px;
}

@media (max-width: 1100px) {
    .sb-board--external-metrics .sb-board__hero {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .sb-board__hero-quick-points {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .sb-board__hero-main {
        gap: 14px;
    }

    .sb-board--external-metrics > .sb-board__hero > div:first-child,
    .sb-board--external-metrics .sb-board__hero > div:first-child {
        padding: 18px;
    }

    .sb-board--external-metrics > .sb-board__hero > div:first-child h2,
    .sb-board--external-metrics .sb-board__hero > div:first-child h2 {
        font-size: 22px;
    }

    .sb-board__hero-quick-points span,
.sb-board__hero-quick-points a {
        min-height: 40px;
        border-radius: 14px;
    }
}


@media (max-width: 760px) {
    .sb-board__results-wrap.sb-board-collapsible,
    .sb-board__detail-wrap.sb-board-collapsible,
    .sb-board__searchbar {
        padding: 16px;
    }

    .sb-board__section-head--toggle {
        align-items: flex-start;
        flex-direction: column;
    }

    .sb-board__section-head--toggle > span {
        padding-left: 0;
    }
}


/* MS-SB-MAINBOARD-COLLAPSE-DESIGN-POLISH-1 */
.sb-board__searchbar-head--toggle .sb-board-collapse__toggle {
    background: linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%) !important;
    border: 1px solid #d8e3eb !important;
    border-radius: 18px;
    padding: 14px 16px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 6px 16px rgba(24, 50, 74, 0.04);
}

.sb-board__searchbar-head--toggle .sb-board-collapse__toggle:hover,
.sb-board__searchbar-head--toggle .sb-board-collapse__toggle:focus {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border-color: #c6d8e5 !important;
}

.sb-board__searchbar-head--toggle .sb-board-collapse__toggle:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(23, 111, 179, 0.12), inset 0 1px 0 rgba(255,255,255,.8);
}

.sb-board__searchbar-head--toggle .sb-board-collapse__title {
    color: #17324a;
}

.sb-board__searchbar-head--toggle .sb-board__searchbar-kicker {
    margin-bottom: 6px;
}

.sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board__hero-actions .sb-board-stats-launch,
.sb-board__hero-actions .sb-board-parts-launch {
    background: linear-gradient(180deg, #fafdff 0%, #eef5fb 100%);
    border: 1px solid #d8e3eb;
    color: #176fb3;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 8px 18px rgba(24, 50, 74, 0.05);
}

.sb-board__hero-actions .sb-board-hero-create-trigger:hover,
.sb-board__hero-actions .sb-board-hero-create-trigger:focus,
.sb-board__hero-actions .sb-board-stats-launch:hover,
.sb-board__hero-actions .sb-board-stats-launch:focus,
.sb-board__hero-actions .sb-board-parts-launch:hover,
.sb-board__hero-actions .sb-board-parts-launch:focus {
    background: linear-gradient(180deg, #ffffff 0%, #f3f8fd 100%);
    border-color: #c6d8e5;
    color: #145b92;
}

.sb-board__hero-actions .sb-board-hero-create-trigger:focus,
.sb-board__hero-actions .sb-board-stats-launch:focus,
.sb-board__hero-actions .sb-board-parts-launch:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(23, 111, 179, 0.12), inset 0 1px 0 rgba(255,255,255,.85);
}

@media (max-width: 700px) {
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        align-items: stretch;
    }

    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch,
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-parts-launch {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        min-height: 58px;
        white-space: normal !important;
        line-height: 1.2;
        padding: 12px 14px !important;
    }

    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-support-launch,
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-support-request-entry {
        grid-column: 1 / -1;
        width: 100%;
        max-width: 100%;
    }
}


/* MS-SB-MAINBOARD-COLLAPSE-DESIGN-POLISH-2 */
.sb-board__section-head--toggle .sb-board-collapse__toggle {
    align-items: center;
    background: linear-gradient(180deg, #fbfdff 0%, #f4f8fc 100%) !important;
    border: 1px solid #d8e3eb !important;
    border-radius: 16px;
    padding: 14px 16px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 6px 16px rgba(24, 50, 74, 0.04);
}

.sb-board__section-head--toggle .sb-board-collapse__toggle:hover,
.sb-board__section-head--toggle .sb-board-collapse__toggle:focus {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border-color: #c6d8e5 !important;
}

.sb-board__section-head--toggle .sb-board-collapse__toggle:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(23, 111, 179, 0.12), inset 0 1px 0 rgba(255,255,255,.8);
}

.sb-board__section-head--toggle .sb-board-collapse__title {
    color: #17324a !important;
}

.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-parts-launch {
    background: #ffffff !important;
    border: 1px solid #c5d8e8 !important;
    color: #176fb3 !important;
}

.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger:hover,
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger:focus,
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch:hover,
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch:focus,
.sb-board .sb-board__hero-actions .sb-board-hero-create-trigger:hover,
.sb-board .sb-board__hero-actions .sb-board-hero-create-trigger:focus,
.sb-board .sb-board__hero-actions .sb-board-stats-launch:hover,
.sb-board .sb-board__hero-actions .sb-board-stats-launch:focus {
    background: #f7fbff !important;
    border-color: #bfd4e6 !important;
    color: #145b92 !important;
}


/* MS-SB-STAMKORT-CREATE-FLOW-POLISH-1 */
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-parts-launch {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 146px !important;
    min-width: 146px !important;
    max-width: 146px !important;
    min-height: 50px !important;
    padding: 12px 14px !important;
    line-height: 1.15;
    white-space: normal !important;
    text-align: center;
}

@media (max-width: 700px) {
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch,
    .sb-board .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-parts-launch {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 50px !important;
    }
}

.sb-board-success-prompt[hidden] { display: none !important; }
.sb-board-success-prompt {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}
.sb-board-success-prompt__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 31, 46, 0.42);
    backdrop-filter: blur(2px);
}
.sb-board-success-prompt__card {
    position: relative;
    width: min(100%, 460px);
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    border: 1px solid #d2e0eb;
    border-radius: 24px;
    box-shadow: 0 26px 60px rgba(16, 38, 60, 0.18);
    padding: 22px 22px 18px;
    display: grid;
    gap: 10px;
}
.sb-board-success-prompt__eyebrow {
    display: inline-flex;
    align-items: center;
    width: max-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: #edf5fb;
    color: #176fb3;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.sb-board-success-prompt__title {
    margin: 0;
    color: #17324a;
    font-size: 28px;
    line-height: 1.15;
}
.sb-board-success-prompt__message {
    margin: 0;
    color: #496176;
    line-height: 1.6;
}
.sb-board-success-prompt__actions {
    display: flex;
    justify-content: flex-end;
    padding-top: 6px;
}
body.sb-board-success-prompt-open { overflow: hidden; }
@media (max-width: 700px) {
    .sb-board-success-prompt {
        align-items: flex-end;
        padding: 12px;
    }
    .sb-board-success-prompt__card {
        width: 100%;
        border-radius: 22px 22px 18px 18px;
        padding: 18px 18px 16px;
    }
    .sb-board-success-prompt__title {
        font-size: 24px;
    }
    .sb-board-success-prompt__actions {
        justify-content: stretch;
    }
    .sb-board-success-prompt__actions .sb-unit-link-btn {
        width: 100%;
    }
}


/* MS-SB-CREATE-BUTTON-SIZE-HOTFIX-1 */
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-parts-launch {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: normal !important;
}

@media (max-width: 700px) {
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch,
    .sb-board .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-parts-launch {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 48px !important;
        padding: 10px 12px !important;
        font-size: 14px !important;
    }
}


/* MS-SB-CREATE-BUTTON-SIZE-HOTFIX-3 */
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board .sb-board__hero-actions .sb-board-hero-create-trigger {
    width: auto !important;
    min-width: 164px !important;
    max-width: none !important;
    min-height: 40px !important;
    padding: 6px 18px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
}

.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-parts-launch {
    width: auto !important;
    min-width: 108px !important;
    max-width: none !important;
    min-height: 40px !important;
    padding: 6px 18px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
}

@media (max-width: 700px) {
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions,
    .sb-board .sb-board__hero-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        align-items: stretch;
    }

    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch,
    .sb-board .sb-board__hero-actions .sb-board-stats-launch,
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-parts-launch,
    .sb-board .sb-board__hero-actions .sb-board-parts-launch {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 42px !important;
        padding: 6px 8px !important;
        font-size: 13px !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        justify-content: center !important;
    }

    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-support-launch,
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-support-request-entry,
    .sb-board .sb-board__hero-actions .sb-board-support-launch,
    .sb-board .sb-board__hero-actions .sb-board-support-request-entry {
        grid-column: 1 / -1;
    }
}


/* MS-SB-CREATE-BUTTON-PADDING-HOTFIX-4 */
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-parts-launch {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board .sb-board__hero-actions .sb-board-hero-create-trigger {
    min-width: 158px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-parts-launch {
    min-width: 108px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

@media (max-width: 700px) {
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch,
    .sb-board .sb-board__hero-actions .sb-board-stats-launch,
    .sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-parts-launch,
    .sb-board .sb-board__hero-actions .sb-board-parts-launch {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 12.5px !important;
    }
}


/* MS-SB-CREATE-BUTTON-ALIGN-HOTFIX-5 */
.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions,
.sb-board .sb-board__hero-actions {
    align-items: center;
}

.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-parts-launch {
    margin-top: 0 !important;
    align-self: center !important;
}

.sb-board > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board .sb-board__hero-actions .sb-board-hero-create-trigger {
    align-self: center !important;
}


/* MS-SB-SELLER-BOARD-COLLAPSE-AND-BUTTON-POLISH-1 */
.sb-support-request-card__toggle-label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.sb-support-request-card__toggle-copy {
    display: block;
    color: #566574;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;
}

.sb-support-request-card.sb-board-collapsible .sb-board-collapse__body {
    margin-top: 16px;
}

.sb-support-request-card.sb-board-collapsible.is-collapsed {
    padding-bottom: 18px;
}

.sb-support-request-card.sb-board-collapsible .sb-board__section-head--toggle {
    margin-bottom: 0;
}

.sb-support-request-card.sb-board-collapsible .sb-board__section-head--toggle .sb-board-collapse__toggle {
    align-items: flex-start;
}

.sb-board--external-metrics > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board--external-metrics .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board--external-metrics > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-support-request-entry,
.sb-board--external-metrics .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-support-request-entry {
    min-width: 220px;
    justify-content: center;
}

@media (max-width: 700px) {
    .sb-board--external-metrics > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions,
    .sb-board--external-metrics .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions,
    .sb-board--external-metrics .sb-board__hero-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .sb-board--external-metrics > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board--external-metrics .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board--external-metrics .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board--external-metrics > .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-support-request-entry,
    .sb-board--external-metrics .sb-board__hero > div:first-child > .sb-board__hero-main .sb-board__hero-actions .sb-board-support-request-entry,
    .sb-board--external-metrics .sb-board__hero-actions .sb-board-support-request-entry {
        grid-column: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 42px !important;
        padding: 10px 12px !important;
        white-space: normal !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .sb-support-request-card__meta {
        width: 100%;
        justify-content: flex-start;
    }
}


/* MS-SB-SELLER-HELP-TOOLTIPS-FOUNDATION-1 */
.sb-board__micro-help {
    display: flex;
    align-items: center;
}

.sb-board__micro-help-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #58748c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: none;
}

.sb-board__hero-copy h2 .sb-board-help,
.sb-board__tickets-widget-head h3 .sb-board-help,
.sb-board-collapse__title .sb-board-help,
.sb-board__micro-help-label .sb-board-help {
    margin-left: 8px;
}

.sb-board-collapse__title {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

@media (max-width: 782px) {
    .sb-board__micro-help-label {
        font-size: 10px;
        letter-spacing: 0.06em;
    }
}


/* MS-SB-FRONTEND-STATISTICS-COLLAPSIBLES-HOTFIX-1 */
.sb-board--statistics .sb-board__section-head--statistics-toggle {
    margin-bottom: 0;
}

.sb-board--statistics .sb-board__section-head--statistics-toggle .sb-board-collapse__toggle,
.sb-board--statistics .sb-board__section-head--toggle .sb-board-collapse__toggle {
    align-items: flex-start;
}

.sb-board--statistics .sb-board-collapse__title-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.sb-board--statistics .sb-board-collapse__title--section {
    font-size: clamp(22px, 2vw, 28px);
    line-height: 1.15;
}

.sb-board--statistics .sb-board-collapse__meta {
    color: #5f7287;
    font-size: 14px;
    line-height: 1.45;
}

.sb-board--statistics .sb-board-collapsible.is-collapsed .sb-board-collapse__body {
    display: none;
}

@media (max-width: 700px) {
    .sb-board--statistics .sb-board__section-head--statistics-toggle .sb-board-collapse__toggle,
    .sb-board--statistics .sb-board__section-head--toggle .sb-board-collapse__toggle {
        gap: 12px;
    }

    .sb-board--statistics .sb-board-collapse__title--section {
        font-size: 21px;
    }

    .sb-board--statistics .sb-board-collapse__meta {
        font-size: 13px;
    }
}


/* Timing cards 2-col mobile 1 */
@media (max-width: 767px) {
    .sb-board--statistics [data-sb-collapse="statistics-timing-audit"] .sb-board-audit-grid,
    .sb-board--statistics [data-sb-collapse="statistics-time-metrics"] .sb-board-audit-grid,
    .sb-board--statistics [data-sb-collapse="statistics-timing-audit"] .sb-board-audit-readiness,
    .sb-board--statistics [data-sb-collapse="statistics-time-metrics"] .sb-board-audit-readiness {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .sb-board--statistics [data-sb-collapse="statistics-timing-audit"] .sb-board-audit-card,
    .sb-board--statistics [data-sb-collapse="statistics-time-metrics"] .sb-board-audit-card,
    .sb-board--statistics [data-sb-collapse="statistics-timing-audit"] .sb-board-audit-readiness__item,
    .sb-board--statistics [data-sb-collapse="statistics-time-metrics"] .sb-board-audit-readiness__item {
        min-width: 0;
        padding: 14px 12px;
    }

    .sb-board--statistics [data-sb-collapse="statistics-timing-audit"] .sb-board-audit-card span,
    .sb-board--statistics [data-sb-collapse="statistics-time-metrics"] .sb-board-audit-card span,
    .sb-board--statistics [data-sb-collapse="statistics-timing-audit"] .sb-board-audit-readiness__item span,
    .sb-board--statistics [data-sb-collapse="statistics-time-metrics"] .sb-board-audit-readiness__item span {
        font-size: 12px;
    }

    .sb-board--statistics [data-sb-collapse="statistics-timing-audit"] .sb-board-audit-card strong,
    .sb-board--statistics [data-sb-collapse="statistics-time-metrics"] .sb-board-audit-card strong {
        font-size: 21px;
    }

    .sb-board--statistics [data-sb-collapse="statistics-timing-audit"] .sb-board-audit-grid > :nth-child(odd):last-child,
    .sb-board--statistics [data-sb-collapse="statistics-time-metrics"] .sb-board-audit-grid > :nth-child(odd):last-child,
    .sb-board--statistics [data-sb-collapse="statistics-timing-audit"] .sb-board-audit-readiness > :nth-child(odd):last-child,
    .sb-board--statistics [data-sb-collapse="statistics-time-metrics"] .sb-board-audit-readiness > :nth-child(odd):last-child {
        grid-column: 1 / -1;
    }
}


/* Attention units 1 */
.sb-board--statistics .sb-board-stats-kpis--attention-units {
    margin-bottom: 18px;
}

.sb-board--statistics .sb-board-attention-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 180px;
}

.sb-board--statistics .sb-board-attention-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #d6deea;
    background: #f4f7fb;
    color: #27435f;
}

.sb-board--statistics .sb-board-attention-pill--repeat {
    border-color: #c6d8ff;
    background: #edf4ff;
    color: #234a84;
}

.sb-board--statistics .sb-board-attention-pill--old {
    border-color: #ffd9c2;
    background: #fff3ea;
    color: #9c4d13;
}

.sb-board--statistics .sb-board-attention-pill--inactive {
    border-color: #d6d4ff;
    background: #f2f0ff;
    color: #4d3ea8;
}

.sb-board--statistics .sb-board-attention-pill--backlog {
    border-color: #c7ead7;
    background: #edf9f2;
    color: #1f6b44;
}

@media (max-width: 767px) {
    .sb-board--statistics .sb-board-stats-table-wrap--attention {
        display: block;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .sb-board--statistics .sb-board-stats-scroll-content--attention {
        min-width: 1220px;
    }

    .sb-board--statistics [data-sb-collapse="statistics-attention-units"] .sb-board-stats-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .sb-board--statistics [data-sb-collapse="statistics-attention-units"] .sb-board-stats-kpi {
        min-width: 0;
        padding: 16px 14px;
    }
}


/* Partner aging 1 */
.sb-board--statistics .sb-board-stats-kpis--partner-aging {
    margin-bottom: 18px;
}

@media (max-width: 767px) {
    .sb-board--statistics .sb-board-stats-table-wrap--partner-aging {
        display: block;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .sb-board--statistics .sb-board-stats-scroll-content--partner-aging {
        min-width: 1280px;
    }

    .sb-board--statistics [data-sb-collapse="statistics-partner-aging"] .sb-board-stats-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .sb-board--statistics [data-sb-collapse="statistics-partner-aging"] .sb-board-stats-kpi {
        min-width: 0;
        padding: 16px 14px;
    }

    .sb-board--statistics [data-sb-collapse="statistics-partner-aging"] .sb-board-stats-kpis > :nth-child(odd):last-child {
        grid-column: 1 / -1;
    }
}


/* Data quality drilldown 1 */
.sb-board--statistics .sb-board-stats-kpis--data-quality-drilldown {
    margin-bottom: 18px;
}

.sb-board--statistics .sb-board-stats-flow--data-quality-group + .sb-board-stats-flow--data-quality-group {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid #e7edf5;
}

.sb-board--statistics .sb-board-stats-group-meta {
    margin: -4px 0 14px;
}

.sb-board--statistics .sb-board-attention-pill--quality,
.sb-board--statistics .sb-board-attention-pill--quality-count {
    border-color: #d6deea;
    background: #f5f8fc;
    color: #27435f;
}

.sb-board--statistics .sb-board-attention-badges--quality {
    min-width: 220px;
}

@media (max-width: 767px) {
    .sb-board--statistics .sb-board-stats-table-wrap--data-quality {
        display: block;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .sb-board--statistics .sb-board-stats-scroll-content--data-quality {
        min-width: 1180px;
    }

    .sb-board--statistics [data-sb-collapse="statistics-data-quality-drilldown"] .sb-board-stats-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .sb-board--statistics [data-sb-collapse="statistics-data-quality-drilldown"] .sb-board-stats-kpi {
        min-width: 0;
        padding: 16px 14px;
    }

    .sb-board--statistics [data-sb-collapse="statistics-data-quality-drilldown"] .sb-board-stats-kpis > :nth-child(odd):last-child {
        grid-column: 1 / -1;
    }
}


/* MS-SB-STATISTICS-MOBILE-TEXT-OVERFLOW-HOTFIX-1 */
@media (max-width: 767px) {
    .sb-board--statistics,
    .sb-board--statistics .sb-unit-section--stats,
    .sb-board--statistics .sb-board__section-head,
    .sb-board--statistics .sb-board__section-head--toggle,
    .sb-board--statistics .sb-board__section-head--toggle .sb-board-collapse__toggle,
    .sb-board--statistics .sb-board-collapse__title-wrap,
    .sb-board--statistics .sb-board-collapse__body,
    .sb-board--statistics .sb-board-stats-flow,
    .sb-board--statistics .sb-board-stats-flow__head {
        min-width: 0;
        max-width: 100%;
    }

    .sb-board--statistics .sb-board__section-head--toggle .sb-board-collapse__toggle {
        width: 100%;
        align-items: flex-start;
        gap: 10px;
    }

    .sb-board--statistics .sb-board-collapse__title-wrap {
        flex: 1 1 auto;
        width: 100%;
    }

    .sb-board--statistics .sb-board-collapse__toggle::after {
        margin-top: 4px;
    }

    .sb-board--statistics .sb-board-collapse__title--section,
    .sb-board--statistics .sb-board-collapse__meta,
    .sb-board--statistics .sb-board-stats-subtext,
    .sb-board--statistics .sb-board-stats-flow__head p,
    .sb-board--statistics .sb-board-stats-kpi span,
    .sb-board--statistics .sb-board-stats-kpi small,
    .sb-board--statistics .sb-board-audit-card span,
    .sb-board--statistics .sb-board-audit-card small,
    .sb-board--statistics .sb-board-audit-readiness__item span,
    .sb-board--statistics .sb-board-stats-status-item small {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
        hyphens: auto;
    }
}


.sb-unit-parts-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #dce7f2;
    background: linear-gradient(180deg, #fbfdff 0%, #f3f8fc 100%);
    margin-bottom: 14px;
}

.sb-unit-parts-toolbar__copy strong {
    display: block;
    margin: 6px 0;
    font-size: 16px;
}

.sb-unit-parts-toolbar__copy p {
    margin: 0;
    color: var(--sb-board-muted);
    line-height: 1.55;
}

.sb-unit-parts-toolbar__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.sb-unit-parts-list {
    display: grid;
    gap: 12px;
}

.sb-unit-parts-item {
    background: #fff;
    border: 1px solid #e2ebf4;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 8px 20px rgba(24, 50, 74, 0.04);
}

.sb-unit-parts-item__head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.sb-unit-parts-item__grid {
    margin-top: 0;
}

.sb-unit-history-overview__chip--parts-requested { background: #eaf3ff; color: #155e9a; }
.sb-unit-history-overview__chip--parts-processing { background: #fff4e5; color: #9a5b00; }
.sb-unit-history-overview__chip--parts-shipped { background: #eef5ff; color: #274c9a; }
.sb-unit-history-overview__chip--parts-delivered { background: #eef8f1; color: var(--sb-board-success); }
.sb-unit-history-overview__chip--parts-cancelled { background: #fbeaea; color: #b42318; }

@media (max-width: 782px) {
    .sb-unit-parts-toolbar,
    .sb-unit-parts-item__head {
        flex-direction: column;
    }

    .sb-unit-parts-toolbar__actions .sb-unit-link-btn {
        width: 100%;
    }
}


/* MS-SB-BOARD-BUTTON-PARITY-POLISH-1 */
.sb-board .sb-board__hero-actions {
    gap: 12px !important;
    align-items: center !important;
}

.sb-board .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-parts-launch,
.sb-board .sb-board__hero-actions .sb-board-support-request-entry,
.sb-board .sb-board__search-actions .sb-board-toggle-unit-create,
.sb-board .sb-board__empty-actions .sb-board-empty-create-trigger {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.sb-board .sb-board__hero-actions .sb-board-hero-create-trigger,
.sb-board .sb-board__hero-actions .sb-board-support-request-entry,
.sb-board .sb-board__search-actions .sb-board-toggle-unit-create,
.sb-board .sb-board__empty-actions .sb-board-empty-create-trigger {
    min-width: 164px !important;
}

.sb-board .sb-board__hero-actions .sb-board-stats-launch,
.sb-board .sb-board__hero-actions .sb-board-parts-launch {
    min-width: 128px !important;
}

.sb-board .sb-board__search-actions,
.sb-board .sb-board__empty-actions {
    display: flex;
    gap: 12px;
}

@media (max-width: 700px) {
    .sb-board .sb-board__hero-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
    }

    .sb-board .sb-board__hero-actions .sb-board-hero-create-trigger,
    .sb-board .sb-board__hero-actions .sb-board-stats-launch,
    .sb-board .sb-board__hero-actions .sb-board-parts-launch,
    .sb-board .sb-board__hero-actions .sb-board-support-request-entry,
    .sb-board .sb-board__search-actions .sb-board-toggle-unit-create,
    .sb-board .sb-board__empty-actions .sb-board-empty-create-trigger {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .sb-board .sb-board__hero-actions .sb-board-support-request-entry {
        grid-column: 1 / -1 !important;
    }

    .sb-board .sb-board__search-actions,
    .sb-board .sb-board__empty-actions {
        width: 100%;
    }
}


/* MS-SB-MOBILE-CONSISTENCY-SWEEP-1 */
@media (max-width: 767px) {
    .sb-board {
        padding: 14px;
        border-radius: 18px;
    }

    .sb-board__hero {
        gap: 16px;
        margin-bottom: 16px;
    }

    .sb-board > .sb-board__hero > div:first-child,
    .sb-board .sb-board__hero > div:first-child,
    .sb-board--external-metrics > .sb-board__hero > div:first-child,
    .sb-board--external-metrics .sb-board__hero > div:first-child {
        padding: 18px 16px !important;
        border-radius: 18px;
    }

    .sb-board__hero-main,
    .sb-board__hero-copy,
    .sb-board__hero-actions-wrap {
        gap: 12px;
    }

    .sb-board__hero-copy p {
        font-size: 14px;
        line-height: 1.55;
    }

    .sb-board__micro-help {
        margin-top: 2px;
    }

    .sb-board__hero-quick-points {
        gap: 8px;
    }

    .sb-board__hero-quick-points span,
    .sb-board__hero-quick-points a {
        min-height: 42px;
        padding: 10px;
        border-radius: 14px;
    }

    .sb-board__tickets-widget,
    .sb-board__searchbar,
    .sb-board__results-wrap.sb-board-collapsible,
    .sb-board__detail-wrap.sb-board-collapsible {
        padding: 16px;
        border-radius: 18px;
    }

    .sb-board__searchbar-head--toggle .sb-board-collapse__toggle,
    .sb-board__section-head--toggle .sb-board-collapse__toggle {
        gap: 10px;
        padding: 14px !important;
        border-radius: 16px;
    }

    .sb-board__searchbar-head--toggle .sb-board__searchbar-kicker {
        margin-bottom: 4px;
    }

    .sb-board__section-head--toggle > span {
        font-size: 12px;
        line-height: 1.4;
    }

    .sb-board-search-enhancements {
        gap: 10px;
    }

    .sb-board-search-status-quick,
    .sb-board-search-recent,
    .sb-board__helper {
        padding: 12px 14px;
        border-radius: 16px;
    }

    .sb-board-search-status-quick__chips,
    .sb-board-search-recent__chips,
    .sb-board-filter-summary {
        gap: 8px;
    }

    .sb-board-filter-summary {
        margin-top: 12px;
    }

    .sb-board__layout {
        gap: 16px;
    }

    .sb-board__search-actions,
    .sb-board__empty-actions {
        width: 100%;
    }

    .sb-board__search-actions .sb-unit-link-btn,
    .sb-board__empty-actions .sb-unit-link-btn {
        width: 100%;
    }
}

@media (max-width: 540px) {
    .sb-board .sb-board__hero-actions {
        grid-template-columns: 1fr !important;
    }

    .sb-board .sb-board__hero-actions .sb-board-support-request-entry {
        grid-column: auto !important;
    }
}


/* MS-SB-PARTS-ORDERS-PANEL-WIDTH-COLLAPSE-RESCUE-1 */
.sb-board__tickets-widget.sb-board-collapsible,
.sb-board__parts-orders-panel.sb-board-collapsible {
    overflow: hidden;
}

.sb-board__tickets-widget.sb-board-collapsible .sb-board-collapse__toggle,
.sb-board__parts-orders-panel.sb-board-collapsible .sb-board-collapse__toggle {
    align-items: flex-start;
}

.sb-board__tickets-widget .sb-board-collapse__title,
.sb-board__parts-orders-panel .sb-board-collapse__title {
    font-size: clamp(18px, 1.55vw, 22px);
    line-height: 1.2;
}

.sb-board__tickets-widget .sb-board-collapse__meta,
.sb-board__parts-orders-panel .sb-board-collapse__meta {
    display: block;
    margin-top: 4px;
    color: var(--sb-board-muted);
    line-height: 1.45;
}

.sb-board__parts-orders-panel .sb-board-collapse__toggle {
    padding: 12px 14px !important;
}

.sb-board__parts-orders-panel .sb-board-collapse__title {
    font-size: clamp(17px, 1.35vw, 20px);
}

.sb-board__parts-orders-panel .sb-board-collapse__meta {
    font-size: 13px;
}

.sb-board__parts-orders-panel .sb-board-collapse__body {
    margin-top: 12px;
}

@media (max-width: 700px) {
    .sb-board__tickets-widget .sb-board-collapse__title,
    .sb-board__parts-orders-panel .sb-board-collapse__title {
        font-size: 18px;
    }

    .sb-board__parts-orders-panel {
        padding: 12px;
    }

    .sb-board__parts-orders-panel .sb-board-collapse__toggle {
        padding: 11px 12px !important;
    }
}


/* MS-SB-PARTS-ORDERS-PANEL-DATA-BRIDGE-1 */
.sb-board__parts-orders-panel-list {
    display: grid;
    gap: 10px;
}

.sb-board__parts-order-item {
    display: grid;
    gap: 10px;
    padding: 12px 13px;
    border: 1px solid #dfe8ef;
    border-radius: 16px;
    background: #f9fbfd;
}

.sb-board__parts-order-item--link {
    color: inherit;
    text-decoration: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background-color 0.18s ease;
}

.sb-board__parts-order-item--link:hover,
.sb-board__parts-order-item--link:focus-visible {
    border-color: #c3d5e3;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(19, 42, 66, 0.08);
    transform: translateY(-1px);
}

.sb-board__parts-order-item--link:focus-visible {
    outline: 2px solid #17324a;
    outline-offset: 2px;
}

.sb-board__parts-order-item-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.sb-board__parts-order-item-copy {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.sb-board__parts-order-item-title {
    display: block;
    font-size: 14px;
    line-height: 1.35;
    color: #17324a;
    word-break: break-word;
}

.sb-board__parts-order-item-subline,
.sb-board__parts-order-item-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    color: var(--sb-board-muted);
    font-size: 12px;
    line-height: 1.45;
}

.sb-board__parts-order-item-meta strong {
    color: #17324a;
    font-weight: 700;
}


.sb-board__parts-order-linktext {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #17324a;
}

.sb-board__parts-order-linktext::after {
    content: '→';
    font-size: 12px;
    line-height: 1;
}

.sb-board__parts-order-status {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border: 1px solid transparent;
    white-space: nowrap;
}

.sb-board__parts-order-status--requested {
    background: #eef6fd;
    border-color: #cfe1f3;
    color: #176fb3;
}

.sb-board__parts-order-status--processing {
    background: #fff7ea;
    border-color: #f1d9a3;
    color: #8b5a00;
}

.sb-board__parts-order-status--sent,
.sb-board__parts-order-status--shipped,
.sb-board__parts-order-status--fremsendt {
    background: #edf8ef;
    border-color: #c8e6cf;
    color: #24763a;
}

.sb-board__parts-order-status--delivered {
    background: #edf7f8;
    border-color: #c7e3e8;
    color: #1c6f82;
}

.sb-board__parts-order-status--cancelled {
    background: #f6f0f0;
    border-color: #e2cdcd;
    color: #8d4d4d;
}

.sb-board__parts-order-status--restordre {
    background: #fff2e8;
    border-color: #f0ceb6;
    color: #b35c1e;
}

.sb-board__parts-order-note {
    padding: 8px 10px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px dashed #d7e0e8;
    color: #385166;
    font-size: 12px;
    line-height: 1.45;
}

.sb-board__parts-orders-panel-footnote {
    margin-top: 10px;
    color: var(--sb-board-muted);
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 700px) {
    .sb-board__parts-order-item {
        padding: 11px 12px;
    }

    .sb-board__parts-order-item-top {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* MS-SB-PARTS-STOCK-KPI-BRIDGE-1 */
.sb-board__parts-stock-kpis {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.sb-board__parts-stock-kpi {
    display: grid;
    gap: 6px;
    padding: 12px 13px;
    border-radius: 16px;
    border: 1px solid #dfe8ef;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
}

.sb-board__parts-stock-kpi span {
    font-size: 12px;
    line-height: 1.4;
    color: var(--sb-board-muted);
}

.sb-board__parts-stock-kpi strong {
    font-size: clamp(22px, 2vw, 28px);
    line-height: 1;
    color: #17324a;
}

@media (max-width: 700px) {
    .sb-board__parts-stock-kpis {
        grid-template-columns: 1fr;
    }

    .sb-board__parts-stock-kpi {
        padding: 11px 12px;
    }
}


/* MS-SB-RIGHT-COLUMN-TEXT-OVERFLOW-RESCUE-1 */
.sb-board__tickets-widget .sb-board-collapse__title-wrap,
.sb-board__parts-orders-panel .sb-board-collapse__title-wrap {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
}

.sb-board__tickets-widget .sb-board-collapse__title,
.sb-board__tickets-widget .sb-board-collapse__meta,
.sb-board__parts-orders-panel .sb-board-collapse__title,
.sb-board__parts-orders-panel .sb-board-collapse__meta {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
}

.sb-board__tickets-widget .sb-board-collapse__meta,
.sb-board__parts-orders-panel .sb-board-collapse__meta {
    white-space: normal;
}


/* MS-SB-PARTS-STOCK-KPI-POLISH-1 */
.sb-board__parts-orders-panel .sb-board-collapse__body:not([hidden]) {
    display: grid;
    gap: 14px;
}

.sb-board__parts-orders-panel .sb-board-collapse__intro {
    margin: 0;
    color: #4f6678;
}
.sb-board__parts-orders-panel .sb-board-collapse__body[hidden] {
    display: none !important;
}


.sb-board__parts-stock-kpis {
    gap: 12px;
    margin: 2px 0 2px;
}

.sb-board__parts-stock-kpi {
    align-content: start;
    min-height: 94px;
    padding: 14px 14px 13px;
    border-color: #d9e5ef;
    background: linear-gradient(180deg, #ffffff 0%, #f6fafc 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.sb-board__parts-stock-kpi span {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.sb-board__parts-stock-kpi strong {
    font-size: clamp(24px, 2vw, 30px);
}


.sb-board__parts-stock-kpi--link {
    display: grid;
    text-decoration: none;
    color: inherit;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease;
}

.sb-board__parts-stock-kpi--link em {
    margin-top: auto;
    font-style: normal;
    font-size: 11px;
    font-weight: 700;
    color: #2f6b9a;
}

.sb-board__parts-stock-kpi--link:hover,
.sb-board__parts-stock-kpi--link:focus-visible {
    transform: translateY(-1px);
    border-color: #bfd7eb;
    box-shadow: 0 10px 22px rgba(24, 75, 120, 0.08), inset 0 1px 0 rgba(255,255,255,0.92);
}

.sb-board__parts-stock-kpi--link:focus-visible {
    outline: 2px solid #2f6b9a;
    outline-offset: 2px;
}

.sb-board__parts-stock-kpi:nth-child(1) {
    border-top: 3px solid #d7e8f7;
}

.sb-board__parts-stock-kpi:nth-child(2) {
    border-top: 3px solid #e6eef7;
}

.sb-board__parts-stock-kpi:nth-child(3) {
    border-top: 3px solid #f2e3d3;
}

.sb-board__parts-orders-panel-list {
    gap: 12px;
}

.sb-board__parts-orders-panel-footnote {
    margin-top: 0;
    padding-top: 2px;
}

@media (max-width: 980px) {
    .sb-board__parts-stock-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sb-board__parts-stock-kpi:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .sb-board__parts-orders-panel .sb-board-collapse__body:not([hidden]) {
        gap: 12px;
    }

    .sb-board__parts-stock-kpis {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .sb-board__parts-stock-kpi {
        min-height: 0;
        padding: 12px;
    }

    .sb-board__parts-stock-kpi:last-child {
        grid-column: auto;
    }
}


/* MS-SB-PARTS-STOCK-KPI-MOBILE-3UP-1 */
@media (max-width: 700px) {
    .sb-board__parts-stock-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .sb-board__parts-stock-kpi {
        min-height: 0;
        padding: 10px 8px;
        border-radius: 14px;
        gap: 4px;
    }

    .sb-board__parts-stock-kpi span {
        font-size: 9px;
        line-height: 1.25;
        letter-spacing: .01em;
    }

    .sb-board__parts-stock-kpi strong {
        font-size: clamp(18px, 5.4vw, 24px);
        line-height: 1.05;
    }


    .sb-board__parts-stock-kpi--link em {
        font-size: 9px;
    }

    .sb-board__parts-stock-kpi:last-child {
        grid-column: auto;
    }
}


/* MS-SB-PARTS-SECTION-DETAIL-POLISH-1 / mobile help popover rescue */
@media (max-width: 680px) {
    .sb-board-help {
        position: static;
    }

    .sb-board-help__popover,
    .sb-board-collapse__title .sb-board-help__popover,
    .sb-board__micro-help-label .sb-board-help__popover {
        position: fixed;
        left: 12px;
        right: 12px;
        top: calc(env(safe-area-inset-top, 0px) + 76px);
        width: auto;
        max-width: none;
        inline-size: auto;
        max-inline-size: none;
        padding: 16px 16px 15px;
        border-radius: 18px;
        box-shadow: 0 18px 36px rgba(24, 50, 74, 0.18);
        background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
        max-height: min(46vh, 320px);
        overflow: auto;
        overscroll-behavior: contain;
    }

    .sb-board-help__popover::before,
    .sb-board-help__popover::after {
        display: none;
    }

    .sb-board-help:hover .sb-board-help__popover,
    .sb-board-help:focus-within .sb-board-help__popover,
    .sb-board-help.is-open .sb-board-help__popover {
        transform: translateY(0);
    }

    .sb-board-help__popover strong {
        font-size: 13px;
        margin-bottom: 7px;
    }

    .sb-board-help__popover span {
        font-size: 13px;
        line-height: 1.58;
    }

    .sb-board-help__trigger {
        position: relative;
        z-index: 2;
    }
}


/* MS-SB-HELP-TOOLTIPS-DESKTOP-RESCUE-1 */
@media (min-width: 681px) {
    .sb-board__aside .sb-board-help__popover,
    .sb-board-collapse__title .sb-board-help__popover {
        inline-size: min(340px, calc(100vw - 56px));
        max-inline-size: min(340px, calc(100vw - 56px));
    }

    .sb-board__aside .sb-board-help__popover {
        left: auto;
        right: 0;
        transform: translateX(0) translateY(4px);
    }

    .sb-board__aside .sb-board-help__popover::before,
    .sb-board__aside .sb-board-help__popover::after {
        left: auto;
        right: 14px;
        transform: rotate(45deg);
    }

    .sb-board__aside .sb-board-help:hover .sb-board-help__popover,
    .sb-board__aside .sb-board-help:focus-within .sb-board-help__popover,
    .sb-board__aside .sb-board-help.is-open .sb-board-help__popover {
        transform: translateX(0) translateY(0);
    }

    .sb-board-help__popover strong {
        font-size: 13px;
    }

    .sb-board-help__popover span {
        font-size: 13px;
        line-height: 1.6;
    }
}


/* MS-SB-UNITS-INDEX-PAGE-FOUNDATION-1 */
.sb-board--units-index-foundation {
    max-width: 1180px;
    margin: 0 auto;
}

.sb-units-index__hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-bottom: 24px;
}

.sb-units-index__hero .sb-board__hero-content {
    position: relative;
    width: 100%;
    min-height: 0;
    padding: 30px 32px;
    border-radius: 28px;
    border: 1px solid #d8e2eb;
    background: linear-gradient(180deg, #eef3f7 0%, #e6ecf1 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.62), 0 14px 32px rgba(12, 48, 79, 0.05);
    overflow: hidden;
}

.sb-units-index__hero .sb-board__hero-content::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, #2e7db5 0%, #1e5f8e 100%);
}

.sb-units-index__hero .sb-board__eyebrow {
    background: #ddeaf6 !important;
    border: 1px solid #cbdeee;
    color: #176fb3 !important;
}

.sb-units-index__hero h2 {
    margin-bottom: 12px;
}

.sb-units-index__hero p {
    max-width: 66ch;
    color: #355066 !important;
}

.sb-units-index__hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 20px;
}

.sb-units-index__hero .sb-board__hero-quick-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 18px;
    border-radius: 18px;
    border: 1px solid #cfe2f1;
    background: #edf5fb;
    color: #176fb3;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(24, 50, 74, 0.05);
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.sb-units-index__hero .sb-board__hero-quick-link:hover,
.sb-units-index__hero .sb-board__hero-quick-link:focus-visible {
    background: #e3eff8;
    border-color: #bdd6e9;
    box-shadow: 0 12px 22px rgba(24, 50, 74, 0.08);
    transform: translateY(-1px);
    outline: none;
}

.sb-units-index__status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 16px;
    border-radius: 18px;
    border: 1px solid #d3e2ef;
    background: rgba(255,255,255,0.88);
    color: #0c5f9a;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.72);
}

.sb-units-index__content {
    display: block;
}

.sb-units-index__panel {
    border-radius: 28px;
}

.sb-units-index__intro {
    margin-bottom: 18px;
    color: #516274;
}

.sb-units-index__intro p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
}

.sb-units-index__search.sb-board__searchbar {
    margin-bottom: 22px;
    padding: 20px 22px;
    border-radius: 24px;
    border: 1px solid #d7e3ed;
    background: linear-gradient(180deg, rgba(252, 254, 255, 0.98) 0%, rgba(241, 246, 250, 0.98) 100%);
    box-shadow: 0 12px 28px rgba(12, 48, 79, 0.05);
}

.sb-units-index__search-head {
    margin-bottom: 16px;
}

.sb-units-index__search.sb-board__searchbar .sb-board__searchbar-kicker {
    background: #e7f1fa;
    border: 1px solid #d2e2ef;
    color: #176fb3;
}

.sb-units-index__search.sb-board__searchbar h3 {
    margin-top: 12px;
    margin-bottom: 8px;
    color: #17324d;
}

.sb-units-index__search.sb-board__searchbar p {
    max-width: 760px;
    color: #5b7084;
}

.sb-units-index__search-form {
    margin: 0;
}

.sb-units-index__search-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border-radius: 22px;
    border: 1px solid #d7e3ed;
    background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,252,0.98) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 8px 20px rgba(24, 50, 74, 0.04);
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.sb-units-index__search-row:focus-within {
    border-color: rgba(12, 95, 154, 0.34);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 0 0 4px rgba(12, 95, 154, 0.08);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,247,252,1) 100%);
}

input.sb-units-index__search-input {
    width: 100%;
    min-height: 52px;
    padding: 0 8px;
    border: 0;
    outline: 0;
    border-radius: 14px;
    background: transparent;
    color: #17324d;
    font-size: 15px;
    box-shadow: none;
}

input.sb-units-index__search-input::placeholder {
    color: #73879b;
}

input.sb-units-index__search-input:focus {
    outline: none;
    border: 0;
    box-shadow: none;
}

.sb-board--units-index-foundation .sb-units-index__search-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.sb-board--units-index-foundation .sb-units-index__search-actions > button.sb-units-index__search-submit,
.sb-board--units-index-foundation .sb-units-index__search-actions > button.sb-units-index__search-clear {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 68px;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 16px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    opacity: 1;
    pointer-events: auto;
    box-shadow: 0 6px 16px rgba(24, 50, 74, 0.04);
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease, color .16s ease, opacity .16s ease;
}

.sb-board--units-index-foundation .sb-units-index__search-actions > button.sb-units-index__search-submit {
    border-color: rgba(12, 95, 154, 0.18);
    background: linear-gradient(180deg, #0c68a6 0%, #0a5a91 100%);
    color: #ffffff;
}

.sb-board--units-index-foundation .sb-units-index__search-actions > button.sb-units-index__search-submit:hover,
.sb-board--units-index-foundation .sb-units-index__search-actions > button.sb-units-index__search-submit:focus-visible,
.sb-board--units-index-foundation .sb-units-index__search-actions > button.sb-units-index__search-submit.is-pressed {
    border-color: #0c5f9a;
    background: linear-gradient(180deg, #0b5f98 0%, #094f7f 100%);
    box-shadow: 0 10px 20px rgba(24, 50, 74, 0.08);
    transform: translateY(-1px);
    outline: none;
}

.sb-board--units-index-foundation .sb-units-index__search-actions > button.sb-units-index__search-clear {
    border-color: #cfe0ee;
    background: linear-gradient(180deg, #f8fbfe 0%, #eef5fb 100%);
    color: #0c5f9a;
}

.sb-board--units-index-foundation .sb-units-index__search-actions > button.sb-units-index__search-clear:hover,
.sb-board--units-index-foundation .sb-units-index__search-actions > button.sb-units-index__search-clear:focus-visible {
    border-color: #bdd6e9;
    background: linear-gradient(180deg, #f1f7fc 0%, #e4eff8 100%);
    box-shadow: 0 10px 20px rgba(24, 50, 74, 0.07);
    transform: translateY(-1px);
    outline: none;
}

.sb-board--units-index-foundation .sb-units-index__search-actions > button.sb-units-index__search-clear[disabled],
.sb-board--units-index-foundation .sb-units-index__search-actions > button.sb-units-index__search-clear.is-disabled {
    opacity: .5;
    cursor: default;
    box-shadow: none;
    transform: none;
}

.sb-board--units-index-foundation .sb-units-index__search-actions > button.sb-units-index__search-submit[disabled] {
    opacity: .78;
    cursor: default;
    box-shadow: none;
    transform: none;
}

.sb-board--units-index-foundation .sb-units-index__item--search-hit {
    box-shadow: 0 0 0 2px rgba(12, 95, 154, 0.14), 0 12px 26px rgba(24, 50, 74, 0.08);
    border-color: rgba(12, 95, 154, 0.26);
}

.sb-units-index__search-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    align-items: center;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid rgba(207, 222, 235, 0.82);
}

.sb-units-index__search-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eef6fd;
    color: #0c5f9a;
    font-size: 13px;
    font-weight: 700;
}

.sb-units-index__search-hint {
    color: #6a7d90;
    font-size: 13px;
    line-height: 1.5;
}

.sb-units-index__search-empty {
    margin-top: 0;
}

.sb-units-index__list {
    display: grid;
    gap: 14px;
    margin-bottom: 18px;
}

.sb-units-index__item {
    display: grid;
    gap: 14px;
    padding: 18px 20px;
    border-radius: 22px;
    border: 1px solid #dbe7f0;
    background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(246,250,253,0.98) 100%);
    box-shadow: 0 12px 28px rgba(12, 48, 79, 0.06);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.sb-units-index__item--expandable:hover,
.sb-units-index__item--expandable:focus-within {
    transform: translateY(-1px);
    border-color: rgba(12, 95, 154, 0.28);
    box-shadow: 0 14px 30px rgba(12, 48, 79, 0.10);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(240,247,252,1) 100%);
}

.sb-units-index__item.is-inline-open {
    border-color: rgba(12, 95, 154, 0.32);
    box-shadow: 0 16px 34px rgba(12, 48, 79, 0.12);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,246,252,1) 100%);
}

.sb-units-index__item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.sb-units-index__item-main {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.sb-units-index__item-main strong {
    color: #17324d;
    font-size: 17px;
    line-height: 1.35;
    word-break: break-word;
}

.sb-units-index__item-main span,
.sb-units-index__item-main small {
    color: #6a7d90;
    line-height: 1.55;
    word-break: break-word;
}

.sb-units-index__item-main span {
    font-size: 14px;
}

.sb-units-index__item-main small {
    font-size: 13px;
}

.sb-units-index__item-cta {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(12, 95, 154, 0.16);
    background: rgba(12, 95, 154, 0.06);
    color: #0c5f9a;
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
}

button.sb-units-index__item-toggle {
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

button.sb-units-index__item-toggle:hover,
button.sb-units-index__item-toggle:focus-visible {
    background: rgba(12, 95, 154, 0.12);
    border-color: rgba(12, 95, 154, 0.24);
    color: #094975;
    transform: translateY(-1px);
}

button.sb-units-index__item-toggle:focus-visible {
    outline: 2px solid rgba(12, 95, 154, 0.18);
    outline-offset: 2px;
}

.sb-units-index__item-cta--disabled,
.sb-units-index__item--disabled .sb-units-index__item-cta {
    color: #8ea0b0;
    background: rgba(12, 95, 154, 0.03);
    border-color: rgba(12, 95, 154, 0.10);
}

.sb-units-index__inline-history {
    border-top: 1px solid rgba(12, 95, 154, 0.10);
    padding-top: 14px;
}

.sb-units-index__inline-history-inner {
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px dashed rgba(12, 95, 154, 0.22);
    background: rgba(233, 244, 252, 0.62);
}

.sb-units-index__inline-history-head {
    display: grid;
    gap: 4px;
    margin-bottom: 8px;
}

.sb-units-index__inline-history-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(12, 95, 154, 0.10);
    color: #0c5f9a;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.sb-units-index__inline-history-head strong {
    color: #17324d;
    font-size: 15px;
    line-height: 1.35;
}

.sb-units-index__inline-history p {
    margin: 0;
    color: #5f7488;
    font-size: 14px;
    line-height: 1.6;
}


.sb-units-index__inline-history-summary {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}

.sb-units-index__inline-history-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.sb-units-index__inline-history-stat {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(12, 95, 154, 0.10);
    background: rgba(255, 255, 255, 0.88);
}

.sb-units-index__inline-history-stat strong {
    color: #17324d;
    font-size: 15px;
    line-height: 1.35;
}

.sb-units-index__inline-history-stat span {
    color: #5f7488;
    font-size: 12px;
    line-height: 1.45;
}

.sb-units-index__inline-history-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.sb-units-index__inline-history-card {
    display: grid;
    gap: 5px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(12, 95, 154, 0.10);
    background: rgba(255, 255, 255, 0.84);
}

.sb-units-index__inline-history-card span {
    color: #6b7f92;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.sb-units-index__inline-history-card strong {
    color: #17324d;
    font-size: 14px;
    line-height: 1.5;
}

.sb-units-index__inline-history-overview {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.sb-units-index__inline-history-timeline {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.sb-units-index__inline-history-item {
    display: grid;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(12, 95, 154, 0.10);
    background: rgba(255, 255, 255, 0.92);
}

.sb-units-index__inline-history-item.is-latest {
    border-color: rgba(12, 95, 154, 0.20);
    box-shadow: 0 10px 24px rgba(12, 95, 154, 0.08);
}

.sb-units-index__inline-history-item-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.sb-units-index__inline-history-item-head strong {
    color: #17324d;
    font-size: 15px;
    line-height: 1.35;
}

.sb-units-index__inline-history-item-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.sb-units-index__inline-history-item-flag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(12, 95, 154, 0.10);
    color: #0c5f9a;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.sb-unit-history-item__service-flag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.10);
    color: #0f766e;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.sb-units-index__empty-note {
    margin-top: 0;
}

@media (max-width: 782px) {
    .sb-units-index__hero .sb-board__hero-content {
        padding: 24px 20px 22px;
        border-radius: 24px;
    }

    .sb-units-index__hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .sb-units-index__hero .sb-board__hero-quick-link,
    .sb-units-index__status-pill {
        width: 100%;
    }

    .sb-units-index__search.sb-board__searchbar {
        padding: 16px;
        border-radius: 20px;
    }

    .sb-units-index__search-row {
        grid-template-columns: 1fr;
        align-items: stretch;
        padding: 12px;
    }

    .sb-units-index__search-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    button.sb-units-index__search-submit,
    button.sb-units-index__search-clear {
        width: 100%;
    }

    .sb-units-index__item-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .sb-units-index__item-cta {
        font-size: 12px;
    }

    .sb-units-index__inline-history-inner {
        padding: 14px;
    }

    .sb-units-index__inline-history-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sb-units-index__inline-history-cards {
        grid-template-columns: 1fr;
    }

    .sb-units-index__inline-history-item-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .sb-units-index__inline-history-item-badges {
        justify-content: flex-start;
    }
}



/* MS-SB-UNITS-INLINE-HISTORY-POLISH-1 */
.sb-units-index__item[data-sb-units-inline-item] {
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.sb-units-index__item[data-sb-units-inline-item][aria-expanded="true"],
.sb-units-index__item[data-sb-units-inline-item].is-expanded {
    border-color: rgba(12, 95, 154, 0.18);
    box-shadow: 0 16px 36px rgba(12, 95, 154, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 252, 255, 0.98) 100%);
}

.sb-units-index__item-cta,
button.sb-units-index__item-toggle {
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    text-decoration: none;
}

button.sb-units-index__item-toggle[aria-expanded="true"] {
    background: #0c5f9a;
    border-color: #0c5f9a;
    color: #ffffff;
}

button.sb-units-index__item-toggle[aria-expanded="true"]:hover,
button.sb-units-index__item-toggle[aria-expanded="true"]:focus-visible {
    background: #094975;
    border-color: #094975;
    color: #ffffff;
}

.sb-units-index__inline-history {
    margin-top: 16px;
    padding-top: 18px;
}

.sb-units-index__inline-history-inner {
    position: relative;
    padding: 20px 20px 18px;
    border-radius: 20px;
    border: 1px solid rgba(12, 95, 154, 0.14);
    background: linear-gradient(180deg, rgba(237, 246, 253, 0.96) 0%, rgba(247, 251, 255, 0.98) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 10px 28px rgba(12, 95, 154, 0.06);
}

.sb-units-index__inline-history-inner::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    border-radius: 20px 0 0 20px;
    background: linear-gradient(180deg, rgba(12, 95, 154, 0.82) 0%, rgba(87, 159, 208, 0.65) 100%);
}

.sb-units-index__inline-history-head {
    gap: 6px;
    margin-bottom: 10px;
}

.sb-units-index__inline-history-kicker {
    min-height: 26px;
    padding: 0 11px;
    background: rgba(12, 95, 154, 0.12);
    border: 1px solid rgba(12, 95, 154, 0.10);
    letter-spacing: .07em;
}

.sb-units-index__inline-history-head strong {
    font-size: 18px;
}

.sb-units-index__inline-history-head p {
    max-width: 72ch;
}

.sb-units-index__inline-history-summary {
    gap: 16px;
    margin-top: 18px;
}

.sb-units-index__inline-history-stats {
    gap: 12px;
}

.sb-units-index__inline-history-stat {
    gap: 5px;
    min-height: 86px;
    padding: 14px 15px;
    border-radius: 18px;
    border-color: rgba(12, 95, 154, 0.12);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 6px 16px rgba(12, 95, 154, 0.04);
}

.sb-units-index__inline-history-stat strong {
    font-size: 16px;
}

.sb-units-index__inline-history-cards {
    gap: 12px;
}

.sb-units-index__inline-history-card {
    gap: 6px;
    min-height: 88px;
    padding: 14px 15px;
    border-radius: 18px;
    border-color: rgba(12, 95, 154, 0.12);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 6px 16px rgba(12, 95, 154, 0.04);
}

.sb-units-index__inline-history-overview {
    gap: 8px;
    margin-top: 18px;
}

.sb-units-index__inline-history-timeline {
    gap: 14px;
    margin-top: 18px;
}

.sb-units-index__inline-history-item {
    position: relative;
    gap: 12px;
    padding: 16px 16px 16px 18px;
    border-radius: 18px;
    border-color: rgba(12, 95, 154, 0.12);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 18px rgba(12, 95, 154, 0.05);
}

.sb-units-index__inline-history-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 4px;
    border-radius: 999px;
    background: rgba(12, 95, 154, 0.18);
}

.sb-units-index__inline-history-item.is-latest::before {
    background: linear-gradient(180deg, rgba(12, 95, 154, 0.88) 0%, rgba(87, 159, 208, 0.65) 100%);
}

.sb-units-index__inline-history-item-head {
    gap: 14px;
}

.sb-units-index__inline-history-item-head strong {
    font-size: 16px;
}

.sb-units-index__inline-history-item p {
    color: #486070;
}

@media (max-width: 1024px) {
    .sb-units-index__inline-history-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sb-units-index__inline-history-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 782px) {
    .sb-units-index__inline-history {
        margin-top: 14px;
        padding-top: 16px;
    }

    .sb-units-index__inline-history-inner {
        padding: 16px 16px 15px;
        border-radius: 18px;
    }

    .sb-units-index__inline-history-inner::before {
        width: 3px;
        border-radius: 18px 0 0 18px;
    }

    .sb-units-index__inline-history-head strong {
        font-size: 16px;
    }

    .sb-units-index__inline-history-head p {
        font-size: 13px;
        line-height: 1.55;
    }

    .sb-units-index__inline-history-stats,
    .sb-units-index__inline-history-cards {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .sb-units-index__inline-history-stat,
    .sb-units-index__inline-history-card {
        min-height: 0;
        padding: 13px 14px;
    }

    .sb-units-index__inline-history-item {
        padding: 14px 14px 14px 16px;
    }
}

/* MS-SB-TICKET-DETAIL-HEADER-POLISH-1 */
.sb-board .sb-board__hero-actions .sb-support-mainboard-back-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 146px !important;
    min-width: 146px !important;
    max-width: 146px !important;
    min-height: 50px !important;
    padding: 12px 14px !important;
    line-height: 1.15;
    white-space: normal !important;
    text-align: center;
    background: #ffffff !important;
    border: 1px solid #c5d8e8 !important;
    color: #176fb3 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 8px 18px rgba(24, 50, 74, 0.05);
}

.sb-board .sb-board__hero-actions .sb-support-mainboard-back-btn:hover,
.sb-board .sb-board__hero-actions .sb-support-mainboard-back-btn:focus {
    background: #f7fbff !important;
    border-color: #bfd4e6 !important;
    color: #145b92 !important;
}

.sb-board .sb-board__hero-actions .sb-support-mainboard-back-btn:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(23, 111, 179, 0.12), inset 0 1px 0 rgba(255,255,255,.85);
}

.sb-support-detail__head .sb-support-inline-badge--private,
.sb-board__section-head .sb-support-inline-badge--private {
    margin-top: 10px;
}

@media (max-width: 700px) {
    .sb-board .sb-board__hero-actions .sb-support-mainboard-back-btn {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}


/* MS-SB-SUPPORT-BOARD-MOBILE-POLISH-1 */
.sb-board .sb-board__hero-actions .sb-support-mainboard-back-btn {
    width: auto !important;
    min-width: 198px !important;
    max-width: 240px !important;
    min-height: 56px !important;
    padding: 14px 24px !important;
    border-radius: 18px !important;
    background: #edf5fb !important;
    border: 1px solid #cfe2f1 !important;
    color: var(--sb-board-accent) !important;
    box-shadow: 0 6px 14px rgba(24, 50, 74, 0.05) !important;
}

.sb-board .sb-board__hero-actions .sb-support-mainboard-back-btn:hover,
.sb-board .sb-board__hero-actions .sb-support-mainboard-back-btn:focus {
    background: #e2eff9 !important;
    border-color: #b8d6ea !important;
    color: #0c5f9a !important;
    box-shadow: 0 10px 20px rgba(24, 50, 74, 0.08) !important;
}

.sb-board--support .sb-support-detail__head h3 {
    font-size: clamp(20px, 1.95vw, 30px);
    line-height: 1.16;
}

@media (max-width: 900px) {
    .sb-board--support > .sb-board__hero .sb-board__hero-cards.sb-board__hero-cards--support {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}

@media (max-width: 700px) {
    .sb-board .sb-board__hero-actions .sb-support-mainboard-back-btn {
        width: auto !important;
        min-width: 184px !important;
        max-width: 230px !important;
        min-height: 54px !important;
        padding: 13px 20px !important;
    }
}

@media (max-width: 480px) {
    .sb-board--support > .sb-board__hero .sb-board__hero-cards.sb-board__hero-cards--support .sb-board__metric {
        padding: 14px 12px;
        border-radius: 16px;
    }

    .sb-board--support > .sb-board__hero .sb-board__hero-cards.sb-board__hero-cards--support .sb-board__metric span {
        font-size: 11px;
        margin-bottom: 4px;
    }

    .sb-board--support > .sb-board__hero .sb-board__hero-cards.sb-board__hero-cards--support .sb-board__metric strong {
        font-size: 22px;
    }

    .sb-board .sb-board__hero-actions .sb-support-mainboard-back-btn {
        min-width: 176px !important;
        max-width: 220px !important;
    }

    .sb-board--support .sb-support-detail__head h3 {
        font-size: 20px;
    }
}


/* MS-SB-SUPPORT-KPI-MOBILE-2UP-RESCUE-1 */
@media (max-width: 900px) {
    .sb-board--support .sb-board__hero-cards.sb-board__hero-cards--support {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100%;
    }

    .sb-board--support .sb-board__hero-cards.sb-board__hero-cards--support > .sb-board__metric {
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }
}

@media (max-width: 520px) {
    .sb-board--support .sb-board__hero-cards.sb-board__hero-cards--support {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .sb-board--support .sb-board__hero-cards.sb-board__hero-cards--support > .sb-board__metric {
        padding: 14px 12px;
        border-radius: 16px;
    }

    .sb-board--support .sb-board__hero-cards.sb-board__hero-cards--support > .sb-board__metric span {
        font-size: 11px;
        margin-bottom: 4px;
    }

    .sb-board--support .sb-board__hero-cards.sb-board__hero-cards--support > .sb-board__metric strong {
        font-size: 22px;
    }
}


/* MS-SB-SUPPORT-TYPO-TUNING-1 */
.sb-board .sb-board__hero-actions .sb-support-mainboard-back-btn {
    font-size: 15px !important;
}

.sb-board--support .sb-support-detail__head h3 {
    font-size: clamp(17px, 1.75vw, 27px);
}

@media (max-width: 480px) {
    .sb-board .sb-board__hero-actions .sb-support-mainboard-back-btn {
        font-size: 14px !important;
    }

    .sb-board--support .sb-support-detail__head h3 {
        font-size: 17px;
    }
}


/* MS-SB-SUPPORT-DESCRIPTION-MOBILE-POLISH-1 */
@media (max-width: 680px) {
    .sb-board--support .sb-support-detail__description {
        padding: 14px;
        border-radius: 16px;
    }

    .sb-board--support .sb-support-detail__description .sb-board__section-head--detail {
        gap: 8px;
        margin-bottom: 10px;
    }

    .sb-board--support .sb-support-detail__description .sb-board__section-head--detail h4 {
        font-size: 16px;
        line-height: 1.2;
    }

    .sb-board--support .sb-support-detail__description .sb-board__section-head--detail span {
        font-size: 12px;
        line-height: 1.35;
    }

    .sb-board--support .sb-support-detail__description .sb-support-message {
        padding: 12px;
        border-radius: 14px;
    }

    .sb-board--support .sb-support-detail__description .sb-support-message__body {
        font-size: 14px;
        line-height: 1.6;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .sb-board--support .sb-support-detail__description .sb-support-message__body p {
        margin-bottom: 0.9em;
    }
}


.sb-unit-contact-visibility {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f9fbfd;
    border: 1px solid #e8eef5;
}
.sb-unit-contact-visibility--compact {
    padding: 12px 14px;
}
.sb-unit-contact-visibility__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}
.sb-unit-contact-visibility__eyebrow {
    display: inline-block;
    color: #65819b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.sb-unit-contact-visibility__badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(15, 122, 198, 0.12);
    color: #0f6ea8;
    font-size: 11px;
    font-weight: 700;
}
.sb-unit-contact-visibility__badge--fallback {
    background: rgba(130, 146, 166, 0.14);
    color: #5a6f84;
}
.sb-unit-contact-visibility strong {
    display: block;
    color: var(--sb-board-text);
}
.sb-unit-contact-visibility__seller {
    margin: 4px 0 0;
    color: #60758a;
    font-size: 13px;
}
.sb-unit-contact-visibility__rows {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
}
.sb-unit-contact-visibility__rows span,
.sb-unit-contact-visibility__fallback-note {
    display: block;
    margin: 0;
    padding: 8px 10px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e3ebf4;
    color: var(--sb-board-text);
    font-size: 13px;
    line-height: 1.5;
}
@media (max-width: 680px) {
    .sb-unit-contact-visibility__head {
        flex-direction: column;
        align-items: flex-start;
    }
    .sb-unit-contact-visibility__rows {
        grid-template-columns: minmax(0, 1fr);
    }
}


.sb-board-format-hint {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #f4f7fb;
    border: 1px solid rgba(19, 46, 77, 0.12);
    color: #17324d;
    font-size: 13px;
    line-height: 1.45;
}

.sb-board-format-hint strong {
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #35506f;
}

.sb-board-format-hint span {
    font-weight: 600;
}


.sb-board-search-guidance {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.sb-board-search-guidance__picker {
    display: grid;
    gap: 6px;
}

.sb-board-search-guidance__picker > span {
    font-weight: 600;
    color: #17324d;
}

.sb-board-search-guidance__picker select {
    width: 100%;
}

.sb-board-search-guidance__picker small,
.sb-board-search-guidance__help {
    color: #5c6f82;
    font-size: 13px;
    line-height: 1.5;
}

.sb-board-search-guidance--units-index {
    margin-top: 14px;
}