/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page-shell[b-dawat4sr9d] {
    display: grid;
    grid-template-columns: 16.5rem minmax(0, 1fr);
    min-height: 100vh;
}

.sidebar[b-dawat4sr9d] {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    background:
        radial-gradient(circle at 20% 0%, rgba(213, 139, 39, 0.18), transparent 18rem),
        linear-gradient(180deg, #103d34 0%, #092d27 100%);
    color: #fff;
    box-shadow: 10px 0 40px rgba(9, 45, 39, 0.12);
}

[dir="rtl"] .sidebar[b-dawat4sr9d] {
    box-shadow: -10px 0 40px rgba(9, 45, 39, 0.12);
}

main[b-dawat4sr9d] {
    min-width: 0;
}

.top-bar[b-dawat4sr9d] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4.65rem;
    padding: 0.7rem clamp(1rem, 3vw, 2rem);
    border-bottom: 1px solid var(--souq-border);
    background: rgba(255, 255, 255, 0.88);
    color: var(--souq-muted);
    font-size: 0.82rem;
    box-shadow: 0 1px 0 rgba(23, 37, 32, 0.03);
    backdrop-filter: blur(18px) saturate(135%);
}

.environment-label[b-dawat4sr9d],
.top-actions[b-dawat4sr9d] {
    display: flex;
    align-items: center;
}

.environment-label[b-dawat4sr9d] {
    gap: 0.5rem;
}

.environment-dot[b-dawat4sr9d] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: var(--souq-accent);
}

.top-actions[b-dawat4sr9d] {
    gap: 0.5rem;
}

.language-link[b-dawat4sr9d] {
    color: var(--souq-primary-strong);
    font-weight: 700;
    text-decoration: none;
}

.icon-button[b-dawat4sr9d] {
    position: relative;
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    margin-inline-start: 0.25rem;
    padding: 0;
    place-items: center;
    border: 1px solid var(--souq-border);
    border-radius: 8px;
    background: white;
    color: var(--souq-ink);
    cursor: pointer;
}

.icon-button:hover[b-dawat4sr9d] {
    background: var(--souq-canvas);
}

[b-dawat4sr9d] .icon-button .souq-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.notification-button span[b-dawat4sr9d] {
    position: absolute;
    inset-block-start: 0.45rem;
    inset-inline-end: 0.45rem;
    width: 0.4rem;
    height: 0.4rem;
    border: 1px solid white;
    border-radius: 50%;
    background: var(--souq-danger);
}

.user-avatar[b-dawat4sr9d] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    margin-inline-start: 0.45rem;
    place-items: center;
    border-radius: 50%;
    background: var(--souq-primary-soft);
    color: var(--souq-primary-strong);
    font-weight: 800;
}

.user-name[b-dawat4sr9d] {
    max-width: 10rem;
    overflow: hidden;
    color: var(--souq-ink);
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content[b-dawat4sr9d] {
    max-width: 96rem;
    margin: 0 auto;
    padding: clamp(1.25rem, 3vw, 2.5rem);
}

#blazor-error-ui[b-dawat4sr9d] {
    position: fixed;
    inset-inline: 1rem;
    bottom: 1rem;
    z-index: 1000;
    display: none;
    padding: 0.9rem 1rem;
    border-radius: 9px;
    background: #7a271a;
    color: white;
    box-shadow: 0 10px 30px rgba(33, 25, 23, 0.2);
}

#blazor-error-ui a[b-dawat4sr9d] {
    margin-inline-start: 0.75rem;
    color: white;
    font-weight: 700;
}

#blazor-error-ui .dismiss[b-dawat4sr9d] {
    position: absolute;
    inset-inline-end: 0.9rem;
    cursor: pointer;
}

@media (max-width: 1100px) {
    .page-shell[b-dawat4sr9d] {
        grid-template-columns: 14rem minmax(0, 1fr);
    }

    .user-name[b-dawat4sr9d],
    .environment-label[b-dawat4sr9d] {
        display: none;
    }
}

@media (max-width: 840px) {
    .page-shell[b-dawat4sr9d] {
        display: block;
    }

    .sidebar[b-dawat4sr9d] {
        position: relative;
        height: auto;
        overflow: visible;
    }

    .top-bar[b-dawat4sr9d] {
        position: relative;
        min-height: 3.75rem;
        flex-wrap: wrap;
    }

    .icon-button[b-dawat4sr9d],
    .user-avatar[b-dawat4sr9d] {
        display: none;
    }

    .top-actions[b-dawat4sr9d] {
        margin-inline-start: auto;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.brand-row[b-qjbq87rzq3] {
    display: flex;
    align-items: center;
    min-height: 4.65rem;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.brand[b-qjbq87rzq3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: white;
    text-decoration: none;
}

.brand strong[b-qjbq87rzq3],
.brand small[b-qjbq87rzq3] {
    display: block;
}

.brand strong[b-qjbq87rzq3] {
    font-size: 1.04rem;
    letter-spacing: 0.01em;
}

.brand small[b-qjbq87rzq3] {
    margin-top: 0.1rem;
    color: rgba(255, 255, 255, 0.67);
    font-size: 0.72rem;
}

.navbar-toggler[b-qjbq87rzq3] {
    display: none;
}

.nav-scrollable[b-qjbq87rzq3] {
    display: flex;
    height: calc(100vh - 4.65rem);
    flex-direction: column;
    overflow-y: auto;
    padding: 0.7rem 0.65rem 0.9rem;
    scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
    scrollbar-width: thin;
}

.nav-group[b-qjbq87rzq3] {
    margin-bottom: 0.25rem;
}

.nav-group > summary[b-qjbq87rzq3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 2.25rem;
    padding: 0.45rem 0.65rem;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.58);
    cursor: pointer;
    font-size: 0.68rem;
    font-weight: 780;
    letter-spacing: 0.065em;
    list-style: none;
    text-transform: uppercase;
}

.nav-group > summary[b-qjbq87rzq3]::-webkit-details-marker {
    display: none;
}

.nav-group > summary:hover[b-qjbq87rzq3],
.nav-group > summary:focus-visible[b-qjbq87rzq3] {
    background: rgba(255, 255, 255, 0.07);
    color: white;
}

.nav-group-count[b-qjbq87rzq3] {
    display: grid;
    min-width: 1.35rem;
    height: 1.35rem;
    place-items: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    font-size: 0.62rem;
    letter-spacing: 0;
}

.nav-group-links[b-qjbq87rzq3] {
    display: grid;
    gap: 0.08rem;
    padding: 0.18rem 0 0.5rem;
}

.nav-link[b-qjbq87rzq3] {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    align-items: center;
    gap: 0.62rem;
    min-height: 2.45rem;
    padding: 0.45rem 0.65rem;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.82rem;
    font-weight: 590;
    line-height: 1.25;
    text-decoration: none;
}

.nav-link:hover[b-qjbq87rzq3],
.nav-link:focus-visible[b-qjbq87rzq3],
[b-qjbq87rzq3] .nav-link.active {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

[b-qjbq87rzq3] .nav-link.active {
    box-shadow: inset 3px 0 var(--souq-accent);
}

[dir="rtl"][b-qjbq87rzq3]  .nav-link.active {
    box-shadow: inset -3px 0 var(--souq-accent);
}

[b-qjbq87rzq3] .souq-icon {
    width: 1.12rem;
    height: 1.12rem;
    color: #f1c071;
}

.sidebar-guide[b-qjbq87rzq3] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-top: auto;
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.045);
}

.sidebar-guide-mark[b-qjbq87rzq3] {
    display: grid;
    width: 1.9rem;
    height: 1.9rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.1);
    color: #f1c071;
    font-weight: 800;
}

