/* /Components/CaseActivity.razor.rz.scp.css */
.activity[b-uxue1tcl4h] { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.2rem; }
.activity-heading[b-uxue1tcl4h], .composer-footer[b-uxue1tcl4h], .activity-entry header[b-uxue1tcl4h] { display: flex; justify-content: space-between; align-items: baseline; gap: .8rem; }
.activity-heading[b-uxue1tcl4h] { margin-bottom: 1.2rem; }
.activity-heading h2[b-uxue1tcl4h] { margin: 0; font-size: 1.05rem; font-weight: 750; }
.activity-heading > span[b-uxue1tcl4h], .composer-footer > span[b-uxue1tcl4h], time[b-uxue1tcl4h], .activity-author[b-uxue1tcl4h], .delivery[b-uxue1tcl4h] { font-size: .78rem; color: var(--muted); }
.composer[b-uxue1tcl4h] { border: 1px solid var(--line); border-radius: .7rem; background: var(--surface-tinted); padding: .85rem; }
.composer-reply[b-uxue1tcl4h] { border-color: var(--brand); background: var(--surface); }
.activity-filters[b-uxue1tcl4h] { display: flex; gap: .3rem; flex-wrap: wrap; }
.activity-filters button[b-uxue1tcl4h] { border: 0; border-radius: .4rem; background: transparent; color: var(--muted); padding: .55rem .7rem; font: inherit; font-size: .85rem; cursor: pointer; }
.activity-filters button[aria-pressed="true"][b-uxue1tcl4h] { background: var(--brand-soft); color: var(--brand-dark); font-weight: 700; }
button:disabled[b-uxue1tcl4h] { opacity: .5; cursor: default; }
button:focus-visible[b-uxue1tcl4h], textarea:focus-visible[b-uxue1tcl4h], summary:focus-visible[b-uxue1tcl4h], a:focus-visible[b-uxue1tcl4h] { outline: 2px solid var(--brand); outline-offset: 3px; }
.composer label[b-uxue1tcl4h] { display: block; margin: .8rem 0 .4rem; font-size: .8rem; font-weight: 600; color: var(--muted); }
.composer textarea[b-uxue1tcl4h] { display: block; width: 100%; min-height: 7rem; resize: vertical; padding: .8rem; border: 1px solid var(--line); border-radius: .4rem; background: var(--surface); color: var(--ink); font: inherit; line-height: 1.6; }
.composer-footer[b-uxue1tcl4h] { margin-top: .7rem; align-items: center; flex-wrap: wrap; }
.save-status[b-uxue1tcl4h] { display: block; color: var(--brand-dark); font-size: .8rem; }
.save-status:not(:empty)[b-uxue1tcl4h] { margin-top: .7rem; }
.activity-filters[b-uxue1tcl4h] { padding: 1rem 0; border-bottom: 1px solid var(--line); }
.activity-entry[b-uxue1tcl4h] { padding: 1.1rem 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.activity-entry:last-child[b-uxue1tcl4h] { border-bottom: 0; }
.activity-entry header strong[b-uxue1tcl4h] { font-size: .9rem; }
.activity-author[b-uxue1tcl4h] { display: block; margin-top: .2rem; }
.activity-entry time[b-uxue1tcl4h] { flex-shrink: 0; }
.activity-text[b-uxue1tcl4h] { white-space: pre-wrap; line-height: 1.65; font-size: .9rem; margin: .65rem 0 0; }
.activity-note[b-uxue1tcl4h] { margin: .8rem 0; padding: 1rem; border: 1px solid var(--line); border-left: 3px solid var(--brand); border-radius: .4rem; background: var(--surface-tinted); }
.activity-change header strong[b-uxue1tcl4h] { font-size: .82rem; font-weight: 600; }
.activity-change header[b-uxue1tcl4h] { flex-wrap: wrap; align-items: flex-start; }
.activity-modification[b-uxue1tcl4h] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .6rem 1.5rem; margin: 0 0 0 auto; text-align: right; font-size: .78rem; }
.activity-modification dt[b-uxue1tcl4h] { color: var(--muted); font-size: .7rem; font-weight: 500; margin-bottom: .2rem; }
.activity-modification dd[b-uxue1tcl4h] { margin: 0; color: var(--ink); }
.activity-modification time[b-uxue1tcl4h] { color: inherit; white-space: nowrap; }
.activity-change .activity-text[b-uxue1tcl4h] { font-size: .8rem; color: var(--muted); }
.activity-entry summary[b-uxue1tcl4h] { margin-top: .6rem; cursor: pointer; font-size: .9rem; }
.activity-attachment[b-uxue1tcl4h] { display: block; margin-top: .6rem; font-size: .8rem; color: var(--brand); }
.delivery[b-uxue1tcl4h] { display: block; margin-top: .5rem; }
.delivery-failed[b-uxue1tcl4h] { color: #a33528; }
.activity-empty[b-uxue1tcl4h] { padding: 1.5rem 0; color: var(--muted); }
@media (max-width: 600px) { .activity[b-uxue1tcl4h] { padding: .9rem; } .activity-entry header[b-uxue1tcl4h] { flex-direction: column; gap: .4rem; } .activity-heading[b-uxue1tcl4h] { flex-wrap: wrap; } }

.composer h3[b-uxue1tcl4h], .reply-heading h3[b-uxue1tcl4h] { margin: 0; font-size: .95rem; font-weight: 700; }
.composer-note[b-uxue1tcl4h] { border-left: 3px solid var(--brand); }
.reply-section[b-uxue1tcl4h] { margin-top: 1.75rem; padding-top: 1.25rem; border-top: 1px solid var(--line); }
.reply-heading[b-uxue1tcl4h] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.reply-heading p[b-uxue1tcl4h], .reply-unavailable[b-uxue1tcl4h] { margin: .35rem 0 0; color: var(--muted); font-size: .8rem; }
.reply-toggle[b-uxue1tcl4h] { padding: .65rem 1rem; border: 1px solid var(--brand); border-radius: .45rem; color: var(--brand-dark); background: var(--surface); font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer; flex-shrink: 0; }
.reply-toggle:hover:not(:disabled)[b-uxue1tcl4h] { background: var(--brand-soft); }
.composer-reply[b-uxue1tcl4h] { margin-top: 1rem; }
.reply-envelope[b-uxue1tcl4h] { display: flex; flex-direction: column; gap: .35rem; padding-bottom: .8rem; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .85rem; overflow-wrap: anywhere; }
.reply-envelope strong[b-uxue1tcl4h] { color: var(--ink); }
@media (max-width: 600px) { .reply-heading[b-uxue1tcl4h] { align-items: flex-start; flex-direction: column; } }
/* /Components/FieldError.razor.rz.scp.css */
.field-error[b-n8b56ooaak] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    color: var(--danger);
    font-size: .76rem;
    font-weight: 600;
}

.field-error:empty[b-n8b56ooaak] { display: none; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-0z0x2owqtv] {
    position: relative;
    display: flex;
    flex-direction: row;
}

main[b-0z0x2owqtv] {
    flex: 1;
    min-width: 0;
}

.sidebar[b-0z0x2owqtv] {
    width: 264px;
    min-width: 264px;
    flex: 0 0 264px;
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
    background: var(--surface);
    border-right: 1px solid var(--line);
}

.top-row[b-0z0x2owqtv] {
    background-color: rgba(246, 248, 246, .97);
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 1;
}

.top-row[b-0z0x2owqtv], article[b-0z0x2owqtv] {
    padding-left: 2rem !important;
    padding-right: 1.5rem !important;
}

    .top-row[b-0z0x2owqtv]  a, .top-row[b-0z0x2owqtv]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-0z0x2owqtv]  a:hover, .top-row[b-0z0x2owqtv]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-0z0x2owqtv]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .page[b-0z0x2owqtv] {
        flex-direction: column;
    }

    .sidebar[b-0z0x2owqtv] {
        width: 100%;
        min-width: 0;
        height: auto;
        position: static;
        overflow: visible;
        flex: none;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .top-row[b-0z0x2owqtv] {
        justify-content: space-between;
    }

    .top-row[b-0z0x2owqtv]  a, .top-row[b-0z0x2owqtv]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .top-row.auth[b-0z0x2owqtv]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }
}

#blazor-error-ui[b-0z0x2owqtv] {
    color-scheme: light only;
    background: #0c3626;
    color: #b8e4cc;
    bottom: 0;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, .25);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.8rem 3rem 0.8rem 3.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    font-size: .875rem;
    font-family: 'DM Sans', sans-serif;
    border-top: 1px solid rgba(91, 199, 154, .2);
}

#blazor-error-ui[b-0z0x2owqtv]::before {
    content: "⚠";
    position: absolute;
    left: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: .95rem;
    color: #5bc79a;
}

    #blazor-error-ui .reload[b-0z0x2owqtv] {
        color: #5bc79a;
        font-weight: 600;
        text-decoration: underline;
        margin-left: .3rem;
    }

    #blazor-error-ui .reload:hover[b-0z0x2owqtv] {
        color: #7de0b5;
    }

    #blazor-error-ui .dismiss[b-0z0x2owqtv] {
        cursor: pointer;
        position: absolute;
        right: 1.1rem;
        top: 50%;
        transform: translateY(-50%);
        color: rgba(91, 199, 154, .6);
        font-size: .8rem;
        line-height: 1;
        padding: .25rem .4rem;
        border-radius: 4px;
        transition: color 120ms ease, background 120ms ease;
    }

    #blazor-error-ui .dismiss:hover[b-0z0x2owqtv] {
        color: #5bc79a;
        background: rgba(91, 199, 154, .1);
    }

/* The case detail page owns its header and full-width workspace. */
.page:has(.rd) .top-row[b-0z0x2owqtv] { display: none; }
.page:has(.rd) article.content[b-0z0x2owqtv] { padding: 0 !important; }
.page:has(.rd) .sidebar[b-0z0x2owqtv] {
    background: #243e33;
    --surface: #243e33;
    --surface-raised: #2d483c;
    --surface-tinted: #354f44;
    --ink: #fffefa;
    --ink-soft: #e0e9e2;
    --muted: #bfcec4;
    --line: #3b5348;
    --brand: #d6e7dc;
    --brand-dark: #f4f7ef;
}
.page:has(.rd) .sidebar[b-0z0x2owqtv]  a.active { background: #425b50; color: #fffefa; }
.page:has(.rd) .sidebar[b-0z0x2owqtv]  .brand-tile { background: #fffefa; color: #385e4b; box-shadow: none; }
.page:has(.rd) .sidebar[b-0z0x2owqtv]  .user-avatar { color: #385e4b; }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.sidebar-inner[b-s3lq9f6180] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    height: 100%;
}

/* Brand header */
.brand-block[b-s3lq9f6180] {
    padding: 1.15rem 1.1rem 1rem;
}

.brand[b-s3lq9f6180] {
    display: flex;
    align-items: center;
    gap: .65rem;
    text-decoration: none;
}

.brand-tile[b-s3lq9f6180] {
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 9px;
    background: #19684e;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: 0;
    box-shadow: 0 1px 3px rgba(15, 75, 56, .25), inset 0 1px 0 rgba(255, 255, 255, .18);
    flex-shrink: 0;
}

.brand-text[b-s3lq9f6180] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.brand-text strong[b-s3lq9f6180] {
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    color: var(--ink);
    letter-spacing: -.02em;
}

.brand-text small[b-s3lq9f6180] {
    color: var(--muted);
    font-size: .72rem;
}

/* Mobile toggler */
.navbar-toggler[b-s3lq9f6180] {
    appearance: none;
    cursor: pointer;
    width: 2.6rem;
    height: 2.2rem;
    position: absolute;
    top: 1.05rem;
    right: 1rem;
    border: 1px solid var(--line);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28109,119,114,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.4rem var(--surface);
    border-radius: 8px;
    transition: background-color 120ms ease;
}

.navbar-toggler:checked[b-s3lq9f6180] {
    background-color: var(--surface-tinted);
}

/* Nav body */
.nav-scrollable[b-s3lq9f6180] {
    display: none;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    padding: .25rem .7rem 1rem;
}

.navbar-toggler:checked ~ .nav-scrollable[b-s3lq9f6180] {
    display: flex;
}

.nav-primary[b-s3lq9f6180],
.nav-footer[b-s3lq9f6180] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nav-spacer[b-s3lq9f6180] {
    flex: 1;
    min-height: 1rem;
}

.nav-footer[b-s3lq9f6180] {
    border-top: 1px solid var(--line-soft);
    padding-top: .55rem;
}

[b-s3lq9f6180] .nav-link {
    display: flex;
    align-items: center;
    gap: .7rem;
    height: 2.55rem;
    padding: 0 .8rem;
    border-radius: 9px;
    color: var(--muted);
    background: none;
    border: 0;
    width: 100%;
    font-size: .9rem;
    font-weight: 500;
    letter-spacing: -.01em;
    text-decoration: none;
    transition: background 120ms ease, color 120ms ease;
}

[b-s3lq9f6180] .nav-link:hover {
    background: var(--surface-tinted);
    color: var(--ink);
}

[b-s3lq9f6180] a.active {
    background: #e9f2ec;
    color: var(--brand-dark);
    font-weight: 600;
}

/* Icons (recolorable via mask) */
.nav-ico[b-s3lq9f6180] {
    width: 1.05rem;
    height: 1.05rem;
    flex-shrink: 0;
    background-color: #9aa39d;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: background-color 120ms ease;
}

[b-s3lq9f6180] .nav-link:hover .nav-ico {
    background-color: var(--ink-soft);
}

[b-s3lq9f6180] a.active .nav-ico {
    background-color: var(--brand);
}

.ico-grid[b-s3lq9f6180] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5zm8 0A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5zm-8 8A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5zm8 0A1.5 1.5 0 0 1 10.5 9h3A1.5 1.5 0 0 1 15 10.5v3A1.5 1.5 0 0 1 13.5 15h-3A1.5 1.5 0 0 1 9 13.5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5zm8 0A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5zm-8 8A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5zm8 0A1.5 1.5 0 0 1 10.5 9h3A1.5 1.5 0 0 1 15 10.5v3A1.5 1.5 0 0 1 13.5 15h-3A1.5 1.5 0 0 1 9 13.5z'/%3E%3C/svg%3E");
}

.ico-list[b-s3lq9f6180] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.ico-mail[b-s3lq9f6180] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-.8.4L8 8.5l6.8-5.1A1 1 0 0 0 14 3H2Zm13 1.25-4.98 3.735L15 11.5V4.25Zm-.034 8.468-5.79-4.087L8.3 9.287a.5.5 0 0 1-.6 0l-.876-.656-5.79 4.087A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.282ZM1 11.5l4.98-3.515L1 4.25v7.25Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-.8.4L8 8.5l6.8-5.1A1 1 0 0 0 14 3H2Zm13 1.25-4.98 3.735L15 11.5V4.25Zm-.034 8.468-5.79-4.087L8.3 9.287a.5.5 0 0 1-.6 0l-.876-.656-5.79 4.087A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.282ZM1 11.5l4.98-3.515L1 4.25v7.25Z'/%3E%3C/svg%3E");
}

.ico-settings[b-s3lq9f6180] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05a1 1 0 0 0-1.81 0l-.192.406a1 1 0 0 1-1.377.456l-.386-.214a1 1 0 0 0-1.326.337l-.958 1.53a1 1 0 0 0 .229 1.32l.35.272a1 1 0 0 1 0 1.578l-.35.272a1 1 0 0 0-.229 1.32l.958 1.53a1 1 0 0 0 1.326.337l.386-.214a1 1 0 0 1 1.377.456l.192.406a1 1 0 0 0 1.81 0l.192-.406a1 1 0 0 1 1.377-.456l.386.214a1 1 0 0 0 1.326-.337l.958-1.53a1 1 0 0 0-.229-1.32l-.35-.272a1 1 0 0 1 0-1.578l.35-.272a1 1 0 0 0 .229-1.32l-.958-1.53a1 1 0 0 0-1.326-.337l-.386.214a1 1 0 0 1-1.377-.456l-.192-.406ZM8.5 8.75a2.75 2.75 0 1 1 0-5.5 2.75 2.75 0 0 1 0 5.5Zm0-1.25a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05a1 1 0 0 0-1.81 0l-.192.406a1 1 0 0 1-1.377.456l-.386-.214a1 1 0 0 0-1.326.337l-.958 1.53a1 1 0 0 0 .229 1.32l.35.272a1 1 0 0 1 0 1.578l-.35.272a1 1 0 0 0-.229 1.32l.958 1.53a1 1 0 0 0 1.326.337l.386-.214a1 1 0 0 1 1.377.456l.192.406a1 1 0 0 0 1.81 0l.192-.406a1 1 0 0 1 1.377-.456l.386.214a1 1 0 0 0 1.326-.337l.958-1.53a1 1 0 0 0-.229-1.32l-.35-.272a1 1 0 0 1 0-1.578l.35-.272a1 1 0 0 0 .229-1.32l-.958-1.53a1 1 0 0 0-1.326-.337l-.386.214a1 1 0 0 1-1.377-.456l-.192-.406ZM8.5 8.75a2.75 2.75 0 1 1 0-5.5 2.75 2.75 0 0 1 0 5.5Zm0-1.25a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");
}

.ico-user[b-s3lq9f6180] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.ico-logout[b-s3lq9f6180] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.ico-person[b-s3lq9f6180] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.ico-badge[b-s3lq9f6180] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

/* User card */
.logout-form[b-s3lq9f6180] {
    margin: 0;
}