.sidebar-guide strong[b-qjbq87rzq3],
.sidebar-guide small[b-qjbq87rzq3] {
    display: block;
}

.sidebar-guide strong[b-qjbq87rzq3] {
    color: white;
    font-size: 0.76rem;
}

.sidebar-guide small[b-qjbq87rzq3] {
    margin-top: 0.12rem;
    color: rgba(255, 255, 255, 0.56);
    font-size: 0.66rem;
    line-height: 1.35;
}

@media (max-width: 840px) {
    .brand-row[b-qjbq87rzq3] {
        min-height: 4rem;
        padding-inline-end: 4.5rem;
    }

    .navbar-toggler[b-qjbq87rzq3] {
        appearance: none;
        position: absolute;
        inset-block-start: 0.8rem;
        inset-inline-end: 1rem;
        display: block;
        width: 2.6rem;
        height: 2.4rem;
        border: 1px solid rgba(255, 255, 255, 0.28);
        border-radius: 8px;
        background: linear-gradient(white, white) center 0.72rem / 1.2rem 2px no-repeat,
                    linear-gradient(white, white) center 1.12rem / 1.2rem 2px no-repeat,
                    linear-gradient(white, white) center 1.52rem / 1.2rem 2px no-repeat;
        cursor: pointer;
    }

    .navbar-toggler:focus-visible[b-qjbq87rzq3] {
        outline-color: rgba(255, 255, 255, 0.65);
    }

    .nav-scrollable[b-qjbq87rzq3] {
        display: none;
        height: auto;
        max-height: 78vh;
    }

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

    .sidebar-guide[b-qjbq87rzq3] {
        margin-top: 0.75rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-5t1m1fthxs],
.components-reconnect-repeated-attempt-visible[b-5t1m1fthxs],
.components-reconnect-failed-visible[b-5t1m1fthxs],
.components-pause-visible[b-5t1m1fthxs],
.components-resume-failed-visible[b-5t1m1fthxs],
.components-rejoining-animation[b-5t1m1fthxs] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-5t1m1fthxs],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-5t1m1fthxs],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-5t1m1fthxs],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-5t1m1fthxs],
#components-reconnect-modal.components-reconnect-retrying[b-5t1m1fthxs],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-5t1m1fthxs],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-5t1m1fthxs],
#components-reconnect-modal.components-reconnect-failed[b-5t1m1fthxs],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-5t1m1fthxs] {
    display: block;
}


#components-reconnect-modal[b-5t1m1fthxs] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-5t1m1fthxs 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-5t1m1fthxs 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-5t1m1fthxs 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-5t1m1fthxs]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-5t1m1fthxs 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-5t1m1fthxs {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-5t1m1fthxs {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-5t1m1fthxs {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-5t1m1fthxs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-5t1m1fthxs] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-5t1m1fthxs] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-5t1m1fthxs] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-5t1m1fthxs] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-5t1m1fthxs] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-5t1m1fthxs] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-5t1m1fthxs 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-5t1m1fthxs] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-5t1m1fthxs {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Complaints.razor.rz.scp.css */
.complaint-filters[b-efrlmps11e] { display: grid; grid-template-columns: minmax(16rem, 2fr) repeat(2, minmax(10rem, 1fr)) auto; gap: .8rem; align-items: end; margin-bottom: 1rem; }
.complaint-filters label[b-efrlmps11e], .action-grid label[b-efrlmps11e] { display: grid; gap: .35rem; font-size: .78rem; font-weight: 800; color: var(--text-muted); }
.complaint-filters input[b-efrlmps11e], .complaint-filters select[b-efrlmps11e], .action-grid input[b-efrlmps11e], .action-grid select[b-efrlmps11e], textarea[b-efrlmps11e] { width: 100%; border: 1px solid var(--border); border-radius: .75rem; padding: .7rem .8rem; background: var(--surface); color: var(--text); }
.complaint-workspace[b-efrlmps11e] { display: grid; grid-template-columns: minmax(19rem, 25rem) minmax(0, 1fr); gap: 1rem; align-items: start; }
.complaint-list[b-efrlmps11e] { padding: .75rem; position: sticky; top: 1rem; max-height: calc(100vh - 2rem); overflow: auto; }
.complaint-row[b-efrlmps11e] { width: 100%; border: 1px solid transparent; border-radius: .9rem; background: transparent; color: inherit; padding: .8rem; display: grid; gap: .35rem; text-align: start; margin-bottom: .4rem; }
.complaint-row:hover[b-efrlmps11e], .complaint-row.selected[b-efrlmps11e] { background: var(--surface-muted); border-color: var(--border); }
.complaint-row > span:first-child[b-efrlmps11e] { display: flex; justify-content: space-between; gap: .5rem; }
.complaint-row time[b-efrlmps11e], .complaint-row small[b-efrlmps11e] { color: var(--text-muted); font-size: .72rem; }
.badges[b-efrlmps11e] { display: flex; flex-wrap: wrap; gap: .35rem; }
.badges i[b-efrlmps11e] { font-style: normal; }
.complaint-pagination[b-efrlmps11e] { display: flex; align-items: center; justify-content: space-between; padding: .7rem; }
.complaint-detail[b-efrlmps11e] { display: grid; gap: 1rem; min-width: 0; }
.complaint-hero[b-efrlmps11e] { display: flex; justify-content: space-between; gap: 1rem; }
.complaint-hero h2[b-efrlmps11e] { margin: .15rem 0 .35rem; }
.complaint-hero p[b-efrlmps11e] { margin-bottom: 0; }
.hero-status[b-efrlmps11e] { display: flex; gap: .4rem; align-items: flex-start; flex-wrap: wrap; }
.complaint-context-grid[b-efrlmps11e] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.context-card[b-efrlmps11e] { padding: 1rem; min-width: 0; }
.context-card h3[b-efrlmps11e] { margin: .2rem 0 .4rem; overflow-wrap: anywhere; }
.context-card p[b-efrlmps11e] { color: var(--text-muted); min-height: 2.5rem; }
.action-grid[b-efrlmps11e] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; align-items: end; }
.action-grid .wide[b-efrlmps11e] { grid-column: span 3; }
.action-grid textarea[b-efrlmps11e] { min-height: 5rem; resize: vertical; }
.complaint-communication-grid[b-efrlmps11e] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.request-card textarea[b-efrlmps11e] { min-height: 6rem; resize: vertical; margin-block: .6rem; }
.request-card > div[b-efrlmps11e] { display: flex; gap: .5rem; justify-content: flex-end; flex-wrap: wrap; }
.complaint-lower-grid[b-efrlmps11e] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.complaint-lower-grid textarea[b-efrlmps11e] { min-height: 5rem; margin-block: .5rem; }
.audit-line[b-efrlmps11e] { border-inline-start: 2px solid var(--border); padding-inline-start: .7rem; margin-top: .7rem; }
.audit-line time[b-efrlmps11e] { display: block; color: var(--text-muted); font-size: .7rem; }
.audit-line p[b-efrlmps11e] { margin: .2rem 0 0; overflow-wrap: anywhere; }
.complaint-empty[b-efrlmps11e] { text-align: center; padding: 2rem 1rem; color: var(--text-muted); }
.complaint-empty.large[b-efrlmps11e] { min-height: 20rem; display: grid; place-content: center; }
.muted[b-efrlmps11e] { color: var(--text-muted); }
@media (max-width: 1150px) { .complaint-context-grid[b-efrlmps11e] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .complaint-lower-grid[b-efrlmps11e] { grid-template-columns: 1fr; } }
@media (max-width: 850px) { .complaint-filters[b-efrlmps11e], .complaint-workspace[b-efrlmps11e], .complaint-communication-grid[b-efrlmps11e] { grid-template-columns: 1fr; } .complaint-list[b-efrlmps11e] { position: static; max-height: 28rem; } .action-grid[b-efrlmps11e] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .action-grid .wide[b-efrlmps11e] { grid-column: span 2; } }
@media (max-width: 520px) { .complaint-context-grid[b-efrlmps11e], .action-grid[b-efrlmps11e] { grid-template-columns: 1fr; } .action-grid .wide[b-efrlmps11e] { grid-column: auto; } .complaint-hero[b-efrlmps11e] { display: grid; } }
/* /Components/Pages/LiveOrders.razor.rz.scp.css */
.order-reference-button[b-in0xb5aasr] {
    display: grid;
    gap: .2rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: start;
    cursor: pointer;
}

.order-reference-button strong[b-in0xb5aasr] {
    color: var(--primary);
    text-decoration: underline;
    text-underline-offset: .15rem;
}

.order-reference-button:focus-visible[b-in0xb5aasr] {
    outline: 3px solid color-mix(in srgb, var(--primary) 38%, transparent);
    outline-offset: .3rem;
    border-radius: .25rem;
}

.selected-order-row[b-in0xb5aasr] {
    background: color-mix(in srgb, var(--primary) 7%, var(--surface));
}

.live-orders-panel[b-in0xb5aasr] {
    min-width: 0;
    overflow-x: hidden;
}

.live-orders-panel .table-wrap[b-in0xb5aasr] {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.order-detail-panel[b-in0xb5aasr] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem;
}

.order-detail-loading[b-in0xb5aasr] {
    display: grid;
    min-height: 13rem;
    place-content: center;
    justify-items: center;
    gap: .75rem;
    color: var(--text-muted);
}

.order-detail-heading[b-in0xb5aasr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border);
}

.order-detail-heading h2[b-in0xb5aasr] {
    margin: .2rem 0 .35rem;
}

.order-detail-heading p:last-child[b-in0xb5aasr] {
    margin: 0;
    color: var(--text-muted);
}

.order-context-grid[b-in0xb5aasr],
.order-detail-grid[b-in0xb5aasr],
.order-lower-grid[b-in0xb5aasr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.order-detail-grid[b-in0xb5aasr],
.order-lower-grid[b-in0xb5aasr] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.order-context-card[b-in0xb5aasr],
.order-detail-card[b-in0xb5aasr] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: .9rem;
    background: var(--surface);
}

.order-context-card h3[b-in0xb5aasr],
.order-detail-card h3[b-in0xb5aasr] {
    margin: .2rem 0 .45rem;
    overflow-wrap: anywhere;
}

.order-context-card > p:last-child[b-in0xb5aasr],
.order-detail-card > p:last-child[b-in0xb5aasr] {
    margin-bottom: 0;
    color: var(--text-muted);
}

.context-actions[b-in0xb5aasr] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .7rem;
}

.financial-breakdown dl[b-in0xb5aasr] {
    display: grid;
    gap: .45rem;
    margin: .7rem 0 0;
}

.financial-breakdown dl div[b-in0xb5aasr] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
}

.financial-breakdown dt[b-in0xb5aasr],
.financial-breakdown dd[b-in0xb5aasr] {
    margin: 0;
}

.financial-breakdown dt[b-in0xb5aasr] {
    color: var(--text-muted);
}

.financial-breakdown .total[b-in0xb5aasr] {
    padding-top: .5rem;
    border-top: 1px solid var(--border);
    font-weight: 800;
}