.user-card[b-s3lq9f6180] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-top: .65rem;
    padding: .55rem .6rem;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: var(--surface-raised);
}

.user-avatar[b-s3lq9f6180] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #e9f2ec;
    color: var(--brand-dark);
    display: grid;
    place-items: center;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: .72rem;
    flex-shrink: 0;
}

.user-meta[b-s3lq9f6180] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.user-meta strong[b-s3lq9f6180] {
    font-size: .78rem;
    color: var(--ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-meta small[b-s3lq9f6180] {
    font-size: .68rem;
    color: var(--muted);
}

@media (min-width: 641px) {
    .navbar-toggler[b-s3lq9f6180] {
        display: none;
    }

    .nav-scrollable[b-s3lq9f6180] {
        display: flex;
        overflow-y: auto;
    }
}
/* /Components/Layout/PortalLayout.razor.rz.scp.css */
.portal-shell[b-crvw7e690n] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 9% 14%, rgba(25, 104, 78, .10), transparent 27rem),
        radial-gradient(circle at 91% 24%, rgba(155, 107, 14, .07), transparent 24rem),
        #f7faf5;
}

/* /Components/Pages/CreateEmailCase.razor.rz.scp.css */
.email-case-page[b-n6s7qpoadk] {
    width: min(100% - 3rem, 900px);
    margin: 2.5rem auto 4rem;
}

.email-case-header[b-n6s7qpoadk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.email-case-header span[b-n6s7qpoadk] {
    color: var(--brand);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.email-case-header h1[b-n6s7qpoadk] { margin: .25rem 0 .45rem; color: var(--ink); font-size: 1.55rem; }
.email-case-header p[b-n6s7qpoadk] { margin: 0; color: var(--muted); font-size: .88rem; }
.email-case-header a[b-n6s7qpoadk], .email-case-footer a[b-n6s7qpoadk] { color: var(--brand-dark); font-weight: 700; text-decoration: none; }

.email-case-notice[b-n6s7qpoadk] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-bottom: 1.25rem;
    padding: .85rem 1rem;
    border-left: 3px solid var(--warning);
    background: var(--warning-soft);
    color: var(--ink-soft);
    font-size: .8rem;
}

.email-case-notice span[b-n6s7qpoadk] { color: var(--muted); }
.email-case-notice.verified[b-n6s7qpoadk] { border-left-color: var(--brand); background: var(--brand-soft); }
.email-case-form[b-n6s7qpoadk] { display: grid; gap: 1.25rem; }

.email-case-section[b-n6s7qpoadk] {
    padding: 1.25rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

.email-case-section h2[b-n6s7qpoadk] { margin: 0 0 1rem; color: var(--ink); font-size: 1rem; }
.email-case-grid[b-n6s7qpoadk] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.email-case-grid label[b-n6s7qpoadk] { display: grid; gap: .4rem; color: var(--ink-soft); font-size: .78rem; font-weight: 700; }
.email-case-grid .wide[b-n6s7qpoadk] { grid-column: 1 / -1; }
.email-case-grid input[b-n6s7qpoadk], .email-case-grid select[b-n6s7qpoadk], .email-case-grid textarea[b-n6s7qpoadk] {
    width: 100%;
    box-sizing: border-box;
    padding: .6rem .7rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--ink);
    font: inherit;
    font-size: .85rem;
}

.email-case-grid textarea[b-n6s7qpoadk] { resize: vertical; line-height: 1.45; }
.email-case-lookup[b-n6s7qpoadk] { display: flex; align-items: center; gap: .8rem; margin-top: 1rem; }
.email-case-lookup button[b-n6s7qpoadk] { border: 1px solid var(--brand); border-radius: var(--radius-sm); background: var(--surface); color: var(--brand-dark); padding: .5rem .7rem; font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer; }
.email-case-lookup button:disabled[b-n6s7qpoadk] { opacity: .55; cursor: wait; }
.email-case-products[b-n6s7qpoadk] { display: grid; gap: .65rem; margin-bottom: 1rem; }
.email-case-products > p[b-n6s7qpoadk] { margin: 0; color: var(--muted); font-size: .8rem; }
.email-case-product[b-n6s7qpoadk] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7rem; padding: .7rem; border: 1px solid var(--line); border-radius: var(--radius-sm); font-size: .82rem; }
.email-case-product span[b-n6s7qpoadk] { display: grid; gap: .15rem; }
.email-case-product small[b-n6s7qpoadk] { color: var(--muted); }
.email-case-quantity[b-n6s7qpoadk] { display: flex !important; align-items: center; gap: .35rem !important; color: var(--ink-soft); white-space: nowrap; }
.email-case-quantity input[b-n6s7qpoadk] { width: 3.5rem; padding: .35rem; border: 1px solid var(--line); border-radius: .25rem; font: inherit; }
.email-case-request-details[b-n6s7qpoadk] { margin-top: 1rem; }
.email-case-grid[b-n6s7qpoadk]  .validation-message, .email-case-form[b-n6s7qpoadk]  .validation-errors { color: var(--danger); font-size: .72rem; }
.email-case-form[b-n6s7qpoadk]  .validation-errors { margin: 0; padding-left: 1.1rem; }
.email-case-attachments[b-n6s7qpoadk], .email-case-error[b-n6s7qpoadk] { margin: 0; font-size: .8rem; }
.email-case-attachments[b-n6s7qpoadk] { color: var(--muted); }
.email-case-error[b-n6s7qpoadk] { color: var(--danger); }
.email-case-success[b-n6s7qpoadk] { margin: 0; color: var(--brand-dark); font-size: .8rem; }
.email-case-footer[b-n6s7qpoadk] { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; }
.email-case-footer button[b-n6s7qpoadk] {
    min-height: 40px;
    padding: .55rem .9rem;
    border: 1px solid var(--brand);
    border-radius: var(--radius-sm);
    background: var(--brand);
    color: white;
    font: inherit;
    font-size: .8rem;
    font-weight: 750;
    cursor: pointer;
}
.email-case-footer button:disabled[b-n6s7qpoadk] { cursor: wait; opacity: .6; }
.email-case-loading[b-n6s7qpoadk], .email-case-empty[b-n6s7qpoadk] { padding: 3rem; color: var(--muted); }

@media (max-width: 700px) {
    .email-case-page[b-n6s7qpoadk] { width: min(100% - 2rem, 900px); margin-top: 1.5rem; }
    .email-case-header[b-n6s7qpoadk] { flex-direction: column; }
    .email-case-grid[b-n6s7qpoadk] { grid-template-columns: 1fr; }
    .email-case-grid .wide[b-n6s7qpoadk] { grid-column: auto; }
    .email-case-product[b-n6s7qpoadk] { grid-template-columns: auto 1fr; }
    .email-case-quantity[b-n6s7qpoadk] { grid-column: 2; }
}
/* /Components/Pages/CustomerProfile.razor.rz.scp.css */
.cp-layout[b-aiojsuslxq] {
    display: grid;
    grid-template-columns: 260px 1fr 280px;
    height: calc(100vh - 3.5rem);
    overflow: hidden;
}

.cp-sidebar[b-aiojsuslxq] {
    padding: 1.6rem 1.25rem;
    border-right: 1px solid var(--line);
    background: var(--surface-tinted);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    scrollbar-width: thin;
    scrollbar-color: var(--line) transparent;
}

.cp-avatar[b-aiojsuslxq] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2d8a64, var(--brand));
    color: #fff;
    font-size: 1.25rem;
    font-weight: 800;
    font-family: 'Manrope', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-bottom: 0.2rem;
    box-shadow: 0 2px 8px rgba(25, 104, 78, .3);
}

.cp-name[b-aiojsuslxq] {
    font-weight: 700;
    font-size: 1rem;
    color: var(--ink);
    letter-spacing: -.02em;
    line-height: 1.2;
}

.cp-email[b-aiojsuslxq] {
    font-size: 0.8rem;
    color: var(--muted);
    text-decoration: none;
    margin-bottom: 0.35rem;
    word-break: break-word;
    transition: color var(--t-fast);
}

.cp-email:hover[b-aiojsuslxq] {
    color: var(--brand);
    text-decoration: underline;
}

.cp-metrics[b-aiojsuslxq] {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--line);
    margin-top: 0.35rem;
    padding-top: 0.35rem;
}

.cp-metric[b-aiojsuslxq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.45rem 0;
    border-bottom: 1px solid var(--line-soft);
    font-size: 0.8rem;
}

.cp-metric:last-child[b-aiojsuslxq] {
    border-bottom: none;
}

.cp-metric span[b-aiojsuslxq] {
    color: var(--muted);
}

.cp-metric strong[b-aiojsuslxq] {
    color: var(--ink-soft);
    font-weight: 600;
}

.cp-back-link[b-aiojsuslxq] {
    margin-top: auto;
    font-size: 0.8rem;
    color: var(--muted-light);
    text-decoration: none;
    padding-top: 1rem;
    transition: color var(--t-fast);
}

.cp-back-link:hover[b-aiojsuslxq] {
    color: var(--brand);
}

.cp-not-found[b-aiojsuslxq] {
    padding: 3rem 2rem;
    color: var(--muted);
}

/* Main content */
.cp-main[b-aiojsuslxq] {
    padding: 1.6rem;
    overflow-y: auto;
    background: var(--surface);
    display: flex;
    flex-direction: column;
    gap: 2rem;
    scrollbar-width: thin;
    scrollbar-color: var(--line) transparent;
}

.cp-section h2[b-aiojsuslxq] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--muted-light);
    margin: 0 0 0.75rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-family: 'DM Sans', sans-serif;
}

.cp-order-row[b-aiojsuslxq] {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    margin-bottom: 0.5rem;
    overflow: hidden;
    cursor: pointer;
    transition: border-color var(--t-fast), box-shadow var(--t-fast);
}

.cp-order-row:hover[b-aiojsuslxq] {
    border-color: #c8d4c5;
    box-shadow: var(--shadow-xs);
}

.cp-order-header[b-aiojsuslxq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem 0.9rem;
    background: var(--surface-raised);
    font-size: 0.875rem;
    user-select: none;
    transition: background var(--t-fast);
}

.cp-order-header:hover[b-aiojsuslxq] {
    background: var(--surface-tinted);
}

.cp-order-store[b-aiojsuslxq] {
    display: block;
    font-size: 0.73rem;
    color: var(--muted-light);
    margin-top: 0.1rem;
}

.cp-order-right[b-aiojsuslxq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.78rem;
    color: var(--muted);
}

.cp-chevron[b-aiojsuslxq] {
    font-size: 0.6rem;
    color: var(--muted-light);
}

.cp-order-lines[b-aiojsuslxq] {
    padding: 0.5rem 0.9rem 0.75rem;
    background: var(--surface);
    border-top: 1px solid var(--line-soft);
}

.cp-order-line[b-aiojsuslxq] {
    padding: 0.38rem 0;
    border-bottom: 1px solid var(--line-soft);
    font-size: 0.8rem;
}

.cp-order-line:last-child[b-aiojsuslxq] {
    border-bottom: none;
}

.cp-line-name[b-aiojsuslxq] {
    display: block;
    color: var(--ink-soft);
    font-weight: 500;
}

.cp-line-meta[b-aiojsuslxq] {
    display: block;
    color: var(--muted-light);
    font-size: 0.73rem;
    margin-top: 0.1rem;
}

.cp-return-row[b-aiojsuslxq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    margin-bottom: 0.4rem;
    text-decoration: none;
    color: inherit;
    font-size: 0.875rem;
    transition: background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);
}

.cp-return-row:hover[b-aiojsuslxq] {
    background: var(--surface-tinted);
    border-color: #c8d4c5;
    box-shadow: var(--shadow-xs);
}

.cp-return-main[b-aiojsuslxq] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.cp-return-main strong[b-aiojsuslxq] {
    font-weight: 600;
    color: var(--ink);
}

.cp-return-main span[b-aiojsuslxq] {
    font-size: 0.73rem;
    color: var(--muted-light);
}