.order-timeline-entry[b-in0xb5aasr] {
    margin-top: .75rem;
    padding-inline-start: .75rem;
    border-inline-start: 2px solid var(--primary);
}

.order-timeline-entry time[b-in0xb5aasr],
.related-case time[b-in0xb5aasr] {
    display: block;
    color: var(--text-muted);
    font-size: .72rem;
}

.order-timeline-entry strong[b-in0xb5aasr] {
    display: block;
    margin-top: .15rem;
}

.order-timeline-entry p[b-in0xb5aasr] {
    margin: .2rem 0 0;
    overflow-wrap: anywhere;
}

.related-case[b-in0xb5aasr] {
    display: grid;
    gap: .2rem;
    margin-top: .6rem;
    padding: .65rem;
    border: 1px solid var(--border);
    border-radius: .65rem;
    color: inherit;
    text-decoration: none;
}

.related-case:hover[b-in0xb5aasr],
.related-case:focus-visible[b-in0xb5aasr] {
    border-color: var(--primary);
    background: var(--surface-muted);
}

.related-case span[b-in0xb5aasr] {
    color: var(--text-muted);
    font-size: .8rem;
}

@media (max-width: 1200px) {
    .order-context-grid[b-in0xb5aasr],
    .order-detail-grid[b-in0xb5aasr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .order-lower-grid[b-in0xb5aasr] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .live-orders-table[b-in0xb5aasr] {
        width: 100%;
        min-width: 0;
        table-layout: fixed;
    }

    .live-orders-table th:nth-child(n + 4):nth-child(-n + 9)[b-in0xb5aasr],
    .live-orders-table td:nth-child(n + 4):nth-child(-n + 9)[b-in0xb5aasr] {
        display: none;
    }

    .live-orders-table th:nth-child(1)[b-in0xb5aasr],
    .live-orders-table td:nth-child(1)[b-in0xb5aasr] {
        width: 30%;
    }

    .live-orders-table th:nth-child(2)[b-in0xb5aasr],
    .live-orders-table td:nth-child(2)[b-in0xb5aasr] {
        width: 34%;
    }

    .live-orders-table th:nth-child(3)[b-in0xb5aasr],
    .live-orders-table td:nth-child(3)[b-in0xb5aasr] {
        width: 22%;
    }

    .live-orders-table th:nth-child(10)[b-in0xb5aasr],
    .live-orders-table td:nth-child(10)[b-in0xb5aasr] {
        width: 14%;
    }

    .live-orders-table td:nth-child(10) .button[b-in0xb5aasr] {
        min-width: 0;
        padding: .4rem .45rem;
    }

    .order-detail-heading[b-in0xb5aasr],
    .order-context-grid[b-in0xb5aasr],
    .order-detail-grid[b-in0xb5aasr] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .order-detail-heading .heading-actions[b-in0xb5aasr] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/Support.razor.rz.scp.css */
.support-queues[b-hr4wx60mu7] { display:flex; gap:.45rem; overflow-x:auto; padding:.2rem 0 .9rem; }
.support-queues button[b-hr4wx60mu7] { border:1px solid var(--line); background:var(--surface); border-radius:999px; padding:.55rem .85rem; white-space:nowrap; color:var(--ink-muted); }
.support-queues button.active[b-hr4wx60mu7] { background:var(--brand-strong); color:#fff; border-color:var(--brand-strong); }
.support-filter-panel[b-hr4wx60mu7] { display:grid; grid-template-columns:minmax(14rem,2fr) repeat(3,minmax(9rem,1fr)) auto; gap:.75rem; align-items:end; margin-bottom:1rem; }
.support-filter-panel label[b-hr4wx60mu7],.support-direct-grid label[b-hr4wx60mu7],.thread-controls label[b-hr4wx60mu7] { display:grid; gap:.35rem; color:var(--ink-muted); font-size:.82rem; }
.support-filter-panel input[b-hr4wx60mu7],.support-filter-panel select[b-hr4wx60mu7],.support-direct-grid textarea[b-hr4wx60mu7],.support-direct-grid select[b-hr4wx60mu7],.thread-controls select[b-hr4wx60mu7],.support-composer textarea[b-hr4wx60mu7] { width:100%; border:1px solid var(--line); border-radius:.7rem; background:var(--surface); color:var(--ink); padding:.7rem; }
.support-workspace[b-hr4wx60mu7] { display:grid; grid-template-columns:minmax(18rem, .85fr) minmax(28rem,1.65fr); gap:1rem; align-items:start; }
.support-list[b-hr4wx60mu7] { padding:.8rem; max-height:75vh; overflow:auto; }
.support-ticket[b-hr4wx60mu7] { display:grid; gap:.45rem; width:100%; text-align:start; border:1px solid transparent; border-top-color:var(--line); background:transparent; padding:.85rem .55rem; color:var(--ink); }
.support-ticket:hover[b-hr4wx60mu7],.support-ticket.selected[b-hr4wx60mu7] { background:var(--surface-soft); border-color:var(--brand-soft); border-radius:.75rem; }
.ticket-top[b-hr4wx60mu7],.ticket-meta[b-hr4wx60mu7],.ticket-agent[b-hr4wx60mu7],.thread-header[b-hr4wx60mu7],.bubble-meta[b-hr4wx60mu7],.support-pagination[b-hr4wx60mu7],.support-composer>div[b-hr4wx60mu7] { display:flex; justify-content:space-between; gap:.6rem; align-items:center; }
.ticket-person[b-hr4wx60mu7] { font-weight:700; }.ticket-person small[b-hr4wx60mu7],.ticket-agent[b-hr4wx60mu7],.ticket-agent small[b-hr4wx60mu7],.ticket-top small[b-hr4wx60mu7] { color:var(--ink-muted); font-weight:400; }
.ticket-meta[b-hr4wx60mu7] { justify-content:flex-start; flex-wrap:wrap; }.unread[b-hr4wx60mu7] { min-width:1.35rem; height:1.35rem; display:grid; place-items:center; background:var(--brand-strong); color:#fff; border-radius:999px; font-size:.72rem; }
.support-pagination[b-hr4wx60mu7] { margin-top:.75rem; }.support-thread[b-hr4wx60mu7] { min-height:38rem; padding:1rem; }.thread-header[b-hr4wx60mu7] { border-bottom:1px solid var(--line); padding-bottom:.8rem; }.thread-header h2[b-hr4wx60mu7] { margin:.1rem 0; }.thread-badges[b-hr4wx60mu7] { display:flex; gap:.4rem; flex-wrap:wrap; }
.thread-controls[b-hr4wx60mu7] { display:flex; gap:.6rem; align-items:end; flex-wrap:wrap; padding:.75rem 0; border-bottom:1px solid var(--line); }.thread-controls label[b-hr4wx60mu7] { min-width:10rem; flex:1; }
.support-messages[b-hr4wx60mu7] { display:flex; flex-direction:column; gap:.7rem; min-height:20rem; max-height:48vh; overflow:auto; padding:1rem .2rem; }
.support-bubble[b-hr4wx60mu7] { width:min(78%,38rem); border-radius:1rem; padding:.75rem .9rem; background:var(--surface-soft); align-self:flex-start; border:1px solid var(--line); }.support-bubble.admin[b-hr4wx60mu7] { align-self:flex-end; background:var(--brand-pale); border-color:var(--brand-soft); }.support-bubble.internal[b-hr4wx60mu7] { width:min(88%,44rem); align-self:center; background:#fff7df; border-color:#e7c96d; border-style:dashed; }.support-bubble p[b-hr4wx60mu7] { margin:.45rem 0 0; white-space:pre-wrap; line-height:1.5; }.bubble-meta[b-hr4wx60mu7] { color:var(--ink-muted); font-size:.75rem; }
.attachment-chip[b-hr4wx60mu7] { display:flex; gap:.35rem; align-items:center; margin-top:.55rem; padding:.45rem .6rem; border-radius:.6rem; background:rgba(255,255,255,.65); color:var(--brand-strong); text-decoration:none; }.attachment-chip small[b-hr4wx60mu7] { margin-inline-start:auto; color:var(--ink-muted); }
.support-composer[b-hr4wx60mu7] { border-top:1px solid var(--line); padding-top:.8rem; }.support-composer textarea[b-hr4wx60mu7] { min-height:6rem; resize:vertical; }.note-toggle[b-hr4wx60mu7] { display:flex; gap:.4rem; align-items:center; color:var(--ink-muted); font-size:.8rem; }.load-older[b-hr4wx60mu7] { align-self:center; border:0; background:transparent; color:var(--brand-strong); text-decoration:underline; }.support-history[b-hr4wx60mu7] { margin-top:1rem; border-top:1px solid var(--line); padding-top:.75rem; }.support-history>div[b-hr4wx60mu7] { display:grid; grid-template-columns:9rem minmax(8rem,1fr) 1.4fr; gap:.6rem; padding:.45rem 0; border-bottom:1px solid var(--line); font-size:.8rem; }
.attachment-picker[b-hr4wx60mu7] { align-items:center; border:1px dashed var(--line); border-radius:.65rem; cursor:pointer; display:inline-flex; gap:.4rem; padding:.4rem .6rem; color:var(--ink-muted); font-size:.8rem; }
.attachment-picker input[b-hr4wx60mu7] { max-width:12rem; }.selected-attachment[b-hr4wx60mu7] { color:var(--ink-muted); overflow-wrap:anywhere; }
.support-empty[b-hr4wx60mu7] { display:grid; place-items:center; align-content:center; min-height:12rem; color:var(--ink-muted); text-align:center; }.support-empty.large[b-hr4wx60mu7] { min-height:32rem; }.support-direct-panel[b-hr4wx60mu7] { margin-bottom:1rem; }.support-direct-grid[b-hr4wx60mu7] { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-bottom:.75rem; }.support-direct-grid .full[b-hr4wx60mu7] { grid-column:1/-1; }.support-direct-grid textarea[b-hr4wx60mu7] { min-height:6rem; }
@media (max-width: 1050px) { .support-filter-panel[b-hr4wx60mu7] { grid-template-columns:1fr 1fr; }.support-filter-panel .search[b-hr4wx60mu7] { grid-column:1/-1; }.support-workspace[b-hr4wx60mu7] { grid-template-columns:1fr; }.support-list[b-hr4wx60mu7] { max-height:32rem; }.support-thread[b-hr4wx60mu7] { min-height:30rem; } }
@media (max-width: 640px) { .support-filter-panel[b-hr4wx60mu7],.support-direct-grid[b-hr4wx60mu7] { grid-template-columns:1fr; }.support-direct-grid .full[b-hr4wx60mu7] { grid-column:auto; }.support-bubble[b-hr4wx60mu7],.support-bubble.internal[b-hr4wx60mu7] { width:94%; }.thread-header[b-hr4wx60mu7] { align-items:flex-start; }.thread-controls[b-hr4wx60mu7] { display:grid; grid-template-columns:1fr 1fr; }.thread-controls label[b-hr4wx60mu7] { min-width:0; }.support-history>div[b-hr4wx60mu7] { grid-template-columns:1fr; }.support-composer>div[b-hr4wx60mu7] { align-items:flex-end; }.support-queues[b-hr4wx60mu7] { margin-inline:-.5rem; padding-inline:.5rem; } }
/* /Components/Pages/WhatsAppConfiguration.razor.rz.scp.css */
.channel-strip[b-qntjg4zxzt]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.channel-strip article[b-qntjg4zxzt]{display:grid;gap:.25rem;padding:1rem 1.1rem;border:1px solid var(--line);background:var(--surface);border-radius:1rem}.channel-strip span[b-qntjg4zxzt]{color:var(--ink-muted);font-size:.8rem}.channel-strip strong[b-qntjg4zxzt]{font-size:1.1rem}.channel-strip small[b-qntjg4zxzt]{color:var(--ink-muted);overflow-wrap:anywhere}.success[b-qntjg4zxzt]{color:#14784b}.warning[b-qntjg4zxzt]{color:#9b6500}.danger[b-qntjg4zxzt]{color:#b42318}.neutral[b-qntjg4zxzt]{color:var(--ink-muted)}
.whatsapp-settings-grid[b-qntjg4zxzt]{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(20rem,.65fr);gap:1rem;align-items:start}.connection-dot[b-qntjg4zxzt]{width:.8rem;height:.8rem;border-radius:50%;background:currentColor;box-shadow:0 0 0 .3rem color-mix(in srgb,currentColor 12%,transparent)}.connection-state[b-qntjg4zxzt]{padding:1rem;border-radius:.9rem;background:var(--surface-soft);margin-bottom:1rem}.connection-state strong[b-qntjg4zxzt]{font-size:1.2rem}.connection-state p[b-qntjg4zxzt]{margin:.25rem 0 0;color:var(--ink-muted)}
.qr-panel[b-qntjg4zxzt]{display:grid;grid-template-columns:minmax(13rem,20rem) 1fr;gap:1.25rem;align-items:center;border:1px solid var(--brand-soft);background:var(--brand-pale);padding:1rem;border-radius:1rem;margin:1rem 0}.qr-panel img[b-qntjg4zxzt]{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:.7rem}.qr-panel ol[b-qntjg4zxzt]{padding-inline-start:1.2rem}.qr-panel small[b-qntjg4zxzt]{color:var(--ink-muted)}.connection-details[b-qntjg4zxzt]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:1rem 0}.connection-details div[b-qntjg4zxzt]{padding:.65rem;border-bottom:1px solid var(--line)}.connection-details dt[b-qntjg4zxzt]{color:var(--ink-muted);font-size:.75rem}.connection-details dd[b-qntjg4zxzt]{margin:.15rem 0 0;font-weight:650;overflow-wrap:anywhere}.connection-actions[b-qntjg4zxzt]{display:flex;gap:.5rem;flex-wrap:wrap}.disconnect-confirmation[b-qntjg4zxzt]{margin-top:1rem;padding:1rem;border:1px solid #f3b3ad;background:#fff4f2;border-radius:.85rem}.disconnect-confirmation p[b-qntjg4zxzt]{color:var(--ink-muted)}
.settings-stack[b-qntjg4zxzt]{display:grid;gap:.25rem;margin-bottom:1rem}.toggle-row[b-qntjg4zxzt]{display:flex;gap:.7rem;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--line)}.toggle-row input[b-qntjg4zxzt]{margin-top:.25rem}.toggle-row span[b-qntjg4zxzt]{display:grid}.toggle-row small[b-qntjg4zxzt]{color:var(--ink-muted)}.field[b-qntjg4zxzt]{display:grid;gap:.35rem;margin:.8rem 0;color:var(--ink-muted);font-size:.82rem}.field input[b-qntjg4zxzt],.field textarea[b-qntjg4zxzt],.field select[b-qntjg4zxzt]{width:100%;border:1px solid var(--line);border-radius:.7rem;background:var(--surface);color:var(--ink);padding:.7rem}.field textarea[b-qntjg4zxzt]{min-height:6.5rem;resize:vertical}.business-grid[b-qntjg4zxzt]{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.65rem}.business-days[b-qntjg4zxzt]{border:1px solid var(--line);border-radius:.75rem;display:flex;flex-wrap:wrap;gap:.65rem;margin:.7rem 0;padding:.65rem}.business-days legend[b-qntjg4zxzt]{color:var(--ink-muted);font-size:.78rem;padding:0 .3rem}.business-days label[b-qntjg4zxzt]{align-items:center;display:flex;font-size:.78rem;gap:.3rem}.automation-templates[b-qntjg4zxzt]{margin-bottom:.8rem}.test-result[b-qntjg4zxzt]{display:grid;gap:.2rem;margin-top:.75rem;padding:.75rem;border:1px solid currentColor;border-radius:.7rem}.otp-policy[b-qntjg4zxzt]{margin-top:1rem}.otp-grid[b-qntjg4zxzt]{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:.8rem;align-items:end}.otp-grid fieldset[b-qntjg4zxzt]{display:flex;gap:1rem;flex-wrap:wrap;border:1px solid var(--line);border-radius:.8rem;padding:.75rem}.otp-grid legend[b-qntjg4zxzt]{font-size:.78rem;color:var(--ink-muted);padding:0 .3rem}.template-grid[b-qntjg4zxzt]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.quick-list[b-qntjg4zxzt]{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:.8rem 0}.quick-list article[b-qntjg4zxzt]{background:var(--surface-soft);border:1px solid var(--line);border-radius:.7rem;padding:.65rem}.quick-list p[b-qntjg4zxzt]{color:var(--ink-muted);font-size:.78rem;margin:.35rem 0;white-space:pre-wrap}.quick-form[b-qntjg4zxzt]{display:grid;gap:0 1rem;grid-template-columns:repeat(3,1fr)}.quick-form label:nth-last-child(-n+2)[b-qntjg4zxzt]{grid-column:span 1}
@media(max-width:1050px){.whatsapp-settings-grid[b-qntjg4zxzt]{grid-template-columns:1fr}.otp-grid[b-qntjg4zxzt]{grid-template-columns:1fr 1fr}.quick-list[b-qntjg4zxzt]{grid-template-columns:1fr 1fr}.quick-form[b-qntjg4zxzt]{grid-template-columns:1fr 1fr}}@media(max-width:700px){.channel-strip[b-qntjg4zxzt],.otp-grid[b-qntjg4zxzt],.template-grid[b-qntjg4zxzt],.business-grid[b-qntjg4zxzt],.connection-details[b-qntjg4zxzt],.qr-panel[b-qntjg4zxzt],.quick-list[b-qntjg4zxzt],.quick-form[b-qntjg4zxzt]{grid-template-columns:1fr}.connection-actions[b-qntjg4zxzt]{display:grid}.qr-panel img[b-qntjg4zxzt]{max-width:19rem;margin:auto}}
/* /Components/Pages/WhatsAppSupport.razor.rz.scp.css */
.connection-pill[b-tju3sjh7ls] { align-items:center; background:var(--surface); border:1px solid var(--line); border-radius:999px; display:inline-flex; gap:.45rem; padding:.55rem .8rem; }
.connection-pill>span[b-tju3sjh7ls] { background:#8b949e; border-radius:50%; height:.55rem; width:.55rem; }
.connection-pill.success>span[b-tju3sjh7ls] { background:#1f9d67; box-shadow:0 0 0 .2rem rgba(31,157,103,.15); }
.connection-pill.danger>span[b-tju3sjh7ls] { background:#ca4b4b; }
.wa-metrics[b-tju3sjh7ls] { display:grid; gap:.75rem; grid-template-columns:repeat(5,minmax(8rem,1fr)); margin-bottom:1rem; }
.wa-metrics article[b-tju3sjh7ls] { background:var(--surface); border:1px solid var(--line); border-radius:.85rem; display:grid; gap:.2rem; padding:.8rem 1rem; }
.wa-metrics span[b-tju3sjh7ls] { color:var(--ink-muted); font-size:.78rem; }
.wa-metrics strong[b-tju3sjh7ls] { font-size:1.35rem; }
.wa-queues[b-tju3sjh7ls] { display:flex; gap:.45rem; overflow:auto; padding:.2rem 0 .85rem; }
.wa-queues button[b-tju3sjh7ls] { background:var(--surface); border:1px solid var(--line); border-radius:999px; color:var(--ink-muted); padding:.55rem .9rem; white-space:nowrap; }
.wa-queues button.active[b-tju3sjh7ls] { background:var(--brand-strong); border-color:var(--brand-strong); color:#fff; }
.wa-filters[b-tju3sjh7ls] { align-items:end; display:grid; gap:.75rem; grid-template-columns:minmax(16rem,1fr) minmax(10rem,.3fr) auto; margin-bottom:1rem; }
.wa-filters label[b-tju3sjh7ls],.wa-controls label[b-tju3sjh7ls],.context-action label[b-tju3sjh7ls],.quick-reply[b-tju3sjh7ls] { color:var(--ink-muted); display:grid; font-size:.78rem; gap:.3rem; }
.wa-filters input[b-tju3sjh7ls],.wa-filters select[b-tju3sjh7ls],.wa-controls input[b-tju3sjh7ls],.wa-controls select[b-tju3sjh7ls],.context-action input[b-tju3sjh7ls],.context-action select[b-tju3sjh7ls],.quick-reply select[b-tju3sjh7ls],.wa-composer textarea[b-tju3sjh7ls] { background:var(--surface); border:1px solid var(--line); border-radius:.65rem; color:var(--ink); padding:.65rem; width:100%; }
.wa-workspace[b-tju3sjh7ls] { align-items:start; display:grid; gap:.85rem; grid-template-columns:minmax(17rem,.75fr) minmax(28rem,1.45fr) minmax(16rem,.7fr); }
.wa-list[b-tju3sjh7ls],.wa-thread[b-tju3sjh7ls],.wa-context[b-tju3sjh7ls] { padding:.8rem; }
.wa-list[b-tju3sjh7ls] { max-height:76vh; overflow:auto; }
.wa-conversation[b-tju3sjh7ls] { background:transparent; border:1px solid transparent; border-top-color:var(--line); color:var(--ink); display:grid; gap:.25rem; padding:.75rem .5rem; text-align:start; width:100%; }
.wa-conversation:hover[b-tju3sjh7ls],.wa-conversation.selected[b-tju3sjh7ls] { background:var(--surface-soft); border-color:var(--brand-soft); border-radius:.75rem; }
.wa-conversation-top[b-tju3sjh7ls] { align-items:center; display:grid; gap:.45rem; grid-template-columns:2rem 1fr auto; }
.avatar[b-tju3sjh7ls] { align-items:center; background:var(--brand-pale); border-radius:50%; color:var(--brand-strong); display:flex; font-size:.72rem; font-weight:800; height:2rem; justify-content:center; width:2rem; }
.wa-conversation time[b-tju3sjh7ls],.phone[b-tju3sjh7ls],.preview[b-tju3sjh7ls],.wa-conversation-meta[b-tju3sjh7ls] { color:var(--ink-muted); font-size:.74rem; }
.phone[b-tju3sjh7ls],.preview[b-tju3sjh7ls],.wa-conversation-meta[b-tju3sjh7ls] { margin-inline-start:2.45rem; }
.preview[b-tju3sjh7ls] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wa-conversation-meta[b-tju3sjh7ls] { align-items:center; display:flex; gap:.4rem; }
.wa-conversation-meta b[b-tju3sjh7ls] { align-items:center; background:var(--brand-strong); border-radius:50%; color:#fff; display:flex; font-size:.68rem; height:1.25rem; justify-content:center; margin-inline-start:auto; min-width:1.25rem; }
.wa-pagination[b-tju3sjh7ls],.wa-thread-header[b-tju3sjh7ls],.wa-thread-header>div[b-tju3sjh7ls],.composer-actions[b-tju3sjh7ls],.wa-message-meta[b-tju3sjh7ls],.wa-bubble footer[b-tju3sjh7ls] { align-items:center; display:flex; gap:.55rem; justify-content:space-between; }
.wa-pagination[b-tju3sjh7ls] { margin-top:.7rem; }
.wa-thread[b-tju3sjh7ls] { min-height:42rem; }
.wa-thread-header[b-tju3sjh7ls] { border-bottom:1px solid var(--line); padding:.15rem .2rem .75rem; }
.wa-thread-header h2[b-tju3sjh7ls],.wa-thread-header p[b-tju3sjh7ls] { margin:.1rem 0; }
.wa-controls[b-tju3sjh7ls] { align-items:end; border-bottom:1px solid var(--line); display:grid; gap:.45rem; grid-template-columns:repeat(2,minmax(7rem,1fr)) auto; padding:.65rem 0; }
.wa-messages[b-tju3sjh7ls] { display:flex; flex-direction:column; gap:.65rem; max-height:51vh; min-height:23rem; overflow:auto; padding:.85rem .15rem; }
.new-message-jump[b-tju3sjh7ls] { align-self:center; background:var(--brand-strong); border:0; border-radius:999px; box-shadow:0 .3rem 1rem rgba(0,0,0,.18); color:#fff; cursor:pointer; margin:-2.8rem auto .65rem; padding:.45rem .8rem; position:relative; z-index:2; }
.wa-bubble[b-tju3sjh7ls] { align-self:flex-start; background:var(--surface-soft); border:1px solid var(--line); border-radius:1rem; max-width:82%; padding:.65rem .8rem; width:max-content; }
.wa-bubble.outgoing[b-tju3sjh7ls] { align-self:flex-end; background:var(--brand-pale); border-color:var(--brand-soft); }
.wa-bubble.note[b-tju3sjh7ls] { align-self:center; background:#fff7dd; border-color:#e3c963; border-style:dashed; max-width:92%; width:92%; }
.wa-bubble p[b-tju3sjh7ls] { line-height:1.5; margin:.35rem 0; max-width:38rem; overflow-wrap:anywhere; white-space:pre-wrap; }
.wa-message-meta[b-tju3sjh7ls] { color:var(--ink-muted); font-size:.72rem; }
.wa-bubble footer[b-tju3sjh7ls] { border-top:1px solid rgba(0,0,0,.06); justify-content:flex-end; margin-top:.4rem; padding-top:.35rem; }
.wa-bubble footer button[b-tju3sjh7ls] { background:none; border:0; color:var(--brand-strong); font-size:.74rem; padding:0; }
.delivery[b-tju3sjh7ls] { font-size:.7rem; }.delivery.danger[b-tju3sjh7ls],.failure[b-tju3sjh7ls] { color:#a53636; }.delivery.success[b-tju3sjh7ls] { color:#16784d; }.delivery.warning[b-tju3sjh7ls] { color:#9b6811; }
.failure[b-tju3sjh7ls] { display:block; font-size:.7rem; margin-top:.3rem; }
.message-trace[b-tju3sjh7ls] { color:var(--ink-muted); display:block; font-size:.66rem; margin-top:.3rem; overflow-wrap:anywhere; }
.provider-response[b-tju3sjh7ls] { color:var(--ink-muted); display:block; font-size:.7rem; margin-top:.3rem; max-width:38rem; overflow-wrap:anywhere; }
.attachment-chip[b-tju3sjh7ls] { align-items:center; background:rgba(255,255,255,.65); border-radius:.5rem; color:var(--brand-strong); display:flex; gap:.35rem; margin-top:.45rem; padding:.4rem .55rem; text-decoration:none; }
.attachment-chip small[b-tju3sjh7ls] { color:var(--ink-muted); margin-inline-start:auto; }
.wa-composer[b-tju3sjh7ls] { border-top:1px solid var(--line); padding-top:.7rem; }
.wa-composer textarea[b-tju3sjh7ls] { min-height:5.5rem; resize:vertical; }
.composer-actions[b-tju3sjh7ls] { flex-wrap:wrap; justify-content:flex-start; margin-top:.5rem; }
.composer-actions>.button[b-tju3sjh7ls] { margin-inline-start:auto; }
.replying[b-tju3sjh7ls] { align-items:center; background:var(--surface-soft); border-inline-start:3px solid var(--brand-strong); display:flex; font-size:.76rem; justify-content:space-between; margin-bottom:.45rem; padding:.4rem .55rem; }
.replying button[b-tju3sjh7ls] { background:none; border:0; color:var(--ink); font-size:1.1rem; }
.quick-reply[b-tju3sjh7ls] { margin-bottom:.45rem; }
.wa-context[b-tju3sjh7ls] { max-height:76vh; overflow:auto; }
.customer-facts[b-tju3sjh7ls] { display:grid; gap:.15rem; margin:.65rem 0 1rem; }
.customer-facts div[b-tju3sjh7ls] { align-items:center; border-bottom:1px solid var(--line); display:flex; gap:.5rem; justify-content:space-between; padding:.45rem 0; }
.customer-facts dt[b-tju3sjh7ls] { color:var(--ink-muted); font-size:.76rem; }.customer-facts dd[b-tju3sjh7ls] { font-size:.8rem; margin:0; overflow-wrap:anywhere; text-align:end; }
.order-card[b-tju3sjh7ls] { background:var(--surface-soft); border:1px solid var(--line); border-radius:.65rem; color:var(--ink); display:grid; gap:.2rem; margin:.4rem 0; padding:.55rem; text-align:start; width:100%; }
.order-card.linked[b-tju3sjh7ls] { border-color:var(--brand-strong); box-shadow:inset 3px 0 var(--brand-strong); }.order-card span[b-tju3sjh7ls],.order-card small[b-tju3sjh7ls],.muted[b-tju3sjh7ls] { color:var(--ink-muted); font-size:.74rem; }
.context-action[b-tju3sjh7ls] { border-top:1px solid var(--line); margin-top:.8rem; padding-top:.65rem; }.context-action summary[b-tju3sjh7ls] { color:var(--brand-strong); cursor:pointer; font-weight:700; margin-bottom:.5rem; }.context-action .button[b-tju3sjh7ls] { margin-top:.45rem; }
.button.full[b-tju3sjh7ls] { justify-content:center; margin-top:.8rem; width:100%; }
.wa-empty[b-tju3sjh7ls] { align-content:center; color:var(--ink-muted); display:grid; justify-items:center; min-height:13rem; text-align:center; }.wa-empty.tall[b-tju3sjh7ls] { min-height:34rem; }.wa-empty p[b-tju3sjh7ls] { margin:.35rem 0; }
@media (max-width:1280px) { .wa-workspace[b-tju3sjh7ls] { grid-template-columns:minmax(17rem,.75fr) minmax(28rem,1.4fr); }.wa-context[b-tju3sjh7ls] { grid-column:1/-1; max-height:none; }.customer-facts[b-tju3sjh7ls] { grid-template-columns:1fr 1fr; gap:0 1rem; } }
@media (max-width:900px) { .wa-metrics[b-tju3sjh7ls] { grid-template-columns:repeat(3,1fr); }.wa-workspace[b-tju3sjh7ls] { grid-template-columns:1fr; }.wa-list[b-tju3sjh7ls] { max-height:30rem; }.wa-context[b-tju3sjh7ls] { grid-column:auto; }.wa-filters[b-tju3sjh7ls] { grid-template-columns:1fr 1fr; }.wa-filters label:first-child[b-tju3sjh7ls] { grid-column:1/-1; } }
@media (max-width:620px) { .wa-metrics[b-tju3sjh7ls] { grid-template-columns:1fr 1fr; }.wa-filters[b-tju3sjh7ls],.customer-facts[b-tju3sjh7ls],.wa-controls[b-tju3sjh7ls] { grid-template-columns:1fr; }.wa-filters label:first-child[b-tju3sjh7ls] { grid-column:auto; }.wa-bubble[b-tju3sjh7ls] { max-width:94%; }.wa-thread-header[b-tju3sjh7ls] { align-items:flex-start; }.composer-actions[b-tju3sjh7ls] { align-items:flex-end; }.wa-queues[b-tju3sjh7ls] { margin-inline:-.5rem; padding-inline:.5rem; } }