.cp-return-right[b-aiojsuslxq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.cp-status-badge[b-aiojsuslxq] {
    display: inline-block;
    padding: 0.18rem 0.6rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    background: var(--line);
    color: var(--ink-soft);
    letter-spacing: .01em;
}

.cp-status-submitted[b-aiojsuslxq] { background: #dbeafe; color: #1e40af; }
.cp-status-awaitingitem[b-aiojsuslxq] { background: var(--warning-soft); color: var(--warning); }
.cp-status-received[b-aiojsuslxq] { background: #dcfce7; color: #15803d; }
.cp-status-underreview[b-aiojsuslxq] { background: #fef9c3; color: #854d0e; }
.cp-status-approved[b-aiojsuslxq] { background: #bbf7d0; color: #14532d; }
.cp-status-rejected[b-aiojsuslxq] { background: var(--danger-soft); color: #991b1b; }
.cp-status-refunded[b-aiojsuslxq], .cp-status-exchanged[b-aiojsuslxq], .cp-status-repaired[b-aiojsuslxq] { background: var(--brand-soft); color: var(--brand-dark); }
.cp-status-closed[b-aiojsuslxq] { background: var(--surface-tinted); color: var(--muted); border: 1px solid var(--line); }

.cp-return-date[b-aiojsuslxq] {
    font-size: 0.73rem;
    color: var(--muted-light);
}

/* Notes panel */
.cp-notes[b-aiojsuslxq] {
    padding: 1.6rem 1.25rem;
    border-left: 1px solid var(--line);
    background: var(--surface-raised);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: var(--line) transparent;
}

.cp-notes-header[b-aiojsuslxq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.cp-notes-header h2[b-aiojsuslxq] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--muted-light);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-family: 'DM Sans', sans-serif;
}

.cp-note-form[b-aiojsuslxq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.ws-note-textarea[b-aiojsuslxq] {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1.5px solid var(--line);
    border-radius: var(--radius-sm);
    font-size: 0.84rem;
    resize: vertical;
    font-family: 'DM Sans', sans-serif;
    box-sizing: border-box;
    color: var(--ink);
    background: var(--surface);
    transition: border-color var(--t), box-shadow var(--t);
}

.ws-note-textarea:focus[b-aiojsuslxq] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-glow);
    outline: none;
}

.cp-note-form-actions[b-aiojsuslxq] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.cp-note-item[b-aiojsuslxq] {
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--line-soft);
}

.cp-note-item:last-child[b-aiojsuslxq] {
    border-bottom: none;
}

.cp-note-body[b-aiojsuslxq] {
    font-size: 0.84rem;
    color: var(--ink);
    margin: 0 0 0.35rem;
    line-height: 1.5;
    white-space: pre-wrap;
}

.cp-note-author[b-aiojsuslxq] {
    font-size: 0.7rem;
    color: var(--muted-light);
}

.btn-ghost[b-aiojsuslxq] {
    background: none;
    border: 1px solid transparent;
    color: var(--brand);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.28rem 0.55rem;
    border-radius: var(--radius-sm);
    font-family: 'DM Sans', sans-serif;
    transition: background var(--t-fast), border-color var(--t-fast);
}

.btn-ghost:hover[b-aiojsuslxq] {
    background: var(--brand-soft);
    border-color: var(--brand-soft);
}

.btn-sm[b-aiojsuslxq] {
    font-size: 0.8rem;
    padding: 0.35rem 0.75rem;
}

.empty-state-small[b-aiojsuslxq] {
    font-size: 0.84rem;
    color: var(--muted-light);
    padding: 0.25rem 0;
}

@media (max-width: 1100px) {
    .cp-layout[b-aiojsuslxq] {
        grid-template-columns: 240px 1fr;
        height: auto;
        overflow: visible;
    }

    .cp-notes[b-aiojsuslxq] {
        grid-column: 1 / -1;
        border-left: none;
        border-top: 1px solid var(--line);
    }
}

@media (max-width: 680px) {
    .cp-layout[b-aiojsuslxq] {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .cp-sidebar[b-aiojsuslxq], .cp-main[b-aiojsuslxq], .cp-notes[b-aiojsuslxq] {
        border: none;
        border-bottom: 1px solid var(--line);
    }
}
/* /Components/Pages/CustomerReturnStatus.razor.rz.scp.css */
/* Store branding: --store-brand is set per store on .portal-brand; shades derive from it. */
.portal-brand[b-fw7rx82rzk] {
    display: contents;
    --store-brand-dark: color-mix(in srgb, var(--store-brand) 76%, black);
    --store-brand-light: color-mix(in srgb, var(--store-brand) 65%, white);
    --store-brand-soft: color-mix(in srgb, var(--store-brand) 14%, white);
    --store-brand-tint: color-mix(in srgb, var(--store-brand) 6%, white);
    --store-brand-accent: color-mix(in srgb, var(--store-brand) 35%, white);
}

.status-header[b-fw7rx82rzk] {
    height: 76px;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(25, 29, 38, .07);
}

.status-brand[b-fw7rx82rzk] {
    color: #17231e;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-size: 1.15rem;
}

.status-brand-mark[b-fw7rx82rzk], .notice-mark[b-fw7rx82rzk] {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    color: white;
    background: #17231e;
    border-radius: 8px;
    font-size: .86rem;
}

.secure-label[b-fw7rx82rzk] {
    color: #7c8189;
    font-family: ui-monospace, monospace;
    font-size: .65rem;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.status-main[b-fw7rx82rzk] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 58px 28px 76px;
}

.status-intro[b-fw7rx82rzk] {
    text-align: center;
    margin-bottom: 38px;
}

.status-eyebrow[b-fw7rx82rzk], .summary-label[b-fw7rx82rzk] {
    color: var(--store-brand, #1a5a43);
    font-family: ui-monospace, monospace;
    font-size: .65rem;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.status-eyebrow i[b-fw7rx82rzk] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--store-brand, #19684e);
    margin-right: 7px;
}

.status-intro h1[b-fw7rx82rzk] {
    color: #17231e;
    font-size: clamp(2.3rem, 5vw, 3.7rem);
    line-height: 1.04;
    letter-spacing: -.055em;
    margin: 16px 0 12px;
}

.status-intro h1 em[b-fw7rx82rzk] {
    font-style: normal;
    background: linear-gradient(95deg, var(--store-brand-dark, #0f4b38), var(--store-brand-light, #2f9b6f));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.status-intro > p[b-fw7rx82rzk] { color: #8a8e96; font-size: .8rem; }

.status-layout[b-fw7rx82rzk] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(250px, .75fr);
    gap: 22px;
    align-items: start;
}

.tracking-card[b-fw7rx82rzk], .case-summary-card[b-fw7rx82rzk], .status-error[b-fw7rx82rzk] {
    background: rgba(255, 255, 255, .92);
    border: 1px solid #dfe3e2;
    border-radius: 22px;
    box-shadow: 0 22px 65px rgba(33, 39, 48, .08);
}

.tracking-card[b-fw7rx82rzk] { padding: 30px 34px 34px; }
.case-summary-card[b-fw7rx82rzk] { padding: 27px; }

.case-heading[b-fw7rx82rzk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding-bottom: 23px;
    border-bottom: 1px solid #e8eae9;
}

.case-heading h2[b-fw7rx82rzk] { font-size: 1.35rem; margin: 0 0 5px; }
.case-heading p[b-fw7rx82rzk] { color: #9297a3; font-family: ui-monospace, monospace; font-size: .72rem; margin: 0; }
.store-badge[b-fw7rx82rzk] {
    color: var(--store-brand, #19684e);
    border: 1px solid #bfe0cf;
    border-radius: 9px;
    padding: 9px 11px;
    font-family: ui-monospace, monospace;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    white-space: nowrap;
}

.current-status[b-fw7rx82rzk] {
    background: linear-gradient(120deg, color-mix(in srgb, var(--store-brand, #19684e) 8%, transparent), rgba(155, 107, 14, .05));
    border: 1px solid #e0e5e3;
    border-radius: 14px;
    margin: 22px 0 26px;
    padding: 17px 19px;
}
.current-status span[b-fw7rx82rzk] { color: #8f949d; font-size: .64rem; letter-spacing: .12em; text-transform: uppercase; }
.current-status strong[b-fw7rx82rzk] { display: block; color: #20242d; font-size: 1.05rem; margin: 4px 0 2px; }
.current-status p[b-fw7rx82rzk] { color: #737983; font-size: .76rem; margin: 0; }

.customer-timeline[b-fw7rx82rzk] { margin-left: 4px; }
.milestone[b-fw7rx82rzk] {
    position: relative;
    display: grid;
    grid-template-columns: 31px 1fr;
    gap: 14px;
    min-height: 82px;
    color: #a6aab0;
}
.milestone:not(:last-child)[b-fw7rx82rzk]::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 29px;
    bottom: -1px;
    width: 2px;
    background: #e1e4e6;
}
.milestone-marker[b-fw7rx82rzk] {
    position: relative;
    z-index: 1;
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    border: 2px solid #d2d6dc;
    border-radius: 50%;
    background: white;
    font-size: .68rem;
    font-weight: 800;
}
.milestone-title[b-fw7rx82rzk] { display: flex; align-items: baseline; gap: 10px; padding-top: 3px; }
.milestone-title strong[b-fw7rx82rzk] { font-size: .92rem; }
.milestone-title time[b-fw7rx82rzk] { color: #b2b6be; font-family: ui-monospace, monospace; font-size: .66rem; }
.milestone p[b-fw7rx82rzk] { font-size: .76rem; margin: 4px 0 0; line-height: 1.45; }
.milestone.current[b-fw7rx82rzk] { color: #242830; }
.milestone.current .milestone-marker[b-fw7rx82rzk] { color: var(--store-brand, #19684e); border-color: var(--store-brand, #19684e); box-shadow: 0 0 0 6px var(--store-brand-soft, #e2f1e9); }
.milestone.complete[b-fw7rx82rzk] { color: #525861; }
.milestone.complete .milestone-marker[b-fw7rx82rzk] { color: white; background: var(--store-brand, #19684e); border-color: var(--store-brand, #19684e); }
.milestone.complete:not(:last-child)[b-fw7rx82rzk]::before { background: var(--store-brand-accent, #9fd9bf); }

.case-summary-card h3[b-fw7rx82rzk] { font-size: 1.15rem; margin: 8px 0 21px; }
.case-summary-card dl[b-fw7rx82rzk] { margin: 0; }
.case-summary-card dl div[b-fw7rx82rzk] { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #eceeed; }
.case-summary-card dt[b-fw7rx82rzk] { color: #92969e; font-size: .7rem; font-weight: 500; }
.case-summary-card dd[b-fw7rx82rzk] { color: #454a52; font-size: .72rem; font-weight: 700; margin: 0; text-align: right; }
.summary-products[b-fw7rx82rzk] { display: grid; gap: 10px; margin-top: 19px; }
.summary-products > div[b-fw7rx82rzk] { display: flex; align-items: center; gap: 10px; }
.summary-products > div > span[b-fw7rx82rzk] { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 9px; background: linear-gradient(135deg, #edf1f4, #dde7e0); color: #5d6674; font-size: .58rem; font-weight: 800; }
.summary-products p[b-fw7rx82rzk] { display: flex; flex-direction: column; margin: 0; min-width: 0; }
.summary-products strong[b-fw7rx82rzk] { font-size: .7rem; }
.summary-products small[b-fw7rx82rzk] { color: #999da4; font-size: .62rem; }
.customer-note[b-fw7rx82rzk] { background: #f5f7f5; border-radius: 11px; margin-top: 20px; padding: 13px; }
.customer-note span[b-fw7rx82rzk] { color: #8d9299; font-size: .58rem; letter-spacing: .1em; text-transform: uppercase; }
.customer-note p[b-fw7rx82rzk] { color: #555b64; font-size: .7rem; line-height: 1.5; margin: 6px 0 0; }
.store-support[b-fw7rx82rzk] { border-top: 1px solid #eceeec; margin-top: 20px; padding-top: 14px; }
.store-support span[b-fw7rx82rzk] { color: #8d9299; font-size: .58rem; letter-spacing: .1em; text-transform: uppercase; }
.store-support p[b-fw7rx82rzk] { color: #555b64; font-size: .7rem; line-height: 1.5; margin: 6px 0 0; }

.status-notice[b-fw7rx82rzk] {
    max-width: 550px;
    margin: 25px auto 0;
    padding: 15px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    background: white;
    border: 1px solid #dfe3e2;
    border-left: 4px solid var(--store-brand, #19684e);
    border-radius: 15px;
    box-shadow: 0 14px 40px rgba(33, 39, 48, .07);
}
.notice-mark[b-fw7rx82rzk] { background: var(--store-brand, #19684e); flex: 0 0 auto; }
.status-notice small[b-fw7rx82rzk] { color: #89909e; font-family: ui-monospace, monospace; font-size: .58rem; letter-spacing: .15em; text-transform: uppercase; }
.status-notice p[b-fw7rx82rzk] { color: #484d56; font-size: .83rem; margin: 3px 0 0; }

.status-error[b-fw7rx82rzk] { max-width: 600px; margin: 50px auto; padding: 50px; text-align: center; }
.status-error > span[b-fw7rx82rzk] { width: 58px; height: 58px; margin: 0 auto 20px; display: grid; place-items: center; border-radius: 50%; color: #a13e35; background: #fff0ed; font-size: 1.5rem; }
.status-error h1[b-fw7rx82rzk] { font-size: 2.4rem; margin: 0; }
.status-error p[b-fw7rx82rzk] { color: #747982; line-height: 1.6; }
.status-error a[b-fw7rx82rzk] { color: var(--store-brand, #19684e); font-weight: 700; text-decoration: none; }
.status-loading[b-fw7rx82rzk] { color: #7e838b; text-align: center; padding: 100px 0; }
.status-footer[b-fw7rx82rzk] { max-width: 1000px; margin: 0 auto; padding: 24px 28px 35px; display: flex; justify-content: space-between; color: #9a9da2; font-size: .68rem; border-top: 1px solid rgba(25, 29, 38, .07); }
.status-footer strong[b-fw7rx82rzk] { color: #555a63; }

@media (max-width: 760px) {
    .status-main[b-fw7rx82rzk] { padding-top: 38px; }
    .status-layout[b-fw7rx82rzk] { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .status-header[b-fw7rx82rzk] { height: 66px; padding: 0 18px; }
    .secure-label[b-fw7rx82rzk] { display: none; }
    .status-main[b-fw7rx82rzk] { padding: 32px 14px 55px; }
    .status-intro h1[b-fw7rx82rzk] { font-size: 2.45rem; }
    .tracking-card[b-fw7rx82rzk] { padding: 23px 18px 25px; border-radius: 17px; }
    .case-heading[b-fw7rx82rzk] { flex-direction: column; }
    .milestone-title[b-fw7rx82rzk] { align-items: flex-start; flex-direction: column; gap: 2px; }
    .status-footer[b-fw7rx82rzk] { padding-left: 18px; padding-right: 18px; }
}

/* /Components/Pages/EmailChannels.razor.rz.scp.css */
.email-page[b-qyctc1e63p] {
    width: min(100%, 1080px);
    margin: 0 auto;
    padding: .35rem 0 3rem;
}

.connection-result[b-qyctc1e63p] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .35rem 1rem;
    margin: 0 0 1.5rem;
    padding: .9rem 1rem;
    border-left: 3px solid var(--danger);
    background: var(--danger-soft);
    color: var(--ink-soft);
    font-size: .82rem;
}

.connection-result.success[b-qyctc1e63p] {
    border-left-color: var(--success);
    background: var(--brand-soft);
}

.connection-result strong[b-qyctc1e63p] { color: var(--ink); }
.connection-result span[b-qyctc1e63p] { color: var(--muted); }

.email-header[b-qyctc1e63p] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: .2rem 0 2.25rem;
    border-bottom: 1px solid var(--line);
}

.settings-path[b-qyctc1e63p] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    color: var(--muted-light);
    font-size: .72rem;
    font-weight: 600;
}

.settings-path a[b-qyctc1e63p] { color: var(--muted-light); text-decoration: none; }
.settings-path a:hover[b-qyctc1e63p] { color: var(--brand); }
.settings-path span:last-child[b-qyctc1e63p] { color: var(--brand); }

.email-header h1[b-qyctc1e63p],
.setup-content h1[b-qyctc1e63p] {
    margin: 0;
    color: var(--ink);
    font-size: clamp(2rem, 4vw, 3.35rem);
    line-height: 1.05;
}

.setup-content h1[b-qyctc1e63p] {
    max-width: 620px;
    font-size: clamp(1.9rem, 3vw, 2.7rem);
    line-height: 1.12;
}

.email-header p[b-qyctc1e63p] {
    max-width: 650px;
    margin: .75rem 0 0;
    color: var(--muted);
    font-size: 1rem;
}

.email-primary-action[b-qyctc1e63p] { flex: 0 0 auto; }

.email-empty[b-qyctc1e63p] {
    min-height: 480px;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    align-items: center;
    gap: clamp(3rem, 8vw, 8rem);
    padding: clamp(3rem, 7vw, 6.5rem) clamp(.25rem, 3vw, 2rem);
}

.section-kicker[b-qyctc1e63p] {
    display: block;
    margin-bottom: .8rem;
    color: var(--brand);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.email-empty-copy h2[b-qyctc1e63p] {
    max-width: 620px;
    margin: 0;
    color: var(--ink);
    font-size: clamp(2rem, 4.2vw, 3.5rem);
    line-height: 1.08;
}

.email-empty-copy > p[b-qyctc1e63p] {
    max-width: 560px;
    margin: 1.2rem 0 1.7rem;
    color: var(--muted);
    font-size: 1.06rem;
    line-height: 1.65;
}

.provider-caption[b-qyctc1e63p] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.6rem;
    color: var(--muted-light);
    font-size: .72rem;
    font-weight: 600;
}

.provider-caption i[b-qyctc1e63p] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--line);
}

.mail-flow[b-qyctc1e63p] {
    min-height: 355px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
    background: #edf4ef;
    box-shadow: inset 0 0 0 1px rgba(25, 104, 78, .06);
}

.mail-flow[b-qyctc1e63p]::before,
.mail-flow[b-qyctc1e63p]::after {
    content: '';
    position: absolute;
    width: 210px;
    height: 210px;
    border: 1px solid rgba(25, 104, 78, .08);
    border-radius: 50%;
}

.mail-flow[b-qyctc1e63p]::before { transform: translate(-125px, -130px); }
.mail-flow[b-qyctc1e63p]::after { transform: translate(145px, 135px); }

.mail-flow-label[b-qyctc1e63p],
.mail-flow-result[b-qyctc1e63p] {
    color: var(--ink-soft);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
    z-index: 1;
}

.envelope-mark[b-qyctc1e63p] {
    width: 86px;
    height: 58px;
    margin: 1rem 0 0;
    position: relative;
    border: 2px solid var(--brand);
    border-radius: .75rem;
    background: rgba(255, 255, 255, .65);
    box-shadow: 0 12px 28px rgba(15, 75, 56, .09);
    z-index: 1;
}

.envelope-mark[b-qyctc1e63p]::before,
.envelope-mark[b-qyctc1e63p]::after {
    content: '';
    position: absolute;
    top: 11px;
    width: 51px;
    height: 2px;
    background: var(--brand);
}

.envelope-mark[b-qyctc1e63p]::before { left: -1px; transform: rotate(32deg); }
.envelope-mark[b-qyctc1e63p]::after { right: -1px; transform: rotate(-32deg); }

.flow-line[b-qyctc1e63p] {
    width: 2px;
    height: 62px;
    position: relative;
    overflow: hidden;
    background: rgba(25, 104, 78, .14);
}

.flow-line i[b-qyctc1e63p] {
    width: 100%;
    height: 18px;
    display: block;
    background: var(--brand);
    animation: flow-pulse-b-qyctc1e63p 1.8s ease-in-out infinite;
}

.vendir-mark[b-qyctc1e63p] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-bottom: .9rem;
    border-radius: 17px;
    background: var(--brand);
    color: white;
    font-family: 'Manrope', sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(15, 75, 56, .2);
    z-index: 1;
}

@keyframes flow-pulse-b-qyctc1e63p {
    from { transform: translateY(-20px); opacity: 0; }
    25% { opacity: 1; }
    to { transform: translateY(64px); opacity: 0; }
}

.mailbox-section[b-qyctc1e63p] { padding-top: 2.6rem; }

.mailbox-heading[b-qyctc1e63p] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.mailbox-heading h2[b-qyctc1e63p] { margin: 0; font-size: 1.5rem; }
.mailbox-heading > span[b-qyctc1e63p] { color: var(--muted); font-size: .8rem; }
.mailbox-heading .section-kicker[b-qyctc1e63p] { margin-bottom: .35rem; }

.mailbox-list[b-qyctc1e63p] {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--surface);
    box-shadow: var(--shadow-xs);
}

.mailbox-row[b-qyctc1e63p] {
    display: grid;
    grid-template-columns: 42px minmax(210px, 1fr) 140px 90px auto auto;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-bottom: 1px solid var(--line-soft);
}

.mailbox-row:last-child[b-qyctc1e63p] { border-bottom: 0; }

.provider-monogram[b-qyctc1e63p] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: var(--surface-tinted);
    color: var(--brand);
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
}

.mailbox-identity[b-qyctc1e63p],
.mailbox-detail[b-qyctc1e63p] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mailbox-identity strong[b-qyctc1e63p] { overflow: hidden; text-overflow: ellipsis; }
.mailbox-identity span[b-qyctc1e63p],
.mailbox-detail span[b-qyctc1e63p] { color: var(--muted); font-size: .75rem; }
.mailbox-detail strong[b-qyctc1e63p] { font-size: .82rem; font-weight: 600; }

.connection-status[b-qyctc1e63p] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    white-space: nowrap;
    color: var(--muted);
    font-size: .76rem;
    font-weight: 700;
}

.connection-status i[b-qyctc1e63p] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #98a29d;
}

.connection-status.healthy[b-qyctc1e63p] { color: var(--success); }
.connection-status.healthy i[b-qyctc1e63p] { background: var(--success); box-shadow: 0 0 0 3px rgba(39, 120, 88, .12); }
.connection-status.pending[b-qyctc1e63p] { color: var(--warning); }
.connection-status.pending i[b-qyctc1e63p] { background: var(--warning); }
.connection-status.attention[b-qyctc1e63p] { color: var(--danger); }
.connection-status.attention i[b-qyctc1e63p] { background: var(--danger); }

.mailbox-status-note[b-qyctc1e63p] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .95rem 1.2rem 1rem 4.95rem;
    border-bottom: 1px solid var(--line-soft);
    border-left: 3px solid var(--warning);
    background: var(--warning-soft);
}

.mailbox-status-note strong[b-qyctc1e63p] {
    color: var(--ink);
    font-size: .82rem;
}

.mailbox-status-note span[b-qyctc1e63p] {
    max-width: 760px;
    color: var(--muted);
    font-size: .76rem;
    line-height: 1.45;
}

.manage-button[b-qyctc1e63p],
.back-button[b-qyctc1e63p],
.close-button[b-qyctc1e63p] {
    border: 0;
    background: none;
    color: var(--brand);
    font: inherit;
    font-size: .8rem;
    font-weight: 700;
}

.manage-button:disabled[b-qyctc1e63p] { color: var(--muted-light); }

.manage-button[b-qyctc1e63p] { cursor: pointer; }
.manage-button:hover[b-qyctc1e63p] { color: var(--brand-dark); }

.mailbox-remove-confirm[b-qyctc1e63p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--line-soft);
    background: #fbf7f4;
    animation: remove-reveal-b-qyctc1e63p 160ms ease-out both;
}

.mailbox-remove-confirm:last-child[b-qyctc1e63p] { border-bottom: 0; }

.mailbox-remove-confirm > div:first-child[b-qyctc1e63p] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.mailbox-remove-confirm strong[b-qyctc1e63p] { color: var(--ink); font-size: .82rem; }
.mailbox-remove-confirm span[b-qyctc1e63p] { color: var(--muted); font-size: .75rem; line-height: 1.45; }
.mailbox-remove-confirm .remove-error[b-qyctc1e63p] { color: var(--danger); font-weight: 700; }

.remove-actions[b-qyctc1e63p] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex: 0 0 auto;
}

.remove-cancel[b-qyctc1e63p],
.remove-confirm[b-qyctc1e63p] {
    min-height: 38px;
    padding: .55rem .8rem;
    border-radius: var(--radius-sm);
    font: inherit;
    font-size: .75rem;
    font-weight: 700;
    cursor: pointer;
}

.remove-cancel[b-qyctc1e63p] {
    border: 1px solid var(--line);
    background: var(--surface);
    color: var(--ink-soft);
}

.remove-confirm[b-qyctc1e63p] {
    border: 1px solid #a94837;
    background: #a94837;
    color: white;
}

.remove-cancel:disabled[b-qyctc1e63p],
.remove-confirm:disabled[b-qyctc1e63p] { cursor: wait; opacity: .6; }

@keyframes remove-reveal-b-qyctc1e63p {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

.setup-shell[b-qyctc1e63p] {
    min-height: 560px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl);
    background: var(--surface);
    box-shadow: var(--shadow-sm);
}

.setup-topbar[b-qyctc1e63p] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    min-height: 66px;
    padding: 0 1.4rem;
    border-bottom: 1px solid var(--line-soft);
}

.back-button[b-qyctc1e63p] {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    cursor: pointer;
}

.back-button:hover[b-qyctc1e63p] { color: var(--brand-dark); }

.close-button[b-qyctc1e63p] {
    justify-self: end;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 50%;
    color: var(--muted);
    cursor: pointer;
    font-size: 1.45rem;
    font-weight: 400;
}

.close-button:hover[b-qyctc1e63p] { background: var(--surface-tinted); color: var(--ink); }

.setup-progress[b-qyctc1e63p] { display: flex; align-items: center; gap: 5px; }

.setup-progress i[b-qyctc1e63p] {
    width: 24px;
    height: 3px;
    border-radius: 99px;
    background: var(--line);
    transition: background var(--t-slow), transform var(--t-slow);
}

.setup-progress i.active[b-qyctc1e63p] { background: var(--brand); transform: scaleY(1.25); }

.setup-content[b-qyctc1e63p] {
    width: min(100% - 3rem, 680px);
    margin: 0 auto;
    padding: clamp(2.75rem, 5vw, 4.2rem) 0;
}

.setup-enter[b-qyctc1e63p] { animation: setup-enter-b-qyctc1e63p 280ms ease-out both; }

@keyframes setup-enter-b-qyctc1e63p {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.setup-intro[b-qyctc1e63p] {
    max-width: 590px;
    margin: .9rem 0 2.4rem;
    color: var(--muted);
    font-size: 1.02rem;
    line-height: 1.6;
}

.provider-list[b-qyctc1e63p] { border-top: 1px solid var(--line); }

.provider-option[b-qyctc1e63p] {
    width: 100%;
    min-height: 92px;
    display: grid;
    grid-template-columns: 48px 1fr auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem .35rem;
    border: 0;
    border-bottom: 1px solid var(--line);
    background: transparent;
    color: var(--ink);
    text-align: left;
    cursor: pointer;
    transition: padding var(--t), background var(--t);
}

.provider-option:hover[b-qyctc1e63p],
.provider-option:focus-visible[b-qyctc1e63p] {
    padding-left: .9rem;
    padding-right: .9rem;
    background: var(--surface-tinted);
    outline: none;
}

.provider-option > span:nth-child(2)[b-qyctc1e63p] { display: flex; flex-direction: column; gap: .25rem; }
.provider-option strong[b-qyctc1e63p] { font-size: .97rem; }
.provider-option small[b-qyctc1e63p] { color: var(--muted); font-size: .8rem; }
.provider-option.future[b-qyctc1e63p] { cursor: default; opacity: .62; }
.provider-option.future:hover[b-qyctc1e63p] { padding-left: .35rem; padding-right: .35rem; background: transparent; }

.provider-logo[b-qyctc1e63p] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: var(--surface-tinted);
    color: var(--ink-soft);
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
}

.microsoft-logo[b-qyctc1e63p] {
    grid-template-columns: repeat(2, 8px);
    grid-template-rows: repeat(2, 8px);
    gap: 2px;
}

.microsoft-logo i[b-qyctc1e63p] { width: 8px; height: 8px; background: var(--brand); }
.microsoft-logo i:nth-child(2)[b-qyctc1e63p], .microsoft-logo i:nth-child(3)[b-qyctc1e63p] { opacity: .68; }
.microsoft-logo i:nth-child(4)[b-qyctc1e63p] { opacity: .42; }
.google-logo[b-qyctc1e63p] { color: #4d6d60; }
.forwarding-logo[b-qyctc1e63p] { font-size: 1.15rem; }
.provider-arrow[b-qyctc1e63p] { color: var(--brand); font-size: 1.2rem; transition: transform var(--t); }
.provider-option:hover .provider-arrow[b-qyctc1e63p] { transform: translateX(4px); }

.future-label[b-qyctc1e63p] {
    padding: .25rem .55rem;
    border-radius: 999px;
    background: var(--surface-tinted);
    color: var(--muted);
    font-size: .66rem;
    font-weight: 700;
}

.permission-layout[b-qyctc1e63p] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(210px, .6fr);
    gap: 3rem;
    padding: 2rem 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.permission-layout h2[b-qyctc1e63p] { margin: 0 0 1.3rem; font-size: 1rem; }
.permission-list[b-qyctc1e63p],
.permission-aside ul[b-qyctc1e63p] { margin: 0; padding: 0; list-style: none; }

.permission-list[b-qyctc1e63p] { display: flex; flex-direction: column; gap: 1.2rem; }
.permission-list li[b-qyctc1e63p] { display: grid; grid-template-columns: 28px 1fr; gap: .7rem; }
.permission-list i[b-qyctc1e63p] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--brand-soft);
    color: var(--brand);
    font-style: normal;
    font-size: .72rem;
    font-weight: 800;
}

.permission-list span[b-qyctc1e63p] { display: flex; flex-direction: column; gap: .15rem; }
.permission-list strong[b-qyctc1e63p] { font-size: .86rem; }
.permission-list small[b-qyctc1e63p] { color: var(--muted); font-size: .76rem; line-height: 1.45; }

.permission-aside[b-qyctc1e63p] {
    padding-left: 2rem;
    border-left: 1px solid var(--line-soft);
}

.permission-aside > span[b-qyctc1e63p] { display: block; margin-bottom: 1rem; color: var(--muted); font-size: .75rem; font-weight: 700; }
.permission-aside li[b-qyctc1e63p] { margin-bottom: .65rem; color: var(--muted); font-size: .78rem; }
.permission-aside li[b-qyctc1e63p]::before { content: '×'; margin-right: .55rem; color: var(--muted-light); font-weight: 700; }

.mailbox-field[b-qyctc1e63p] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    margin-top: 1.55rem;
}

.mailbox-field > span[b-qyctc1e63p] {
    color: var(--ink);
    font-size: .8rem;
    font-weight: 700;
}

.mailbox-field input[b-qyctc1e63p] {
    width: 100%;
    min-height: 46px;
    padding: .7rem .8rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--ink);
    font: inherit;
    font-size: .9rem;
    transition: border-color var(--t), box-shadow var(--t);
}

.mailbox-field input:focus[b-qyctc1e63p] {
    border-color: var(--brand);
    outline: none;
    box-shadow: 0 0 0 3px rgba(25, 104, 78, .12);
}

.mailbox-field small[b-qyctc1e63p] {
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.45;
}

.setup-actions[b-qyctc1e63p] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin-top: 1.7rem;
}

.setup-actions > span[b-qyctc1e63p] { max-width: 270px; color: var(--muted); font-size: .72rem; line-height: 1.45; }

.microsoft-button[b-qyctc1e63p] {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    padding: .62rem 1rem .62rem .62rem;
    border: 1px solid var(--ink-soft);
    border-radius: var(--radius-sm);
    background: var(--ink);
    color: white;
    font: inherit;
    font-size: .84rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 100ms ease, background var(--t);
}

.microsoft-button:hover[b-qyctc1e63p] { transform: translateY(-1px); background: var(--ink-soft); }
.microsoft-button .provider-logo[b-qyctc1e63p] { width: 28px; height: 28px; border-radius: 5px; background: white; }
.microsoft-button .microsoft-logo[b-qyctc1e63p] { grid-template-columns: repeat(2, 6px); grid-template-rows: repeat(2, 6px); }
.microsoft-button .microsoft-logo i[b-qyctc1e63p] { width: 6px; height: 6px; }

.setup-notice[b-qyctc1e63p] {
    margin-top: 1.25rem;
    padding: .8rem 1rem;
    border-left: 3px solid var(--warning);
    background: var(--warning-soft);
    color: #76510b;
    font-size: .8rem;
}

button:focus-visible[b-qyctc1e63p] {
    outline: 3px solid rgba(25, 104, 78, .25);
    outline-offset: 2px;
}

@media (max-width: 900px) {
    .email-empty[b-qyctc1e63p] { grid-template-columns: 1fr; gap: 2rem; }
    .mail-flow[b-qyctc1e63p] { min-height: 290px; }
    .mailbox-row[b-qyctc1e63p] { grid-template-columns: 42px 1fr auto; }
    .mailbox-detail[b-qyctc1e63p] { display: none; }
    .connection-status[b-qyctc1e63p] { grid-column: 2; }
    .manage-button[b-qyctc1e63p] { grid-column: 3; grid-row: 1 / 3; }
    .mailbox-status-note[b-qyctc1e63p] { padding-left: 1.2rem; }
}

@media (max-width: 640px) {
    .email-page[b-qyctc1e63p] { padding-top: 0; }
    .email-header[b-qyctc1e63p] { align-items: flex-start; flex-direction: column; gap: 1.25rem; }
    .email-primary-action[b-qyctc1e63p] { width: 100%; }
    .email-empty[b-qyctc1e63p] { min-height: 0; padding: 3rem 0; }
    .mail-flow[b-qyctc1e63p] { min-height: 250px; }
    .setup-shell[b-qyctc1e63p] { min-height: 610px; margin: 0 -.5rem; border-radius: var(--radius-lg); }
    .setup-topbar[b-qyctc1e63p] { padding: 0 .8rem; }
    .setup-progress i[b-qyctc1e63p] { width: 15px; }
    .setup-content[b-qyctc1e63p] { width: min(100% - 2rem, 720px); padding: 2.8rem 0; }
    .provider-option[b-qyctc1e63p] { grid-template-columns: 44px 1fr; }
    .provider-arrow[b-qyctc1e63p], .future-label[b-qyctc1e63p] { display: none; }
    .permission-layout[b-qyctc1e63p] { grid-template-columns: 1fr; gap: 1.5rem; }
    .permission-aside[b-qyctc1e63p] { padding: 1.4rem 0 0; border: 0; border-top: 1px solid var(--line-soft); }
    .setup-actions[b-qyctc1e63p] { align-items: stretch; flex-direction: column; }
    .setup-actions > span[b-qyctc1e63p] { max-width: none; }
    .microsoft-button[b-qyctc1e63p] { justify-content: center; }
    .connection-result[b-qyctc1e63p] { grid-template-columns: 1fr; }
    .mailbox-remove-confirm[b-qyctc1e63p] { align-items: stretch; flex-direction: column; gap: 1rem; }
    .remove-actions[b-qyctc1e63p] { justify-content: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
    .setup-enter[b-qyctc1e63p],
    .flow-line i[b-qyctc1e63p] { animation: none; }
    .provider-option[b-qyctc1e63p],
    .provider-arrow[b-qyctc1e63p],
    .setup-progress i[b-qyctc1e63p] { transition: none; }
    .mailbox-remove-confirm[b-qyctc1e63p] { animation: none; }
}

.draft-settings[b-qyctc1e63p] { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 2rem; padding: 1.5rem; border: 1px solid var(--line); border-radius: var(--radius-lg); background: white; }
.draft-settings h2[b-qyctc1e63p] { margin: .4rem 0; font-size: 1.2rem; }
.draft-settings p[b-qyctc1e63p] { margin: .4rem 0; max-width: 620px; color: var(--muted); }
.draft-settings .draft-settings-state[b-qyctc1e63p] { color: var(--ink); font-weight: 700; }
@media (max-width: 640px) { .draft-settings[b-qyctc1e63p] { align-items: stretch; flex-direction: column; } }
/* /Components/Pages/EmailInbox.razor.rz.scp.css */
.inbox-page[b-celx0i6v0m] {
    height: calc(100vh - 3.5rem);
    display: flex;
    flex-direction: column;
    margin: 0 -1.5rem 0 -2rem;
    overflow: hidden;
    background: var(--surface);
}

.inbox-header[b-celx0i6v0m] {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 0 1.5rem 0 2rem;
    border-bottom: 1px solid var(--line);
}

.inbox-kicker[b-celx0i6v0m] {
    display: block;
    margin-bottom: .2rem;
    color: var(--brand);
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.inbox-header h1[b-celx0i6v0m] { margin: 0; color: var(--ink); font-size: 1.55rem; line-height: 1.1; }

.inbox-header-actions[b-celx0i6v0m],
.reply-footer[b-celx0i6v0m],
.inbox-empty > div[b-celx0i6v0m] { display: flex; align-items: center; gap: .9rem; }

.sync-notice[b-celx0i6v0m] { color: var(--muted); font-size: .76rem; }

.sync-button[b-celx0i6v0m],
.send-button[b-celx0i6v0m] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .55rem .85rem;
    border-radius: var(--radius-sm);
    font: inherit;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}

.sync-button[b-celx0i6v0m] { border: 1px solid var(--line); background: var(--surface); color: var(--ink-soft); }
.sync-button:hover[b-celx0i6v0m] { border-color: var(--brand); color: var(--brand); }
.sync-button:disabled[b-celx0i6v0m],
.send-button:disabled[b-celx0i6v0m] { cursor: wait; opacity: .55; }

.inbox-workspace[b-celx0i6v0m] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(280px, 34%) minmax(0, 1fr);
    flex: 1;
}

.conversation-pane[b-celx0i6v0m] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--line);
    background: #f8faf8;
}

.conversation-pane-title[b-celx0i6v0m] {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.1rem;
    border-bottom: 1px solid var(--line-soft);
}

.conversation-pane-title strong[b-celx0i6v0m] { color: var(--ink); font-size: .84rem; }
.conversation-pane-title span[b-celx0i6v0m] { color: var(--muted); font-size: .7rem; }
.conversation-list[b-celx0i6v0m],
.message-thread[b-celx0i6v0m] { min-height: 0; overflow-y: auto; }

.conversation-row[b-celx0i6v0m] {
    width: 100%;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: .75rem;
    padding: 1rem 1.1rem;
    border: 0;
    border-bottom: 1px solid var(--line-soft);
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 120ms ease, box-shadow 120ms ease;
}

.conversation-row:hover[b-celx0i6v0m] { background: var(--surface); }
.conversation-row.selected[b-celx0i6v0m] { background: var(--surface); box-shadow: inset 3px 0 0 var(--brand); }

.conversation-avatar[b-celx0i6v0m] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #e3eee7;
    color: var(--brand-dark);
    font-size: .7rem;
    font-weight: 800;
}

.conversation-copy[b-celx0i6v0m] { min-width: 0; display: flex; flex-direction: column; gap: .18rem; }
.conversation-meta[b-celx0i6v0m] { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; }

.conversation-meta strong[b-celx0i6v0m],
.conversation-subject[b-celx0i6v0m],
.conversation-preview[b-celx0i6v0m],
.conversation-mailbox[b-celx0i6v0m] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.conversation-meta strong[b-celx0i6v0m] { color: var(--ink); font-size: .79rem; }
.conversation-meta time[b-celx0i6v0m] { flex: 0 0 auto; color: var(--muted-light); font-size: .66rem; }
.conversation-subject[b-celx0i6v0m] { color: var(--ink-soft); font-size: .76rem; font-weight: 650; }
.conversation-preview[b-celx0i6v0m] { color: var(--muted); font-size: .72rem; }
.conversation-preview b[b-celx0i6v0m] { color: var(--brand); font-weight: 700; }
.conversation-mailbox[b-celx0i6v0m] { margin-top: .15rem; color: var(--muted-light); font-size: .64rem; }

.thread-pane[b-celx0i6v0m] {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    background: var(--surface);
}

.thread-header[b-celx0i6v0m] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem 1.5rem;
    border-bottom: 1px solid var(--line-soft);
}

.thread-header h2[b-celx0i6v0m] { margin: 0 0 .2rem; color: var(--ink); font-size: 1rem; }
.thread-header div span[b-celx0i6v0m] { color: var(--muted); font-size: .7rem; }
.thread-status[b-celx0i6v0m] { color: var(--brand); font-size: .7rem; font-weight: 750; }

.thread-actions[b-celx0i6v0m] { display: flex; align-items: center; gap: .55rem; flex: 0 0 auto; }
.delete-start[b-celx0i6v0m],
.delete-cancel[b-celx0i6v0m],
.delete-confirm[b-celx0i6v0m],
.case-action[b-celx0i6v0m] {
    min-height: 32px;
    padding: .4rem .6rem;
    border-radius: var(--radius-sm);
    font: inherit;
    font-size: .68rem;
    font-weight: 700;
    cursor: pointer;
}

.delete-start[b-celx0i6v0m],
.delete-cancel[b-celx0i6v0m],
.case-action[b-celx0i6v0m] { border: 1px solid var(--line); background: var(--surface); color: var(--muted); }
.delete-start:hover[b-celx0i6v0m] { border-color: #a94837; color: #a94837; }
.case-action[b-celx0i6v0m] { color: var(--brand-dark); text-decoration: none; }
.case-action:hover[b-celx0i6v0m] { border-color: var(--brand); color: var(--brand); }
.delete-confirm[b-celx0i6v0m] { border: 1px solid #a94837; background: #a94837; color: white; }
.delete-cancel:disabled[b-celx0i6v0m],
.delete-confirm:disabled[b-celx0i6v0m] { cursor: wait; opacity: .6; }

.delete-confirmation[b-celx0i6v0m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .65rem 1.5rem;
    border-bottom: 1px solid #ead7d1;
    background: #fbf5f2;
    color: #754538;
    font-size: .7rem;
    line-height: 1.45;
}

.delete-confirmation strong[b-celx0i6v0m] { color: var(--danger); }

.message-thread[b-celx0i6v0m] { padding: 1.5rem clamp(1rem, 4vw, 3.5rem); background: #fbfcfb; }

.message-item[b-celx0i6v0m] {
    width: min(100%, 720px);
    margin: 0 0 1.2rem;
    padding: 1rem 1.15rem;
    border: 1px solid var(--line-soft);
    border-radius: 3px var(--radius-lg) var(--radius-lg) var(--radius-lg);
    background: var(--surface);
    box-shadow: var(--shadow-xs);
    animation: message-enter-b-celx0i6v0m 180ms ease-out both;
}

.message-item.outbound[b-celx0i6v0m] {
    margin-left: auto;
    border-color: #d9e9df;
    border-radius: var(--radius-lg) 3px var(--radius-lg) var(--radius-lg);
    background: #eff6f1;
}

.message-item header[b-celx0i6v0m] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; }
.message-item header div[b-celx0i6v0m] { display: flex; flex-direction: column; }
.message-item header strong[b-celx0i6v0m] { color: var(--ink); font-size: .78rem; }
.message-item header span[b-celx0i6v0m],
.message-item time[b-celx0i6v0m] { color: var(--muted-light); font-size: .66rem; }

.message-body[b-celx0i6v0m] {
    color: var(--ink-soft);
    font-size: .82rem;
    line-height: 1.65;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.message-attachments[b-celx0i6v0m] {
    display: grid;
    gap: .35rem;
    margin-top: .9rem;
    padding-top: .7rem;
    border-top: 1px solid var(--line-soft);
}

.attachment-row[b-celx0i6v0m] {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    padding: .5rem .55rem;
    border-radius: var(--radius-sm);
    color: inherit;
    text-decoration: none;
    transition: background 120ms ease, color 120ms ease;
}

.attachment-row:hover[b-celx0i6v0m] { background: #f1f5f2; }
.outbound .attachment-row:hover[b-celx0i6v0m] { background: #e5f0e9; }

.attachment-icon[b-celx0i6v0m] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--brand);
}

.attachment-icon svg[b-celx0i6v0m] { width: 16px; height: 16px; }
.attachment-copy[b-celx0i6v0m] { min-width: 0; display: flex; flex-direction: column; gap: .08rem; }
.attachment-copy strong[b-celx0i6v0m] { overflow: hidden; color: var(--ink); font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }
.attachment-copy small[b-celx0i6v0m] { color: var(--muted-light); font-size: .63rem; }
.attachment-action[b-celx0i6v0m] { color: var(--brand); font-size: .68rem; font-weight: 750; }

.message-failed[b-celx0i6v0m] { display: block; margin-top: .7rem; color: var(--danger); font-size: .68rem; font-weight: 750; }

.reply-composer[b-celx0i6v0m] { padding: .9rem 1.5rem 1.1rem; border-top: 1px solid var(--line); background: var(--surface); }
.reply-composer label[b-celx0i6v0m] { display: block; margin-bottom: .45rem; color: var(--muted); font-size: .7rem; font-weight: 700; }
.reply-composer textarea[b-celx0i6v0m] {
    width: 100%;
    min-height: 88px;
    resize: vertical;
    padding: .75rem .85rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--ink);
    font: inherit;
    font-size: .82rem;
    line-height: 1.5;
}

.reply-composer textarea:focus[b-celx0i6v0m] { border-color: var(--brand); outline: 3px solid rgba(25, 104, 78, .1); }
.reply-footer[b-celx0i6v0m] { justify-content: space-between; margin-top: .65rem; }
.reply-feedback[b-celx0i6v0m] { color: var(--danger); font-size: .72rem; }
.reply-feedback.success[b-celx0i6v0m] { color: var(--success); font-weight: 700; }
.send-button[b-celx0i6v0m] { border: 1px solid var(--brand); background: var(--brand); color: white; }
.send-button:hover[b-celx0i6v0m] { background: var(--brand-dark); }

.inbox-loading[b-celx0i6v0m],
.thread-loading[b-celx0i6v0m],
.inbox-empty[b-celx0i6v0m] { flex: 1; display: grid; place-content: center; text-align: center; color: var(--muted); }

.thread-loading[b-celx0i6v0m] { min-height: 300px; }
.inbox-empty[b-celx0i6v0m] { justify-items: center; padding: 3rem 1.5rem; }
.inbox-empty h2[b-celx0i6v0m] { margin: 1rem 0 .45rem; color: var(--ink); font-size: 1.25rem; }
.inbox-empty p[b-celx0i6v0m] { max-width: 480px; margin: 0 0 1.2rem; font-size: .84rem; }
.inbox-empty a[b-celx0i6v0m] { color: var(--brand); font-size: .8rem; font-weight: 700; }
.error-state > span[b-celx0i6v0m] { color: var(--danger); font-size: 1.5rem; font-weight: 800; }

.empty-envelope[b-celx0i6v0m] { width: 58px; height: 40px; position: relative; border: 2px solid var(--brand); border-radius: 8px; }
.empty-envelope[b-celx0i6v0m]::after {
    content: '';
    width: 34px;
    height: 34px;
    position: absolute;
    top: -17px;
    left: 10px;
    border-right: 2px solid var(--brand);
    border-bottom: 2px solid var(--brand);
    transform: rotate(45deg);
}

@keyframes message-enter-b-celx0i6v0m {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

button:focus-visible[b-celx0i6v0m],
a:focus-visible[b-celx0i6v0m],
textarea:focus-visible[b-celx0i6v0m] { outline: 3px solid rgba(25, 104, 78, .24); outline-offset: 2px; }

.draft-button[b-celx0i6v0m] { border: 1px solid var(--line); border-radius: 8px; background: white; padding: .55rem .8rem; cursor: pointer; }
.draft-button:disabled[b-celx0i6v0m] { cursor: default; opacity: .6; }

@media (max-width: 800px) {
    .inbox-page[b-celx0i6v0m] { height: auto; min-height: calc(100vh - 3.5rem); }
    .inbox-workspace[b-celx0i6v0m] { grid-template-columns: 1fr; }
    .conversation-pane[b-celx0i6v0m] { max-height: 360px; border-right: 0; border-bottom: 1px solid var(--line); }
    .thread-pane[b-celx0i6v0m] { min-height: 620px; }
}

@media (max-width: 640px) {
    .inbox-header[b-celx0i6v0m] { align-items: flex-start; flex-direction: column; padding-top: 1rem; padding-bottom: 1rem; }
    .inbox-header-actions[b-celx0i6v0m] { width: 100%; justify-content: space-between; }
    .message-thread[b-celx0i6v0m] { padding: 1rem; }
    .thread-header[b-celx0i6v0m],
    .reply-composer[b-celx0i6v0m] { padding-left: 1rem; padding-right: 1rem; }
    .thread-header[b-celx0i6v0m] { align-items: flex-start; flex-direction: column; }
    .thread-actions[b-celx0i6v0m] { width: 100%; flex-wrap: wrap; }
    .delete-confirmation[b-celx0i6v0m] { align-items: flex-start; flex-direction: column; padding-left: 1rem; padding-right: 1rem; }
    .message-item[b-celx0i6v0m] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .message-item[b-celx0i6v0m] { animation: none; }
    .conversation-row[b-celx0i6v0m],
    .attachment-row[b-celx0i6v0m] { transition: none; }
}
/* /Components/Pages/ReportReturn.razor.rz.scp.css */
/* Store branding: --store-brand is set per store on .portal-brand; shades derive from it. */
.portal-brand[b-3nb19xmxov] {
    display: contents;
    --store-brand-dark: color-mix(in srgb, var(--store-brand) 76%, black);
    --store-brand-light: color-mix(in srgb, var(--store-brand) 65%, white);
    --store-brand-soft: color-mix(in srgb, var(--store-brand) 14%, white);
    --store-brand-tint: color-mix(in srgb, var(--store-brand) 6%, white);
    --store-brand-accent: color-mix(in srgb, var(--store-brand) 35%, white);
}

.portal-header[b-3nb19xmxov] {
    height: 76px;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(25, 29, 38, .07);
}

.brand[b-3nb19xmxov] {
    color: #17231e;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-size: 1.2rem;
}

.brand-mark[b-3nb19xmxov], .help-mark[b-3nb19xmxov] {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    color: white;
    background: #17231e;
    border-radius: 8px;
    font-size: .88rem;
    position: relative;
    overflow: hidden;
}

.brand-mark[b-3nb19xmxov]::after, .help-mark[b-3nb19xmxov]::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 2px;
    background: linear-gradient(90deg, var(--store-brand, #19684e), var(--store-brand-light, #2f9b6f));
    transform: rotate(62deg);
}

.portal-main[b-3nb19xmxov] {
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 28px 80px;
}

.portal-intro[b-3nb19xmxov] {
    text-align: center;
    max-width: 670px;
    margin: 0 auto 42px;
}

.eyebrow[b-3nb19xmxov] {
    color: var(--store-brand, #1a5a43);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .68rem;
    letter-spacing: .17em;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.eyebrow span[b-3nb19xmxov] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 7px;
    background: var(--store-brand, #19684e);
}

.portal-intro h1[b-3nb19xmxov], .success-card h1[b-3nb19xmxov], .portal-message h1[b-3nb19xmxov] {
    color: #17231e;
    font-size: clamp(2.35rem, 5vw, 4rem);
    line-height: 1.04;
    letter-spacing: -.055em;
    margin: 0;
}

.portal-intro h1 em[b-3nb19xmxov] {
    font-style: normal;
    background: linear-gradient(95deg, var(--store-brand-dark, #0f4b38), var(--store-brand-light, #2f9b6f));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.portal-intro > p[b-3nb19xmxov] {
    color: #6b7079;
    font-size: 1.04rem;
    line-height: 1.7;
    margin: 20px auto 0;
    max-width: 590px;
}

.portal-grid[b-3nb19xmxov] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 286px;
    gap: 22px;
    align-items: start;
}

.form-card[b-3nb19xmxov], .help-card[b-3nb19xmxov], .success-card[b-3nb19xmxov], .portal-message[b-3nb19xmxov] {
    background: rgba(255, 255, 255, .91);
    border: 1px solid #e3e6e5;
    box-shadow: 0 22px 65px rgba(33, 39, 48, .08);
    border-radius: 22px;
}

.form-card[b-3nb19xmxov] { padding: 26px 30px 30px; min-height: 520px; }
.help-card[b-3nb19xmxov] { padding: 28px; position: sticky; top: 22px; }

.steps[b-3nb19xmxov] {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto;
    align-items: start;
    margin-bottom: 38px;
}

.steps > div[b-3nb19xmxov] { display: grid; justify-items: center; gap: 7px; color: #a7abb1; min-width: 70px; }
.steps span[b-3nb19xmxov] { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid #d9dcdf; border-radius: 50%; font-size: .72rem; font-weight: 700; background: white; }
.steps small[b-3nb19xmxov] { font-size: .68rem; white-space: nowrap; }
.steps i[b-3nb19xmxov] { height: 1px; background: #e3e5e6; margin-top: 13px; }
.steps .active[b-3nb19xmxov] { color: #26355d; }
.steps .active span[b-3nb19xmxov] { color: white; background: var(--store-brand, #19684e); border-color: var(--store-brand, #19684e); box-shadow: 0 0 0 5px var(--store-brand-soft, #e2f1e9); }
.steps .done span[b-3nb19xmxov] { color: white; background: #277858; border-color: #277858; }

.form-heading[b-3nb19xmxov] { display: flex; gap: 15px; margin-bottom: 28px; }
.form-heading h2[b-3nb19xmxov] { font-size: 1.42rem; letter-spacing: -.035em; margin: 0 0 4px; }
.form-heading p[b-3nb19xmxov] { color: #858991; font-size: .85rem; margin: 0; }
.step-number[b-3nb19xmxov] { color: var(--store-brand, #1a5a43); font-family: ui-monospace, monospace; font-size: .66rem; font-weight: 700; letter-spacing: .08em; margin-top: 7px; }

.field[b-3nb19xmxov] { margin-bottom: 18px; }
.field label[b-3nb19xmxov] { color: #30343c; display: flex; justify-content: space-between; font-size: .78rem; font-weight: 700; margin-bottom: 8px; }
.field label span[b-3nb19xmxov] { color: #9a9ea5; font-weight: 400; }
[b-3nb19xmxov] .portal-input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: #20242b;
    background: #fbfcfb;
    border: 1px solid #dde1df;
    border-radius: 12px;
    outline: none;
    padding: 13px 14px;
    font-size: .9rem;
    transition: border-color .15s, box-shadow .15s;
}
[b-3nb19xmxov] .portal-input:focus { border-color: var(--store-brand, #19684e); box-shadow: 0 0 0 4px color-mix(in srgb, var(--store-brand, #19684e) 12%, transparent); }
[b-3nb19xmxov] .portal-select { appearance: auto; }
[b-3nb19xmxov] .portal-textarea { min-height: 105px; resize: vertical; }

.primary-button[b-3nb19xmxov], .secondary-button[b-3nb19xmxov], .back-button[b-3nb19xmxov] {
    border: 0;
    border-radius: 12px;
    font-weight: 700;
    padding: 14px 18px;
}
.primary-button[b-3nb19xmxov] {
    width: 100%;
    color: white;
    background: var(--store-brand, #19684e);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    box-shadow: 0 9px 20px rgba(26, 29, 38, .15);
}
.primary-button:hover[b-3nb19xmxov] { background: var(--store-brand-dark, #0f4b38); }
.primary-button:disabled[b-3nb19xmxov] { opacity: .65; }
.primary-button.compact[b-3nb19xmxov] { width: auto; min-width: 165px; }
.primary-button span[b-3nb19xmxov] { color: var(--store-brand-accent, #9fd9bf); }
.back-button[b-3nb19xmxov] { color: #666b74; background: transparent; }
.secondary-button[b-3nb19xmxov] { color: #242831; background: #f1f3f2; }
.success-actions[b-3nb19xmxov] { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.tracking-button[b-3nb19xmxov] {
    color: white;
    background: var(--store-brand, #19684e);
    border-radius: 12px;
    font-weight: 700;
    padding: 14px 18px;
    text-decoration: none;
}
.tracking-button span[b-3nb19xmxov] { color: var(--store-brand-accent, #9fd9bf); margin-left: 8px; }
.tracking-button:hover[b-3nb19xmxov] { color: white; background: var(--store-brand-dark, #0f4b38); }
.privacy-note[b-3nb19xmxov] { color: #9599a0; font-size: .68rem; text-align: center; margin: 15px 0 0; }
.form-error[b-3nb19xmxov] { color: #9f3b32; background: #fff0ed; border: 1px solid #f3d1ca; border-radius: 10px; padding: 11px 13px; font-size: .78rem; margin-bottom: 15px; }
[b-3nb19xmxov] .validation-message { color: #a23d33; font-size: .72rem; margin-top: 5px; }

.request-type-grid[b-3nb19xmxov], .resolution-grid[b-3nb19xmxov] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px; }
.request-type[b-3nb19xmxov] {
    text-align: left;
    border: 1px solid #dfe2e1;
    background: #fcfdfc;
    border-radius: 14px;
    padding: 16px;
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 12px;
}
.request-type.selected[b-3nb19xmxov] { border-color: var(--store-brand, #19684e); background: var(--store-brand-tint, #f1f8f4); box-shadow: inset 0 0 0 1px var(--store-brand, #19684e); }
.request-type .type-icon[b-3nb19xmxov] { grid-row: 1 / 3; width: 31px; height: 31px; border-radius: 9px; display: grid; place-items: center; background: var(--store-brand-soft, #e2f1e9); color: var(--store-brand, #19684e); }
.request-type strong[b-3nb19xmxov] { font-size: .82rem; }
.request-type small[b-3nb19xmxov] { color: #83878f; font-size: .68rem; margin-top: 3px; }

.product-list[b-3nb19xmxov] { display: grid; gap: 9px; margin-bottom: 18px; }
.product-row[b-3nb19xmxov] {
    cursor: pointer;
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    gap: 12px;
    align-items: center;
    border: 1px solid #e2e5e3;
    border-radius: 13px;
    padding: 12px;
    background: #fff;
}
.product-row.selected[b-3nb19xmxov] { border-color: var(--store-brand, #19684e); background: var(--store-brand-tint, #f4faf6); }
.product-row[b-3nb19xmxov]  input { accent-color: var(--store-brand, #19684e); width: 16px; height: 16px; }
.product-row.ineligible[b-3nb19xmxov] { cursor: not-allowed; background: #f6f7f6; }
.product-row.ineligible .product-visual[b-3nb19xmxov], .product-row.ineligible .product-info strong[b-3nb19xmxov], .product-row.ineligible .product-price[b-3nb19xmxov] { opacity: .55; }
.product-info small.line-ineligible[b-3nb19xmxov] { color: #8a4b12; white-space: normal; }
.product-info small.line-remaining[b-3nb19xmxov] { color: #536071; }
.product-quantity[b-3nb19xmxov] { display: flex; align-items: center; gap: 8px; margin: -2px 0 4px 12px; color: #536071; font-size: .75rem; }
.product-quantity[b-3nb19xmxov]  .quantity-input { width: 80px; padding: 6px 8px; }
.eligibility-note[b-3nb19xmxov] { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: #fdf5ec; color: #6b3a0e; font-size: .78rem; }
.product-visual[b-3nb19xmxov] { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 11px; color: #536071; background: linear-gradient(135deg, #edf1f4, #dde7e0); font-size: .68rem; font-weight: 800; }
.product-info[b-3nb19xmxov] { display: flex; flex-direction: column; min-width: 0; }
.product-info strong[b-3nb19xmxov], .product-price[b-3nb19xmxov] { font-size: .8rem; }
.product-info small[b-3nb19xmxov] { color: #898d94; font-size: .67rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-price[b-3nb19xmxov] { white-space: nowrap; }
.selected-products-summary[b-3nb19xmxov] { margin: 0 0 22px; padding: 14px; border: 1px solid #dfe2e1; border-radius: 12px; background: #fbfcfb; }
.selected-products-summary h3[b-3nb19xmxov] { margin: 0 0 10px; color: #354052; font-size: .78rem; }
.selected-products-list[b-3nb19xmxov] { display: grid; gap: 9px; }
.selected-product-row[b-3nb19xmxov] { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; }
.selected-product-row + .selected-product-row[b-3nb19xmxov] { padding-top: 9px; border-top: 1px solid #e8ebe9; }
.form-buttons[b-3nb19xmxov] { display: flex; justify-content: space-between; align-items: center; margin-top: 22px; }

.resolution-option[b-3nb19xmxov] { background: #fbfcfb; border: 1px solid #dfe2e1; border-radius: 12px; padding: 13px !important; justify-content: flex-start !important; gap: 8px; }
.resolution-option[b-3nb19xmxov]  input { accent-color: var(--store-brand, #19684e); }

.help-card > div:first-child[b-3nb19xmxov] { float: left; margin-right: 11px; }
.help-card > div:nth-child(2) span[b-3nb19xmxov] { color: #8e9299; font-family: ui-monospace, monospace; font-size: .58rem; letter-spacing: .12em; text-transform: uppercase; }
.help-card h3[b-3nb19xmxov] { font-size: 1rem; margin: 3px 0 25px; }
.help-card ul[b-3nb19xmxov] { list-style: none; padding: 0; margin: 0; border-top: 1px solid #eceeec; }
.help-card li[b-3nb19xmxov] { color: #676c74; font-size: .76rem; padding: 12px 0; border-bottom: 1px solid #eceeec; }
.help-card li span[b-3nb19xmxov] { color: var(--store-brand, #19684e); margin-right: 8px; }
.support-note[b-3nb19xmxov] { display: flex; gap: 10px; align-items: flex-start; margin-top: 22px; padding: 13px; border-radius: 12px; background: #f5f7f5; }
.support-note > span[b-3nb19xmxov] { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: white; color: #677078; font-size: .72rem; flex: 0 0 auto; }
.support-note p[b-3nb19xmxov] { color: #858990; font-size: .68rem; line-height: 1.5; margin: 0; }
.support-note strong[b-3nb19xmxov] { color: #444951; }

.success-card[b-3nb19xmxov], .portal-message[b-3nb19xmxov] { max-width: 650px; margin: 50px auto; padding: 54px; text-align: center; }
.success-mark[b-3nb19xmxov], .message-icon[b-3nb19xmxov] { width: 62px; height: 62px; display: grid; place-items: center; margin: 0 auto 22px; border-radius: 50%; background: var(--store-brand-soft, #e2f1e9); color: var(--store-brand, #19684e); font-size: 1.6rem; }
.message-icon[b-3nb19xmxov] { background: #fff0ed; color: #a33f35; }
.success-card h1[b-3nb19xmxov], .portal-message h1[b-3nb19xmxov] { font-size: 2.5rem; }
.success-copy[b-3nb19xmxov], .portal-message p[b-3nb19xmxov] { color: #737881; line-height: 1.65; margin: 18px auto 26px; max-width: 520px; }
.case-ticket[b-3nb19xmxov] { display: grid; grid-template-columns: 1fr 1fr; margin: 25px 0; border: 1px solid #e1e4e2; border-radius: 14px; overflow: hidden; }
.case-ticket div[b-3nb19xmxov] { padding: 17px; display: flex; flex-direction: column; gap: 4px; }
.case-ticket div + div[b-3nb19xmxov] { border-left: 1px solid #e1e4e2; }
.case-ticket span[b-3nb19xmxov] { color: #999da4; font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; }
.next-steps[b-3nb19xmxov] { text-align: left; margin: 28px 0; }
.next-step[b-3nb19xmxov] { display: flex; gap: 13px; padding: 10px 0; color: #969aa1; }
.next-step > span[b-3nb19xmxov] { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; border: 1px solid #d9dcdd; font-size: .7rem; flex: 0 0 auto; }
.next-step div[b-3nb19xmxov] { display: flex; flex-direction: column; }
.next-step strong[b-3nb19xmxov] { color: #5b6068; font-size: .82rem; }
.next-step small[b-3nb19xmxov] { font-size: .68rem; }
.next-step.complete > span[b-3nb19xmxov] { color: white; background: var(--store-brand, #19684e); border-color: var(--store-brand, #19684e); }

.portal-loading[b-3nb19xmxov] { color: #7e838b; text-align: center; padding: 100px 0; }
.portal-footer[b-3nb19xmxov] { max-width: 1080px; margin: 0 auto; padding: 24px 28px 35px; display: flex; justify-content: space-between; color: #9a9da2; font-size: .68rem; border-top: 1px solid rgba(25, 29, 38, .07); }
.portal-footer strong[b-3nb19xmxov] { color: #555a63; }

@media (max-width: 800px) {
    .portal-main[b-3nb19xmxov] { padding-top: 42px; }
    .portal-grid[b-3nb19xmxov] { grid-template-columns: 1fr; }
    .help-card[b-3nb19xmxov] { position: static; }
}

@media (max-width: 560px) {
    .portal-header[b-3nb19xmxov] { height: 66px; padding: 0 18px; }
    .portal-main[b-3nb19xmxov] { padding: 36px 14px 55px; }
    .portal-intro[b-3nb19xmxov] { margin-bottom: 28px; }
    .portal-intro h1[b-3nb19xmxov] { font-size: 2.45rem; }
    .form-card[b-3nb19xmxov] { padding: 20px 16px 24px; border-radius: 17px; }
    .steps small[b-3nb19xmxov] { display: none; }
    .steps > div[b-3nb19xmxov] { min-width: 30px; }
    .request-type-grid[b-3nb19xmxov], .resolution-grid[b-3nb19xmxov] { grid-template-columns: 1fr; }
    .product-row[b-3nb19xmxov] { grid-template-columns: auto auto 1fr; }
    .product-price[b-3nb19xmxov] { display: none; }
    .success-card[b-3nb19xmxov], .portal-message[b-3nb19xmxov] { padding: 35px 20px; }
    .case-ticket[b-3nb19xmxov] { grid-template-columns: 1fr; }
    .case-ticket div + div[b-3nb19xmxov] { border-left: 0; border-top: 1px solid #e1e4e2; }
    .portal-footer[b-3nb19xmxov] { padding-left: 18px; padding-right: 18px; }
}

fieldset[b-3nb19xmxov] { border: 0; padding: 0; margin: 0; min-width: 0; }
legend[b-3nb19xmxov] { font-size: .8rem; font-weight: 600; margin-bottom: 8px; }
:focus-visible[b-3nb19xmxov] { outline: 3px solid var(--store-brand, #19684e); outline-offset: 3px; }
.portal-footer a[b-3nb19xmxov] { color: var(--store-brand, #19684e); margin-left: 12px; }
/* /Components/Pages/ReturnDetails.razor.rz.scp.css */
/* ===== Dense workspace layout ===== */
.rd[b-71z1wevuy3] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 3.5rem);
    background: var(--canvas);
    border-top: 1px solid var(--line);
}

/* --- Sticky compact header --- */
.rd-top[b-71z1wevuy3] {
    position: sticky;
    top: 0;
    z-index: 20;
    padding: 1.05rem 2rem 0.9rem;
    background: var(--surface);
    border-bottom: 1px solid var(--line);
    box-shadow: var(--shadow-xs);
}

.rd-top-main[b-71z1wevuy3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.6rem 1.25rem;
}

.rd-id[b-71z1wevuy3] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    min-width: 0;
}

.rd-case[b-71z1wevuy3] {
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    color: var(--brand);
    letter-spacing: -.03em;
}

.rd-name[b-71z1wevuy3] {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--ink);
    letter-spacing: -.025em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rd-chips[b-71z1wevuy3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.rd-top-sub[b-71z1wevuy3] {
    margin-top: 0.45rem;
    font-size: 0.8rem;
    color: var(--muted);
}

.rd-top-email[b-71z1wevuy3] {
    color: var(--brand);
    text-decoration: none;
}
.rd-top-email:hover[b-71z1wevuy3] { text-decoration: underline; }

.rd-dot-sep[b-71z1wevuy3] { color: var(--muted-light); margin: 0 0.2rem; }

/* --- Chips --- */
.rd-chip[b-71z1wevuy3] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: .01em;
    white-space: nowrap;
    background: var(--line);
    color: var(--ink-soft);
}

.rd-chip-dot[b-71z1wevuy3] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.85;
    flex-shrink: 0;
}

.rd-chip-ok[b-71z1wevuy3] { background: var(--brand-soft); color: var(--brand-dark); }
.rd-chip-danger[b-71z1wevuy3] { background: var(--danger-soft); color: #991b1b; }
.rd-chip-muted[b-71z1wevuy3] { background: var(--surface-tinted); color: var(--muted); border: 1px solid var(--line); }

/* Status-colored chips (mirror the badge palette) */
.rd-status-submitted[b-71z1wevuy3] { background: #dbeafe; color: #1e40af; }
.rd-status-awaitingitem[b-71z1wevuy3] { background: var(--warning-soft); color: var(--warning); }
.rd-status-received[b-71z1wevuy3] { background: #dcfce7; color: #15803d; }
.rd-status-underreview[b-71z1wevuy3] { background: #fef9c3; color: #854d0e; }
.rd-status-approved[b-71z1wevuy3] { background: #bbf7d0; color: #14532d; }
.rd-status-rejected[b-71z1wevuy3] { background: var(--danger-soft); color: #991b1b; }
.rd-status-refunded[b-71z1wevuy3], .rd-status-exchanged[b-71z1wevuy3], .rd-status-repaired[b-71z1wevuy3] { background: var(--brand-soft); color: var(--brand-dark); }
.rd-status-closed[b-71z1wevuy3] { background: var(--surface-tinted); color: var(--muted); border: 1px solid var(--line); }

/* --- Body: two columns --- */
.rd-body[b-71z1wevuy3] {
    flex: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 1.1rem;
    padding: 1.25rem 2rem 2rem;
    align-items: start;
}

.rd-main[b-71z1wevuy3], .rd-rail[b-71z1wevuy3] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    min-width: 0;
}

.rd-rail[b-71z1wevuy3] { position: static; }

/* --- Cards --- */
.rd-card[b-71z1wevuy3] {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
    padding: 1rem 1.15rem 1.1rem;
}

.rd-card-head[b-71z1wevuy3] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.85rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid var(--line-soft);
}

.rd-card-head h2[b-71z1wevuy3] {
    font-family: 'Manrope', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--muted);
    margin: 0;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.rd-card-count[b-71z1wevuy3] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--muted);
    background: var(--surface-tinted);
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 0.05rem 0.45rem;
    line-height: 1.4;
}

.rd-notes .btn-ghost[b-71z1wevuy3] { margin-left: auto; }

.rd-field[b-71z1wevuy3] { display: grid; gap: .35rem; margin-bottom: .7rem; color: var(--muted); font-size: .76rem; font-weight: 700; }
.rd-field input[b-71z1wevuy3], .rd-field select[b-71z1wevuy3] { width: 100%; min-height: 34px; padding: .4rem .55rem; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); color: var(--ink); font: inherit; font-weight: 500; }

/* --- Item rows --- */
.rd-item[b-71z1wevuy3] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--line-soft);
}
.rd-item:last-child[b-71z1wevuy3] { border-bottom: none; }

.rd-item-tile[b-71z1wevuy3] {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: var(--radius-sm);
    background: var(--brand-soft);
    color: var(--brand-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-size: 0.82rem;
    letter-spacing: .01em;
    border: 1px solid rgba(25, 104, 78, .12);
}

.rd-item-info[b-71z1wevuy3] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
    flex: 1;
}

.rd-item-name[b-71z1wevuy3] {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    flex-wrap: wrap;
}
.rd-item-name strong[b-71z1wevuy3] { font-weight: 600; color: var(--ink); font-size: 0.9rem; }
.rd-item-variant[b-71z1wevuy3] { font-size: 0.78rem; color: var(--muted); }
.rd-item-meta[b-71z1wevuy3] { font-size: 0.76rem; color: var(--muted-light); }

.rd-item-resolution[b-71z1wevuy3] {
    flex-shrink: 0;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--brand-dark);
    background: var(--brand-soft);
    padding: 0.26rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
    letter-spacing: .01em;
}

/* --- Meta rows (rail) --- */
.rd-meta-row[b-71z1wevuy3] {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr);
    align-items: start;
    font-size: 0.82rem;
    padding: 0.42rem 0;
    border-bottom: 1px solid var(--line-soft);
    gap: 0.6rem;
}
.rd-meta-row:last-of-type[b-71z1wevuy3] { border-bottom: none; }
.rd-meta-row span[b-71z1wevuy3] { color: var(--muted); }
.rd-meta-row strong[b-71z1wevuy3] { color: var(--ink-soft); font-weight: 600; word-break: break-word; }
.rd-sla-breach[b-71z1wevuy3] { color: var(--danger) !important; }

.btn-ghost[b-71z1wevuy3] {
    background: none;
    border: 1px solid transparent;
    color: var(--brand);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.26rem 0.55rem;
    border-radius: var(--radius-sm);
    font-family: 'DM Sans', sans-serif;
    transition: background var(--t-fast), border-color var(--t-fast);
}
.btn-ghost:hover[b-71z1wevuy3] { background: var(--brand-soft); border-color: var(--brand-soft); }
.btn-sm[b-71z1wevuy3] { font-size: 0.78rem; padding: 0.3rem 0.7rem; }

/* --- Workflow controls --- */
.rd-terminal-note[b-71z1wevuy3] { font-size: 0.83rem; color: var(--muted); }

.rd-select[b-71z1wevuy3] {
    flex: 1;
    max-width: 22rem;
    padding: 0.6rem 0.85rem;
    border: 1.5px solid var(--line);
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    font-family: 'DM Sans', sans-serif;
    background: var(--surface);
    color: var(--ink);
    transition: border-color var(--t), box-shadow var(--t);
    appearance: auto;
}
.rd-select:focus[b-71z1wevuy3] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-glow);
    outline: none;
}

/* ===== Responsive ===== */
@media (max-width: 1100px) {
    .rd-body[b-71z1wevuy3] {
        grid-template-columns: minmax(0, 1fr);
    }
    .rd-rail[b-71z1wevuy3] { position: static; }
}

@media (max-width: 760px) {
    .rd-top[b-71z1wevuy3] { padding: 0.85rem 1.1rem 0.75rem; }
    .rd-case[b-71z1wevuy3], .rd-name[b-71z1wevuy3] { font-size: 1.25rem; }
    .rd-body[b-71z1wevuy3] { padding: 1rem 1.1rem 1.6rem; }
    .rd-select[b-71z1wevuy3] { max-width: none; }
    .rd-meta-row[b-71z1wevuy3] { grid-template-columns: 1fr; gap: 0.12rem; }
}

.rd-description[b-71z1wevuy3] { padding: .2rem 1.1rem; }
.rd-description summary[b-71z1wevuy3] { color: var(--muted); font-weight: 600; cursor: pointer; }
.rd-description p[b-71z1wevuy3] { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: .75rem; }
.rd-customer-link[b-71z1wevuy3] { display: inline-block; color: var(--brand); font-size: .85rem; margin-bottom: .3rem; }
.rd-customer-email[b-71z1wevuy3], .rd-related-empty[b-71z1wevuy3] { font-size: .8rem; color: var(--muted); overflow-wrap: anywhere; }
.rd-related-case[b-71z1wevuy3] { display: flex; flex-direction: column; gap: .25rem; padding: .8rem 0; border-bottom: 1px solid var(--line); text-decoration: none; }
.rd-related-case strong[b-71z1wevuy3] { color: var(--ink); font-size: .85rem; }
.rd-related-case span[b-71z1wevuy3] { color: var(--muted); font-size: .78rem; }
.rd-related-case:hover strong[b-71z1wevuy3] { color: var(--brand); text-decoration: underline; }
.rd-related-case:last-of-type[b-71z1wevuy3] { margin-bottom: .8rem; }
.rd-item[b-71z1wevuy3] { flex-wrap: wrap; }
.rd-item-info[b-71z1wevuy3] { min-width: 0; overflow-wrap: anywhere; }

/* Case workspace: customer context beside the live activity record. */
.rd[b-71z1wevuy3] {
    --brand: #385e4b;
    --brand-dark: #264537;
    --brand-soft: #e3eee7;
    --canvas: #f7f7f3;
    --surface: #fffefa;
    --line: #e0e3dc;
    min-height: 100dvh;
    border-top: 0;
}
.rd-breadcrumb[b-71z1wevuy3] { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; min-height: 4.5rem; padding: 1rem 1.5rem; border-bottom: 1px solid var(--line); background: var(--surface); font-size: .85rem; }
.rd-breadcrumb a[b-71z1wevuy3] { color: var(--muted); text-decoration: none; }
.rd-breadcrumb a:hover[b-71z1wevuy3] { color: var(--brand); text-decoration: underline; }
.rd-assignee[b-71z1wevuy3] { margin-left: auto; color: var(--muted); font-size: .78rem; }
.rd-top[b-71z1wevuy3] { position: static; padding: 1.4rem 1.5rem; box-shadow: none; }
.rd-top-main[b-71z1wevuy3] { align-items: flex-start; flex-direction: column; gap: .85rem; }
.rd-id[b-71z1wevuy3] { flex-direction: column; gap: .35rem; align-items: flex-start; }
.rd-case[b-71z1wevuy3] { font-size: .78rem; font-weight: 500; color: var(--muted); letter-spacing: 0; }
.rd-name[b-71z1wevuy3] { margin: 0; font-size: 1.65rem; white-space: normal; overflow-wrap: anywhere; }
.rd-chip[b-71z1wevuy3] { font-weight: 500; padding: .4rem .7rem; }
.rd-top-sub[b-71z1wevuy3] { margin-top: .8rem; }
.rd-body[b-71z1wevuy3] { grid-template-columns: minmax(310px, 41.5%) minmax(0, 1fr); gap: 0; padding: 0; align-items: stretch; }
.rd-rail[b-71z1wevuy3] { padding: 1.5rem 1.25rem; gap: 1.25rem; border-right: 1px solid var(--line); }
.rd-main[b-71z1wevuy3] { background: var(--surface); gap: 0; }

/* Case workflow: current status, the normal next step, and the action that performs it. */
.rd-workflow[b-71z1wevuy3] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(180deg, var(--brand-soft) 0%, transparent 140%);
    box-shadow: inset 3px 0 0 var(--brand);
}
.rd-workflow-h[b-71z1wevuy3] {
    margin: 0 0 1rem;
    font-family: 'Manrope', sans-serif;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
}
.rd-workflow-track[b-71z1wevuy3] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: .6rem 1rem;
    margin-bottom: 1.1rem;
}
.rd-workflow-step[b-71z1wevuy3] { display: flex; flex-direction: column; gap: .35rem; }
.rd-workflow-lbl[b-71z1wevuy3] {
    font-family: 'Manrope', sans-serif;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
}
.rd-workflow-arrow[b-71z1wevuy3] { padding-bottom: .45rem; font-size: 1.05rem; color: var(--brand); }
.rd-workflow-actions[b-71z1wevuy3] { display: flex; align-items: flex-end; flex-wrap: wrap; gap: .75rem; }
.rd-workflow-primary[b-71z1wevuy3] { min-height: 44px; min-width: 11rem; border-radius: 10px; }
.rd-workflow-alt[b-71z1wevuy3] { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.rd-workflow-alt .rd-select[b-71z1wevuy3] { flex: 0 1 auto; max-width: 16rem; }
.rd-workflow-confirm[b-71z1wevuy3] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .9rem 1rem;
    border: 1.5px solid #cc8e60;
    border-radius: 12px;
    background: var(--surface);
}
.rd-workflow-confirm p[b-71z1wevuy3] { margin: 0; font-size: .87rem; line-height: 1.6; color: var(--ink-soft); }
.rd-workflow-confirm button[b-71z1wevuy3] { min-height: 44px; border-radius: 10px; }
.rd-workflow-cancel[b-71z1wevuy3] { padding-inline: 1rem; border-color: var(--line); }
.rd-workflow-msg[b-71z1wevuy3] { margin: .85rem 0 0; font-size: .85rem; }
.rd-workflow-ok:empty[b-71z1wevuy3] { display: none; }
.rd-workflow-ok[b-71z1wevuy3] { color: var(--brand-dark); font-weight: 600; }
.rd-card[b-71z1wevuy3] { border-radius: 14px; box-shadow: none; padding: 1rem; }
.rd-card-head[b-71z1wevuy3] { border-bottom: 0; padding-bottom: 0; }
.rd-card-head h2[b-71z1wevuy3], .rd-section-heading h2[b-71z1wevuy3] { font-size: .74rem; letter-spacing: .08em; }
.rd-section-heading[b-71z1wevuy3] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .8rem; }
.rd-section-heading h2[b-71z1wevuy3] { margin: 0; color: var(--muted); font-weight: 700; text-transform: uppercase; }
.rd-section-heading a[b-71z1wevuy3] { color: var(--brand-dark); font-size: .73rem; font-weight: 600; }
.rd-request-name[b-71z1wevuy3] { color: var(--ink); font-weight: 700; text-decoration: none; }
.rd-request-name:hover[b-71z1wevuy3] { text-decoration: underline; }
.rd-request .rd-customer-email[b-71z1wevuy3] { margin: .3rem 0 0; }
.rd-request blockquote[b-71z1wevuy3] { margin: 1.1rem 0 0; padding: .6rem 0 .6rem .85rem; border-left: 3px solid #cc8e60; color: var(--ink-soft); font-size: .9rem; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
.rd-meta-row[b-71z1wevuy3] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); padding: .65rem 0; }
.rd-meta-row > :last-child[b-71z1wevuy3] { text-align: right; overflow-wrap: anywhere; }
.rd-item-tile[b-71z1wevuy3] { width: 3.2rem; height: 3.2rem; background: #edf0e9; border: 0; }
.rd-item-resolution[b-71z1wevuy3] { white-space: normal; }
.rd-field[b-71z1wevuy3] { margin-top: .8rem; }
.rd-field select[b-71z1wevuy3] { min-height: 42px; }
.rd-select[b-71z1wevuy3] { min-height: 44px; }
.rd-main[b-71z1wevuy3]  .activity { display: flex; flex-direction: column; flex: 1; border: 0; border-radius: 0; padding: 1.5rem; background: transparent; }
.rd-main[b-71z1wevuy3]  .activity-heading { order: 0; margin-bottom: .5rem; }
.rd-main[b-71z1wevuy3]  .activity-filters { order: 1; padding: .5rem 0; }
.rd-main[b-71z1wevuy3]  .activity > p, .rd-main[b-71z1wevuy3]  .activity > .form-error { order: 2; }
.rd-main[b-71z1wevuy3]  .activity-feed { order: 3; min-height: 15rem; max-height: 34rem; overflow-y: auto; scrollbar-gutter: stable; margin-bottom: 1.5rem; }
.rd-main[b-71z1wevuy3]  .reply-section { order: 4; margin-top: auto; padding: 1.25rem 0; }
.rd-main[b-71z1wevuy3]  .composer-note { order: 5; background: #f6f7f2; border: 1px solid var(--line); border-radius: 12px; }
.rd-main[b-71z1wevuy3]  .activity-filters button { border-radius: 0; border-bottom: 2px solid transparent; transition: color 140ms ease, border-color 140ms ease; }
.rd-main[b-71z1wevuy3]  .activity-filters button[aria-pressed="true"] { border-bottom-color: var(--brand); background: transparent; }
.rd-main[b-71z1wevuy3]  .activity-entry { padding: 1.15rem .6rem 1.15rem 1rem; border-left: 2px solid var(--brand-soft); }
.rd-main[b-71z1wevuy3]  .activity-note { border-radius: 0 10px 10px 0; }
.rd-main[b-71z1wevuy3]  .activity-modification { gap: .4rem 1rem; }
.rd-main[b-71z1wevuy3]  .composer textarea { border-radius: 10px; }
@media (max-width: 1100px) {
    .rd-body[b-71z1wevuy3] { grid-template-columns: minmax(280px, 42%) minmax(0, 1fr); }
    .rd-main[b-71z1wevuy3]  .activity { padding: 1rem; }
    .rd-main[b-71z1wevuy3]  .activity-entry header, .rd-main[b-71z1wevuy3]  .reply-heading { flex-wrap: wrap; }
    .rd-main[b-71z1wevuy3]  .activity-modification { margin-left: 0; text-align: left; }
}
@media (max-width: 900px) {
    .rd-body[b-71z1wevuy3] { grid-template-columns: minmax(0, 1fr); }
    .rd-rail[b-71z1wevuy3] { border-right: 0; border-bottom: 1px solid var(--line); }
    .rd-main[b-71z1wevuy3]  .activity-feed { max-height: none; }
}
@media (max-width: 760px) {
    .rd-breadcrumb[b-71z1wevuy3], .rd-top[b-71z1wevuy3] { padding: 1rem; }
    .rd-assignee[b-71z1wevuy3] { flex-basis: 100%; margin-left: 0; }
    .rd-rail[b-71z1wevuy3] { padding: 1rem; }
    .rd-select[b-71z1wevuy3] { min-width: 0; }
    .rd-workflow[b-71z1wevuy3] { padding: 1.1rem 1rem; }
    .rd-workflow-actions[b-71z1wevuy3] { align-items: stretch; }
    .rd-workflow-primary[b-71z1wevuy3], .rd-workflow-alt[b-71z1wevuy3] { width: 100%; }
    .rd-workflow-alt .rd-select[b-71z1wevuy3] { max-width: none; }
    .rd-meta-row[b-71z1wevuy3] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); }
}
@media (prefers-reduced-motion: reduce) {
    .rd-main[b-71z1wevuy3]  .activity-filters button { transition: none; }
}
/* /Components/Pages/ReturnPolicyEditor.razor.rz.scp.css */
.policy-editor[b-pciwdbet9z] {
    width: min(100%, 920px);
    margin: 0 auto;
    padding: .35rem 0 4rem;
}

.editor-header[b-pciwdbet9z] {
    padding: .2rem 0 2rem;
    border-bottom: 1px solid var(--line);
}

.editor-header h1[b-pciwdbet9z] {
    margin: 0;
    font-size: clamp(2rem, 3.5vw, 3rem);
    line-height: 1.1;
}

.editor-intro[b-pciwdbet9z] {
    max-width: 58ch;
    margin: .8rem 0 0;
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.55;
}

.archived-note[b-pciwdbet9z] {
    margin: .8rem 0 0;
    padding: .6rem .85rem;
    border-left: 3px solid var(--warning);
    background: var(--warning-soft);
    color: var(--ink-soft);
    font-size: .82rem;
}

.settings-path[b-pciwdbet9z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    color: var(--muted-light);
    font-size: .72rem;
    font-weight: 600;
}

.settings-path a[b-pciwdbet9z] { color: var(--muted-light); text-decoration: none; }
.settings-path a:hover[b-pciwdbet9z] { color: var(--brand); }
.settings-path span:last-child[b-pciwdbet9z] { color: var(--brand); }

.policy-status[b-pciwdbet9z] {
    margin: 1rem 0 0;
    color: var(--success);
    font-size: .82rem;
    font-weight: 600;
}

fieldset[b-pciwdbet9z] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.editor-group[b-pciwdbet9z] {
    display: grid;
    grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr);
    gap: 2.5rem;
    padding: 2rem 0;
    border-bottom: 1px solid var(--line);
}

.editor-group-title h2[b-pciwdbet9z] { margin: 0 0 .45rem; font-size: 1rem; }

.editor-group-title p[b-pciwdbet9z] {
    margin: 0;
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.5;
}

.editor-fields[b-pciwdbet9z] { display: grid; gap: 1.1rem; align-content: start; }

.field[b-pciwdbet9z] { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.field label[b-pciwdbet9z] { font-size: .8rem; font-weight: 700; }
.field[b-pciwdbet9z]  .form-control { max-width: 340px; }

.outcome-field legend[b-pciwdbet9z] { margin-bottom: .35rem; font-size: .8rem; font-weight: 700; }

.check-option[b-pciwdbet9z] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .82rem;
    font-weight: 600;
}

.editor-actions[b-pciwdbet9z] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .6rem;
    padding-top: .5rem;
}

.reason-table[b-pciwdbet9z] {
    width: 100%;
    border-collapse: collapse;
    font-size: .82rem;
}

.reason-table th[b-pciwdbet9z],
.reason-table td[b-pciwdbet9z] {
    padding: .55rem .5rem;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
}

.reason-table th[b-pciwdbet9z] {
    color: var(--muted);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.reason-table code[b-pciwdbet9z] {
    font-family: ui-monospace, monospace;
    font-size: .76rem;
    color: var(--muted);
}

.reason-inactive[b-pciwdbet9z] { color: var(--muted); }
.reason-inactive .reason-label[b-pciwdbet9z] { text-decoration: line-through; }

.reason-label[b-pciwdbet9z] { display: block; font-weight: 700; }

.reason-sub[b-pciwdbet9z] {
    display: block;
    color: var(--muted);
    font-size: .72rem;
}

.reason-order[b-pciwdbet9z],
.reason-actions[b-pciwdbet9z] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    align-items: center;
}

.visually-hidden[b-pciwdbet9z] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (max-width: 700px) {
    .editor-group[b-pciwdbet9z] { grid-template-columns: 1fr; gap: 1.2rem; }
    .editor-actions[b-pciwdbet9z] { flex-wrap: wrap; }
    .reason-table th:nth-child(3)[b-pciwdbet9z],
    .reason-table td:nth-child(3)[b-pciwdbet9z] { display: none; }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-page[b-ptqejfbjug] {
    width: min(100%, 920px);
    margin: 0 auto;
    padding: .35rem 0 4rem;
}

.settings-header[b-ptqejfbjug] {
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--line);
}

.settings-kicker[b-ptqejfbjug] {
    display: block;
    margin-bottom: .6rem;
    color: var(--brand);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.settings-header h1[b-ptqejfbjug] {
    margin: 0;
    font-size: clamp(2rem, 3.5vw, 3rem);
    line-height: 1.1;
}

.settings-header p[b-ptqejfbjug] {
    margin: .7rem 0 0;
    color: var(--muted);
    font-size: .95rem;
}

.settings-group[b-ptqejfbjug] {
    display: grid;
    grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr);
    gap: 2.5rem;
    padding: 2.25rem 0;
    border-bottom: 1px solid var(--line);
}

.settings-group-title h2[b-ptqejfbjug] {
    margin: 0 0 .45rem;
    font-size: 1rem;
}

.settings-group-title p[b-ptqejfbjug] {
    margin: 0;
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.5;
}

.settings-row[b-ptqejfbjug] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto 24px;
    align-items: center;
    gap: .9rem;
    min-height: 72px;
    margin: -.8rem;
    padding: .8rem;
    border-radius: var(--radius);
    color: var(--ink);
    text-decoration: none;
    transition: background var(--t), transform var(--t);
}

.settings-row:hover[b-ptqejfbjug],
.settings-row:focus-visible[b-ptqejfbjug] {
    color: var(--ink);
    background: var(--surface);
    outline: none;
    transform: translateX(3px);
}

.settings-row:focus-visible[b-ptqejfbjug] { box-shadow: 0 0 0 3px var(--brand-glow); }

.settings-row-icon[b-ptqejfbjug] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background-color: var(--brand);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 18px;
    mask-size: 18px;
}

.mail-icon[b-ptqejfbjug] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.2l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.2l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Z'/%3E%3C/svg%3E");
}

.person-icon[b-ptqejfbjug] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm6 5c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm6 5c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Z'/%3E%3C/svg%3E");
}

.store-icon[b-ptqejfbjug] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.6 3.03a1.5 1.5 0 0 1-.37 2.27V14a1 1 0 0 1-1 1h-3.5v-4h-3.5v4H1.74a1 1 0 0 1-1-1V6.65a1.5 1.5 0 0 1-.37-2.27l2.6-3.03Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.6 3.03a1.5 1.5 0 0 1-.37 2.27V14a1 1 0 0 1-1 1h-3.5v-4h-3.5v4H1.74a1 1 0 0 1-1-1V6.65a1.5 1.5 0 0 1-.37-2.27l2.6-3.03Z'/%3E%3C/svg%3E");
}

.settings-row-copy[b-ptqejfbjug] { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.settings-row-copy strong[b-ptqejfbjug] { font-size: .9rem; }
.settings-row-copy small[b-ptqejfbjug] { color: var(--muted); font-size: .76rem; }
.settings-row-state[b-ptqejfbjug] { color: var(--muted); font-size: .74rem; font-weight: 600; white-space: nowrap; }
.settings-row-arrow[b-ptqejfbjug] { color: var(--brand); transition: transform var(--t); }
.settings-row:hover .settings-row-arrow[b-ptqejfbjug] { transform: translateX(3px); }

@media (max-width: 700px) {
    .settings-group[b-ptqejfbjug] { grid-template-columns: 1fr; gap: 1.2rem; }
    .settings-row[b-ptqejfbjug] { grid-template-columns: 38px minmax(0, 1fr) 20px; }
    .settings-row-state[b-ptqejfbjug] { grid-column: 2; font-size: .7rem; }
    .settings-row-arrow[b-ptqejfbjug] { grid-column: 3; grid-row: 1 / 3; }
}

@media (prefers-reduced-motion: reduce) {
    .settings-row[b-ptqejfbjug],
    .settings-row-arrow[b-ptqejfbjug] { transition: none; }
}
/* /Components/Pages/StoreEditor.razor.rz.scp.css */
.store-editor[b-jukqry49v6] {
    width: min(100%, 920px);
    margin: 0 auto;
    padding: .35rem 0 4rem;
}

.editor-header[b-jukqry49v6] {
    padding: .2rem 0 2rem;
    border-bottom: 1px solid var(--line);
}

.editor-header h1[b-jukqry49v6] {
    margin: 0;
    font-size: clamp(2rem, 3.5vw, 3rem);
    line-height: 1.1;
}

.archived-note[b-jukqry49v6] {
    margin: .8rem 0 0;
    padding: .6rem .85rem;
    border-left: 3px solid var(--warning);
    background: var(--warning-soft);
    color: var(--ink-soft);
    font-size: .82rem;
}

.settings-path[b-jukqry49v6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    color: var(--muted-light);
    font-size: .72rem;
    font-weight: 600;
}

.settings-path a[b-jukqry49v6] { color: var(--muted-light); text-decoration: none; }
.settings-path a:hover[b-jukqry49v6] { color: var(--brand); }
.settings-path span:last-child[b-jukqry49v6] { color: var(--brand); }

fieldset[b-jukqry49v6] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.editor-group[b-jukqry49v6] {
    display: grid;
    grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr);
    gap: 2.5rem;
    padding: 2rem 0;
    border-bottom: 1px solid var(--line);
}

.editor-group-title h2[b-jukqry49v6] { margin: 0 0 .45rem; font-size: 1rem; }

.editor-group-title p[b-jukqry49v6] {
    margin: 0;
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.5;
}

.editor-fields[b-jukqry49v6] { display: grid; gap: 1.1rem; align-content: start; }
.editor-fields.two-up[b-jukqry49v6] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.field[b-jukqry49v6] { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.field label[b-jukqry49v6] { font-size: .8rem; font-weight: 700; }

.field[b-jukqry49v6]  .form-control[aria-invalid="true"] { border-color: var(--danger); }

.hint[b-jukqry49v6] { color: var(--muted); font-size: .74rem; overflow-wrap: anywhere; }
.contrast.pass[b-jukqry49v6] { color: var(--success); }
.contrast.fail[b-jukqry49v6] { color: var(--danger); font-weight: 600; }

.color-row[b-jukqry49v6] { display: flex; gap: .5rem; }
.color-row[b-jukqry49v6]  .form-control { max-width: 140px; font-family: ui-monospace, monospace; text-transform: uppercase; }

.color-swatch[b-jukqry49v6] {
    width: 44px;
    height: 38px;
    flex: none;
    border: 1px solid var(--line);
    border-radius: var(--radius-xs);
}

.brand-preview[b-jukqry49v6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    padding: 1rem;
    border: 1px dashed var(--line);
    border-radius: var(--radius);
    background: var(--surface-tinted);
}

.preview-mark[b-jukqry49v6] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 9px;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
}

.preview-mark img[b-jukqry49v6] { width: 100%; height: 100%; object-fit: contain; background: var(--surface); }
.preview-name[b-jukqry49v6] { flex: 1; font-weight: 700; }

.preview-button[b-jukqry49v6] {
    padding: .45rem .9rem;
    border-radius: var(--radius-sm);
    color: #fff;
    font-size: .8rem;
    font-weight: 700;
}

.editor-actions[b-jukqry49v6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .6rem;
    padding-top: 1.5rem;
}

.save-status[b-jukqry49v6] { flex: 1; color: var(--success); font-size: .82rem; font-weight: 600; }
.save-status.error[b-jukqry49v6] { color: var(--danger); }

@media (max-width: 700px) {
    .editor-group[b-jukqry49v6] { grid-template-columns: 1fr; gap: 1.2rem; }
    .editor-fields.two-up[b-jukqry49v6] { grid-template-columns: 1fr; }
    .editor-actions[b-jukqry49v6] { flex-wrap: wrap; }
    .save-status[b-jukqry49v6] { flex-basis: 100%; }
}

.field .optional[b-jukqry49v6] { color: var(--muted); font-weight: 400; }
.field .required-mark[b-jukqry49v6] { color: var(--danger); font-weight: 700; }

.pseudo-label[b-jukqry49v6] { font-size: .8rem; font-weight: 700; }

.field .hint[b-jukqry49v6] { margin: 0; }

.country-field[b-jukqry49v6] { max-width: 100px; text-transform: uppercase; }

.editor-fields .editor-fields[b-jukqry49v6] { gap: 1.1rem; padding: 0; }

.instructions-preview[b-jukqry49v6] {
    padding: 1rem;
    border: 1px dashed var(--line);
    border-radius: var(--radius);
    background: var(--surface-tinted);
}

.preview-label[b-jukqry49v6] {
    color: var(--muted);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.preview-empty[b-jukqry49v6] { margin: .6rem 0 0; color: var(--muted); font-size: .76rem; }
/* /Components/Pages/StoreList.razor.rz.scp.css */
.stores-page[b-ye1gghkxvk] {
    width: min(100%, 920px);
    margin: 0 auto;
    padding: .35rem 0 4rem;
}

.stores-header[b-ye1gghkxvk] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: .2rem 0 2rem;
    border-bottom: 1px solid var(--line);
}

.stores-header h1[b-ye1gghkxvk] {
    margin: 0;
    font-size: clamp(2rem, 3.5vw, 3rem);
    line-height: 1.1;
}

.stores-header p[b-ye1gghkxvk] {
    margin: .7rem 0 0;
    color: var(--muted);
    font-size: .95rem;
}

.stores-header .btn[b-ye1gghkxvk] { flex: 0 0 auto; }

.settings-path[b-ye1gghkxvk] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    color: var(--muted-light);
    font-size: .72rem;
    font-weight: 600;
}

.settings-path a[b-ye1gghkxvk] { color: var(--muted-light); text-decoration: none; }
.settings-path a:hover[b-ye1gghkxvk] { color: var(--brand); }
.settings-path span:last-child[b-ye1gghkxvk] { color: var(--brand); }

.alert[b-ye1gghkxvk] { margin: 1.5rem 0 0; }

.store-list[b-ye1gghkxvk] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.store-row[b-ye1gghkxvk] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 0;
    border-bottom: 1px solid var(--line);
}

.store-row.archived .store-swatch[b-ye1gghkxvk],
.store-row.archived .store-copy[b-ye1gghkxvk] { opacity: .55; }

.store-swatch[b-ye1gghkxvk] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 11px;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
}

.store-swatch img[b-ye1gghkxvk] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: var(--surface);
}

.store-copy[b-ye1gghkxvk] { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }

.store-name[b-ye1gghkxvk] {
    color: var(--ink);
    font-weight: 700;
    text-decoration: none;
}

.store-name:hover[b-ye1gghkxvk],
.store-name:focus-visible[b-ye1gghkxvk] { color: var(--brand); text-decoration: underline; }

.store-copy small[b-ye1gghkxvk] { color: var(--muted); font-size: .76rem; }
.store-copy small a[b-ye1gghkxvk] { color: inherit; }

.store-state[b-ye1gghkxvk] {
    padding: .2rem .6rem;
    border-radius: 999px;
    background: var(--line-soft);
    color: var(--muted);
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.store-state.inactive[b-ye1gghkxvk] {
    background: var(--warning-soft);
    color: var(--warning);
    text-decoration: none;
}

.store-state.inactive:hover[b-ye1gghkxvk] { text-decoration: underline; }

.store-actions[b-ye1gghkxvk] { display: flex; align-items: center; gap: .35rem; justify-self: end; }

.archive-confirm[b-ye1gghkxvk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
    max-width: 360px;
}

.archive-confirm small[b-ye1gghkxvk] { flex-basis: 100%; color: var(--muted); font-size: .74rem; text-align: right; }

@media (max-width: 700px) {
    .stores-header[b-ye1gghkxvk] { flex-direction: column; align-items: stretch; }
    .store-row[b-ye1gghkxvk] { grid-template-columns: 44px minmax(0, 1fr); }
    .store-state[b-ye1gghkxvk],
    .store-state.inactive[b-ye1gghkxvk] {
    background: var(--warning-soft);
    color: var(--warning);
    text-decoration: none;
}

.store-state.inactive:hover[b-ye1gghkxvk] { text-decoration: underline; }

.store-actions[b-ye1gghkxvk] { grid-column: 2; justify-self: start; }
    .archive-confirm[b-ye1gghkxvk] { justify-content: flex-start; }
    .archive-confirm small[b-ye1gghkxvk] { text-align: left; }
}
/* /Components/Pages/Workspace.razor.rz.scp.css */
.ws-layout[b-yh5dvv7oz5] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    padding: 1.75rem 2rem 3rem;
    max-width: 1100px;
}

.ws-header[b-yh5dvv7oz5] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.ws-header-top[b-yh5dvv7oz5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

/* Search */
.ws-search-wrap[b-yh5dvv7oz5] {
    position: relative;
}

.ws-search-input[b-yh5dvv7oz5] {
    width: 100%;
    padding: 0.72rem 1.1rem;
    font-size: 0.9rem;
    font-family: 'DM Sans', sans-serif;
    border: 1.5px solid var(--line);
    border-radius: var(--radius);
    outline: none;
    background: var(--surface);
    transition: border-color var(--t), box-shadow var(--t);
    box-sizing: border-box;
    color: var(--ink);
}

.ws-search-input[b-yh5dvv7oz5]::placeholder {
    color: var(--muted-light);
}

.ws-search-input:focus[b-yh5dvv7oz5] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-glow);
}

.ws-search-spinner[b-yh5dvv7oz5] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    animation: ws-spin-b-yh5dvv7oz5 0.75s linear infinite;
    color: var(--muted-light);
    font-size: 1rem;
    line-height: 1;
}

@keyframes ws-spin-b-yh5dvv7oz5 {
    to { transform: translateY(-50%) rotate(360deg); }
}

.ws-search-results[b-yh5dvv7oz5] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    z-index: 200;
    max-height: 480px;
    overflow-y: auto;
}

.ws-search-empty[b-yh5dvv7oz5] {
    padding: 1.5rem 1.1rem;
    color: var(--muted);
    font-size: 0.875rem;
    text-align: center;
}

.ws-search-group[b-yh5dvv7oz5] {
    border-bottom: 1px solid var(--line-soft);
}

.ws-search-group:last-child[b-yh5dvv7oz5] {
    border-bottom: none;
}

.ws-search-group-label[b-yh5dvv7oz5] {
    padding: 0.6rem 1.1rem 0.3rem;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--muted-light);
}

.ws-search-hit[b-yh5dvv7oz5] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.1rem 0.75rem;
    padding: 0.65rem 1.1rem;
    cursor: pointer;
    font-size: 0.875rem;
    transition: background var(--t-fast);
}

.ws-search-hit:hover[b-yh5dvv7oz5] {
    background: var(--surface-tinted);
}

.ws-search-hit strong[b-yh5dvv7oz5] {
    grid-column: 1;
    color: var(--ink);
    font-weight: 600;
}

.ws-search-hit span[b-yh5dvv7oz5] {
    grid-column: 1;
    color: var(--muted);
    font-size: 0.8rem;
}

.ws-hit-meta[b-yh5dvv7oz5] {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    font-size: 0.73rem;
    color: var(--muted-light);
    white-space: nowrap;
}

.ws-status-badge[b-yh5dvv7oz5] {
    background: var(--surface-tinted);
    border: 1px solid var(--line);
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.68rem !important;
    font-weight: 700;
    color: var(--ink-soft) !important;
}

/* Notes */
.ws-notes-section[b-yh5dvv7oz5] {
    padding-top: 0.25rem;
}

.section-heading[b-yh5dvv7oz5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.btn-ghost[b-yh5dvv7oz5] {
    background: none;
    border: 1px solid transparent;
    color: var(--brand);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.3rem 0.7rem;
    border-radius: var(--radius-sm);
    font-family: 'DM Sans', sans-serif;
    transition: background var(--t-fast), border-color var(--t-fast);
}

.btn-ghost:hover[b-yh5dvv7oz5] {
    background: var(--brand-soft);
    border-color: var(--brand-soft);
}

.ws-note-form[b-yh5dvv7oz5] {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 0.9rem;
    box-shadow: var(--shadow-xs);
}

.ws-note-textarea[b-yh5dvv7oz5] {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1.5px solid var(--line);
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    resize: vertical;
    font-family: 'DM Sans', sans-serif;
    box-sizing: border-box;
    color: var(--ink);
    transition: border-color var(--t), box-shadow var(--t);
    background: var(--surface-tinted);
}

.ws-note-textarea:focus[b-yh5dvv7oz5] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-glow);
    outline: none;
    background: var(--surface);
}

.ws-note-actions[b-yh5dvv7oz5] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.btn-sm[b-yh5dvv7oz5] {
    font-size: 0.8rem;
    padding: 0.35rem 0.8rem;
}

.ws-note-grid[b-yh5dvv7oz5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.75rem;
}

.ws-note-card[b-yh5dvv7oz5] {
    background: #fffdf5;
    border: 1px solid #f0e8cc;
    border-left: 3px solid #e8a820;
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    padding: 0.85rem 1rem;
    box-shadow: var(--shadow-xs);
    transition: box-shadow var(--t), transform var(--t);
}

.ws-note-card:hover[b-yh5dvv7oz5] {
    box-shadow: var(--shadow-sm);
    transform: translateY(-1px);
}

.ws-note-body[b-yh5dvv7oz5] {
    font-size: 0.875rem;
    color: var(--ink);
    margin: 0 0 0.5rem;
    line-height: 1.55;
    white-space: pre-wrap;
}

.ws-note-meta[b-yh5dvv7oz5] {
    font-size: 0.73rem;
    color: var(--muted-light);
}

.empty-state-small[b-yh5dvv7oz5] {
    font-size: 0.875rem;
    color: var(--muted-light);
    padding: 0.5rem 0;
}
/* /Components/PortalLanguageSwitch.razor.rz.scp.css */
.language-button[b-afwo5kdku9] {
    background: rgba(255, 255, 255, .75);
    border: 1px solid #e4e6e3;
    border-radius: 11px;
    color: #5e626b;
    font-size: .75rem;
    padding: 10px 13px;
    text-decoration: none;
}

.language-button:focus-visible[b-afwo5kdku9] {
    outline: 2px solid var(--store-brand, #19684e);
    outline-offset: 3px;
}
/* /Components/StoreBrandMark.razor.rz.scp.css */
.store-logo[b-e6typq6at5] {
    display: block;
    max-width: 140px;
    height: 32px;
    object-fit: contain;
}

.store-mark[b-e6typq6at5] {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 8px;
    color: white;
    background: var(--store-brand, #17231e);
    font-size: .88rem;
}
/* /Components/StoreReturnInstructions.razor.rz.scp.css */
.return-instructions[b-qei9uyf0bj] {
    max-width: 620px;
    margin: 18px auto 0;
    padding: 16px 18px;
    border: 1px solid var(--store-brand-soft, #e2f1e9);
    border-radius: 14px;
    background: var(--store-brand-tint, #f6faf7);
    text-align: left;
}

.return-instructions h3[b-qei9uyf0bj] {
    margin: 0 0 8px;
    color: var(--store-brand, #19684e);
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.instruction-text[b-qei9uyf0bj] {
    margin: 0;
    color: #4a5059;
    font-size: .8rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

.destination[b-qei9uyf0bj] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--store-brand-soft, #e2f1e9);
}

.destination span[b-qei9uyf0bj] {
    color: #8b9099;
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.destination address[b-qei9uyf0bj] {
    margin: 0;
    color: #2b3138;
    font-size: .8rem;
    font-style: normal;
    line-height: 1.5;
    white-space: pre-line;
}

.no-label[b-qei9uyf0bj] {
    margin: 12px 0 0;
    color: #8b9099;
    font-size: .68rem;
}
/* /Components/StoreSupportContact.razor.rz.scp.css */
.store-contact[b-7sg3n8gb9o] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    font-size: .74rem;
}

.store-contact a[b-7sg3n8gb9o] {
    color: var(--store-brand, #19684e);
    font-weight: 600;
    overflow-wrap: anywhere;
}