/* /App.razor.rz.scp.css */
.app-bootstrap[b-bg249halxz] {
    min-height: 100vh;
    background:
        radial-gradient(circle at top right, rgba(116, 85, 242, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(116, 85, 242, 0.04), transparent 28%),
        var(--color-surface);
}

.app-bootstrap__header[b-bg249halxz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 28px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface-overlay);
    backdrop-filter: blur(10px);
}

.app-bootstrap__brand[b-bg249halxz],
.app-bootstrap__menu-item[b-bg249halxz],
.app-bootstrap__hero[b-bg249halxz] {
    display: flex;
    align-items: center;
}

.app-bootstrap__brand[b-bg249halxz] {
    gap: 14px;
}

.app-bootstrap__brand-text[b-bg249halxz] {
    display: grid;
    gap: 8px;
}

.app-bootstrap__header-actions[b-bg249halxz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.app-bootstrap__body[b-bg249halxz] {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    min-height: calc(100vh - 85px);
}

.app-bootstrap__sidebar[b-bg249halxz] {
    display: grid;
    align-content: start;
    gap: 14px;
    padding: 24px 20px;
    border-right: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-surface) 76%, transparent);
}

.app-bootstrap__menu-item[b-bg249halxz] {
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-surface) 82%, transparent);
}

.app-bootstrap__content[b-bg249halxz] {
    display: grid;
    align-content: start;
    gap: 20px;
    padding: 24px;
}

.app-bootstrap__hero[b-bg249halxz] {
    justify-content: space-between;
    gap: 24px;
    padding: 20px 22px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background:
        radial-gradient(circle at top right, var(--color-hero-glow), transparent 34%),
        linear-gradient(135deg, color-mix(in srgb, var(--color-surface) 92%, var(--color-surface-soft) 8%), var(--color-surface-soft));
    box-shadow: var(--shadow-sm);
}

.app-bootstrap__hero-text[b-bg249halxz] {
    display: grid;
    gap: 10px;
}

.app-bootstrap__panel[b-bg249halxz],
.app-bootstrap__authorizing-card[b-bg249halxz] {
    display: grid;
    gap: 14px;
    padding: 22px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-surface) 94%, transparent);
    box-shadow: var(--shadow-sm);
}

.app-bootstrap--authorizing[b-bg249halxz] {
    display: grid;
    place-items: center;
    padding: 32px;
}

.app-bootstrap__authorizing-card[b-bg249halxz] {
    width: min(420px, 100%);
}

@media (max-width: 1024px) {
    .app-bootstrap__header[b-bg249halxz] {
        flex-direction: column;
        align-items: stretch;
    }

    .app-bootstrap__header-actions[b-bg249halxz] {
        justify-content: flex-start;
    }

    .app-bootstrap__body[b-bg249halxz] {
        grid-template-columns: 1fr;
    }

    .app-bootstrap__sidebar[b-bg249halxz] {
        border-right: 0;
        border-bottom: 1px solid var(--color-border);
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

@media (max-width: 640px) {
    .app-bootstrap__header[b-bg249halxz],
    .app-bootstrap__content[b-bg249halxz],
    .app-bootstrap__sidebar[b-bg249halxz] {
        padding: 16px;
    }

    .app-bootstrap__hero[b-bg249halxz] {
        align-items: flex-start;
        flex-direction: column;
        padding: 18px;
    }

    .app-bootstrap__sidebar[b-bg249halxz] {
        grid-template-columns: 1fr;
    }
}
/* /Features/ApplicationSettings/Pages/ApplicationSettings.razor.rz.scp.css */
.application-settings-page[b-eze0myv874] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.application-settings-page__toolbar[b-eze0myv874] {
    display: flex;
    justify-content: flex-end;
    margin-top: -0.5rem;
}

.application-settings-page__empty[b-eze0myv874] {
    padding: 2rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-xl);
    background: var(--color-surface);
}

.application-settings-page__table[b-eze0myv874] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.application-settings-page__form[b-eze0myv874] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 0.25rem;
}

.application-settings-page__layout[b-eze0myv874] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: flex-start;
}

.application-settings-page__tabs[b-eze0myv874] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.application-settings-page__tab[b-eze0myv874] {
    width: auto;
    text-align: left;
    padding: 0.9rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    color: var(--color-text-primary);
    font: inherit;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    box-shadow: var(--shadow-elevation);
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.application-settings-page__tab:hover[b-eze0myv874] {
    background: var(--color-hover);
    transform: translateY(-1px);
}

.application-settings-page__tab.is-active[b-eze0myv874] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

.application-settings-page__content[b-eze0myv874] {
    width: 100%;
    padding: 1.1rem 1.2rem 1.25rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.application-settings-page__grid[b-eze0myv874] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem;
}

.application-settings-page__field[b-eze0myv874] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.application-settings-page__field--full[b-eze0myv874] {
    grid-column: 1 / -1;
}

.application-settings-page__label[b-eze0myv874] {
    font-size: 0.95rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--color-text-primary);
}

.application-settings-page__required[b-eze0myv874] {
    color: var(--color-danger);
}

.application-settings-page__textarea[b-eze0myv874] {
    width: 100%;
    min-height: 10rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    color: var(--color-text-primary);
    font: inherit;
    resize: vertical;
    box-shadow: var(--shadow-elevation);
}

.application-settings-page__textarea:focus[b-eze0myv874] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);
}

.application-settings-page__secret-row[b-eze0myv874] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.3rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 88%, var(--color-primary) 12%);
    border-radius: var(--radius-lg);
    background: linear-gradient(180deg, var(--color-surface) 0%, color-mix(in srgb, var(--color-surface) 92%, var(--color-background) 8%) 100%);
    box-shadow: var(--shadow-elevation);
}

.application-settings-page__secret-input[b-eze0myv874] {
    width: 100%;
    padding: 0.8rem 0.95rem;
    border: none;
    border-radius: calc(var(--radius-lg) - 4px);
    background: transparent;
    color: var(--color-text-primary);
    font: inherit;
}

.application-settings-page__checkbox-wrap[b-eze0myv874] {
    display: flex;
    align-items: end;
}

.application-settings-page__checkbox-wrap label[b-eze0myv874] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 100%;
    font-weight: 500;
    color: var(--color-text-primary);
    padding: 0.9rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--shadow-elevation);
}

.application-settings-page__hint[b-eze0myv874] {
    margin: 0.1rem 0 0;
    font-size: 0.92rem;
    color: var(--color-text-secondary);
    line-height: 1.5;
}

.application-settings-page__history[b-eze0myv874] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.application-settings-page__history :global(.table-scroll)[b-eze0myv874] {
    border-radius: var(--radius-xl);
}

.application-settings-page__history :global(.table thead)[b-eze0myv874] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 82%, var(--color-primary) 8%) 0%, color-mix(in srgb, var(--color-surface) 92%, white 8%) 100%);
}

.application-settings-page__history :global(.table th)[b-eze0myv874],
.application-settings-page__history :global(.table td)[b-eze0myv874] {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
}

@media (max-width: 768px) {
    .application-settings-page__layout[b-eze0myv874] {
        flex-direction: column;
    }

        .application-settings-page__grid[b-eze0myv874] {
        grid-template-columns: 1fr;
    }

    .application-settings-page__content[b-eze0myv874] {
        padding: 1rem;
    }
}
/* /Features/AtendyIA/Pages/AtendyIA.razor.rz.scp.css */
.atendy-ia-page[b-k4tqi3ep57] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.atendy-ia-page__card[b-k4tqi3ep57] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.atendy-ia-page__tabs[b-k4tqi3ep57] {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: .75rem;
}

.atendy-ia-page__tabs--loading[b-k4tqi3ep57] {
    gap: .75rem;
}

.atendy-ia-page__tab[b-k4tqi3ep57] {
    border: 1px solid var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 8%, white);
    color: var(--color-primary);
    border-radius: .5rem;
    padding: .625rem .75rem;
    width: auto;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    text-align: left;
    font: inherit;
}

.atendy-ia-page__tab:not(.is-active)[b-k4tqi3ep57] {
    border-color: var(--color-border);
    background: transparent;
    color: var(--color-text);
}

[data-theme="dark"] .atendy-ia-page__tab.is-active[b-k4tqi3ep57] {
    border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border));
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--color-primary) 20%, var(--color-surface-soft)) 0%,
        color-mix(in srgb, var(--color-primary) 12%, var(--color-surface)) 100%
    );
    color: var(--color-text);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff 10%, transparent),
        0 0 0 1px color-mix(in srgb, var(--color-primary) 10%, transparent);
}

[data-theme="dark"] .atendy-ia-page__tab.is-active i[b-k4tqi3ep57] {
    color: var(--color-primary);
}

.atendy-ia-page__content[b-k4tqi3ep57] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.atendy-ia-page__content--loading[b-k4tqi3ep57] {
    gap: 1rem;
}

.atendy-ia-page__actions[b-k4tqi3ep57],
.atendy-ia-page__form-actions[b-k4tqi3ep57] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.atendy-ia-page__form-actions[b-k4tqi3ep57] {
    margin-top: .75rem;
    padding-top: .25rem;
}

.atendy-ia-page__grid[b-k4tqi3ep57] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.atendy-ia-page__field[b-k4tqi3ep57] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.atendy-ia-page__field--full[b-k4tqi3ep57] {
    grid-column: 1 / -1;
}

.atendy-ia-page__label[b-k4tqi3ep57] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.atendy-ia-page__required[b-k4tqi3ep57] {
    color: var(--color-danger);
}

.atendy-ia-page__textarea[b-k4tqi3ep57] {
    width: 100%;
    min-height: 9rem;
    resize: vertical;
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    line-height: 1.5;
    padding: .875rem 1rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.atendy-ia-page__textarea:focus[b-k4tqi3ep57] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 16%, transparent);
}

.atendy-ia-page__textarea[b-k4tqi3ep57]::placeholder {
    color: var(--color-text-muted);
}

.atendy-ia-page__summary[b-k4tqi3ep57] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .75rem;
}

.atendy-ia-page__summary-item[b-k4tqi3ep57] {
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    padding: .85rem 1rem;
    background: var(--color-surface-2);
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.atendy-ia-page__summary-item span[b-k4tqi3ep57],
.atendy-ia-page__log-meta span[b-k4tqi3ep57] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.atendy-ia-page__summary-item strong[b-k4tqi3ep57],
.atendy-ia-page__log-meta strong[b-k4tqi3ep57] {
    color: var(--color-text);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.atendy-ia-page__empty[b-k4tqi3ep57],
.atendy-ia-page__empty-state[b-k4tqi3ep57] {
    border: 1px dashed var(--color-border);
    border-radius: .75rem;
    padding: 1rem;
}

.atendy-ia-page__empty-state[b-k4tqi3ep57] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.atendy-ia-page__log-details[b-k4tqi3ep57] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.atendy-ia-page__log-meta[b-k4tqi3ep57] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .75rem;
}

.atendy-ia-page__log-meta > div[b-k4tqi3ep57] {
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    padding: .85rem 1rem;
    background: var(--color-surface-2);
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.atendy-ia-page__log-blocks[b-k4tqi3ep57] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.atendy-ia-page__log-block[b-k4tqi3ep57] {
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    padding: .85rem 1rem;
    background: var(--color-surface);
}

.atendy-ia-page__log-block h3[b-k4tqi3ep57] {
    margin: 0 0 .75rem 0;
}

.atendy-ia-page__log-block pre[b-k4tqi3ep57] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 320px;
    overflow: auto;
    background: var(--color-surface-2);
    border-radius: .5rem;
    padding: .75rem;
}

@media (max-width: 900px) {
    .atendy-ia-page__tabs[b-k4tqi3ep57] {
        justify-content: stretch;
    }

    .atendy-ia-page__tab[b-k4tqi3ep57] {
        flex: 1 1 180px;
        justify-content: center;
    }
}
/* /Features/Auth/Pages/Authenticate.razor.rz.scp.css */
.auth-shell[b-u9tid2plyy] {
    position: fixed;
    inset: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(20rem, 28vw, 24rem);
    overflow: hidden;
    background: var(--color-background);
    color: var(--color-text);
}

.auth-visual[b-u9tid2plyy] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: clamp(1.5rem, 4vh, 2.5rem);
    padding: clamp(2rem, 5vw, 4.5rem);
    background: var(--color-bg-subtle);
}

.auth-message[b-u9tid2plyy] {
    position: relative;
    z-index: 2;
    width: min(100%, 44rem);
    justify-self: center;
}

.auth-message h2[b-u9tid2plyy] {
    max-width: 35rem;
    margin: 0;
    font-family: var(--font-display, var(--font-family-base));
    font-size: clamp(2rem, 4vw, 3.35rem);
    font-weight: var(--font-weight-bold);
    line-height: 1.05;
    color: var(--color-text-strong);
}

.auth-message p[b-u9tid2plyy] {
    max-width: 42rem;
    margin: 1rem 0 0;
    color: var(--color-text-muted);
    font-size: clamp(0.95rem, 1.35vw, 1.08rem);
    line-height: 1.65;
}

.auth-diagram[b-u9tid2plyy] {
    --diagram-line: color-mix(in srgb, var(--color-border) 82%, transparent);
    position: relative;
    z-index: 1;
    align-self: center;
    justify-self: center;
    width: min(44rem, 70vw);
    height: min(24rem, 42vh);
    min-height: 18rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-panel-bg);
    box-shadow: var(--shadow-soft);
    overflow: hidden;
}

.auth-diagram[b-u9tid2plyy]::before,
.auth-diagram[b-u9tid2plyy]::after {
    content: "";
    position: absolute;
    z-index: 0;
    background: var(--diagram-line);
}

.auth-diagram[b-u9tid2plyy]::before {
    left: 14%;
    right: 14%;
    top: 50%;
    height: 1px;
}

.auth-diagram[b-u9tid2plyy]::after {
    left: 50%;
    top: 16%;
    bottom: 16%;
    width: 1px;
}

.auth-ai[b-u9tid2plyy],
.auth-channel[b-u9tid2plyy] {
    position: absolute;
    z-index: 2;
    display: grid;
    place-items: center;
    border: 1px solid var(--color-border);
    background: var(--color-panel-bg);
    color: var(--color-text-strong);
    box-shadow: var(--shadow-soft);
}

.auth-ai[b-u9tid2plyy] {
    inset: 50% auto auto 50%;
    width: 7.4rem;
    height: 7.4rem;
    border-radius: var(--radius-lg);
    transform: translate(-50%, -50%);
    color: #fff;
    background: var(--color-primary);
    border-color: color-mix(in srgb, var(--color-primary) 62%, var(--color-border));
}

.auth-ai[b-u9tid2plyy]::before,
.auth-ai[b-u9tid2plyy]::after {
    content: "";
    position: absolute;
    inset: -0.75rem;
    border: 1px solid var(--color-primary-soft);
    border-radius: calc(var(--radius-lg) + 0.75rem);
    animation: auth-ai-breathe-b-u9tid2plyy 3.8s ease-in-out infinite;
}

.auth-ai[b-u9tid2plyy]::after {
    inset: -1.35rem;
    animation-delay: -1.9s;
}

.auth-ai span[b-u9tid2plyy],
.auth-channel span[b-u9tid2plyy] {
    font-weight: var(--font-weight-semibold);
}

.auth-ai span[b-u9tid2plyy] {
    max-width: 5.2rem;
    font-family: var(--font-display, var(--font-family-base));
    font-size: 1.08rem;
    line-height: 1.1;
    text-align: center;
}

.auth-channel[b-u9tid2plyy] {
    width: 7.5rem;
    min-height: 4rem;
    gap: 0.16rem;
    border-radius: var(--radius-base);
}

.auth-channel i[b-u9tid2plyy] {
    font-size: 1.3rem;
    color: var(--color-text-strong);
}

.auth-channel span[b-u9tid2plyy] {
    color: var(--color-text);
    font-size: var(--font-size-xs);
    line-height: 1.1;
}

.auth-channel--whatsapp[b-u9tid2plyy] {
    top: 8%;
    left: 50%;
    transform: translateX(-50%);
}

.auth-channel--email[b-u9tid2plyy] {
    top: 50%;
    right: 7%;
    transform: translateY(-50%);
}

.auth-channel--phone[b-u9tid2plyy] {
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
}

.auth-channel--chat[b-u9tid2plyy] {
    top: 50%;
    left: 7%;
    transform: translateY(-50%);
}

.auth-signal[b-u9tid2plyy] {
    position: absolute;
    z-index: 1;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: var(--radius-full);
    background: var(--color-primary);
    box-shadow: 0 0 0 0.25rem var(--color-primary-soft);
}

.auth-signal--one[b-u9tid2plyy] {
    top: 50%;
    left: 24%;
    animation: signal-left-b-u9tid2plyy 2.6s ease-in-out infinite;
}

.auth-signal--two[b-u9tid2plyy] {
    top: 28%;
    left: 50%;
    animation: signal-top-b-u9tid2plyy 2.6s ease-in-out infinite;
    animation-delay: -0.65s;
}

.auth-signal--three[b-u9tid2plyy] {
    top: 50%;
    right: 24%;
    animation: signal-right-b-u9tid2plyy 2.6s ease-in-out infinite;
    animation-delay: -1.3s;
}

.auth-signal--four[b-u9tid2plyy] {
    bottom: 28%;
    left: 50%;
    animation: signal-bottom-b-u9tid2plyy 2.6s ease-in-out infinite;
    animation-delay: -1.95s;
}

.auth-panel[b-u9tid2plyy] {
    align-self: stretch;
    justify-self: stretch;
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    align-content: center;
    gap: 1.5rem;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    border-left: 1px solid var(--color-border);
    background: var(--color-panel-bg);
    box-shadow: -10px 0 28px rgba(15, 23, 42, 0.04);
}

.auth-brand[b-u9tid2plyy] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.auth-mark[b-u9tid2plyy] {
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: var(--radius-base);
    color: #fff;
    background: var(--color-primary);
}

.auth-mark i[b-u9tid2plyy] {
    font-size: 1.05rem;
}

.auth-brand h1[b-u9tid2plyy] {
    margin: 0;
    font-family: var(--font-display, var(--font-family-base));
    font-size: 1.75rem;
    font-weight: var(--font-weight-bold);
    line-height: 1;
    color: var(--color-text-strong);
}

.auth-brand p[b-u9tid2plyy] {
    margin: 0.35rem 0 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.auth-button[b-u9tid2plyy] {
    min-height: 2.85rem;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    border: 0;
    border-radius: var(--radius-sm);
    padding: 0 1rem;
    background: var(--color-primary);
    color: #fff;
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    cursor: pointer;
    transition:
        background var(--transition-fast),
        opacity var(--transition-fast);
}

.auth-button:hover:not(:disabled)[b-u9tid2plyy] {
    background: color-mix(in srgb, var(--color-primary) 88%, #000);
}

.auth-button:focus-visible[b-u9tid2plyy] {
    outline: none;
    box-shadow: var(--focus-ring);
}

.auth-button:disabled[b-u9tid2plyy] {
    cursor: wait;
    opacity: 0.72;
}

.auth-error[b-u9tid2plyy] {
    margin: -0.5rem 0 0;
    padding: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--color-danger) 32%, transparent);
    border-radius: var(--radius-sm);
    background: var(--color-danger-weak);
    color: var(--color-danger);
    font-size: var(--font-size-sm);
    text-align: center;
}

@keyframes auth-ai-breathe-b-u9tid2plyy {
    0%,
    100% {
        opacity: 0.35;
        transform: scale(0.96);
    }

    50% {
        opacity: 0.85;
        transform: scale(1.03);
    }
}

@keyframes signal-left-b-u9tid2plyy {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%);
    }

    20%,
    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(calc(min(44rem, 70vw) * 0.22), -50%);
    }
}

@keyframes signal-right-b-u9tid2plyy {
    0% {
        opacity: 0;
        transform: translate(50%, -50%);
    }

    20%,
    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(calc(min(44rem, 70vw) * -0.22), -50%);
    }
}

@keyframes signal-top-b-u9tid2plyy {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%);
    }

    20%,
    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-50%, calc(min(24rem, 42vh) * 0.16));
    }
}

@keyframes signal-bottom-b-u9tid2plyy {
    0% {
        opacity: 0;
        transform: translate(-50%, 50%);
    }

    20%,
    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-50%, calc(min(24rem, 42vh) * -0.16));
    }
}

@media (prefers-reduced-motion: reduce) {
    .auth-ai[b-u9tid2plyy]::before,
    .auth-ai[b-u9tid2plyy]::after,
    .auth-signal[b-u9tid2plyy] {
        animation: none;
    }
}

@media (max-width: 1020px) {
    .auth-diagram[b-u9tid2plyy] {
        width: min(36rem, 68vw);
    }

    .auth-channel[b-u9tid2plyy] {
        width: 6.5rem;
    }
}

@media (max-width: 820px) {
    .auth-shell[b-u9tid2plyy] {
        grid-template-columns: 1fr;
        padding: 1.25rem;
    }

    .auth-visual[b-u9tid2plyy] {
        display: none;
    }

    .auth-panel[b-u9tid2plyy] {
        min-height: auto;
        width: min(100%, 24rem);
        justify-self: center;
        align-self: center;
        border: 1px solid var(--color-border);
        border-top: 4px solid var(--color-primary);
        border-radius: var(--radius-base);
        box-shadow: var(--shadow-soft);
    }
}

@media (max-width: 420px) {
    .auth-panel[b-u9tid2plyy] {
        padding: 1.5rem;
    }

    .auth-brand[b-u9tid2plyy] {
        align-items: flex-start;
    }
}
/* /Features/Auth/Pages/Callback.razor.rz.scp.css */
.auth-shell[b-8bwb1h50bf] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    overflow: hidden;
    background: var(--color-background);
    color: var(--color-text);
}

.auth-panel[b-8bwb1h50bf] {
    width: min(100%, 22rem);
    display: grid;
    gap: 1.25rem;
    padding: 2rem;
    border: 1px solid var(--color-border);
    border-top: 4px solid var(--color-primary);
    border-radius: var(--radius-base);
    background: var(--color-panel-bg);
    box-shadow: var(--shadow-soft);
}

.auth-brand[b-8bwb1h50bf] {
    display: grid;
    justify-items: center;
    gap: 0.75rem;
    text-align: center;
}

.auth-mark[b-8bwb1h50bf] {
    width: 2.75rem;
    height: 2.75rem;
    display: grid;
    place-items: center;
    border-radius: var(--radius-base);
    color: #fff;
    background: var(--color-primary);
}

.auth-mark i[b-8bwb1h50bf] {
    font-size: 1.05rem;
}

.auth-brand h1[b-8bwb1h50bf] {
    margin: 0;
    font-family: var(--font-display, var(--font-family-base));
    font-size: 1.85rem;
    font-weight: var(--font-weight-bold);
    line-height: 1;
    color: var(--color-text-strong);
}

.auth-brand p[b-8bwb1h50bf] {
    margin: -0.25rem 0 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.auth-progress[b-8bwb1h50bf] {
    width: 8rem;
    height: 0.25rem;
    justify-self: center;
    overflow: hidden;
    border-radius: var(--radius-full);
    background: var(--color-primary-soft);
}

.auth-progress[b-8bwb1h50bf]::after {
    content: "";
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: var(--color-primary);
    animation: auth-progress-b-8bwb1h50bf 1.1s ease-in-out infinite;
}

.auth-button[b-8bwb1h50bf] {
    min-height: 2.85rem;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    border: 0;
    border-radius: var(--radius-sm);
    padding: 0 1rem;
    background: var(--color-primary);
    color: #fff;
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    cursor: pointer;
}

.auth-button:focus-visible[b-8bwb1h50bf] {
    outline: none;
    box-shadow: var(--focus-ring);
}

.auth-error[b-8bwb1h50bf] {
    margin: 0;
    padding: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--color-danger) 32%, transparent);
    border-radius: var(--radius-sm);
    background: var(--color-danger-weak);
    color: var(--color-danger);
    font-size: var(--font-size-sm);
    text-align: center;
}

@keyframes auth-progress-b-8bwb1h50bf {
    0% {
        transform: translateX(-110%);
    }

    50% {
        transform: translateX(75%);
    }

    100% {
        transform: translateX(250%);
    }
}

@media (max-width: 420px) {
    .auth-panel[b-8bwb1h50bf] {
        padding: 1.5rem;
    }
}
/* /Features/Auth/Pages/Login/Login.razor.rz.scp.css */
.login-shell[b-3lengrv0mf] {
    width: min(460px, 100%);
}

.login-card[b-3lengrv0mf] {
    background:
        linear-gradient(155deg, rgba(122, 90, 248, 0.08), rgba(122, 90, 248, 0.02) 28%, transparent 50%),
        var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 22px;
    box-shadow:
        0 14px 34px rgba(42, 28, 89, 0.14),
        0 2px 8px rgba(42, 28, 89, 0.08);
    padding: clamp(24px, 3vw, 32px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--gap-sm);
}

.login-card__brand[b-3lengrv0mf] {
    color: var(--color-primary);
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: -0.4px;
}

.login-card h2[b-3lengrv0mf] {
    margin: 0;
    color: var(--color-text);
    font-size: 2.1rem;
    line-height: 1;
}

.login-card p[b-3lengrv0mf] {
    margin: 0;
    color: var(--color-text-muted);
}

.login-card__form[b-3lengrv0mf] {
    margin-top: var(--gap-md);
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.login-card__error[b-3lengrv0mf] {
    color: var(--color-danger);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.login-company-modal[b-3lengrv0mf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.login-company-modal__description[b-3lengrv0mf] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.login-company-modal__list[b-3lengrv0mf] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.login-company-modal__item[b-3lengrv0mf] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .9rem 1rem;
    border-radius: 1rem;
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));
    text-align: left;
    cursor: pointer;
    transition: border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);
}

.login-company-modal__item:hover:not(:disabled)[b-3lengrv0mf] {
    border-color: color-mix(in srgb, var(--color-primary) 28%, var(--color-border));
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
    transform: translateY(-1px);
}

.login-company-modal__item:disabled[b-3lengrv0mf] {
    cursor: wait;
    opacity: .72;
}

.login-company-modal__item strong[b-3lengrv0mf] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
}

.login-company-modal__item span[b-3lengrv0mf] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
}

.login-company-modal__actions[b-3lengrv0mf] {
    display: flex;
    justify-content: flex-end;
}
/* /Features/Channels/Components/Dialogs/CreateChannelDialog/CreateChannelDialog.razor.rz.scp.css */
.create-channel-dialog__layout[b-0hbah0l48w] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
}

.create-channel-dialog__tabs[b-0hbah0l48w] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.create-channel-dialog__tab[b-0hbah0l48w] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.create-channel-dialog__tab:hover[b-0hbah0l48w] {
    background: var(--color-hover);
}

.create-channel-dialog__tab.is-active[b-0hbah0l48w] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
}

.create-channel-dialog__content[b-0hbah0l48w] {
    width: 100%;
}

.create-channel-dialog__grid[b-0hbah0l48w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-md);
}

.create-channel-dialog__field[b-0hbah0l48w] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

.create-channel-dialog__label[b-0hbah0l48w] {
    font-size: var(--font-size-sm);
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.create-channel-dialog__required[b-0hbah0l48w] {
    color: var(--color-danger);
}

.create-channel-dialog__hint[b-0hbah0l48w] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

@media (max-width: 768px) {
    .create-channel-dialog__layout[b-0hbah0l48w] {
        flex-direction: column;
    }

        .create-channel-dialog__grid[b-0hbah0l48w] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Channels/Components/Dialogs/UpdateChannelDialog/UpdateChannelDialog.razor.rz.scp.css */
.update-channel-dialog__layout[b-18k9s0rsi7] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
}

.update-channel-dialog__tabs[b-18k9s0rsi7] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.update-channel-dialog__tab[b-18k9s0rsi7] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.update-channel-dialog__tab:hover[b-18k9s0rsi7] {
    background: var(--color-hover);
}

.update-channel-dialog__tab.is-active[b-18k9s0rsi7] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

.update-channel-dialog__content[b-18k9s0rsi7] {
    width: 100%;
    padding: 1.1rem 1.2rem 1.25rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.update-channel-dialog__grid[b-18k9s0rsi7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-md);
}

.update-channel-dialog__field[b-18k9s0rsi7] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

.update-channel-dialog__label[b-18k9s0rsi7] {
    font-size: var(--font-size-sm);
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.update-channel-dialog__required[b-18k9s0rsi7] {
    color: var(--color-danger);
}

.update-channel-dialog__hint[b-18k9s0rsi7] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.update-channel-dialog__settings[b-18k9s0rsi7] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.update-channel-dialog__error[b-18k9s0rsi7] {
    color: var(--color-danger);
    font-size: var(--font-size-xs);
}

.update-channel-dialog__history[b-18k9s0rsi7] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.update-channel-dialog__history :global(.table-scroll)[b-18k9s0rsi7] {
    border-radius: var(--radius-xl);
}

@media (max-width: 768px) {
    .update-channel-dialog__layout[b-18k9s0rsi7] {
        flex-direction: column;
    }

    .update-channel-dialog__tabs[b-18k9s0rsi7] {
        width: 100%;
        min-width: 100%;
    }

    .update-channel-dialog__grid[b-18k9s0rsi7] {
        grid-template-columns: 1fr;
    }

    .update-channel-dialog__content[b-18k9s0rsi7] {
        padding: 1rem;
    }
}
/* /Features/Channels/Pages/Channels.razor.rz.scp.css */
.channels-page[b-xtjp0h3idl] { display: flex; flex-direction: column; gap: 1rem; }
.channels-page__table[b-xtjp0h3idl] { background: var(--color-surface); border-radius: .75rem; border: 1px solid var(--color-border); padding: .5rem; }
/* /Features/Channels/Pages/ChannelStatus.razor.rz.scp.css */
.channel-status-page[b-db6akxp9j8] {
    --channel-status-online: #1f9d68;
    --channel-status-online-soft: rgba(31, 157, 104, 0.14);
    --channel-status-offline: var(--color-danger, #d25b5b);
    --channel-status-offline-soft: color-mix(in srgb, var(--color-danger, #d25b5b) 14%, transparent);
    display: flex;
    flex-direction: column;
    gap: .9rem;
    padding: .15rem 0 .75rem;
}

[data-theme="dark"] .channel-status-page[b-db6akxp9j8] {
    --channel-status-online: #49c98a;
    --channel-status-online-soft: rgba(73, 201, 138, 0.18);
}

.channel-status-page__summary[b-db6akxp9j8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.channel-status-page__summary-card[b-db6akxp9j8] {
    position: relative;
    overflow: hidden;
    padding: .8rem .9rem;
    border-radius: .95rem;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--color-text) 4%, transparent);
}

.channel-status-page__summary-card--accent[b-db6akxp9j8] {
    border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
    background: var(--color-surface);
}

.channel-status-page__summary-label[b-db6akxp9j8] {
    display: block;
    color: var(--color-text-muted);
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.channel-status-page__summary-value[b-db6akxp9j8] {
    display: block;
    margin-top: .3rem;
    color: var(--color-text);
    font-size: clamp(1.2rem, 1.5vw, 1.65rem);
    font-weight: 800;
}

.channel-status-page__summary-value--compact[b-db6akxp9j8] {
    font-size: .98rem;
    line-height: 1.2;
}

.channel-status-page__summary-value--online[b-db6akxp9j8] {
    color: var(--channel-status-online);
}

.channel-status-page__summary-value--offline[b-db6akxp9j8] {
    color: var(--channel-status-offline);
}

.channel-status-page__panel[b-db6akxp9j8] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 1.1rem;
    padding: 1rem;
    box-shadow: 0 10px 26px color-mix(in srgb, var(--color-text) 4%, transparent);
}

.channel-status-page__state[b-db6akxp9j8] {
    color: var(--color-text-muted);
    padding: 1rem 0;
}

.channel-status-page__panel-header[b-db6akxp9j8] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: .8rem;
}

.channel-status-page__section-label[b-db6akxp9j8] {
    display: inline-block;
    margin-bottom: .2rem;
    color: color-mix(in srgb, var(--color-primary) 80%, var(--color-text-muted));
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.channel-status-page__section-title[b-db6akxp9j8] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.05rem;
}

.channel-status-page__grid[b-db6akxp9j8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.channel-status-page__channel-card[b-db6akxp9j8] {
    position: relative;
    overflow: hidden;
    padding: .8rem .8rem .85rem;
    border-radius: .95rem;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.channel-status-page__channel-card[b-db6akxp9j8]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: color-mix(in srgb, var(--color-border) 86%, var(--color-text-muted));
}

.channel-status-page__channel-card:hover[b-db6akxp9j8] {
    transform: translateY(-2px);
    box-shadow: 0 12px 22px color-mix(in srgb, var(--color-text) 6%, transparent);
}

.channel-status-page__channel-card--online[b-db6akxp9j8]::before {
    background: var(--channel-status-online);
}

.channel-status-page__channel-card--online[b-db6akxp9j8] {
    border-color: color-mix(in srgb, var(--channel-status-online) 36%, var(--color-border));
}

.channel-status-page__channel-card--offline[b-db6akxp9j8]::before {
    background: var(--channel-status-offline);
}

.channel-status-page__channel-card--offline[b-db6akxp9j8] {
    border-color: color-mix(in srgb, var(--channel-status-offline) 36%, var(--color-border));
}

.channel-status-page__channel-top[b-db6akxp9j8] {
    display: flex;
    justify-content: space-between;
    gap: .6rem;
    align-items: flex-start;
}

.channel-status-page__channel-type[b-db6akxp9j8] {
    display: inline-block;
    margin-bottom: .2rem;
    color: var(--color-text-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.channel-status-page__name[b-db6akxp9j8] {
    margin: 0;
    font-weight: 600;
    color: var(--color-text);
    font-size: 1.02rem;
    line-height: 1.25;
}

.channel-status-page__reason[b-db6akxp9j8] {
    margin: .5rem 0 0;
    color: var(--color-text-muted);
    font-size: .84rem;
    line-height: 1.35;
    min-height: 2.1rem;
}

.channel-status-page__stats[b-db6akxp9j8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    margin-top: .7rem;
}

.channel-status-page__stat[b-db6akxp9j8] {
    padding: .62rem .7rem;
    border-radius: .8rem;
    background: var(--color-surface-soft);
    border: 1px solid color-mix(in srgb, var(--color-border) 90%, var(--color-surface-soft) 10%);
}

.channel-status-page__stat-label[b-db6akxp9j8] {
    display: block;
    color: var(--color-text-muted);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.channel-status-page__stat-value[b-db6akxp9j8] {
    display: block;
    margin-top: .18rem;
    color: var(--color-text);
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.25;
}

.channel-status-page__badge[b-db6akxp9j8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5.2rem;
    padding: .35rem .55rem;
    border-radius: 999px;
    border: 1px solid currentColor;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.channel-status-page__badge--online[b-db6akxp9j8] {
    background: var(--channel-status-online-soft);
    color: var(--channel-status-online);
}

.channel-status-page__badge--offline[b-db6akxp9j8] {
    background: var(--channel-status-offline-soft);
    color: var(--channel-status-offline);
}

@media (max-width: 1080px) {
    .channel-status-page__grid[b-db6akxp9j8] {
        grid-template-columns: 1fr 1fr;
    }

    .channel-status-page__summary[b-db6akxp9j8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .channel-status-page[b-db6akxp9j8] {
        gap: 1rem;
    }

    .channel-status-page__grid[b-db6akxp9j8],
    .channel-status-page__stats[b-db6akxp9j8] {
        grid-template-columns: 1fr;
    }

    .channel-status-page__summary[b-db6akxp9j8] {
        grid-template-columns: 1fr;
    }

    .channel-status-page__panel[b-db6akxp9j8] {
        padding: .9rem;
    }

    .channel-status-page__channel-top[b-db6akxp9j8] {
        flex-direction: column;
        align-items: flex-start;
    }

    .channel-status-page__reason[b-db6akxp9j8] {
        min-height: 0;
    }
}
/* /Features/Companies/Components/Dialogs/CreateCompanyDialog/CreateCompanyDialog.razor.rz.scp.css */
.create-company-dialog__layout[b-ev4b7w6csh] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
}

.create-company-dialog__tabs[b-ev4b7w6csh] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.create-company-dialog__tab[b-ev4b7w6csh] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.create-company-dialog__tab:hover[b-ev4b7w6csh] {
    background: var(--color-hover);
}

.create-company-dialog__tab.is-active[b-ev4b7w6csh] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
}

.create-company-dialog__content[b-ev4b7w6csh] {
    width: 100%;
}

.create-company-dialog__settings[b-ev4b7w6csh] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
}

.create-company-dialog__grid[b-ev4b7w6csh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-md);
}

.create-company-dialog__field[b-ev4b7w6csh] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

.create-company-dialog__field--full[b-ev4b7w6csh] {
    grid-column: 1 / -1;
}

.create-company-dialog__dropdown-label[b-ev4b7w6csh] {
    font-size: var(--font-size-sm);
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.create-company-dialog__required[b-ev4b7w6csh] {
    color: var(--color-danger);
}

.create-company-dialog__error[b-ev4b7w6csh] {
    font-size: var(--font-size-xs);
    color: var(--color-danger);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

@media (max-width: 768px) {
    .create-company-dialog__layout[b-ev4b7w6csh] {
        flex-direction: column;
    }

        .create-company-dialog__grid[b-ev4b7w6csh] {
        grid-template-columns: 1fr;
    }

    .create-company-dialog__field--full[b-ev4b7w6csh] {
        grid-column: auto;
    }
}
/* /Features/Companies/Components/Dialogs/UpdateCompanyDialog/UpdateCompanyDialog.razor.rz.scp.css */
.update-company-dialog__layout[b-9t91fjlctv] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
}

.update-company-dialog__tabs[b-9t91fjlctv] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.update-company-dialog__tab[b-9t91fjlctv] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.update-company-dialog__tab:hover[b-9t91fjlctv] {
    background: var(--color-hover);
}

.update-company-dialog__tab.is-active[b-9t91fjlctv] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

.update-company-dialog__content[b-9t91fjlctv] {
    width: 100%;
    padding: 1.1rem 1.2rem 1.25rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.update-company-dialog__settings[b-9t91fjlctv] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
}

.update-company-dialog__grid[b-9t91fjlctv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-md);
}

.update-company-dialog__field[b-9t91fjlctv] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

.update-company-dialog__meta-label[b-9t91fjlctv] {
    font-size: var(--font-size-sm);
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.update-company-dialog__meta-value[b-9t91fjlctv] {
    min-height: 42px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    box-shadow: var(--shadow-elevation);
    padding: 6px 8px 6px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-sm);
}

.update-company-dialog__meta-text[b-9t91fjlctv] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    letter-spacing: 0.3px;
}

.update-company-dialog__field--full[b-9t91fjlctv] {
    grid-column: 1 / -1;
}

.update-company-dialog__error[b-9t91fjlctv] {
    font-size: var(--font-size-xs);
    color: var(--color-danger);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.update-company-dialog__history[b-9t91fjlctv] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.update-company-dialog__history :global(.table-scroll)[b-9t91fjlctv] {
    border-radius: var(--radius-xl);
}

.update-company-dialog__actions-group[b-9t91fjlctv] {
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
}

.update-company-dialog__actions-separator[b-9t91fjlctv] {
    width: 1px;
    height: 26px;
    background: var(--color-border);
}

@media (max-width: 768px) {
    .update-company-dialog__layout[b-9t91fjlctv] {
        flex-direction: column;
    }

    .update-company-dialog__tabs[b-9t91fjlctv] {
        width: 100%;
        min-width: 100%;
    }

    .update-company-dialog__grid[b-9t91fjlctv] {
        grid-template-columns: 1fr;
    }

    .update-company-dialog__field--full[b-9t91fjlctv] {
        grid-column: auto;
    }

    .update-company-dialog__actions-separator[b-9t91fjlctv] {
        display: none;
    }

    .update-company-dialog__content[b-9t91fjlctv] {
        padding: 1rem;
    }
}
/* /Features/Companies/Pages/Companies.razor.rz.scp.css */
.companies-page[b-u5arx9zwds] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    padding: var(--gap-md);
    max-width: var(--container-max-width);
    margin: var(--gap-md) auto 0 auto;
}

.companies-page__filters[b-u5arx9zwds],
.companies-page__table[b-u5arx9zwds] {
    width: 100%;
    background: var(--color-surface);
    border-radius: .75rem;
    border: 1px solid var(--color-border);
}

.companies-page__filters[b-u5arx9zwds] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.companies-page__filters-grid[b-u5arx9zwds] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
    align-items: end;
}

.companies-page__page-size[b-u5arx9zwds] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.companies-page__page-size-label[b-u5arx9zwds] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.companies-page__filter-actions[b-u5arx9zwds] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
}

.companies-page__filters[b-u5arx9zwds] (.dd),
.companies-page__filters[b-u5arx9zwds] (.input) {
    width: 100%;
}

.companies-page__table[b-u5arx9zwds] (.table__actions-content .btn) {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 999px;
}

@media (max-width: 1100px) {
    .companies-page__filters-grid[b-u5arx9zwds] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .companies-page[b-u5arx9zwds] {
        padding: var(--gap-sm);
        margin-top: var(--gap-sm);
        gap: var(--gap-md);
    }

    .companies-page__filters-grid[b-u5arx9zwds] {
        grid-template-columns: 1fr;
    }

    .companies-page__filter-actions[b-u5arx9zwds] {
        justify-content: stretch;
    }

    .companies-page__filter-actions[b-u5arx9zwds] (.btn) {
        width: 100%;
    }
}
/* /Features/Contacts/Components/Dialogs/CreateContactDialog/CreateContactDialog.razor.rz.scp.css */
.create-contact-dialog__form[b-uitu6ecqzr] {
    width: 100%;
}

.create-contact-dialog__layout[b-uitu6ecqzr] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
    width: 100%;
}

.create-contact-dialog__content[b-uitu6ecqzr] {
    width: 100%;
    padding: 1.1rem 1.2rem 1.25rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.create-contact-dialog__grid[b-uitu6ecqzr] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.create-contact-dialog__field[b-uitu6ecqzr] { display: flex; flex-direction: column; gap: .25rem; }
.create-contact-dialog__field--full[b-uitu6ecqzr] { grid-column: 1 / -1; }
.create-contact-dialog__label[b-uitu6ecqzr] { font-size: .85rem; color: var(--color-text); }

@media (max-width: 900px) {
    .create-contact-dialog__content[b-uitu6ecqzr] {
        padding: 1rem;
    }

    .create-contact-dialog__grid[b-uitu6ecqzr] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Contacts/Components/Dialogs/UpdateContactDialog/UpdateContactDialog.razor.rz.scp.css */
.update-contact-dialog__form[b-13k0estc04] {
    width: 100%;
}

.update-contact-dialog__layout[b-13k0estc04] { display: flex; flex-direction: column; gap: var(--gap-lg); align-items: flex-start; width: 100%; }
.update-contact-dialog__tabs[b-13k0estc04] { width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm); }
.update-contact-dialog__tab[b-13k0estc04] { width: auto;
    text-align: left; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-base); background: var(--color-surface); color: var(--color-text); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem; }
.update-contact-dialog__tab.is-active[b-13k0estc04] { border-color: var(--color-primary); color: var(--color-primary); box-shadow: var(--focus-ring); background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%); }
.update-contact-dialog__content[b-13k0estc04] { width: 100%; padding: 1.1rem 1.2rem 1.25rem; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%); box-shadow: var(--shadow-elevation); }
.update-contact-dialog__grid[b-13k0estc04] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.update-contact-dialog__field[b-13k0estc04] { display: flex; flex-direction: column; gap: .25rem; }
.update-contact-dialog__field--full[b-13k0estc04] { grid-column: 1 / -1; }
.update-contact-dialog__label[b-13k0estc04] { font-size: .85rem; color: var(--color-text); }
.update-contact-dialog__history[b-13k0estc04] { display: flex; flex-direction: column; gap: var(--gap-md); }
.update-contact-dialog__tickets[b-13k0estc04] { display: flex; flex-direction: column; gap: var(--gap-md); }
.update-contact-dialog__history :global(.table-scroll)[b-13k0estc04] { border-radius: var(--radius-xl); }
@media (max-width: 900px) {
    .update-contact-dialog__tabs[b-13k0estc04] { width: 100%; min-width: 100%; }
    .update-contact-dialog__content[b-13k0estc04] { padding: 1rem; }
    .update-contact-dialog__grid[b-13k0estc04] { grid-template-columns: 1fr; }
}
/* /Features/Contacts/Pages/Contacts.razor.rz.scp.css */
.contacts-page[b-rkv7p2q4ig] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contacts-page__filters[b-rkv7p2q4ig],
.contacts-page__table[b-rkv7p2q4ig] {
    background: var(--color-surface);
    border-radius: .75rem;
    border: 1px solid var(--color-border);
}

.contacts-page__filters[b-rkv7p2q4ig] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.contacts-page__filters-grid[b-rkv7p2q4ig] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
    align-items: end;
}

.contacts-page__filters-footer[b-rkv7p2q4ig] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    flex-wrap: wrap;
}

.contacts-page__page-size[b-rkv7p2q4ig] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: min(100%, 220px);
}

.contacts-page__page-size-label[b-rkv7p2q4ig] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.contacts-page__filter-actions[b-rkv7p2q4ig] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
}

.contacts-page__filters[b-rkv7p2q4ig] (.dd),
.contacts-page__filters[b-rkv7p2q4ig] (.input) {
    width: 100%;
}

.contacts-page__table[b-rkv7p2q4ig] {
    padding: .5rem;
}

@media (max-width: 1100px) {
    .contacts-page__filters-grid[b-rkv7p2q4ig] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .contacts-page__filters-grid[b-rkv7p2q4ig] {
        grid-template-columns: 1fr;
    }

    .contacts-page__filters-footer[b-rkv7p2q4ig] {
        align-items: stretch;
    }

    .contacts-page__page-size[b-rkv7p2q4ig] {
        min-width: 0;
    }

    .contacts-page__filter-actions[b-rkv7p2q4ig] {
        justify-content: stretch;
    }

    .contacts-page__filter-actions[b-rkv7p2q4ig] (.btn) {
        width: 100%;
    }
}
/* /Features/Customers/Components/Dialogs/CreateCustomerDialog/CreateCustomerDialog.razor.rz.scp.css */
.create-customer-dialog__form[b-0ozojay5sr] {
    width: 100%;
}

.create-customer-dialog__layout[b-0ozojay5sr] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
    width: 100%;
}

.create-customer-dialog__tabs[b-0ozojay5sr] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.create-customer-dialog__tab[b-0ozojay5sr] {
    width: auto;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    border-radius: var(--radius-base);
    color: var(--color-text);
    text-align: left;
    padding: 10px 12px;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.create-customer-dialog__tab:hover[b-0ozojay5sr] {
    background: var(--color-hover);
}

.create-customer-dialog__tab.is-active[b-0ozojay5sr] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

.create-customer-dialog__content[b-0ozojay5sr] {
    width: 100%;
    padding: 1.1rem 1.2rem 1.25rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.create-customer-dialog__grid[b-0ozojay5sr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.create-customer-dialog__field[b-0ozojay5sr] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.create-customer-dialog__field--full[b-0ozojay5sr] {
    grid-column: 1 / -1;
}

.create-customer-dialog__label[b-0ozojay5sr] {
    font-size: .85rem;
    color: var(--color-text);
}

.create-customer-dialog__required[b-0ozojay5sr] {
    color: var(--color-danger);
}

.create-customer-dialog__hint[b-0ozojay5sr],
.create-customer-dialog__warning[b-0ozojay5sr],
.create-customer-dialog__error[b-0ozojay5sr] {
    margin: 0;
    font-size: .85rem;
}

.create-customer-dialog__warning[b-0ozojay5sr] {
    color: var(--color-warning);
}

.create-customer-dialog__error[b-0ozojay5sr] {
    color: var(--color-danger);
}

@media (max-width: 900px) {
    .create-customer-dialog__content[b-0ozojay5sr] {
        padding: 1rem;
    }

    .create-customer-dialog__grid[b-0ozojay5sr] {
        grid-template-columns: 1fr;
    }

    .create-customer-dialog__field--full[b-0ozojay5sr] {
        grid-column: auto;
    }
}
/* /Features/Customers/Components/Dialogs/CustomerContactsDialog/CustomerContactsDialog.razor.rz.scp.css */
.customer-contacts-dialog__table[b-uexwysasc3] { width: 100%; border-collapse: collapse; }
.customer-contacts-dialog__table th[b-uexwysasc3], .customer-contacts-dialog__table td[b-uexwysasc3] { text-align: left; padding: .5rem; border-bottom: 1px solid var(--color-border); }
/* /Features/Customers/Components/Dialogs/UpdateCustomerDialog/UpdateCustomerDialog.razor.rz.scp.css */
.update-customer-dialog__form[b-vkh02jielt] {
    width: 100%;
}

.update-customer-dialog__layout[b-vkh02jielt] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
    width: 100%;
}

.update-customer-dialog__tabs[b-vkh02jielt] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.update-customer-dialog__tab[b-vkh02jielt] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.update-customer-dialog__tab.is-active[b-vkh02jielt] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

.update-customer-dialog__content[b-vkh02jielt] {
    width: 100%;
    padding: 1.1rem 1.2rem 1.25rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.update-customer-dialog__grid[b-vkh02jielt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.update-customer-dialog__field[b-vkh02jielt] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.update-customer-dialog__field--full[b-vkh02jielt] {
    grid-column: 1 / -1;
}

.update-customer-dialog__label[b-vkh02jielt] {
    font-size: .85rem;
    color: var(--color-text);
}

.update-customer-dialog__required[b-vkh02jielt] {
    color: var(--color-danger);
}

.update-customer-dialog__settings[b-vkh02jielt],
.update-customer-dialog__sync-actions[b-vkh02jielt] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.update-customer-dialog__hint[b-vkh02jielt],
.update-customer-dialog__warning[b-vkh02jielt],
.update-customer-dialog__error[b-vkh02jielt] {
    margin: 0;
    font-size: .85rem;
}

.update-customer-dialog__warning[b-vkh02jielt] {
    color: var(--color-warning);
}

.update-customer-dialog__error[b-vkh02jielt] {
    color: var(--color-danger);
}

.update-customer-dialog__history[b-vkh02jielt] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.update-customer-dialog__tickets[b-vkh02jielt] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.update-customer-dialog__history :global(.table-scroll)[b-vkh02jielt] {
    border-radius: var(--radius-xl);
}

@media (max-width: 900px) {
    .update-customer-dialog__layout[b-vkh02jielt] {
        flex-direction: column;
    }

    .update-customer-dialog__tabs[b-vkh02jielt] {
        width: 100%;
        min-width: 100%;
    }

    .update-customer-dialog__content[b-vkh02jielt] {
        padding: 1rem;
    }

    .update-customer-dialog__grid[b-vkh02jielt] {
        grid-template-columns: 1fr;
    }

    .update-customer-dialog__field--full[b-vkh02jielt] {
        grid-column: auto;
    }
}
/* /Features/Customers/Pages/Customers.razor.rz.scp.css */
.customers-page[b-rbsotcg7a9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.customers-page__filters[b-rbsotcg7a9],
.customers-page__table[b-rbsotcg7a9] {
    background: var(--color-surface);
    border-radius: .75rem;
    border: 1px solid var(--color-border);
}

.customers-page__filters[b-rbsotcg7a9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.customers-page__filters-grid[b-rbsotcg7a9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
    align-items: end;
}

.customers-page__page-size[b-rbsotcg7a9] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.customers-page__page-size-label[b-rbsotcg7a9] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.customers-page__filter-actions[b-rbsotcg7a9] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
}

.customers-page__filters[b-rbsotcg7a9] (.dd),
.customers-page__filters[b-rbsotcg7a9] (.input) {
    width: 100%;
}

.customers-page__table[b-rbsotcg7a9] {
    padding: .5rem;
}

@media (max-width: 1100px) {
    .customers-page__filters-grid[b-rbsotcg7a9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .customers-page__filters-grid[b-rbsotcg7a9] {
        grid-template-columns: 1fr;
    }

    .customers-page__filter-actions[b-rbsotcg7a9] {
        justify-content: stretch;
    }

    .customers-page__filter-actions[b-rbsotcg7a9] (.btn) {
        width: 100%;
    }
}
/* /Features/EmailAccount/Pages/EmailAccount.razor.rz.scp.css */
.email-imap-page[b-pesk0iu2ol] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.email-imap-page__table[b-pesk0iu2ol] {
    background: var(--color-surface);
    border-radius: .75rem;
    border: 1px solid var(--color-border);
    padding: .75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.email-imap-page__toolbar[b-pesk0iu2ol] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding-inline: .25rem;
}

.email-imap-page__toolbar-copy[b-pesk0iu2ol] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.email-imap-page__toolbar-copy strong[b-pesk0iu2ol] {
    color: var(--color-text);
    font-size: var(--font-size-md);
}

.email-imap-page__toolbar-copy span[b-pesk0iu2ol] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.email-imap-page__toolbar-actions[b-pesk0iu2ol] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.email-imap-page__empty[b-pesk0iu2ol] {
    background: var(--color-surface);
    border: 1px dashed var(--color-border);
    border-radius: .75rem;
    padding: 1rem;
}

.email-imap-page__form[b-pesk0iu2ol] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .875rem;
}

.email-imap-page__dialog-layout[b-pesk0iu2ol] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
}

.email-imap-page__tabs-panel[b-pesk0iu2ol] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.email-imap-page__dialog-tab[b-pesk0iu2ol] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.email-imap-page__dialog-tab.is-active[b-pesk0iu2ol] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

.email-imap-page__dialog-content[b-pesk0iu2ol] {
    width: 100%;
    padding: 1.1rem 1.2rem 1.25rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.email-imap-page__dialog-content :global(.table-scroll)[b-pesk0iu2ol] {
    border-radius: var(--radius-xl);
}

.email-imap-page__provider-picker[b-pesk0iu2ol] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.email-imap-page__provider-label[b-pesk0iu2ol] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.email-imap-page__provider-options[b-pesk0iu2ol] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.email-imap-page__provider-option[b-pesk0iu2ol] {
    border: 1px solid var(--color-border);
    border-radius: .875rem;
    padding: .875rem 1rem;
    background: var(--color-surface);
    display: flex;
    align-items: center;
    gap: .875rem;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
    position: relative;
}

.email-imap-page__provider-option.is-selected[b-pesk0iu2ol] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);
}

.email-imap-page__provider-option input[b-pesk0iu2ol] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.email-imap-page__provider-option-icon[b-pesk0iu2ol] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-surface-2);
    color: var(--color-primary);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.email-imap-page__provider-option-text[b-pesk0iu2ol] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.email-imap-page__provider-option-text strong[b-pesk0iu2ol] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
}

.email-imap-page__provider-option-text small[b-pesk0iu2ol] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
}

.email-imap-page__field--full[b-pesk0iu2ol] {
    grid-column: 1 / -1;
}

.email-imap-page__checkbox-wrap[b-pesk0iu2ol] {
    display: flex;
    align-items: center;
}

.email-imap-page__checkbox-wrap--full[b-pesk0iu2ol] {
    grid-column: 1 / -1;
}

.email-imap-page__checkbox-wrap label[b-pesk0iu2ol] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--color-text);
    font-size: var(--font-size-sm);
}

.email-imap-page__checkbox-wrap input[type="checkbox"][b-pesk0iu2ol] {
    width: 1rem;
    height: 1rem;
}

.email-imap-page__log-details[b-pesk0iu2ol] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.email-imap-page__log-filters[b-pesk0iu2ol] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .875rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: .875rem;
    background: var(--color-surface-2);
}

.email-imap-page__log-filter[b-pesk0iu2ol] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.email-imap-page__log-filter label[b-pesk0iu2ol] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: 600;
}

.email-imap-page__log-filter :global(.input)[b-pesk0iu2ol] {
    width: 100%;
}

.email-imap-page__log-filter-actions[b-pesk0iu2ol] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
    grid-column: 1 / -1;
}

.email-imap-page__log-meta[b-pesk0iu2ol] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .75rem;
}

.email-imap-page__log-meta div[b-pesk0iu2ol] {
    border: 1px dashed var(--color-border);
    border-radius: .75rem;
    padding: .875rem;
    border-radius: .75rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    background: var(--color-surface-2);
}

.email-imap-page__log-meta span[b-pesk0iu2ol] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.email-imap-page__log-block[b-pesk0iu2ol] {
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    padding: .875rem;
    background: var(--color-surface);
}

.email-imap-page__log-block h3[b-pesk0iu2ol] {
    margin: 0 0 .5rem;
    font-size: var(--font-size-sm);
}

.email-imap-page__log-block pre[b-pesk0iu2ol] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--color-text);
    font-family: inherit;
}

@media (max-width: 768px) {
    .email-imap-page__log-filter-actions[b-pesk0iu2ol] {
        align-items: stretch;
    }
}

@media (max-width: 768px) {
    .email-imap-page__dialog-layout[b-pesk0iu2ol] {
        flex-direction: column;
    }

    .email-imap-page__tabs-panel[b-pesk0iu2ol] {
        width: 100%;
        min-width: 100%;
    }

    .email-imap-page__dialog-content[b-pesk0iu2ol] {
        padding: 1rem;
    }

    .email-imap-page__form[b-pesk0iu2ol] {
        grid-template-columns: 1fr;
    }

    .email-imap-page__provider-options[b-pesk0iu2ol] {
        grid-template-columns: 1fr;
    }
}
/* /Features/EmailPlatformAccount/Pages/EmailPlatformAccount.razor.rz.scp.css */
.email-smtp-page[b-16hbxo52kg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.email-smtp-page__card[b-16hbxo52kg] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.email-smtp-page__tabs[b-16hbxo52kg] {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: .75rem;
}

.email-smtp-page__tabs--loading[b-16hbxo52kg] {
    gap: .75rem;
}

.email-smtp-page__tab[b-16hbxo52kg] {
    border: 1px solid var(--color-border);
    background: transparent;
    color: var(--color-text);
    border-radius: .5rem;
    padding: .625rem .75rem;
    width: auto;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.email-smtp-page__tab.is-active[b-16hbxo52kg] {
    background: var(--color-hover);
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
}

.email-smtp-page__content[b-16hbxo52kg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.email-smtp-page__content--loading[b-16hbxo52kg] {
    gap: 1rem;
}

.email-smtp-page__actions[b-16hbxo52kg] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.email-smtp-page__grid[b-16hbxo52kg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .75rem;
}

.email-smtp-page__form-actions[b-16hbxo52kg] {
    display: flex;
    gap: .5rem;
    margin-top: .75rem;
}

.email-smtp-page__checkbox-wrap[b-16hbxo52kg] {
    display: flex;
    align-items: end;
    padding-bottom: .5rem;
}

.email-smtp-page__test-sections[b-16hbxo52kg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.email-smtp-page__test-section[b-16hbxo52kg] {
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    padding: .75rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.email-smtp-page__test-section h3[b-16hbxo52kg] {
    margin: 0;
    font-size: .95rem;
}

.email-smtp-page__empty[b-16hbxo52kg] {
    border: 1px dashed var(--color-border);
    border-radius: .75rem;
    padding: 1rem;
}

.email-smtp-page__empty-state[b-16hbxo52kg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

@media (max-width: 900px) {
    .email-smtp-page__tabs[b-16hbxo52kg] {
        justify-content: stretch;
    }

    .email-smtp-page__tab[b-16hbxo52kg] {
        flex: 1 1 180px;
        justify-content: center;
    }
}
/* /Features/InboundMessages/Pages/InboundMessages.razor.rz.scp.css */
.inbound-messages-page[b-5za4ahsu2m] {
    display: grid;
    gap: 1.5rem;
}

.inbound-messages-page__filters[b-5za4ahsu2m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 260px)) minmax(280px, 1fr) auto;
    align-items: end;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--color-border-primary);
    border-radius: 1rem;
    background: var(--color-surface-primary);
}

.inbound-messages-page__filter[b-5za4ahsu2m] {
    display: grid;
    gap: 0.5rem;
}

.inbound-messages-page__filter--date[b-5za4ahsu2m] {
    min-width: 0;
}

.inbound-messages-page__filter label[b-5za4ahsu2m] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--color-text-secondary);
}

.inbound-messages-page__filter-actions[b-5za4ahsu2m] {
    display: flex;
    justify-content: flex-end;
}

.inbound-messages-page__table[b-5za4ahsu2m] {
    border: 1px solid var(--color-border-primary);
    border-radius: 1rem;
    background: var(--color-surface-primary);
    overflow: hidden;
}

.inbound-messages-page__empty[b-5za4ahsu2m] {
    padding: 1.5rem;
    border: 1px dashed var(--color-border-primary);
    border-radius: 1rem;
}

.inbound-messages-page__details[b-5za4ahsu2m] {
    display: grid;
    gap: 1rem;
}

.inbound-messages-page__meta[b-5za4ahsu2m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.875rem;
}

.inbound-messages-page__meta div[b-5za4ahsu2m],
.inbound-messages-page__part[b-5za4ahsu2m] {
    display: grid;
    gap: 0.25rem;
    padding: 0.875rem 1rem;
    border: 1px solid var(--color-border-primary);
    border-radius: 0.875rem;
    background: var(--color-surface-secondary);
}

.inbound-messages-page__meta span[b-5za4ahsu2m],
.inbound-messages-page__part span[b-5za4ahsu2m] {
    font-size: var(--font-size-xs);
    color: var(--color-text-secondary);
}

.inbound-messages-page__block[b-5za4ahsu2m] {
    display: grid;
    gap: 0.75rem;
}

.inbound-messages-page__block h3[b-5za4ahsu2m] {
    margin: 0;
    font-size: var(--font-size-md);
}

.inbound-messages-page__block pre[b-5za4ahsu2m] {
    margin: 0;
    padding: 1rem;
    border-radius: 0.875rem;
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border-primary);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 22rem;
    overflow: auto;
}

.inbound-messages-page__parts[b-5za4ahsu2m] {
    display: grid;
    gap: 0.75rem;
}

@media (max-width: 1100px) {
    .inbound-messages-page__filters[b-5za4ahsu2m] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }

    .inbound-messages-page__filter--date[b-5za4ahsu2m],
    .inbound-messages-page__filter-actions[b-5za4ahsu2m] {
        grid-column: 1 / -1;
    }

    .inbound-messages-page__filter-actions[b-5za4ahsu2m] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .inbound-messages-page__filters[b-5za4ahsu2m] {
        grid-template-columns: 1fr;
    }

    .inbound-messages-page__filter--date[b-5za4ahsu2m],
    .inbound-messages-page__filter-actions[b-5za4ahsu2m] {
        grid-column: auto;
    }
}
/* /Features/OutboundMessages/Pages/OutboundMessages.razor.rz.scp.css */
.outbound-messages-page[b-hbucvy9vvs] {
    display: grid;
    gap: 1.5rem;
}

.outbound-messages-page__filters[b-hbucvy9vvs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 260px)) minmax(280px, 1fr) auto;
    align-items: end;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--color-border-primary);
    border-radius: 1rem;
    background: var(--color-surface-primary);
}

.outbound-messages-page__filter[b-hbucvy9vvs] {
    display: grid;
    gap: 0.5rem;
}

.outbound-messages-page__filter--date[b-hbucvy9vvs] {
    min-width: 0;
}

.outbound-messages-page__filter label[b-hbucvy9vvs] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--color-text-secondary);
}

.outbound-messages-page__filter-actions[b-hbucvy9vvs] {
    display: flex;
    justify-content: flex-end;
}

.outbound-messages-page__table[b-hbucvy9vvs] {
    border: 1px solid var(--color-border-primary);
    border-radius: 1rem;
    background: var(--color-surface-primary);
    overflow: hidden;
}

.outbound-messages-page__empty[b-hbucvy9vvs] {
    padding: 1.5rem;
    border: 1px dashed var(--color-border-primary);
    border-radius: 1rem;
}

.outbound-messages-page__details[b-hbucvy9vvs] {
    display: grid;
    gap: 1rem;
}

.outbound-messages-page__meta[b-hbucvy9vvs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.875rem;
}

.outbound-messages-page__meta div[b-hbucvy9vvs],
.outbound-messages-page__part[b-hbucvy9vvs] {
    display: grid;
    gap: 0.25rem;
    padding: 0.875rem 1rem;
    border: 1px solid var(--color-border-primary);
    border-radius: 0.875rem;
    background: var(--color-surface-secondary);
}

.outbound-messages-page__meta-card--wide[b-hbucvy9vvs] {
    grid-column: 1 / -1;
}

.outbound-messages-page__meta span[b-hbucvy9vvs],
.outbound-messages-page__part span[b-hbucvy9vvs] {
    font-size: var(--font-size-xs);
    color: var(--color-text-secondary);
}

.outbound-messages-page__meta strong[b-hbucvy9vvs],
.outbound-messages-page__part strong[b-hbucvy9vvs] {
    min-width: 0;
    line-height: 1.45;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.outbound-messages-page__block[b-hbucvy9vvs] {
    display: grid;
    gap: 0.75rem;
}

.outbound-messages-page__block h3[b-hbucvy9vvs] {
    margin: 0;
    font-size: var(--font-size-md);
}

.outbound-messages-page__block pre[b-hbucvy9vvs] {
    margin: 0;
    padding: 1rem;
    border-radius: 0.875rem;
    background: var(--color-surface-secondary);
    border: 1px solid var(--color-border-primary);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 22rem;
    overflow: auto;
}

.outbound-messages-page__parts[b-hbucvy9vvs] {
    display: grid;
    gap: 0.75rem;
}

@media (max-width: 1100px) {
    .outbound-messages-page__filters[b-hbucvy9vvs] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }

    .outbound-messages-page__filter--date[b-hbucvy9vvs],
    .outbound-messages-page__filter-actions[b-hbucvy9vvs] {
        grid-column: 1 / -1;
    }

    .outbound-messages-page__filter-actions[b-hbucvy9vvs] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .outbound-messages-page__filters[b-hbucvy9vvs] {
        grid-template-columns: 1fr;
    }

    .outbound-messages-page__filter--date[b-hbucvy9vvs],
    .outbound-messages-page__filter-actions[b-hbucvy9vvs] {
        grid-column: auto;
    }
}
/* /Features/OutboxMessages/Pages/OutboxMessages.razor.rz.scp.css */
.outbox-messages-page[b-13x6jyhdy6] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.outbox-messages-page__filters[b-13x6jyhdy6] {
    display: grid;
    grid-template-columns: minmax(16rem, 20rem) minmax(18rem, 1fr) auto;
    gap: 1rem;
    align-items: end;
}

.outbox-messages-page__filter[b-13x6jyhdy6] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.outbox-messages-page__filter label[b-13x6jyhdy6] {
    font-size: 0.95rem;
    color: var(--color-text-muted);
}

.outbox-messages-page__filter--date[b-13x6jyhdy6] {
    min-width: 0;
}

.outbox-messages-page__filter-actions[b-13x6jyhdy6] {
    display: flex;
    align-items: end;
}

.outbox-messages-page__table[b-13x6jyhdy6],
.outbox-messages-page__empty[b-13x6jyhdy6] {
    background: var(--color-surface);
    border: 1px solid var(--color-border-soft);
    border-radius: 1.25rem;
    padding: 1rem;
}

.outbox-messages-page__details[b-13x6jyhdy6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.outbox-messages-page__meta[b-13x6jyhdy6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.outbox-messages-page__meta div[b-13x6jyhdy6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--color-border-soft);
    border-radius: 1rem;
    background: var(--color-surface-soft);
}

.outbox-messages-page__meta span[b-13x6jyhdy6] {
    font-size: 0.8rem;
    color: var(--color-text-muted);
}

.outbox-messages-page__meta strong[b-13x6jyhdy6] {
    word-break: break-word;
}

.outbox-messages-page__meta-card--wide[b-13x6jyhdy6] {
    grid-column: span 3;
}

.outbox-messages-page__block[b-13x6jyhdy6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.outbox-messages-page__block h3[b-13x6jyhdy6] {
    margin: 0;
}

.outbox-messages-page__block pre[b-13x6jyhdy6] {
    margin: 0;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid var(--color-border-soft);
    background: var(--color-surface-soft);
    white-space: pre-wrap;
    word-break: break-word;
}

@media (max-width: 960px) {
    .outbox-messages-page__filters[b-13x6jyhdy6] {
        grid-template-columns: 1fr;
    }

    .outbox-messages-page__meta[b-13x6jyhdy6] {
        grid-template-columns: 1fr;
    }

    .outbox-messages-page__meta-card--wide[b-13x6jyhdy6] {
        grid-column: span 1;
    }
}
/* /Features/ProviderCallLogs/Pages/ProviderCallLogs.razor.rz.scp.css */
.provider-call-logs-page[b-0t29svkoib] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.provider-call-logs-page__empty[b-0t29svkoib],
.provider-call-logs-page__filters[b-0t29svkoib],
.provider-call-logs-page__table[b-0t29svkoib],
.provider-call-logs-page__block[b-0t29svkoib] {
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color, #e6defc);
    border-radius: 1.25rem;
    box-shadow: 0 10px 30px rgba(73, 49, 146, 0.08);
}

.provider-call-logs-page__empty[b-0t29svkoib] {
    padding: 2rem;
}

.provider-call-logs-page__filters[b-0t29svkoib] {
    display: grid;
    grid-template-columns: minmax(12rem, 18rem) minmax(18rem, 24rem) auto;
    gap: 1rem;
    padding: 1rem;
    align-items: end;
}

.provider-call-logs-page__filter[b-0t29svkoib] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.provider-call-logs-page__filter label[b-0t29svkoib] {
    font-weight: 700;
    color: var(--text-secondary, #6b5f93);
}

.provider-call-logs-page__filter-actions[b-0t29svkoib] {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.provider-call-logs-page__table[b-0t29svkoib] {
    padding: 1rem;
}

.provider-call-logs-page__details[b-0t29svkoib] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.provider-call-logs-page__meta[b-0t29svkoib] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.provider-call-logs-page__meta > div[b-0t29svkoib],
.provider-call-logs-page__meta-card[b-0t29svkoib] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 1rem;
    border: 1px solid var(--border-color, #e6defc);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(122,90,248,0.06), rgba(255,255,255,0.95));
}

.provider-call-logs-page__meta span[b-0t29svkoib] {
    font-size: 0.82rem;
    color: var(--text-secondary, #6b5f93);
}

.provider-call-logs-page__meta strong[b-0t29svkoib] {
    color: var(--text-color, #221a44);
    word-break: break-word;
}

.provider-call-logs-page__meta-card--wide[b-0t29svkoib] {
    grid-column: 1 / -1;
}

.provider-call-logs-page__block[b-0t29svkoib] {
    padding: 1rem;
}

.provider-call-logs-page__block h3[b-0t29svkoib] {
    margin: 0 0 0.75rem;
}

@media (max-width: 960px) {
    .provider-call-logs-page__filters[b-0t29svkoib] {
        grid-template-columns: 1fr;
    }

    .provider-call-logs-page__meta[b-0t29svkoib] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Reports/Components/MyPanel/MyPanel.razor.rz.scp.css */
.my-panel[b-ivmm1vx9xi] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.my-panel__hero[b-ivmm1vx9xi] {
    display: block;
    padding: .95rem 1.25rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-border));
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top right, var(--color-hero-glow), transparent 42%),
        linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-soft)), var(--color-surface));
    box-shadow: var(--shadow-elevation);
}

.my-panel__hero-copy[b-ivmm1vx9xi] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.my-panel__kicker[b-ivmm1vx9xi] {
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.my-panel__hero-copy h1[b-ivmm1vx9xi] {
    margin: 0;
    font-size: clamp(1.2rem, 1.45vw, 1.7rem);
    line-height: 1.08;
}

.my-panel__hero-subtitle[b-ivmm1vx9xi] {
    margin: 0;
    color: var(--color-text-muted);
    max-width: 100%;
    font-size: .88rem;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.my-panel__toolbar[b-ivmm1vx9xi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content minmax(280px, 1fr);
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.my-panel__toolbar-title[b-ivmm1vx9xi] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.my-panel__toolbar-filter-label[b-ivmm1vx9xi] {
    min-width: 0;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-muted);
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.my-panel__toolbar-filter-control[b-ivmm1vx9xi] {
    min-width: 0;
    width: 100%;
}

.my-panel__toolbar-filter-control :deep(.date-range-filter)[b-ivmm1vx9xi] {
    display: grid;
    width: 100%;
    min-width: 0;
}

.my-panel__toolbar-filter-control :deep(.dd)[b-ivmm1vx9xi] {
    width: 100%;
    min-width: 0;
}

.my-panel__toolbar-filter-control :deep(.dd__trigger)[b-ivmm1vx9xi] {
    width: 100%;
    min-width: 0;
}

.my-panel__toolbar-filter-control :deep(.date-range-filter__custom)[b-ivmm1vx9xi] {
    width: 100%;
    grid-template-columns: repeat(2, minmax(140px, 1fr));
}

.my-panel__toolbar-filter-control :deep(.date-range-filter__native-input)[b-ivmm1vx9xi] {
    width: 100%;
    min-width: 0;
}

.my-panel__metrics-grid[b-ivmm1vx9xi] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.my-panel__metric-card[b-ivmm1vx9xi],
.my-panel__chart-card[b-ivmm1vx9xi],
.my-panel__tasks-card[b-ivmm1vx9xi],
.my-panel__state[b-ivmm1vx9xi] {
    border: 1px solid var(--color-border);
    border-radius: 1.15rem;
    background: var(--color-surface);
    box-shadow: var(--shadow-elevation);
}

.my-panel__metric-card[b-ivmm1vx9xi] {
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: 1rem 1.1rem;
}

.my-panel__metric-icon[b-ivmm1vx9xi] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .95rem;
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-soft));
    color: var(--color-primary);
    font-size: 1.1rem;
}

.my-panel__metric-body[b-ivmm1vx9xi] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.my-panel__metric-body span[b-ivmm1vx9xi] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.my-panel__metric-body strong[b-ivmm1vx9xi] {
    font-size: 1.6rem;
    line-height: 1;
}

.my-panel__charts[b-ivmm1vx9xi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
}

.my-panel__chart-card[b-ivmm1vx9xi],
.my-panel__tasks-card[b-ivmm1vx9xi] {
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.my-panel__chart-card header[b-ivmm1vx9xi],
.my-panel__tasks-header[b-ivmm1vx9xi] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.my-panel__chart-heading[b-ivmm1vx9xi] {
    display: grid;
    gap: .45rem;
}

.my-panel__chart-card h2[b-ivmm1vx9xi],
.my-panel__tasks-header h2[b-ivmm1vx9xi] {
    margin: 0;
    font-size: 1.05rem;
}

.my-panel__chart-card h2[b-ivmm1vx9xi] {
    line-height: 1.1;
}

.my-panel__chart-card p[b-ivmm1vx9xi],
.my-panel__tasks-header p[b-ivmm1vx9xi] {
    margin: .35rem 0 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.my-panel__chart-card p[b-ivmm1vx9xi] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin: 0;
}

.my-panel__chart-info-icon[b-ivmm1vx9xi] {
    width: 1rem;
    height: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    flex: 0 0 1rem;
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-soft));
    color: var(--color-primary);
    font-size: .68rem;
    font-weight: var(--font-weight-bold);
    line-height: 1;
    margin-top: .1rem;
}

.my-panel__chart-empty[b-ivmm1vx9xi],
.my-panel__task-empty[b-ivmm1vx9xi] {
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--color-text-muted);
    border: 1px dashed var(--color-border);
    border-radius: 1rem;
    padding: 1rem;
}

.my-panel__tasks-badge[b-ivmm1vx9xi] {
    min-width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface-soft));
    color: var(--color-primary);
    font-weight: var(--font-weight-bold);
}

.my-panel__task-list[b-ivmm1vx9xi] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.my-panel__task-item[b-ivmm1vx9xi] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) auto;
    gap: 1rem;
    align-items: center;
    padding: .9rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    background: var(--color-surface-soft);
}

.my-panel__task-main[b-ivmm1vx9xi],
.my-panel__task-meta[b-ivmm1vx9xi] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.my-panel__task-main strong[b-ivmm1vx9xi],
.my-panel__task-meta strong[b-ivmm1vx9xi] {
    color: var(--color-text);
}

.my-panel__task-main span[b-ivmm1vx9xi],
.my-panel__task-meta span[b-ivmm1vx9xi] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.my-panel__task-meta[b-ivmm1vx9xi] {
    text-align: right;
}

.my-panel__state[b-ivmm1vx9xi] {
    padding: 1.5rem;
}

.my-panel__state p[b-ivmm1vx9xi] {
    margin: 0;
}

.my-panel__state--error[b-ivmm1vx9xi] {
    border-color: color-mix(in srgb, var(--color-danger) 25%, var(--color-border));
    background: color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));
}

@media (max-width: 960px) {
    .my-panel__toolbar[b-ivmm1vx9xi] {
        grid-template-columns: 1fr;
        align-items: stretch;
        width: 100%;
    }

    .my-panel__toolbar-title[b-ivmm1vx9xi] {
        justify-content: flex-start;
    }

    .my-panel__metrics-grid[b-ivmm1vx9xi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .my-panel[b-ivmm1vx9xi] {
        gap: 1rem;
    }

    .my-panel__hero[b-ivmm1vx9xi] {
        padding: .9rem 1rem;
        border-radius: 1rem;
    }

    .my-panel__hero-copy h1[b-ivmm1vx9xi] {
        font-size: 1.25rem;
    }

    .my-panel__hero-subtitle[b-ivmm1vx9xi] {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        line-height: 1.3;
    }

    .my-panel__toolbar[b-ivmm1vx9xi] {
        gap: .75rem;
        align-items: stretch;
    }

    .my-panel__toolbar-filter-label[b-ivmm1vx9xi] {
        white-space: normal;
    }

    .my-panel__metrics-grid[b-ivmm1vx9xi] {
        grid-template-columns: 1fr;
    }

    .my-panel__task-item[b-ivmm1vx9xi] {
        grid-template-columns: 1fr;
    }

    .my-panel__task-meta[b-ivmm1vx9xi] {
        text-align: left;
    }
}
/* /Features/Reports/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-k7mbxj59cf] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.dashboard-page__skeleton-stack[b-k7mbxj59cf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard-page__toolbar[b-k7mbxj59cf] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dashboard-page__layout[b-k7mbxj59cf] {
    display: block;
}

.dashboard-page__sidebar[b-k7mbxj59cf],
.dashboard-page__hero[b-k7mbxj59cf],
.dashboard-page__summary-card[b-k7mbxj59cf],
.dashboard-page__widget-card[b-k7mbxj59cf],
.dashboard-page__dialog-card[b-k7mbxj59cf],
.dashboard-page__panel-card[b-k7mbxj59cf],
.dashboard-page__skeleton-card[b-k7mbxj59cf] {
    border: 1px solid color-mix(in srgb, var(--color-primary) 16%, var(--color-border));
    border-radius: 24px;
    background: var(--color-surface);
    box-shadow: 0 18px 40px color-mix(in srgb, var(--color-primary) 10%, transparent);
}

.dashboard-page__sidebar[b-k7mbxj59cf] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    position: fixed;
    top: 8.75rem;
    right: 1.5rem;
    bottom: 1.5rem;
    width: min(360px, calc(100vw - 3rem));
    z-index: 40;
    overflow-y: auto;
}

.dashboard-page__sidebar-backdrop[b-k7mbxj59cf] {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--color-background) 60%, transparent);
    backdrop-filter: blur(3px);
    z-index: 30;
}

.dashboard-page__sidebar-header[b-k7mbxj59cf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-text-muted);
    font-size: 0.92rem;
}

.dashboard-page__skeleton-block[b-k7mbxj59cf] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.dashboard-page__skeleton-actions[b-k7mbxj59cf] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dashboard-page__sidebar-heading[b-k7mbxj59cf] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.dashboard-page__sidebar-close[b-k7mbxj59cf] {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 16%, var(--color-border));
    border-radius: 16px;
    background: var(--color-surface-soft);
    color: var(--color-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dashboard-page__sidebar-empty[b-k7mbxj59cf],
.dashboard-page__widget-empty[b-k7mbxj59cf],
.dashboard-page__empty-state[b-k7mbxj59cf] {
    border: 1px dashed color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
    border-radius: 22px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface-soft) 92%, var(--color-surface) 8%), var(--color-surface));
    color: var(--color-text-muted);
    text-align: center;
}

.dashboard-page__sidebar-empty[b-k7mbxj59cf],
.dashboard-page__widget-empty[b-k7mbxj59cf] {
    padding: 1rem;
}

.dashboard-page__empty-state[b-k7mbxj59cf] {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.65rem;
}

.dashboard-page__empty-state i[b-k7mbxj59cf] {
    font-size: 1.5rem;
    color: var(--color-primary);
}

.dashboard-page__content[b-k7mbxj59cf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.dashboard-page__panel-card[b-k7mbxj59cf] {
    text-align: left;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.dashboard-page__panel-card:hover[b-k7mbxj59cf],
.dashboard-page__panel-card.is-active[b-k7mbxj59cf] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
    box-shadow: 0 20px 46px color-mix(in srgb, var(--color-primary) 14%, transparent);
}

.dashboard-page__panel-card-header[b-k7mbxj59cf],
.dashboard-page__hero-title-row[b-k7mbxj59cf],
.dashboard-page__widget-card-header[b-k7mbxj59cf],
.dashboard-page__section-header[b-k7mbxj59cf],
.dashboard-page__range-card-header[b-k7mbxj59cf] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.dashboard-page__widget-card-header strong[b-k7mbxj59cf] {
    font-size: 0.9rem;
    line-height: 1.2;
}

.dashboard-page__panel-card p[b-k7mbxj59cf],
.dashboard-page__hero p[b-k7mbxj59cf] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.35;
    font-size: 0.96rem;
}

.dashboard-page__panel-card-meta[b-k7mbxj59cf],
.dashboard-page__hero-meta[b-k7mbxj59cf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.55rem;
    color: var(--color-text-muted);
    font-size: 0.78rem;
}

.dashboard-page__panel-card-meta span[b-k7mbxj59cf],
.dashboard-page__hero-meta span[b-k7mbxj59cf] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.dashboard-page__hero-meta-combo[b-k7mbxj59cf] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: nowrap;
}

.dashboard-page__hero-meta-combo > span:first-child[b-k7mbxj59cf] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.dashboard-page__hero[b-k7mbxj59cf] {
    padding: 1.05rem 1.15rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    background:
        radial-gradient(circle at top right, var(--color-hero-glow), transparent 36%),
        linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-soft)), var(--color-surface));
}

.dashboard-page__hero h2[b-k7mbxj59cf] {
    margin: 0;
    font-size: clamp(1.35rem, 1vw + 0.8rem, 1.9rem);
    color: var(--color-text);
    line-height: 1.1;
}

.dashboard-page__hero-actions[b-k7mbxj59cf] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-shrink: 0;
    align-items: flex-start;
    width: fit-content;
    max-width: 120px;
}

.dashboard-page__hero-actions[b-k7mbxj59cf] (.btn) {
    min-height: 2.1rem;
    min-width: 2.1rem;
    padding-inline: 0.55rem;
}

.dashboard-page__hero-actions .dashboard-page__badge[b-k7mbxj59cf] {
    width: 100%;
    max-width: 100%;
    justify-content: center;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.2;
}

.dashboard-page__hero-meta .dashboard-page__badge[b-k7mbxj59cf] {
    width: auto;
    max-width: 100%;
    white-space: nowrap;
    justify-content: center;
    flex-shrink: 0;
}

.dashboard-page__hero > div:first-child[b-k7mbxj59cf] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 1;
    min-width: 0;
}

.dashboard-page__badge[b-k7mbxj59cf] {
    padding: 0.22rem 0.5rem;
    font-size: 0.68rem;
}

@media (max-width: 1380px) {
    .dashboard-page__hero[b-k7mbxj59cf] {
        padding: 0.95rem 1rem;
        gap: 0.85rem;
    }

    .dashboard-page__hero-title-row[b-k7mbxj59cf] {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .dashboard-page__hero h2[b-k7mbxj59cf] {
        font-size: 1.5rem;
    }

    .dashboard-page__hero p[b-k7mbxj59cf] {
        font-size: 0.9rem;
    }

    .dashboard-page__hero-meta[b-k7mbxj59cf] {
        font-size: 0.74rem;
        gap: 0.35rem 0.5rem;
    }

    .dashboard-page__hero-actions[b-k7mbxj59cf] {
        max-width: 110px;
    }

    .dashboard-page__hero-actions[b-k7mbxj59cf] (.btn) {
        flex: 0 0 auto;
        min-height: 2rem;
        min-width: 2rem;
        padding-inline: 0.5rem;
    }
}

@media (max-width: 1120px) {
    .dashboard-page__hero[b-k7mbxj59cf] {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-page__hero-actions[b-k7mbxj59cf] {
        max-width: none;
        justify-content: flex-start;
    }
}

.dashboard-page__summary-grid[b-k7mbxj59cf] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

.dashboard-page__summary-card[b-k7mbxj59cf] {
    padding: 0.8rem 0.95rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.dashboard-page__summary-card span[b-k7mbxj59cf] {
    color: var(--color-text-muted);
    font-size: 0.8rem;
    line-height: 1.25;
}

.dashboard-page__summary-card strong[b-k7mbxj59cf] {
    color: var(--color-text);
    font-size: 0.9rem;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.dashboard-page__summary-period-value[b-k7mbxj59cf] {
    font-size: 0.58rem;
    white-space: normal;
    line-height: 1.15;
    letter-spacing: -0.01em;
    overflow-wrap: anywhere;
}

.dashboard-page__summary-card small[b-k7mbxj59cf] {
    color: var(--color-primary);
    font-size: 0.68rem;
    line-height: 1.25;
}

.dashboard-page__summary-card--highlight[b-k7mbxj59cf] {
    border-color: color-mix(in srgb, var(--color-primary) 38%, var(--color-border));
    box-shadow: 0 14px 28px color-mix(in srgb, var(--color-primary) 12%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)), var(--color-surface));
}

.dashboard-page__widgets-grid[b-k7mbxj59cf],
.dashboard-page__preview-grid[b-k7mbxj59cf] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.dashboard-page__widget-card[b-k7mbxj59cf],
.dashboard-page__preview-card[b-k7mbxj59cf] {
    padding: 1.1rem 1.15rem;
}

.dashboard-page__widget-card-header[b-k7mbxj59cf] {
    min-height: 0;
    gap: 0.5rem;
}

.dashboard-page__widget-card-header strong[b-k7mbxj59cf] {
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 0;
}

.dashboard-page__period-dialog[b-k7mbxj59cf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard-page__period-dialog p[b-k7mbxj59cf] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.5;
}

.dashboard-page__widget-card[b-k7mbxj59cf] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    min-height: 360px;
}

.dashboard-page__widget-card--scorecard[b-k7mbxj59cf] {
    min-height: 0;
    align-self: start;
    height: auto;
    padding: 0.95rem 1rem 1rem;
    gap: 0.5rem;
}

.dashboard-page__preview-card span[b-k7mbxj59cf] {
    color: #7a7197;
    font-size: 0.88rem;
}

.dashboard-page__scorecard[b-k7mbxj59cf] {
    min-height: 0;
    padding: 0.4rem 0 0.15rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.35rem;
}

.dashboard-page__scorecard span[b-k7mbxj59cf] {
    color: #7a7197;
    font-size: 0.9rem;
    font-weight: 500;
}

.dashboard-page__scorecard strong[b-k7mbxj59cf] {
    font-size: 3rem;
    line-height: 1;
    color: #2a213f;
}

.dashboard-page__badge[b-k7mbxj59cf] {
    padding: 0.38rem 0.75rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.dashboard-page__badge--private[b-k7mbxj59cf] {
    background: rgba(115, 86, 255, 0.12);
    color: #6c50f0;
}

.dashboard-page__badge--shared[b-k7mbxj59cf] {
    background: rgba(31, 157, 139, 0.14);
    color: #177b6d;
}

.dashboard-page__badge--team[b-k7mbxj59cf] {
    background: rgba(242, 193, 78, 0.18);
    color: #8a6500;
}

.dashboard-page__dialog[b-k7mbxj59cf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard-page__dialog-tabs[b-k7mbxj59cf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.dashboard-page__dialog-tab[b-k7mbxj59cf] {
    border: 1px solid rgba(124, 101, 255, 0.16);
    background: #fff;
    border-radius: 18px;
    padding: 0.75rem 1rem;
    display: inline-flex;
    gap: 0.55rem;
    align-items: center;
    color: #5a5177;
    font-weight: 600;
}

.dashboard-page__dialog-tab.is-active[b-k7mbxj59cf] {
    color: #6c50f0;
    border-color: rgba(115, 86, 255, 0.34);
    box-shadow: 0 12px 30px rgba(77, 50, 158, 0.08);
}

.dashboard-page__dialog-card[b-k7mbxj59cf] {
    padding: 1.25rem;
}

.dashboard-page__dialog-card--stacked[b-k7mbxj59cf] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.dashboard-page__form-grid[b-k7mbxj59cf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.2rem;
}

.dashboard-page__label[b-k7mbxj59cf] {
    display: block;
    margin-bottom: 0.45rem;
    color: #594f74;
    font-size: 0.92rem;
    font-weight: 600;
}

.dashboard-page__selector-section[b-k7mbxj59cf] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.dashboard-page__selector-header[b-k7mbxj59cf] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.dashboard-page__selector-header small[b-k7mbxj59cf],
.dashboard-page__section-header small[b-k7mbxj59cf] {
    color: #7a7197;
}

.dashboard-page__selector-grid[b-k7mbxj59cf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.dashboard-page__selector-option[b-k7mbxj59cf] {
    border: 1px solid rgba(124, 101, 255, 0.16);
    border-radius: 18px;
    padding: 0.85rem 0.95rem;
    display: flex;
    gap: 0.7rem;
    align-items: center;
    color: #40355a;
    background: linear-gradient(180deg, rgba(246, 244, 255, 0.95), #fff);
}

.dashboard-page__selector-option input[b-k7mbxj59cf] {
    accent-color: #6c50f0;
}

.dashboard-page__widget-editor-list[b-k7mbxj59cf] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.dashboard-page__widget-editor[b-k7mbxj59cf] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(124, 101, 255, 0.16);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(249, 248, 255, 0.98), #fff);
}

.dashboard-page__widget-editor-handle[b-k7mbxj59cf] {
    width: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #7a7197;
    font-size: 1rem;
}

.dashboard-page__widget-editor-fields[b-k7mbxj59cf] {
    display: grid;
    grid-template-columns: 2fr 2fr 1.3fr 1fr;
    gap: 0.9rem;
    align-items: start;
}

.dashboard-page__widget-editor-actions[b-k7mbxj59cf] {
    display: flex;
    align-items: center;
}

.dashboard-page__preview-card[b-k7mbxj59cf] {
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.45rem;
    background: linear-gradient(180deg, rgba(246, 244, 255, 0.95), #fff);
    border: 1px dashed rgba(124, 101, 255, 0.24);
    border-radius: 24px;
}

@media (max-width: 1200px) {
    .dashboard-page__sidebar[b-k7mbxj59cf] {
        top: 8rem;
        right: 1rem;
        bottom: 1rem;
        width: min(360px, calc(100vw - 2rem));
    }

    .dashboard-page__summary-grid[b-k7mbxj59cf],
    .dashboard-page__selector-grid[b-k7mbxj59cf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-page__widget-editor-fields[b-k7mbxj59cf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .dashboard-page__toolbar[b-k7mbxj59cf],
    .dashboard-page__hero[b-k7mbxj59cf],
    .dashboard-page__range-card-body[b-k7mbxj59cf] {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-page__summary-grid[b-k7mbxj59cf],
    .dashboard-page__selector-grid[b-k7mbxj59cf],
    .dashboard-page__form-grid[b-k7mbxj59cf],
    .dashboard-page__widget-editor-fields[b-k7mbxj59cf] {
        grid-template-columns: 1fr;
    }

    .dashboard-page__widget-card[b-k7mbxj59cf],
    .dashboard-page__preview-card[b-k7mbxj59cf] {
        grid-column: span 12 !important;
    }

    .dashboard-page__sidebar[b-k7mbxj59cf] {
        top: 7rem;
        right: 0.75rem;
        left: 0.75rem;
        width: auto;
    }
}
/* /Features/Teams/Components/Dialogs/CreateTeamDialog/CreateTeamDialog.razor.rz.scp.css */
.create-team-dialog__grid[b-ahs8xlldc3] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.create-team-dialog__field[b-ahs8xlldc3] { display: flex; flex-direction: column; gap: .25rem; }
.create-team-dialog__label[b-ahs8xlldc3] { font-size: .85rem; color: var(--color-text); }
.create-team-dialog__required[b-ahs8xlldc3] { color: var(--color-danger); }
@media (max-width: 900px) { .create-team-dialog__grid[b-ahs8xlldc3] { grid-template-columns: 1fr; } }
/* /Features/Teams/Components/Dialogs/TeamMembersDialog/TeamMembersDialog.razor.rz.scp.css */
.team-members-dialog__table[b-89i818qp9w] { width: 100%; border-collapse: collapse; }
.team-members-dialog__table th[b-89i818qp9w], .team-members-dialog__table td[b-89i818qp9w] { text-align: left; padding: .5rem; border-bottom: 1px solid var(--color-border); }
/* /Features/Teams/Components/Dialogs/UpdateTeamDialog/UpdateTeamDialog.razor.rz.scp.css */
.update-team-dialog__layout[b-d32elgmbg5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.update-team-dialog__tabs[b-d32elgmbg5] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.update-team-dialog__tab[b-d32elgmbg5] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.update-team-dialog__tab.is-active[b-d32elgmbg5] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

.update-team-dialog__content[b-d32elgmbg5] {
    width: 100%;
    padding: 1.35rem 1.5rem 1.5rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.update-team-dialog__grid[b-d32elgmbg5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem 1.25rem;
    align-items: start;
}

.update-team-dialog__grid :global(.input)[b-d32elgmbg5] {
    width: 100%;
}

.update-team-dialog__grid :global(.input__control)[b-d32elgmbg5] {
    min-height: 3rem;
}

.update-team-dialog__history[b-d32elgmbg5] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.update-team-dialog__history :global(.table-scroll)[b-d32elgmbg5] {
    border-radius: var(--radius-xl);
}

@media (max-width: 900px) {
    .update-team-dialog__content[b-d32elgmbg5] {
        padding: 1rem;
    }

    .update-team-dialog__grid[b-d32elgmbg5] {
        grid-template-columns: 1fr;
        gap: .85rem;
    }
}
/* /Features/Teams/Pages/Teams.razor.rz.scp.css */
.teams-page[b-3azq8kfd6j] { display: flex; flex-direction: column; gap: 1rem; }
.teams-page__table[b-3azq8kfd6j] { background: var(--color-surface); border-radius: .75rem; border: 1px solid var(--color-border); padding: .5rem; }
/* /Features/Telephony/Components/SoftphonePanel.razor.rz.scp.css */
.softphone-panel[b-4e4qwym2fb] {
    position: absolute;
    top: calc(100% + .65rem);
    right: 0;
    z-index: calc(var(--z-header) + 20);
    width: min(23rem, calc(100vw - 1.5rem));
    max-height: calc(100vh - var(--header-height) - 1rem);
}

.softphone-panel.is-closed[b-4e4qwym2fb] {
    display: none;
}

.softphone-panel.is-in-call[b-4e4qwym2fb] {
    width: min(46rem, calc(100vw - 1.5rem));
}

.softphone-panel__body[b-4e4qwym2fb] {
    padding: .65rem;
    border: 1px solid color-mix(in srgb, #0891b2 22%, var(--color-border));
    border-radius: var(--radius-base);
    background: var(--color-surface);
    box-shadow: 0 22px 50px rgba(15, 23, 42, .18);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .55rem;
    max-height: inherit;
    overflow: auto;
}

.softphone-panel.is-in-call .softphone-panel__body[b-4e4qwym2fb] {
    grid-template-columns: minmax(19rem, 21rem) minmax(16rem, 1fr);
    grid-template-areas:
        "header header"
        "identity history"
        "call history"
        "transfer history"
        "settings history"
        "footer footer";
    align-items: start;
    overflow: visible;
    border-color: color-mix(in srgb, var(--color-success) 32%, var(--color-border));
    background:
        linear-gradient(180deg, color-mix(in srgb, #0891b2 5%, var(--color-surface)) 0%, var(--color-surface) 10rem);
}

.softphone-panel__header[b-4e4qwym2fb] {
    display: flex;
    justify-content: space-between;
    gap: .55rem;
    align-items: center;
    padding-bottom: .55rem;
    border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
}

.softphone-panel.is-in-call .softphone-panel__header[b-4e4qwym2fb] {
    grid-area: header;
    padding-bottom: .45rem;
}

.softphone-panel__title[b-4e4qwym2fb] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    flex: 1 1 auto;
}

.softphone-panel__title strong[b-4e4qwym2fb] {
    display: block;
    font-size: 1rem;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.softphone-panel__title > div[b-4e4qwym2fb] {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.softphone-panel__title-icon[b-4e4qwym2fb],
.softphone-panel__identity-icon[b-4e4qwym2fb] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: inline-grid;
    place-items: center;
    background: color-mix(in srgb, #0891b2 16%, var(--color-surface));
    color: #075985;
    flex: 0 0 auto;
}

.softphone-panel__connection[b-4e4qwym2fb] {
    display: contents;
}

.softphone-panel__header-actions[b-4e4qwym2fb] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .35rem;
    min-width: 0;
    flex: 0 0 auto;
}

.softphone-panel__notice[b-4e4qwym2fb] {
    min-width: 0;
    max-width: 14rem;
    display: block;
    color: var(--color-text-muted);
    background: transparent;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.softphone-panel__footer[b-4e4qwym2fb] {
    display: grid;
    padding-top: .38rem;
    border-top: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
}

.softphone-panel.is-in-call .softphone-panel__footer[b-4e4qwym2fb] {
    grid-area: footer;
}

.softphone-panel__connection-line[b-4e4qwym2fb] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    min-height: 34px;
    padding: .28rem .42rem .28rem .35rem;
    border: 1px solid rgba(100, 116, 139, .18);
    border-radius: 9px;
    background: rgba(248, 250, 252, .78);
}

.softphone-panel__connection-icon[b-4e4qwym2fb] {
    width: 24px;
    height: 24px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: #64748b;
    color: #fff;
    font-size: .72rem;
    line-height: 1;
    box-shadow: 0 0 0 3px rgba(100, 116, 139, .14);
}

.softphone-panel__connection-icon i[b-4e4qwym2fb] {
    color: #fff !important;
    line-height: 1;
}

.softphone-panel__connection-line strong[b-4e4qwym2fb] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.softphone-panel__connection-line span:last-child[b-4e4qwym2fb] {
    max-width: 10.5rem;
    border-radius: 999px;
    padding: .12rem .45rem;
    background: rgba(100, 116, 139, .1);
    color: #475569;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.softphone-panel__connection-line.is-connected[b-4e4qwym2fb] {
    border-color: rgba(22, 163, 74, .18);
    background: linear-gradient(90deg, rgba(22, 163, 74, .1), rgba(255, 255, 255, .82));
}

.softphone-panel__connection-line.is-connected .softphone-panel__connection-icon[b-4e4qwym2fb] {
    background: #16a34a;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, .16);
}

.softphone-panel__connection-line.is-connected strong[b-4e4qwym2fb] {
    color: #166534;
}

.softphone-panel__connection-line.is-connected span:last-child[b-4e4qwym2fb] {
    background: rgba(22, 163, 74, .12);
    color: #15803d;
}

.softphone-panel__connection-line.is-connecting[b-4e4qwym2fb] {
    border-color: rgba(245, 158, 11, .22);
    background: linear-gradient(90deg, rgba(245, 158, 11, .12), rgba(255, 255, 255, .84));
}

.softphone-panel__connection-line.is-connecting .softphone-panel__connection-icon[b-4e4qwym2fb] {
    background: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .18);
}

.softphone-panel__connection-line.is-connecting strong[b-4e4qwym2fb] {
    color: #92400e;
}

.softphone-panel__connection-line.is-connecting span:last-child[b-4e4qwym2fb] {
    background: rgba(245, 158, 11, .15);
    color: #92400e;
}

.softphone-panel__connection-line.is-disconnected[b-4e4qwym2fb] {
    border-color: rgba(220, 38, 38, .2);
    background: linear-gradient(90deg, rgba(220, 38, 38, .1), rgba(255, 255, 255, .84));
}

.softphone-panel__connection-line.is-disconnected .softphone-panel__connection-icon[b-4e4qwym2fb] {
    background: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .16);
}

.softphone-panel__connection-line.is-disconnected strong[b-4e4qwym2fb] {
    color: #991b1b;
}

.softphone-panel__connection-line.is-disconnected span:last-child[b-4e4qwym2fb] {
    background: rgba(220, 38, 38, .12);
    color: #b91c1c;
}

.softphone-panel__notice.is-available[b-4e4qwym2fb],
.softphone-panel__notice.is-success[b-4e4qwym2fb] {
    color: color-mix(in srgb, var(--color-success) 78%, var(--color-text));
    background: transparent;
}

.softphone-panel__notice.is-ringing[b-4e4qwym2fb],
.softphone-panel__notice.is-busy[b-4e4qwym2fb],
.softphone-panel__notice.is-info[b-4e4qwym2fb] {
    color: var(--color-primary);
    background: transparent;
}

.softphone-panel__notice.is-warning[b-4e4qwym2fb] {
    color: color-mix(in srgb, var(--color-warning) 86%, var(--color-text));
    background: transparent;
}

.softphone-panel__notice.is-offline[b-4e4qwym2fb],
.softphone-panel__notice.is-danger[b-4e4qwym2fb] {
    color: color-mix(in srgb, var(--color-danger) 82%, var(--color-text));
    background: transparent;
}

.softphone-panel__close[b-4e4qwym2fb] {
    border: 1px solid var(--color-border);
    background: var(--color-surface-elevated);
    color: var(--color-text);
    border-radius: var(--radius-base);
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
}

.softphone-panel__identity[b-4e4qwym2fb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .5rem .75rem;
    align-items: center;
}

.softphone-panel.is-in-call .softphone-panel__identity[b-4e4qwym2fb] {
    grid-area: identity;
}

.softphone-panel__identity-row[b-4e4qwym2fb] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    color: var(--color-text);
    font-size: var(--font-size-sm);
}

.softphone-panel__identity-row span:last-child[b-4e4qwym2fb],
.softphone-panel__identity-row strong[b-4e4qwym2fb] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.softphone-panel__identity-row small[b-4e4qwym2fb] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
}

.softphone-panel__body small[b-4e4qwym2fb] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.softphone-panel__call[b-4e4qwym2fb],
.softphone-panel__active-call[b-4e4qwym2fb] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    padding: .65rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
}

.softphone-panel__call[b-4e4qwym2fb] {
    background: color-mix(in srgb, var(--color-warning) 10%, var(--color-surface));
    border-color: color-mix(in srgb, var(--color-warning) 35%, var(--color-border));
}

.softphone-panel__active-call[b-4e4qwym2fb] {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--color-success) 16%, var(--color-surface)) 0%, var(--color-surface) 82%);
    border-color: color-mix(in srgb, var(--color-success) 42%, var(--color-border));
    align-items: stretch;
}

.softphone-panel.is-in-call .softphone-panel__active-call[b-4e4qwym2fb] {
    grid-area: call;
}

.softphone-panel__call span[b-4e4qwym2fb],
.softphone-panel__active-call span[b-4e4qwym2fb] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.softphone-panel__active-call-main[b-4e4qwym2fb] {
    display: grid;
    gap: .15rem;
    flex: 1;
    min-width: 0;
}

.softphone-panel__active-call-main strong[b-4e4qwym2fb] {
    color: var(--color-text);
    font-size: 1.15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.softphone-panel__active-call-main small[b-4e4qwym2fb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.softphone-panel__active-call-side[b-4e4qwym2fb] {
    display: grid;
    gap: .35rem;
    justify-items: end;
    align-content: space-between;
    flex: 0 0 auto;
}

.softphone-panel__active-call-actions[b-4e4qwym2fb] {
    display: inline-flex;
    gap: .35rem;
}

.softphone-panel__call-state[b-4e4qwym2fb] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: color-mix(in srgb, var(--color-success) 58%, var(--color-text));
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}

.softphone-panel__call-timer[b-4e4qwym2fb] {
    border-radius: 999px;
    padding: .18rem .5rem;
    background: color-mix(in srgb, var(--color-success) 17%, var(--color-surface));
    color: color-mix(in srgb, var(--color-success) 70%, var(--color-text));
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}

.softphone-panel__call-actions[b-4e4qwym2fb] {
    display: inline-flex;
    gap: .4rem;
    flex: 0 0 auto;
}

.softphone-panel__call-actions button[b-4e4qwym2fb],
.softphone-panel__history-header button[b-4e4qwym2fb],
.softphone-panel__active-call button[b-4e4qwym2fb],
.softphone-panel__number button[b-4e4qwym2fb] {
    border: 1px solid var(--color-border);
    background: var(--color-surface-elevated);
    color: var(--color-text);
    border-radius: var(--radius-base);
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
}

.softphone-panel__call-actions button:first-child[b-4e4qwym2fb] {
    background: color-mix(in srgb, var(--color-success) 18%, var(--color-surface));
    color: color-mix(in srgb, var(--color-success) 78%, var(--color-text));
}

.softphone-panel__call-actions button:last-child[b-4e4qwym2fb],
.softphone-panel__active-call-side > button[b-4e4qwym2fb],
.softphone-panel__active-call-actions button:last-child[b-4e4qwym2fb] {
    background: color-mix(in srgb, var(--color-danger) 12%, var(--color-surface));
    color: color-mix(in srgb, var(--color-danger) 80%, var(--color-text));
}

.softphone-panel__transfer-button[b-4e4qwym2fb] {
    background: color-mix(in srgb, var(--color-primary) 11%, var(--color-surface)) !important;
    color: var(--color-primary) !important;
}

.softphone-panel__field[b-4e4qwym2fb],
.softphone-panel__contact-dial[b-4e4qwym2fb] {
    display: grid;
    gap: .3rem;
}

.softphone-panel__settings[b-4e4qwym2fb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .5rem;
}

.softphone-panel.is-in-call .softphone-panel__settings[b-4e4qwym2fb] {
    grid-area: settings;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.softphone-panel__field label[b-4e4qwym2fb],
.softphone-panel__contact-dial label[b-4e4qwym2fb] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.softphone-panel__number[b-4e4qwym2fb] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .5rem;
    align-items: end;
}

.softphone-panel__keypad[b-4e4qwym2fb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .38rem;
}

.softphone-panel__keypad button[b-4e4qwym2fb] {
    min-height: 38px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: .98rem;
    font-weight: var(--font-weight-semibold);
}

.softphone-panel__keypad button:hover[b-4e4qwym2fb],
.softphone-panel__number button:hover[b-4e4qwym2fb],
.softphone-panel__active-call button:hover[b-4e4qwym2fb],
.softphone-panel__close:hover[b-4e4qwym2fb],
.softphone-panel__call-actions button:hover[b-4e4qwym2fb] {
    background: var(--color-hover);
}

.softphone-panel__transfer[b-4e4qwym2fb] {
    border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
    border-radius: var(--radius-base);
    padding: .55rem;
    display: grid;
    gap: .5rem;
    background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
}

.softphone-panel.is-in-call .softphone-panel__transfer[b-4e4qwym2fb] {
    grid-area: transfer;
}

.softphone-panel__transfer-header[b-4e4qwym2fb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.softphone-panel__transfer-header span[b-4e4qwym2fb] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
}

.softphone-panel__transfer-header button[b-4e4qwym2fb],
.softphone-panel__transfer-row button[b-4e4qwym2fb] {
    border: 1px solid var(--color-border);
    background: var(--color-surface-elevated);
    color: var(--color-text-muted);
    border-radius: var(--radius-base);
    width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
}

.softphone-panel__transfer-row[b-4e4qwym2fb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .45rem;
    align-items: end;
}

.softphone-panel__transfer-row button[b-4e4qwym2fb] {
    background: var(--color-primary);
    color: #fff;
    border-color: color-mix(in srgb, var(--color-primary) 60%, var(--color-border));
}

.softphone-panel__transfer-row button:disabled[b-4e4qwym2fb] {
    opacity: .55;
    cursor: not-allowed;
}

.softphone-panel__ticket-link[b-4e4qwym2fb] {
    border-top: 1px solid var(--color-border);
    padding-top: .75rem;
    display: grid;
    gap: .55rem;
}

.softphone-panel__ticket-link-title[b-4e4qwym2fb] {
    display: flex;
    align-items: center;
}

.softphone-panel__ticket-link-title span[b-4e4qwym2fb] {
    font-weight: var(--font-weight-semibold);
}

.softphone-panel__link-grid[b-4e4qwym2fb] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem;
}

.softphone-panel__actions[b-4e4qwym2fb] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .45rem;
}

.softphone-panel__history[b-4e4qwym2fb] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    padding: .55rem;
    display: grid;
    gap: .5rem;
    align-self: start;
    min-height: 0;
    background: var(--color-surface);
}

.softphone-panel.is-in-call .softphone-panel__history[b-4e4qwym2fb] {
    grid-area: history;
    min-height: 10rem;
    max-height: 17rem;
}

.softphone-panel__history-header[b-4e4qwym2fb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .5rem;
    padding-bottom: .45rem;
    border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
}

.softphone-panel__history-header div[b-4e4qwym2fb] {
    min-width: 0;
    display: grid;
    gap: .1rem;
}

.softphone-panel__history-header span[b-4e4qwym2fb],
.softphone-panel__history-header small[b-4e4qwym2fb] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}

.softphone-panel__history-header strong[b-4e4qwym2fb] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.softphone-panel__history-list[b-4e4qwym2fb] {
    display: grid;
    gap: .2rem;
    min-height: 0;
    overflow: auto;
}

.softphone-panel__history-item[b-4e4qwym2fb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 30px;
    align-items: center;
    gap: .45rem;
    min-height: 48px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 8%, var(--color-border));
    padding: .35rem .1rem;
}

.softphone-panel__history-item:last-child[b-4e4qwym2fb] {
    border-bottom: 0;
}

.softphone-panel__history-main[b-4e4qwym2fb] {
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--color-text);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .12rem .45rem;
    text-align: left;
    padding: 0;
}

.softphone-panel__history-main strong[b-4e4qwym2fb] {
    min-width: 0;
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.softphone-panel__history-code[b-4e4qwym2fb] {
    color: var(--color-primary);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}

.softphone-panel__history-meta[b-4e4qwym2fb] {
    grid-column: 1 / -1;
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.softphone-panel__history-status[b-4e4qwym2fb] {
    border-radius: 999px;
    padding: .15rem .45rem;
    background: rgba(100, 116, 139, .1);
    color: #475569;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}

.softphone-panel__history-status.is-open[b-4e4qwym2fb] {
    background: rgba(14, 165, 233, .12);
    color: #0369a1;
}

.softphone-panel__history-status.is-pending[b-4e4qwym2fb] {
    background: rgba(245, 158, 11, .14);
    color: #92400e;
}

.softphone-panel__history-status.is-closed[b-4e4qwym2fb] {
    background: rgba(22, 163, 74, .12);
    color: #15803d;
}

.softphone-panel__history-open[b-4e4qwym2fb] {
    width: 30px;
    height: 30px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface-elevated);
    color: var(--color-primary);
    display: inline-grid;
    place-items: center;
}

.softphone-panel__history-empty[b-4e4qwym2fb] {
    min-height: 5rem;
    display: grid;
    place-items: center;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    text-align: center;
}

.softphone-panel__actions :global(.btn)[b-4e4qwym2fb] {
    width: 100%;
    justify-content: center;
    min-height: 38px;
}

@media (max-width: 860px) {
    .softphone-panel[b-4e4qwym2fb],
    .softphone-panel.is-in-call[b-4e4qwym2fb] {
        position: fixed;
        top: calc(var(--header-height) + .5rem);
        right: .75rem;
        left: .75rem;
        width: auto;
    }

    .softphone-panel.is-in-call .softphone-panel__body[b-4e4qwym2fb] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "header"
            "identity"
            "call"
            "transfer"
            "settings"
            "history"
            "footer";
        overflow: auto;
    }

    .softphone-panel.is-in-call .softphone-panel__history[b-4e4qwym2fb] {
        min-height: 10rem;
        max-height: 14rem;
    }

    .softphone-panel.is-in-call .softphone-panel__settings[b-4e4qwym2fb] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 560px) {
    .softphone-panel[b-4e4qwym2fb],
    .softphone-panel.is-in-call[b-4e4qwym2fb] {
        inset-inline: .5rem;
        top: calc(var(--header-height) + .45rem);
        max-height: calc(100vh - var(--header-height) - .9rem);
    }

    .softphone-panel__notice[b-4e4qwym2fb] {
        max-width: 10rem;
    }
}
/* /Features/Telephony/Components/SoftphoneToggle.razor.rz.scp.css */
.softphone-toggle[b-5k98i5pp29] {
    border: 1px solid color-mix(in srgb, #0891b2 34%, var(--color-border));
    background: linear-gradient(135deg, color-mix(in srgb, #0891b2 12%, var(--color-surface)) 0%, var(--color-surface) 68%);
    color: var(--color-text);
    border-radius: 14px;
    min-height: 50px;
    padding: .4rem .55rem .4rem .45rem;
    display: inline-flex;
    gap: .55rem;
    align-items: center;
    box-shadow: var(--shadow-elevation);
    transition: border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

.softphone-toggle:hover[b-5k98i5pp29],
.softphone-toggle.is-open[b-5k98i5pp29] {
    border-color: color-mix(in srgb, #0891b2 62%, var(--color-border));
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.softphone-toggle__icon[b-5k98i5pp29] {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: inline-grid;
    place-items: center;
    background: color-mix(in srgb, #0891b2 18%, var(--color-surface));
    color: #075985;
}

.softphone-toggle__copy[b-5k98i5pp29] {
    display: grid;
    gap: .05rem;
    text-align: left;
    padding-right: .2rem;
}

.softphone-toggle__copy strong[b-5k98i5pp29] {
    font-size: .95rem;
    line-height: 1;
}

.softphone-toggle__copy small[b-5k98i5pp29] {
    color: var(--color-text-muted);
    font-size: .72rem;
    line-height: 1;
}

.softphone-toggle__status-dot[b-5k98i5pp29] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color-text-muted);
}

.softphone-toggle__status-dot.is-available[b-5k98i5pp29] {
    background: var(--color-success);
}

.softphone-toggle__status-dot.is-ringing[b-5k98i5pp29] {
    background: var(--color-warning);
}

.softphone-toggle__status-dot.is-busy[b-5k98i5pp29] {
    background: var(--color-danger);
}

.softphone-toggle__status-dot.is-offline[b-5k98i5pp29] {
    background: var(--color-text-muted);
}

@media (max-width: 560px) {
    .softphone-toggle[b-5k98i5pp29] {
        width: 42px;
        height: 42px;
        min-height: 42px;
        border-radius: 10px;
        padding: 0;
        justify-content: center;
    }

    .softphone-toggle__icon[b-5k98i5pp29] {
        width: 28px;
        height: 28px;
        border-radius: 8px;
    }

    .softphone-toggle__copy[b-5k98i5pp29],
    .softphone-toggle__status-dot[b-5k98i5pp29] {
        display: none;
    }
}
/* /Features/TicketCustomFields/Pages/TicketCustomFields.razor.rz.scp.css */
.ticket-custom-field-page[b-5w1s9v1cx0] { display: flex; flex-direction: column; gap: var(--gap-lg); }
.ticket-custom-field-page__form[b-5w1s9v1cx0] { display: flex; flex-direction: column; gap: var(--gap-sm); }
.ticket-custom-field-page__label[b-5w1s9v1cx0] { font-size: var(--font-size-sm); font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem; }
.ticket-custom-field-page__required[b-5w1s9v1cx0] { color: var(--color-danger); }
.ticket-custom-field-page__dialog-layout[b-5w1s9v1cx0] { display: flex; gap: var(--gap-lg); align-items: flex-start; }
.ticket-custom-field-page__tabs[b-5w1s9v1cx0] { width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm); }
.ticket-custom-field-page__tab[b-5w1s9v1cx0] { width: auto;
    text-align: left; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-base); background: var(--color-surface); color: var(--color-text); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem; }
.ticket-custom-field-page__tab.is-active[b-5w1s9v1cx0] { border-color: var(--color-primary); color: var(--color-primary); box-shadow: var(--focus-ring); background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%); }
.ticket-custom-field-page__dialog-content[b-5w1s9v1cx0] { width: 100%; padding: 1.1rem 1.2rem 1.25rem; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%); box-shadow: var(--shadow-elevation); }
.ticket-custom-field-page__dialog-content :global(.table-scroll)[b-5w1s9v1cx0] { border-radius: var(--radius-xl); }

.ticket-custom-field-page__types[b-5w1s9v1cx0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gap-sm);
}

.ticket-custom-field-page__type-card[b-5w1s9v1cx0] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    text-align: left;
}

.ticket-custom-field-page__type-card i[b-5w1s9v1cx0] {
    font-size: 1rem;
    color: var(--color-primary);
}

.ticket-custom-field-page__type-title[b-5w1s9v1cx0] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
}

.ticket-custom-field-page__type-subtitle[b-5w1s9v1cx0] {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.ticket-custom-field-page__type-card.is-selected[b-5w1s9v1cx0] {
    border-color: var(--color-primary);
    box-shadow: var(--focus-ring);
}

.ticket-custom-field-page__fixed-values[b-5w1s9v1cx0] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

.ticket-custom-field-page__fixed-input-row[b-5w1s9v1cx0] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--gap-sm);
    align-items: end;
}

.ticket-custom-field-page__chips[b-5w1s9v1cx0] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ticket-custom-field-page__chip[b-5w1s9v1cx0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--color-border);
    background: var(--color-hover);
    border-radius: 999px;
    padding: 4px 10px;
    font-size: var(--font-size-xs);
}

.ticket-custom-field-page__hint[b-5w1s9v1cx0] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
}

@media (max-width: 768px) {
    .ticket-custom-field-page__dialog-layout[b-5w1s9v1cx0] { flex-direction: column; }
    .ticket-custom-field-page__tabs[b-5w1s9v1cx0] { width: 100%; min-width: 100%; }
    .ticket-custom-field-page__dialog-content[b-5w1s9v1cx0] { padding: 1rem; }
    .ticket-custom-field-page__types[b-5w1s9v1cx0] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Features/TicketOptionRules/Pages/TicketOptionRules.razor.rz.scp.css */
.ticket-option-rules-page[b-cjjqtshfa6] {
    display: grid;
    gap: 1.5rem;
}

.ticket-option-rules-page__dialog-layout[b-cjjqtshfa6] {
    display: grid;
    grid-template-columns: 13rem 1fr;
    gap: 1.25rem;
}

.ticket-option-rules-page__tabs[b-cjjqtshfa6] {
    display: grid;
    gap: 0.75rem;
    align-content: start;
}

.ticket-option-rules-page__tab[b-cjjqtshfa6] {
    border: 1px solid var(--color-border, #d7deea);
    background: var(--color-surface, #fff);
    border-radius: 1rem;
    padding: 0.9rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    font: inherit;
}

.ticket-option-rules-page__tab.is-active[b-cjjqtshfa6] {
    border-color: var(--color-primary, #1768ac);
    color: var(--color-primary, #1768ac);
}

.ticket-option-rules-page__dialog-content[b-cjjqtshfa6] {
    min-height: 24rem;
}

.ticket-option-rules-page__form[b-cjjqtshfa6] {
    display: grid;
    gap: 1rem;
}

.ticket-option-rules-page__toggle[b-cjjqtshfa6] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-weight: 600;
}

.ticket-option-rules-page__toggle input[type="checkbox"][b-cjjqtshfa6] {
    margin: 0;
}

.ticket-option-rules-page__label[b-cjjqtshfa6] {
    display: inline-flex;
    margin-bottom: 0.45rem;
    font-weight: 600;
}

.ticket-option-rules-page__required[b-cjjqtshfa6] {
    color: #c53030;
}

.ticket-option-rules-page__block[b-cjjqtshfa6] {
    border: 1px solid var(--color-border, #d7deea);
    border-radius: 1rem;
    padding: 1rem;
    display: grid;
    gap: 0.9rem;
}

.ticket-option-rules-page__block-header[b-cjjqtshfa6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.ticket-option-rules-page__condition-card[b-cjjqtshfa6] {
    border: 1px solid var(--color-border, #d7deea);
    border-radius: 0.9rem;
    padding: 0.9rem;
    display: grid;
    gap: 0.9rem;
}

.ticket-option-rules-page__condition-top[b-cjjqtshfa6] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.ticket-option-rules-page__options-list[b-cjjqtshfa6] {
    display: grid;
    gap: 0.4rem;
    max-height: 18rem;
    overflow: auto;
}

.ticket-option-rules-page__option-check[b-cjjqtshfa6] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.15rem 0;
    background: transparent;
}

.ticket-option-rules-page__option-check input[type="checkbox"][b-cjjqtshfa6] {
    margin: 0;
}

.ticket-option-rules-page__hint[b-cjjqtshfa6] {
    color: var(--color-text-secondary, #667085);
}

@media (max-width: 900px) {
    .ticket-option-rules-page__dialog-layout[b-cjjqtshfa6] {
        grid-template-columns: 1fr;
    }

    .ticket-option-rules-page__tabs[b-cjjqtshfa6] {
        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    }
}
/* /Features/TicketStatuses/Pages/TicketStatuses.razor.rz.scp.css */
.ticket-status-page[b-3z0fbrqz3z] { display: flex; flex-direction: column; gap: var(--gap-lg); }
.ticket-status-page__form[b-3z0fbrqz3z] { display: flex; flex-direction: column; gap: var(--gap-sm); }
.ticket-status-page__label[b-3z0fbrqz3z] { font-size: var(--font-size-sm); font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem; }
.ticket-status-page__required[b-3z0fbrqz3z] { color: var(--color-danger); }
.ticket-status-page__dialog-layout[b-3z0fbrqz3z] { display: flex; gap: var(--gap-lg); align-items: flex-start; }
.ticket-status-page__tabs[b-3z0fbrqz3z] { width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm); }
.ticket-status-page__tab[b-3z0fbrqz3z] { width: auto;
    text-align: left; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-base); background: var(--color-surface); color: var(--color-text); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem; }
.ticket-status-page__tab.is-active[b-3z0fbrqz3z] { border-color: var(--color-primary); color: var(--color-primary); box-shadow: var(--focus-ring); background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%); }
.ticket-status-page__dialog-content[b-3z0fbrqz3z] { width: 100%; padding: 1.1rem 1.2rem 1.25rem; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%); box-shadow: var(--shadow-elevation); }
.ticket-status-page__dialog-content :global(.table-scroll)[b-3z0fbrqz3z] { border-radius: var(--radius-xl); }

@media (max-width: 900px) {
    .ticket-status-page__dialog-layout[b-3z0fbrqz3z] { flex-direction: column; }
    .ticket-status-page__tabs[b-3z0fbrqz3z] { width: 100%; min-width: 100%; }
    .ticket-status-page__dialog-content[b-3z0fbrqz3z] { padding: 1rem; }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialog.razor.rz.scp.css */
.ticket-dialog__modal-title[b-wyb2gvmes7] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.ticket-dialog__panel[b-wyb2gvmes7] {
    font-family: var(--font-family-base);
    font-size: var(--font-size-sm);
    line-height: 1.35;
    --font-size-xs: var(--font-size-sm);
    --ticket-dialog-icon-button-size: 24px;
    --ticket-dialog-icon-button-radius: 6px;
    --ticket-dialog-icon-button-bg: transparent;
    --ticket-dialog-icon-button-bg-hover: color-mix(in srgb, var(--color-primary) 10%, transparent);
    --ticket-dialog-icon-button-color: var(--color-primary);
}

.ticket-dialog__panel[b-wyb2gvmes7],
.ticket-dialog__panel :not(i):not(svg):not(path)[b-wyb2gvmes7] {
    font-family: var(--font-family-base) !important;
}

.ticket-dialog__panel[b-wyb2gvmes7]  *:not(i):not(svg):not(path) {
    font-family: var(--font-family-base) !important;
}

.ticket-dialog__panel[b-wyb2gvmes7]  strong {
    font-family: var(--font-family-base) !important;
}

.ticket-dialog__panel input[b-wyb2gvmes7],
.ticket-dialog__panel textarea[b-wyb2gvmes7],
.ticket-dialog__panel select[b-wyb2gvmes7],
.ticket-dialog__panel button[b-wyb2gvmes7] {
    font-family: inherit;
    font-size: inherit;
}

.ticket-dialog__panel .ticket-dialog__label[b-wyb2gvmes7],
.ticket-dialog__panel .input__label[b-wyb2gvmes7],
.ticket-dialog__panel .ticket-dialog__summary-label[b-wyb2gvmes7],
.ticket-dialog__panel .ticket-dialog__display-label[b-wyb2gvmes7] {
    font-size: var(--font-size-sm);
}

.ticket-dialog__modal-channel[b-wyb2gvmes7] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--color-primary) 18%, var(--color-surface-soft));
    color: var(--color-primary);
    flex-shrink: 0;
}

.ticket-dialog__modal-title-text[b-wyb2gvmes7] {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    min-width: 0;
}

.ticket-dialog__modal-code[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface-soft));
    color: var(--color-text);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    flex-shrink: 0;
}

.ticket-dialog__modal-separator[b-wyb2gvmes7] {
    width: 1px;
    height: 20px;
    background: var(--color-border);
    flex-shrink: 0;
}

.ticket-dialog__modal-status[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 20%, var(--color-surface-soft));
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    flex-shrink: 0;
}

.ticket-dialog__header[b-wyb2gvmes7] {
    display: flex;
    align-items: flex-start;
    gap: var(--gap-md);
    margin-bottom: 10px;
    padding: 4px 0 8px;
}

.ticket-dialog__header h3[b-wyb2gvmes7] {
    margin: 0;
    font-size: clamp(1.6rem, 2vw, 2rem);
    line-height: 1.1;
}

.ticket-dialog__header-main[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.ticket-dialog__header-title-wrap[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ticket-dialog__header-caption[b-wyb2gvmes7] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.ticket-dialog__meta[b-wyb2gvmes7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.ticket-dialog__meta-item[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface-2);
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    white-space: nowrap;
}

.ticket-dialog__shell[b-wyb2gvmes7] {
    position: fixed;
    inset: 0;
    z-index: var(--z-modal);
}

.ticket-dialog__overlay[b-wyb2gvmes7] {
    position: absolute;
    inset: 0;
    border: none;
    background: rgba(19, 24, 39, 0.52);
}

.ticket-dialog__container[b-wyb2gvmes7] {
    position: relative;
    z-index: 1;
    height: 100%;
    padding: 8px 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ticket-dialog__top-button[b-wyb2gvmes7] {
    width: 30px;
    height: 30px;
    border: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--color-surface) 86%, transparent);
    color: var(--color-text);
    backdrop-filter: blur(12px);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
}

.ticket-dialog__top-button:hover:not(:disabled)[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface) 94%, var(--color-surface-soft));
}

.ticket-dialog__top-button:disabled[b-wyb2gvmes7] {
    opacity: .72;
    color: color-mix(in srgb, var(--color-text-muted) 78%, var(--color-text));
    background: color-mix(in srgb, var(--color-surface) 72%, transparent);
    box-shadow: none;
}

.ticket-dialog__panel[b-wyb2gvmes7] {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    border-radius: calc(var(--radius-lg) + 4px);
    background: color-mix(in srgb, var(--color-surface-soft) 62%, #d7e1f5);
    overflow: hidden;
    box-shadow: 0 20px 54px rgba(15, 23, 42, 0.14);
}

.ticket-dialog__panel-layout[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.ticket-dialog__workspace-body[b-wyb2gvmes7] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    box-sizing: border-box;
}

.ticket-dialog__workspace[b-wyb2gvmes7] {
    --ticket-dialog-left-width: 25%;
    --ticket-dialog-right-width: 25%;
    --ticket-dialog-splitter-size: 12px;
    --ticket-dialog-chat-collapsed-width: 38px;
    display: grid;
    grid-template-columns:
        minmax(280px, var(--ticket-dialog-left-width))
        var(--ticket-dialog-splitter-size)
        minmax(0, calc(100% - var(--ticket-dialog-left-width) - var(--ticket-dialog-right-width) - (var(--ticket-dialog-splitter-size) * 2)))
        var(--ticket-dialog-splitter-size)
        minmax(280px, var(--ticket-dialog-right-width));
    gap: 0;
    height: 100%;
    min-height: 0;
    background: color-mix(in srgb, var(--color-surface-soft) 52%, #d6e0f4);
    overflow: hidden;
}

.ticket-dialog__panel-layout > .ticket-dialog__workspace[b-wyb2gvmes7] {
    flex: 1 1 auto;
    min-height: 0;
}

.ticket-dialog__email-workspace[b-wyb2gvmes7] {
    --ticket-dialog-email-left-width: 25%;
    --ticket-dialog-email-left-min: 280px;
    --ticket-dialog-email-center-width: 50%;
    --ticket-dialog-email-center-min: 320px;
    --ticket-dialog-email-right-width: 25%;
    --ticket-dialog-email-right-min: 280px;
    --ticket-dialog-email-chat-width: 0px;
    --ticket-dialog-email-chat-min: 240px;
    --ticket-dialog-email-rail-width: 48px;
    --ticket-dialog-email-splitter-width: 12px;
    display: grid;
    grid-template-columns:
        minmax(var(--ticket-dialog-email-left-min), var(--ticket-dialog-email-left-width))
        var(--ticket-dialog-email-splitter-width)
        minmax(var(--ticket-dialog-email-center-min), var(--ticket-dialog-email-center-width))
        var(--ticket-dialog-email-splitter-width)
        minmax(var(--ticket-dialog-email-right-min), var(--ticket-dialog-email-right-width))
        var(--ticket-dialog-email-splitter-width)
        minmax(var(--ticket-dialog-email-chat-min), var(--ticket-dialog-email-chat-width));
    gap: 0;
    height: 100%;
    min-height: 0;
    background: color-mix(in srgb, var(--color-surface-soft) 52%, #d6e0f4);
    overflow: hidden;
}

.ticket-dialog__email-workspace.is-chat-open[b-wyb2gvmes7] {
    --ticket-dialog-email-chat-width: 25%;
}

.ticket-dialog__email-workspace.is-chat-collapsed[b-wyb2gvmes7] {
    --ticket-dialog-email-chat-width: var(--ticket-dialog-email-rail-width);
    --ticket-dialog-email-chat-min: var(--ticket-dialog-email-rail-width);
}

.ticket-dialog__email-workspace.is-left-collapsed[b-wyb2gvmes7] {
    --ticket-dialog-email-left-width: var(--ticket-dialog-email-rail-width);
    --ticket-dialog-email-left-min: var(--ticket-dialog-email-rail-width);
}

.ticket-dialog__email-workspace.is-viewer-collapsed[b-wyb2gvmes7] {
    --ticket-dialog-email-center-width: var(--ticket-dialog-email-rail-width);
    --ticket-dialog-email-center-min: var(--ticket-dialog-email-rail-width);
}

.ticket-dialog__email-workspace.is-composer-collapsed[b-wyb2gvmes7] {
    --ticket-dialog-email-right-width: var(--ticket-dialog-email-rail-width);
    --ticket-dialog-email-right-min: var(--ticket-dialog-email-rail-width);
}


.ticket-dialog__email-workspace-left[b-wyb2gvmes7],
.ticket-dialog__email-workspace-center[b-wyb2gvmes7],
.ticket-dialog__email-workspace-right[b-wyb2gvmes7],
.ticket-dialog__email-workspace-chat[b-wyb2gvmes7] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.ticket-dialog__email-workspace-collapse[b-wyb2gvmes7] {
    width: var(--ticket-dialog-icon-button-size);
    height: var(--ticket-dialog-icon-button-size);
    border: none;
    border-radius: var(--ticket-dialog-icon-button-radius);
    background: var(--ticket-dialog-icon-button-bg);
    color: var(--ticket-dialog-icon-button-color);
    line-height: 1;
    appearance: none;
    -webkit-appearance: none;
}

.ticket-dialog__email-composer-pane-header[b-wyb2gvmes7] {
    position: relative;
    padding-right: 44px;
}

.ticket-dialog__email-composer-pane-header .ticket-dialog__email-workspace-collapse[b-wyb2gvmes7] {
    position: absolute;
    top: 8px;
    right: 10px;
}

.ticket-dialog__email-workspace-collapse:hover:not(:disabled)[b-wyb2gvmes7] {
    background: var(--ticket-dialog-icon-button-bg-hover);
    color: var(--ticket-dialog-icon-button-color);
}

.ticket-dialog__email-workspace-splitter[b-wyb2gvmes7] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: col-resize;
    min-height: 0;
}

.ticket-dialog__email-workspace-splitter[b-wyb2gvmes7]::before {
    content: "";
    width: 4px;
    height: 84px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 48%, transparent);
}

.ticket-dialog__email-workspace.is-left-collapsed .ticket-dialog__email-workspace-left > :not(.ticket-dialog__chat-rail)[b-wyb2gvmes7] {
    display: none;
}

.ticket-dialog__email-workspace.is-chat-collapsed .ticket-dialog__email-workspace-chat > :not(.ticket-dialog__chat-rail)[b-wyb2gvmes7] {
    display: none;
}

.ticket-dialog__email-workspace-left[b-wyb2gvmes7],
.ticket-dialog__email-workspace-right[b-wyb2gvmes7],
.ticket-dialog__email-workspace-chat[b-wyb2gvmes7] {
    border-left: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent);
}

.ticket-dialog__email-workspace-left[b-wyb2gvmes7] {
    border-left: none;
}

.ticket-dialog__email-workspace-left .ticket-dialog__chat-rail[b-wyb2gvmes7],
.ticket-dialog__email-workspace-chat .ticket-dialog__chat-rail[b-wyb2gvmes7] {
    height: 100%;
}

.ticket-dialog__workspace.is-chat-collapsed[b-wyb2gvmes7] {
    grid-template-columns:
        minmax(280px, var(--ticket-dialog-left-width))
        var(--ticket-dialog-splitter-size)
        minmax(0, calc(100% - var(--ticket-dialog-left-width) - var(--ticket-dialog-chat-collapsed-width) - var(--ticket-dialog-splitter-size)))
        0
        minmax(var(--ticket-dialog-chat-collapsed-width), var(--ticket-dialog-chat-collapsed-width));
}

.ticket-dialog__pane[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.ticket-dialog__pane--left[b-wyb2gvmes7],
.ticket-dialog__pane--center[b-wyb2gvmes7] {
    container-type: inline-size;
}

.ticket-dialog__pane-scroll[b-wyb2gvmes7],
.ticket-dialog__focus-pane[b-wyb2gvmes7] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    padding: 8px 12px 12px;
}

.ticket-dialog__workspace-body--messages-focus .ticket-dialog__focus-pane[b-wyb2gvmes7] {
    padding: 8px 12px 12px;
}

.ticket-dialog__email-composer-pane[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    background: color-mix(in srgb, var(--color-surface) 96%, white 4%);
    border-left: 1px solid color-mix(in srgb, var(--color-border) 75%, transparent);
}

.ticket-dialog__email-composer-pane-header[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 75%, transparent);
    background: color-mix(in srgb, var(--color-surface) 92%, white 8%);
}

.ticket-dialog__email-composer-pane-header strong[b-wyb2gvmes7] {
    font-size: var(--font-size-base);
    color: var(--color-text);
}

.ticket-dialog__email-composer-pane-header span[b-wyb2gvmes7] {
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.ticket-dialog__email-composer-pane-body[b-wyb2gvmes7] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 10px 12px 12px;
}

.ticket-dialog__loading[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 25%);
    gap: 12px;
    height: 100%;
    padding: 12px;
    box-sizing: border-box;
}

.ticket-dialog__loading-main[b-wyb2gvmes7],
.ticket-dialog__loading-chat[b-wyb2gvmes7] {
    min-width: 0;
    min-height: 0;
}

.ticket-dialog__loading-main[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ticket-dialog__loading-header[b-wyb2gvmes7],
.ticket-dialog__loading-card[b-wyb2gvmes7],
.ticket-dialog__loading-chat[b-wyb2gvmes7] {
    border-radius: 16px;
    background: color-mix(in srgb, var(--color-surface) 94%, white 6%);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
}

.ticket-dialog__loading-header[b-wyb2gvmes7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
}

.ticket-dialog__loading-title[b-wyb2gvmes7],
.ticket-dialog__loading-actions[b-wyb2gvmes7],
.ticket-dialog__loading-inline[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.ticket-dialog__loading-title[b-wyb2gvmes7] {
    min-width: 0;
    flex-wrap: wrap;
}

.ticket-dialog__loading-card[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
}

.ticket-dialog__loading-card-header[b-wyb2gvmes7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ticket-dialog__loading-grid[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.ticket-dialog__loading-conversation[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ticket-dialog__loading-chat[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
}

.ticket-dialog__loading-chat-header[b-wyb2gvmes7],
.ticket-dialog__loading-chat-composer[b-wyb2gvmes7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ticket-dialog__loading-chat-body[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1 auto;
}

.ticket-dialog__workspace.is-resizing[b-wyb2gvmes7] {
    user-select: none;
    cursor: col-resize;
}

.ticket-dialog__operations[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background: transparent;
    container-type: inline-size;
}

.ticket-dialog__operations-header[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px 14px;
    height: auto;
    min-height: var(--ticket-dialog-top-zone-height);
    box-sizing: border-box;
    background: color-mix(in srgb, var(--color-surface) 82%, rgba(255, 255, 255, 0.12));
}

.ticket-dialog__operations-topbar[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
    min-width: 0;
}

.ticket-dialog__header-actions[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.ticket-dialog__operations-meta[b-wyb2gvmes7] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
    width: 100%;
    padding-top: 6px;
}

.ticket-dialog__operations-meta .ticket-dialog__section-pill[b-wyb2gvmes7] {
    min-width: 0;
}

.ticket-dialog__operations-meta .ticket-dialog__section-pill span:last-child[b-wyb2gvmes7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-dialog__operations-scroll[b-wyb2gvmes7] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 6px 14px 12px;
    container-type: inline-size;
}

.ticket-dialog__operation-stack[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.ticket-dialog__operation-stack.is-messages-focus[b-wyb2gvmes7] {
    height: 100%;
}

.ticket-dialog__service-summary[b-wyb2gvmes7] {
    order: 0;
    padding: 0 2px 2px;
}

.ticket-dialog__service-summary-grid[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    align-items: stretch;
}

.ticket-dialog__service-summary-pill[b-wyb2gvmes7] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 10px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface) 92%, white 8%);
    color: var(--color-text);
}

.ticket-dialog__service-summary-pill-main[b-wyb2gvmes7] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    flex: 1 1 auto;
}

.ticket-dialog__service-summary-pill--editable[b-wyb2gvmes7] {
    width: 100%;
    border: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
    cursor: pointer;
    text-align: left;
}

.ticket-dialog__service-summary-pill--editable:hover[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
    border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
}

.ticket-dialog__service-summary-pill--editable:focus-visible[b-wyb2gvmes7] {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 35%, transparent);
    outline-offset: 2px;
}

.ticket-dialog__service-summary-pill i[b-wyb2gvmes7] {
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    flex-shrink: 0;
}

.ticket-dialog__service-summary-label[b-wyb2gvmes7] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    white-space: nowrap;
    flex-shrink: 0;
}

.ticket-dialog__service-summary-value[b-wyb2gvmes7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
}

.ticket-dialog__service-summary-pill .ticket-dialog__service-summary-value[b-wyb2gvmes7] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.ticket-dialog__service-summary-edit[b-wyb2gvmes7] {
    font-size: var(--font-size-sm);
    opacity: 0.7;
    transition: opacity 0.2s ease;
    flex-shrink: 0;
}

.ticket-dialog__service-summary-pill--editable:hover .ticket-dialog__service-summary-edit[b-wyb2gvmes7] {
    opacity: 1;
}

.ticket-dialog__operation-stack.is-messages-focus .ticket-dialog__service-summary[b-wyb2gvmes7],
.ticket-dialog__operation-stack.is-messages-focus .ticket-dialog__section-card--details[b-wyb2gvmes7],
.ticket-dialog__operation-stack.is-messages-focus .ticket-dialog__section-card--tasks[b-wyb2gvmes7],
.ticket-dialog__operation-stack.is-messages-focus .ticket-dialog__section-card--annotations[b-wyb2gvmes7],
.ticket-dialog__operation-stack.is-messages-focus .ticket-dialog__section-card--history[b-wyb2gvmes7] {
    display: none;
}

.ticket-dialog__operation-stack.is-messages-focus .ticket-dialog__section-card--messages[b-wyb2gvmes7] {
    flex: 1 1 auto;
    min-height: 0;
}

.ticket-dialog__operation-stack.is-messages-focus .ticket-dialog__section-card--messages[b-wyb2gvmes7],
.ticket-dialog__operation-stack.is-messages-focus .ticket-dialog__section-card--messages .ticket-dialog__section-body[b-wyb2gvmes7],
.ticket-dialog__operation-stack.is-messages-focus .ticket-dialog__section-card--messages .ticket-dialog__section-body--messages[b-wyb2gvmes7] {
    min-height: 0;
}

.ticket-dialog__section-card--messages[b-wyb2gvmes7] {
    order: 1;
}

.ticket-dialog__section-card--details[b-wyb2gvmes7] {
    order: 2;
}

.ticket-dialog__section-body--details-compact[b-wyb2gvmes7] {
    padding-top: 6px;
}

.ticket-dialog__section-card--tasks[b-wyb2gvmes7] {
    order: 3;
}

.ticket-dialog__section-card--annotations[b-wyb2gvmes7] {
    order: 4;
}

.ticket-dialog__section-card--history[b-wyb2gvmes7] {
    order: 5;
}

.ticket-dialog__status-strip[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(260px, auto);
    align-items: center;
    gap: 8px 14px;
    min-height: 34px;
    padding: 5px 10px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--color-surface) 98%, white 2%);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--color-border) 14%, transparent),
        0 2px 8px rgba(15, 23, 42, 0.03);
}

.ticket-dialog__status-main[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    min-width: 0;
}

.ticket-dialog__status-label[b-wyb2gvmes7] {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ticket-dialog__status-chip[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 18%, var(--color-surface));
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    max-width: 100%;
    text-align: center;
}

.ticket-dialog__status-meta[b-wyb2gvmes7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
    white-space: nowrap;
}

.ticket-dialog__status-meta-item[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: 1.2;
    max-width: 100%;
}

.ticket-dialog__status-meta-item i[b-wyb2gvmes7] {
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    flex-shrink: 0;
}

.ticket-dialog__status-meta-item span[b-wyb2gvmes7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-dialog__status-meta-item strong[b-wyb2gvmes7] {
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
}

[data-theme="dark"] .ticket-dialog__status-strip[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-soft) 96%, #18141f);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--color-border) 42%, transparent),
        0 6px 16px rgba(0, 0, 0, 0.14);
}

@media (max-width: 960px) {
    .ticket-dialog__service-summary-grid[b-wyb2gvmes7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ticket-dialog__status-strip[b-wyb2gvmes7] {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .ticket-dialog__status-meta[b-wyb2gvmes7] {
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        white-space: normal;
    }
}

@media (max-width: 640px) {
    .ticket-dialog__service-summary-grid[b-wyb2gvmes7] {
        grid-template-columns: 1fr;
    }

    .ticket-dialog__service-summary-pill[b-wyb2gvmes7] {
        min-height: 30px;
        padding: 5px 9px;
    }

    .ticket-dialog__service-summary-value[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
    }
}

@container (max-width: 1280px) {
    .ticket-dialog__service-summary-grid[b-wyb2gvmes7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container (max-width: 760px) {
    .ticket-dialog__service-summary-grid[b-wyb2gvmes7] {
        grid-template-columns: 1fr;
    }
}

.ticket-dialog__section-card[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    border: 0;
    border-radius: 14px;
    background: color-mix(in srgb, var(--color-surface) 97%, white 3%);
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.03);
    overflow: hidden;
}

.ticket-dialog__section-toggle[b-wyb2gvmes7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: none;
    background: transparent;
    text-align: left;
}

.ticket-dialog__section-heading[b-wyb2gvmes7],
.ticket-dialog__section-meta[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ticket-dialog__section-heading > span[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ticket-dialog__section-heading i[b-wyb2gvmes7] {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface-soft));
    color: var(--color-primary);
    flex-shrink: 0;
    font-size: var(--font-size-sm);
}

.ticket-dialog__section-heading strong[b-wyb2gvmes7] {
    font-size: var(--font-size-base);
    color: var(--color-text);
}

.ticket-dialog__section-heading small[b-wyb2gvmes7] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.ticket-dialog__section-meta[b-wyb2gvmes7] {
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.ticket-dialog__section-icon-button[b-wyb2gvmes7] {
    width: var(--ticket-dialog-icon-button-size);
    height: var(--ticket-dialog-icon-button-size);
    border: none;
    border-radius: var(--ticket-dialog-icon-button-radius);
    background: var(--ticket-dialog-icon-button-bg);
    color: var(--ticket-dialog-icon-button-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 1;
    appearance: none;
    -webkit-appearance: none;
}

.ticket-dialog__section-icon-button:hover[b-wyb2gvmes7] {
    background: var(--ticket-dialog-icon-button-bg-hover);
}

@container (max-width: 980px) {
    .ticket-dialog__operations-header[b-wyb2gvmes7] {
        padding: 7px 12px;
    }

    .ticket-dialog__operations-topbar[b-wyb2gvmes7] {
        gap: 10px;
    }

    .ticket-dialog__top-button[b-wyb2gvmes7] {
        width: 28px;
        height: 28px;
        border-radius: 9px;
    }

    .ticket-dialog__operations-meta[b-wyb2gvmes7] {
        gap: 6px;
        margin-top: 6px;
    }

    .ticket-dialog__service-summary-pill[b-wyb2gvmes7] {
        min-height: 30px;
        padding: 5px 9px;
    }

    .ticket-dialog__service-summary-pill i[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__service-summary-label[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__service-summary-value[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__section-toggle[b-wyb2gvmes7] {
        padding: 9px 10px;
    }

    .ticket-dialog__section-heading i[b-wyb2gvmes7] {
        width: 24px;
        height: 24px;
        border-radius: 7px;
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__section-heading strong[b-wyb2gvmes7] {
        font-size: var(--font-size-base);
    }

    .ticket-dialog__section-badge[b-wyb2gvmes7],
    .ticket-dialog__section-icon-button[b-wyb2gvmes7] {
        width: calc(var(--ticket-dialog-icon-button-size) - 2px);
        min-width: calc(var(--ticket-dialog-icon-button-size) - 2px);
        height: calc(var(--ticket-dialog-icon-button-size) - 2px);
    }
}

@container (max-width: 760px) {
    .ticket-dialog__operations-header[b-wyb2gvmes7] {
        padding: 6px 10px;
        height: auto;
        min-height: 0;
        gap: 5px;
    }

    .ticket-dialog__operations-topbar[b-wyb2gvmes7] {
        gap: 8px;
    }

    .ticket-dialog__header-actions[b-wyb2gvmes7] {
        gap: 4px;
        align-self: start;
    }

    .ticket-dialog__operations-meta[b-wyb2gvmes7] {
        gap: 5px;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-top: 0;
    }

    .ticket-dialog__operations-meta .ticket-dialog__section-pill[b-wyb2gvmes7] {
        min-height: 20px;
        padding: 0 6px;
        gap: 4px;
        font-size: var(--font-size-xs);
        white-space: nowrap;
    }

    .ticket-dialog__operations-meta .ticket-dialog__section-pill i[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__operations-meta .ticket-dialog__section-pill strong[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__top-button[b-wyb2gvmes7] {
        width: 24px;
        height: 24px;
        border-radius: 8px;
    }

    .ticket-dialog__operations-scroll[b-wyb2gvmes7] {
        padding: 6px 10px 10px;
    }

    .ticket-dialog__service-summary[b-wyb2gvmes7] {
        padding: 0 1px 2px;
    }

    .ticket-dialog__service-summary-grid[b-wyb2gvmes7] {
        gap: 5px;
    }

    .ticket-dialog__service-summary-pill[b-wyb2gvmes7] {
        min-height: 28px;
        padding: 4px 8px;
        gap: 5px;
    }

    .ticket-dialog__service-summary-pill i[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__service-summary-label[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
        letter-spacing: 0.05em;
    }

    .ticket-dialog__service-summary-value[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__section-toggle[b-wyb2gvmes7] {
        padding: 8px 9px;
        gap: 8px;
    }

    .ticket-dialog__section-heading[b-wyb2gvmes7],
    .ticket-dialog__section-meta[b-wyb2gvmes7] {
        gap: 6px;
    }

    .ticket-dialog__section-heading i[b-wyb2gvmes7] {
        width: 22px;
        height: 22px;
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__section-heading strong[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__section-badge[b-wyb2gvmes7],
    .ticket-dialog__section-icon-button[b-wyb2gvmes7] {
        width: 19px;
        min-width: 19px;
        height: 19px;
        font-size: var(--font-size-xs);
    }
}

@container (max-width: 560px) {
    .ticket-dialog__operations-meta[b-wyb2gvmes7] {
        gap: 5px;
        padding-top: 0;
        margin-top: 0;
    }

    .ticket-dialog__top-button[b-wyb2gvmes7] {
        width: 22px;
        height: 22px;
        border-radius: 6px;
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__service-summary-grid[b-wyb2gvmes7] {
        gap: 4px;
    }

    .ticket-dialog__service-summary-pill[b-wyb2gvmes7] {
        min-height: 26px;
        padding: 4px 7px;
        gap: 4px;
    }

    .ticket-dialog__service-summary-label[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__service-summary-value[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__section-toggle[b-wyb2gvmes7] {
        padding: 7px 8px;
    }

    .ticket-dialog__section-heading i[b-wyb2gvmes7] {
        width: 20px;
        height: 20px;
        border-radius: 6px;
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__section-heading strong[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__task-toolbar .btn[b-wyb2gvmes7],
    .ticket-dialog__task-editor-actions .btn[b-wyb2gvmes7],
    .ticket-dialog__task-card-actions .btn[b-wyb2gvmes7] {
        min-height: 34px;
        padding: 0 12px;
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__task-empty-state[b-wyb2gvmes7] {
        gap: 8px;
    }

    .ticket-dialog__task-empty-state .ticket-dialog__empty[b-wyb2gvmes7],
    .ticket-dialog__annotation-list .ticket-dialog__empty[b-wyb2gvmes7],
    .ticket-dialog__activities .ticket-dialog__empty[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
        line-height: 1.35;
    }
}

@container (max-width: 420px) {
    .ticket-dialog__operations-header[b-wyb2gvmes7] {
        padding: 5px 8px;
        min-height: 0;
        gap: 4px;
    }

    .ticket-dialog__operations-topbar[b-wyb2gvmes7] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 8px;
        min-height: 0;
        padding-bottom: 6px;
    }

    .ticket-dialog__operations-header.is-messages-focus[b-wyb2gvmes7] {
        padding-bottom: 10px;
    }

    .ticket-dialog__operations-header.is-messages-focus .ticket-dialog__operations-topbar[b-wyb2gvmes7] {
        padding-bottom: 10px;
    }

    .ticket-dialog__header-actions[b-wyb2gvmes7] {
        position: static;
        gap: 3px;
        align-self: start;
    }

    .ticket-dialog__operations-meta[b-wyb2gvmes7] {
        padding-right: 0;
        justify-content: flex-start;
        gap: 4px;
        width: 100%;
        overflow: visible;
        padding-top: 0;
        margin-top: 4px;
    }

    .ticket-dialog__operations-meta .ticket-dialog__section-pill[b-wyb2gvmes7] {
        min-height: 16px;
        padding: 0 5px;
        gap: 3px;
        font-size: var(--font-size-xs);
        line-height: 1;
    }

    .ticket-dialog__operations-meta .ticket-dialog__section-pill i[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__operations-meta .ticket-dialog__section-pill strong[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__top-button[b-wyb2gvmes7] {
        width: 20px;
        height: 20px;
        border-radius: 6px;
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__operations-scroll[b-wyb2gvmes7] {
        padding: 5px 8px 8px;
    }

    .ticket-dialog__service-summary-grid[b-wyb2gvmes7] {
        gap: 3px;
    }

    .ticket-dialog__service-summary-pill[b-wyb2gvmes7] {
        min-height: 24px;
        padding: 3px 6px;
        gap: 4px;
    }

    .ticket-dialog__service-summary-pill i[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__service-summary-label[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__service-summary-value[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__section-toggle[b-wyb2gvmes7] {
        padding: 6px 7px;
        gap: 6px;
    }

    .ticket-dialog__section-heading[b-wyb2gvmes7],
    .ticket-dialog__section-meta[b-wyb2gvmes7] {
        gap: 5px;
    }

    .ticket-dialog__section-heading i[b-wyb2gvmes7] {
        width: 18px;
        height: 18px;
        border-radius: 5px;
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__section-heading strong[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__section-badge[b-wyb2gvmes7],
    .ticket-dialog__section-icon-button[b-wyb2gvmes7] {
        width: 18px;
        min-width: 18px;
        height: 18px;
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__task-toolbar .btn[b-wyb2gvmes7],
    .ticket-dialog__task-editor-actions .btn[b-wyb2gvmes7],
    .ticket-dialog__task-card-actions .btn[b-wyb2gvmes7] {
        min-height: 30px;
        padding: 0 10px;
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__task-empty-state[b-wyb2gvmes7] {
        gap: 6px;
    }

    .ticket-dialog__task-empty-state .ticket-dialog__empty[b-wyb2gvmes7],
    .ticket-dialog__annotation-list .ticket-dialog__empty[b-wyb2gvmes7],
    .ticket-dialog__activities .ticket-dialog__empty[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
        line-height: 1.3;
    }

    .ticket-dialog__activity[b-wyb2gvmes7] {
        grid-template-columns: 12px minmax(0, 1fr);
        gap: 8px;
    }

    .ticket-dialog__annotation-header strong[b-wyb2gvmes7],
    .ticket-dialog__activity-header strong[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__annotation-header span[b-wyb2gvmes7],
    .ticket-dialog__activity-header span[b-wyb2gvmes7],
    .ticket-dialog__activity-description[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
    }
}

.ticket-dialog__section-pill[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-border));
    background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: 1.1;
}

.ticket-dialog__summary-edit-modal[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
}

.ticket-dialog__summary-edit-modal .ac__input[b-wyb2gvmes7],
.ticket-dialog__summary-edit-modal .dd__trigger[b-wyb2gvmes7],
.ticket-dialog__summary-edit-modal .input__control[b-wyb2gvmes7] {
    min-height: 36px;
    border-radius: 12px;
    font-size: var(--font-size-base);
}

.ticket-dialog__summary-edit-title[b-wyb2gvmes7] {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    line-height: 1.1;
    color: var(--color-text);
}

.ticket-dialog__summary-edit-host[b-wyb2gvmes7]  .modal__panel {
    max-width: 360px;
    position: relative;
    border-radius: 18px;
    border-color: color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
}

.ticket-dialog__summary-edit-host[b-wyb2gvmes7]  .modal__header {
    padding: 4px 12px !important;
    border-bottom: none !important;
    gap: 8px !important;
    min-height: 0 !important;
}

.ticket-dialog__summary-edit-host[b-wyb2gvmes7]  .modal__content {
    padding: 8px 12px 12px !important;
}

.ticket-dialog__summary-edit-host[b-wyb2gvmes7]  .modal__close {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface-soft));
    color: var(--color-text-muted);
    font-size: var(--font-size-base);
}

.ticket-dialog__chat-body--loading[b-wyb2gvmes7] {
    display: grid;
    gap: 12px;
    padding: 8px 0;
}

.ticket-dialog__team-chat-members-modal[b-wyb2gvmes7] {
    display: grid;
    gap: 14px;
}

.ticket-dialog__team-chat-members-info[b-wyb2gvmes7] {
    display: flex;
    justify-content: flex-end;
}

.ticket-dialog__team-chat-members-info span[b-wyb2gvmes7] {
    font-size: var(--font-size-sm);
    color: var(--color-text-subtle);
    text-align: right;
}

.ticket-dialog__team-chat-members-add[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: end;
}

.ticket-dialog__team-chat-members-group[b-wyb2gvmes7] {
    display: grid;
    gap: 8px;
}

.ticket-dialog__team-chat-members-group strong[b-wyb2gvmes7] {
    font-size: var(--font-size-sm);
    color: var(--color-text);
}

.ticket-dialog__team-chat-members-list[b-wyb2gvmes7] {
    display: grid;
    gap: 8px;
}

.ticket-dialog__team-chat-member-row[b-wyb2gvmes7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: 14px;
    background: var(--color-surface);
}

.ticket-dialog__team-chat-member-row > div[b-wyb2gvmes7] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.ticket-dialog__team-chat-member-row span[b-wyb2gvmes7],
.ticket-dialog__team-chat-member-row small[b-wyb2gvmes7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-dialog__team-chat-member-row small[b-wyb2gvmes7],
.ticket-dialog__team-chat-members-empty[b-wyb2gvmes7] {
    color: var(--color-text-subtle);
    font-size: var(--font-size-sm);
}

.ticket-dialog__team-chat-member-remove[b-wyb2gvmes7] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-danger, var(--color-primary));
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ticket-dialog__summary-edit-host[b-wyb2gvmes7]  .modal__close:hover {
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-soft));
}

[data-theme="dark"] .ticket-dialog__summary-edit-host[b-wyb2gvmes7]  .modal__panel {
    background: color-mix(in srgb, var(--color-surface) 94%, #151320);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.34);
}

[data-theme="dark"] .ticket-dialog__summary-edit-host[b-wyb2gvmes7]  .modal__close {
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-soft));
}

.ticket-dialog__summary-edit-hint[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    align-self: flex-end;
    gap: 4px;
    padding: 0 2px;
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
}

.ticket-dialog__summary-edit-hint i[b-wyb2gvmes7] {
    color: var(--color-primary);
    font-size: var(--font-size-xs);
    flex-shrink: 0;
}

.ticket-dialog__section-pill i[b-wyb2gvmes7] {
    color: var(--color-primary);
    font-size: var(--font-size-sm);
}

.ticket-dialog__section-pill strong[b-wyb2gvmes7] {
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
}

.ticket-dialog__section-pill--channel[b-wyb2gvmes7] {
    max-width: min(320px, 36vw);
}

.ticket-dialog__section-badge[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-soft));
    color: var(--color-primary);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}

.ticket-dialog__section-body[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px 12px;
    min-height: 0;
}

.ticket-dialog__section-hint[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.3;
}

.ticket-dialog__section-hint-text[b-wyb2gvmes7],
.ticket-dialog__section-hint-meta[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ticket-dialog__section-hint-text[b-wyb2gvmes7] {
    flex: 0 0 auto;
    min-width: 0;
}

.ticket-dialog__section-hint-meta[b-wyb2gvmes7] {
    margin-left: 0;
    flex: 0 0 auto;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.ticket-dialog__section-hint-meta--start[b-wyb2gvmes7] {
    justify-content: flex-start;
}

.ticket-dialog__section-hint--details[b-wyb2gvmes7] {
    gap: 6px;
    font-size: var(--font-size-sm);
    line-height: 1.25;
}

.ticket-dialog__section-hint--details .ticket-dialog__section-hint-text[b-wyb2gvmes7],
.ticket-dialog__section-hint--details .ticket-dialog__section-hint-meta[b-wyb2gvmes7] {
    gap: 6px;
}

.ticket-dialog__section-hint--details .ticket-dialog__section-pill[b-wyb2gvmes7] {
    min-height: 22px;
    padding: 0 7px;
    font-size: var(--font-size-xs);
}

.ticket-dialog__section-hint i[b-wyb2gvmes7] {
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    flex-shrink: 0;
}

.ticket-dialog__section-body--messages[b-wyb2gvmes7] {
    min-height: 300px;
}

.ticket-dialog__operation-stack.is-messages-focus .ticket-dialog__section-body--messages[b-wyb2gvmes7] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.ticket-dialog__section-body--messages-email[b-wyb2gvmes7] {
    min-height: 0;
}

.ticket-dialog__splitter[b-wyb2gvmes7] {
    position: relative;
    background: color-mix(in srgb, var(--color-surface-soft) 92%, var(--color-border));
    cursor: col-resize;
}

.ticket-dialog__workspace.is-chat-collapsed .ticket-dialog__splitter--right[b-wyb2gvmes7] {
    display: none;
}

.ticket-dialog__splitter-handle[b-wyb2gvmes7] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 48px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 38%, var(--color-border));
    transform: translate(-50%, -50%);
}

.ticket-dialog__chat-panel[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background: color-mix(in srgb, var(--color-surface-2) 68%, var(--color-surface));
}

.ticket-dialog__workspace.is-chat-collapsed .ticket-dialog__chat-panel[b-wyb2gvmes7] {
    min-width: var(--ticket-dialog-chat-collapsed-width);
    overflow: hidden;
}

.ticket-dialog__chat-header[b-wyb2gvmes7] {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    gap: 10px;
    padding: 8px 12px;
    height: var(--ticket-dialog-top-zone-height);
    min-height: var(--ticket-dialog-top-zone-height);
    box-sizing: border-box;
    background: color-mix(in srgb, var(--color-surface) 70%, transparent);
    backdrop-filter: blur(10px);
}

.ticket-dialog__chat-header-main[b-wyb2gvmes7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.ticket-dialog__chat-header-actions[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ticket-dialog__chat-header-button[b-wyb2gvmes7] {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface) 92%, var(--color-surface-soft));
    color: var(--color-text-muted);
}

.ticket-dialog__chat-header-button:hover:not(:disabled)[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
    color: var(--color-primary);
}

.ticket-dialog__chat-header-button:disabled[b-wyb2gvmes7] {
    opacity: .52;
}

.ticket-dialog__chat-rail[b-wyb2gvmes7] {
    width: 100%;
    height: 100%;
    border: none;
    padding: 10px 0;
    background: color-mix(in srgb, var(--color-surface) 68%, transparent);
    color: var(--color-primary);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.ticket-dialog__chat-rail i[b-wyb2gvmes7] {
    font-size: var(--font-size-base);
}

.ticket-dialog__chat-rail span[b-wyb2gvmes7] {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    letter-spacing: .06em;
    text-transform: uppercase;
}

[data-theme="dark"] .ticket-dialog__panel[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-soft) 86%, #1b1726);
}

[data-theme="dark"] .ticket-dialog__workspace[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-soft) 74%, #15111d);
}

[data-theme="dark"] .ticket-dialog__operations-header[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-soft) 86%, #18141f);
}

[data-theme="dark"] .ticket-dialog__section-card[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-soft) 96%, #17131f);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}


[data-theme="dark"] .ticket-dialog__chat-panel[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface) 92%, #14111b);
}

[data-theme="dark"] .ticket-dialog__chat-header[b-wyb2gvmes7],
[data-theme="dark"] .ticket-dialog__chat-footer[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-soft) 74%, rgba(24, 20, 33, 0.72));
}

[data-theme="dark"] .ticket-dialog__chat-header-button[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-muted) 82%, #18141f);
    color: var(--color-text-muted);
}

[data-theme="dark"] .ticket-dialog__chat-rail[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface) 72%, rgba(24, 20, 33, 0.78));
}

[data-theme="dark"] .ticket-dialog__chat-bubble--system[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-soft) 92%, #17131f);
}

[data-theme="dark"] .ticket-dialog__chat-bubble--agent[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-soft));
}

[data-theme="dark"] .ticket-dialog__email-viewer-body[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-soft) 86%, #17131f);
}

[data-theme="dark"] .ticket-dialog__email-viewer-meta[b-wyb2gvmes7],
[data-theme="dark"] .ticket-dialog__email-viewer-content[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface) 92%, #14111b);
}

[data-theme="dark"] .ticket-dialog__email-viewer-addresses[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-soft) 82%, #191621);
}

[data-theme="dark"] .ticket-dialog__email-message.is-selected[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-primary) 10%, #18141f);
}

[data-theme="dark"] .ticket-dialog__chat-composer-shell[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-soft) 94%, #18141f);
    border-color: color-mix(in srgb, var(--color-border) 68%, transparent);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
}

[data-theme="dark"] .ticket-dialog__chat-composer-icon[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-muted) 82%, #18141f);
    color: var(--color-text-muted);
}

[data-theme="dark"] .ticket-dialog__top-button[b-wyb2gvmes7] {
    border-color: color-mix(in srgb, var(--color-border) 86%, transparent);
    background: color-mix(in srgb, var(--color-surface-soft) 88%, rgba(24, 20, 33, 0.82));
    color: var(--color-text);
}

[data-theme="dark"] .ticket-dialog__top-button:hover:not(:disabled)[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-muted) 88%, rgba(24, 20, 33, 0.92));
}

[data-theme="dark"] .ticket-dialog__top-button:disabled[b-wyb2gvmes7] {
    opacity: .88;
    color: color-mix(in srgb, var(--color-text-muted) 88%, var(--color-text));
    background: color-mix(in srgb, var(--color-surface-muted) 72%, rgba(24, 20, 33, 0.78));
    border-color: color-mix(in srgb, var(--color-border) 92%, transparent);
}

.ticket-dialog__chat-header strong[b-wyb2gvmes7] {
    display: block;
    margin-bottom: 2px;
    font-size: var(--font-size-base);
    color: var(--color-text);
    line-height: 1.15;
}

.ticket-dialog__chat-title-row[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
}

.ticket-dialog__chat-title-row i[b-wyb2gvmes7] {
    color: var(--color-primary);
    font-size: var(--font-size-base);
}

.ticket-dialog__chat-header span[b-wyb2gvmes7] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.ticket-dialog__chat-body[b-wyb2gvmes7] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    overflow: auto;
    border-top: 1px solid color-mix(in srgb, var(--color-primary) 6%, transparent);
}

.ticket-dialog__chat-body--blocked[b-wyb2gvmes7] {
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.ticket-dialog__chat-guard[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 320px;
    padding: 22px 20px;
    border: 1px solid color-mix(in srgb, var(--color-border) 86%, transparent);
    border-radius: 16px;
    background: color-mix(in srgb, var(--color-surface) 94%, var(--color-surface-soft));
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    text-align: center;
}

.ticket-dialog__chat-guard-icon[b-wyb2gvmes7] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    color: var(--color-primary);
}

.ticket-dialog__chat-guard strong[b-wyb2gvmes7] {
    color: var(--color-text);
    font-size: var(--font-size-base);
    line-height: 1.25;
}

.ticket-dialog__chat-guard p[b-wyb2gvmes7] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.5;
}

.ticket-dialog__email-viewer-body[b-wyb2gvmes7] {
    padding: 0;
    background: color-mix(in srgb, var(--color-surface) 82%, transparent);
}

.ticket-dialog__email-viewer-empty[b-wyb2gvmes7] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px;
    color: var(--color-text-muted);
    text-align: center;
}

.ticket-dialog__email-viewer-empty i[b-wyb2gvmes7] {
    font-size: var(--font-size-lg);
    color: var(--color-primary);
}

.ticket-dialog__email-viewer-empty strong[b-wyb2gvmes7] {
    color: var(--color-text);
    font-size: var(--font-size-base);
}

.ticket-dialog__email-viewer-card[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.ticket-dialog__email-viewer-meta[b-wyb2gvmes7] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 55%, transparent);
    background: color-mix(in srgb, var(--color-surface) 96%, var(--color-surface-soft));
}

.ticket-dialog__email-viewer-meta h4[b-wyb2gvmes7] {
    margin: 0;
    font-size: var(--font-size-base);
    line-height: 1.25;
    color: var(--color-text);
}

.ticket-dialog__email-viewer-meta span[b-wyb2gvmes7] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    white-space: nowrap;
}

.ticket-dialog__email-viewer-addresses[b-wyb2gvmes7] {
    display: grid;
    gap: 6px;
    padding: 10px 14px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 50%, transparent);
    background: color-mix(in srgb, var(--color-surface-soft) 58%, transparent);
}

.ticket-dialog__email-viewer-address[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
}

.ticket-dialog__email-viewer-address strong[b-wyb2gvmes7] {
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--color-text-muted);
}

.ticket-dialog__email-viewer-address span[b-wyb2gvmes7] {
    min-width: 0;
    font-size: var(--font-size-sm);
    line-height: 1.35;
    color: var(--color-text);
    overflow-wrap: anywhere;
}

.ticket-dialog__email-viewer-content[b-wyb2gvmes7] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 12px 14px 14px;
    overflow: auto;
    background: var(--color-surface);
}

.ticket-dialog__email-viewer-text[b-wyb2gvmes7] {
    margin: 0;
    white-space: pre-wrap;
    font: inherit;
    font-size: var(--font-size-sm);
    line-height: 1.55;
    color: var(--color-text);
}

.ticket-dialog__chat-footer--email-viewer[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ticket-dialog__chat-date[b-wyb2gvmes7] {
    align-self: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}

.ticket-dialog__chat-bubble[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 92%;
    padding: 10px 12px;
    border-radius: 14px;
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.04);
    line-height: 1.45;
}

.ticket-dialog__chat-bubble strong[b-wyb2gvmes7] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
}

.ticket-dialog__chat-bubble p[b-wyb2gvmes7],
.ticket-dialog__chat-bubble span[b-wyb2gvmes7] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.ticket-dialog__chat-bubble--system[b-wyb2gvmes7] {
    align-self: flex-start;
    background: color-mix(in srgb, var(--color-surface) 92%, var(--color-surface-soft));
}

.ticket-dialog__chat-bubble--agent[b-wyb2gvmes7] {
    align-self: flex-end;
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
}

.ticket-dialog__chat-footer[b-wyb2gvmes7] {
    flex: 0 0 auto;
    padding: 10px 12px 12px;
    background: color-mix(in srgb, var(--color-surface) 88%, transparent);
    backdrop-filter: blur(10px);
    border-top: 1px solid color-mix(in srgb, var(--color-primary) 8%, var(--color-border));
}
.ticket-dialog__messages[b-wyb2gvmes7] { flex: 1; display: flex; flex-direction: column; gap: 8px; overflow: visible; min-width: 0; max-width: 100%; }

.ticket-dialog__operation-stack.is-messages-focus .ticket-dialog__messages[b-wyb2gvmes7] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding-right: 4px;
}
.ticket-dialog__chat-composer-input[b-wyb2gvmes7] {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    min-height: 30px;
    max-height: 120px;
    resize: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--color-text);
    font: inherit;
    font-size: var(--font-size-base);
    line-height: 1.35;
    overflow-y: auto;
    cursor: text;
}

.ticket-dialog__chat-composer-input[b-wyb2gvmes7]::placeholder {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.25;
}

.ticket-dialog__chat-composer-input:focus[b-wyb2gvmes7] {
    outline: none;
}

.ticket-dialog__chat-composer-shell[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--color-border) 78%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--color-surface) 98%, var(--color-surface-soft));
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03);
}

.ticket-dialog__chat-composer-shell--disabled[b-wyb2gvmes7] {
    opacity: .78;
}

.ticket-dialog__chat-composer-actions[b-wyb2gvmes7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ticket-dialog__chat-composer-tools[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.ticket-dialog__chat-composer-icon[b-wyb2gvmes7],
.ticket-dialog__chat-composer-submit[b-wyb2gvmes7] {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ticket-dialog__chat-composer-icon[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-soft) 68%, var(--color-surface));
    color: var(--color-text-muted);
}

.ticket-dialog__chat-composer-icon:disabled[b-wyb2gvmes7] {
    opacity: .62;
}

.ticket-dialog__chat-composer-submit[b-wyb2gvmes7] {
    flex: 0 0 auto;
    background: color-mix(in srgb, var(--color-primary) 78%, var(--color-surface));
    color: white;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--color-primary) 26%, transparent);
}

.ticket-dialog__chat-composer-submit:disabled[b-wyb2gvmes7] {
    opacity: .72;
    box-shadow: none;
}

.ticket-dialog__messages--email[b-wyb2gvmes7] {
    gap: 2px;
    flex: 0 0 auto;
}
.ticket-dialog__messages-actions[b-wyb2gvmes7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding-bottom: 2px;
}
.ticket-dialog__message[b-wyb2gvmes7] { display: flex; flex-direction: column; max-width: 82%; min-width: 0; gap: 3px; }
.ticket-dialog__message.is-contact[b-wyb2gvmes7] { align-self: flex-start; }
.ticket-dialog__message.is-agent[b-wyb2gvmes7] { align-self: flex-end; }
.ticket-dialog__message header[b-wyb2gvmes7] { font-size: var(--font-size-xs); color: var(--color-text-muted); margin-bottom: 1px; padding: 0 4px; }
.ticket-dialog__bubble[b-wyb2gvmes7] {
    border: 0;
    border-radius: 14px;
    padding: 9px 11px;
    background: color-mix(in srgb, var(--color-surface) 96%, var(--color-surface-soft));
    font-size: var(--font-size-sm);
    line-height: 1.4;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
    word-break: break-word;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.025);
}
.ticket-dialog__message.is-contact .ticket-dialog__bubble[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-soft) 82%, #eef2fb);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--color-border) 52%, transparent),
        0 2px 8px rgba(15, 23, 42, 0.03);
}
.ticket-dialog__message.is-agent .ticket-dialog__bubble[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-primary) 15%, var(--color-surface-soft));
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 12%, transparent),
        0 3px 10px rgba(83, 66, 194, 0.06);
}

[data-theme="dark"] .ticket-dialog__message.is-contact .ticket-dialog__bubble[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-surface-soft) 94%, #17131f);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--color-border) 58%, transparent),
        0 4px 12px rgba(0, 0, 0, 0.16);
}

[data-theme="dark"] .ticket-dialog__message.is-agent .ticket-dialog__bubble[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-primary) 18%, #1d1727);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 22%, transparent),
        0 4px 14px rgba(44, 22, 92, 0.24);
}
.ticket-dialog__email-message[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 55%, transparent);
}
.ticket-dialog__email-message.is-agent[b-wyb2gvmes7] {
    background: transparent;
}
.ticket-dialog__email-message.is-selected[b-wyb2gvmes7] {
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}
.ticket-dialog__email-header[b-wyb2gvmes7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 4px;
    border-bottom: none;
}
.ticket-dialog__email-header--toggle[b-wyb2gvmes7] {
    width: 100%;
    border: 0;
    padding: 6px 4px;
    background: transparent;
    text-align: left;
    cursor: pointer;
}
.ticket-dialog__email-header-main[b-wyb2gvmes7] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1 1 auto;
}
.ticket-dialog__email-header-main strong[b-wyb2gvmes7] {
    font-size: var(--font-size-sm);
    line-height: 1.25;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}
.ticket-dialog__email-message-icon[b-wyb2gvmes7],
.ticket-dialog__email-direction-icon[b-wyb2gvmes7] {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: var(--font-size-xs);
}
.ticket-dialog__email-message-icon[b-wyb2gvmes7] {
    color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 10%, transparent);
}
.ticket-dialog__email-direction-icon[b-wyb2gvmes7] {
    color: var(--color-text-muted);
    background: color-mix(in srgb, var(--color-surface-soft) 82%, transparent);
}
.ticket-dialog__email-message.is-contact .ticket-dialog__email-direction-icon[b-wyb2gvmes7] {
    color: color-mix(in srgb, var(--color-success, #16a34a) 78%, var(--color-text));
    background: color-mix(in srgb, var(--color-success, #16a34a) 12%, transparent);
}
.ticket-dialog__email-message.is-agent .ticket-dialog__email-direction-icon[b-wyb2gvmes7] {
    color: color-mix(in srgb, var(--color-primary) 84%, var(--color-text));
    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
}
.ticket-dialog__email-sender[b-wyb2gvmes7] {
    flex: 0 1 240px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ticket-dialog__email-header-actions[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.ticket-dialog__email-summary-subject[b-wyb2gvmes7] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--font-size-sm);
    line-height: 1.2;
    color: var(--color-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ticket-dialog__email-date[b-wyb2gvmes7] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.2;
    white-space: nowrap;
}
.ticket-dialog__email-meta[b-wyb2gvmes7] {
    display: grid;
    gap: 4px;
    padding: 2px 4px 6px;
    border-top: 1px solid color-mix(in srgb, var(--color-border) 50%, transparent);
}
.ticket-dialog__email-meta-row[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
}
.ticket-dialog__email-meta-item[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
}
.ticket-dialog__email-meta-item span[b-wyb2gvmes7] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 1.25;
}
.ticket-dialog__email-meta-item strong[b-wyb2gvmes7] {
    font-size: var(--font-size-sm);
    line-height: 1.25;
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    overflow-wrap: anywhere;
    word-break: break-word;
}
.ticket-dialog__email-body[b-wyb2gvmes7] {
    min-width: 0;
    max-width: 100%;
    padding: 6px 4px 8px;
    border-top: 1px solid color-mix(in srgb, var(--color-border) 50%, transparent);
    font-size: var(--font-size-sm);
    line-height: 1.48;
    color: var(--color-text);
    overflow-wrap: anywhere;
    word-break: break-word;
}
.ticket-dialog__bubble *[b-wyb2gvmes7] {
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 1100px) {
    .ticket-dialog__layout[b-wyb2gvmes7] {
        grid-template-columns: minmax(0, 1fr) 280px;
    }
}

@media (max-width: 920px) {
    .ticket-dialog__layout[b-wyb2gvmes7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ticket-dialog__sidebar--placeholder[b-wyb2gvmes7] {
        display: none;
    }
}
.ticket-dialog__interactive-message[b-wyb2gvmes7] {
    margin-bottom: 8px;
    line-height: 1.38;
    font-size: var(--font-size-sm);
}
.ticket-dialog__carousel[b-wyb2gvmes7] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
}
.ticket-dialog__carousel-card[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 0 0 min(260px, 72vw);
    padding: 10px;
    border: 0;
    border-radius: 12px;
    background: color-mix(in srgb, var(--color-surface) 94%, var(--color-surface-soft));
    scroll-snap-align: start;
}
.ticket-dialog__carousel-image-button[b-wyb2gvmes7] {
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}
.ticket-dialog__carousel-card strong[b-wyb2gvmes7] {
    font-size: var(--font-size-sm);
}
.ticket-dialog__carousel-card p[b-wyb2gvmes7] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.35;
    font-size: var(--font-size-sm);
}
.ticket-dialog__carousel-image[b-wyb2gvmes7] {
    width: 100%;
    height: 132px;
    object-fit: cover;
    border-radius: calc(var(--radius-base) - 4px);
    border: 1px solid var(--color-border);
    display: block;
}
.ticket-dialog__carousel-actions[b-wyb2gvmes7] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.ticket-dialog__carousel[b-wyb2gvmes7]::-webkit-scrollbar {
    height: 10px;
}
.ticket-dialog__carousel[b-wyb2gvmes7]::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--color-primary) 26%, var(--color-border));
    border-radius: 999px;
}
.ticket-dialog__carousel[b-wyb2gvmes7]::-webkit-scrollbar-track {
    background: transparent;
}
.ticket-dialog__carousel-button[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    color: var(--color-primary);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    font-size: var(--font-size-sm);
}
.ticket-dialog__carousel-button--disabled[b-wyb2gvmes7] {
    opacity: .7;
    cursor: default;
}
.ticket-dialog__html[b-wyb2gvmes7] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.ticket-dialog__html > *[b-wyb2gvmes7] {
    max-width: 100% !important;
}
.ticket-dialog__bubble :is(p, ul, ol)[b-wyb2gvmes7] { margin: 0 0 8px 0; }
.ticket-dialog__bubble :is(p, ul, ol):last-child[b-wyb2gvmes7] { margin-bottom: 0; }
.ticket-dialog__html[b-wyb2gvmes7]  img,
.ticket-dialog__html[b-wyb2gvmes7]  table,
.ticket-dialog__html[b-wyb2gvmes7]  iframe,
.ticket-dialog__html[b-wyb2gvmes7]  video,
.ticket-dialog__html[b-wyb2gvmes7]  canvas,
.ticket-dialog__html[b-wyb2gvmes7]  svg {
    max-width: 100% !important;
    height: auto;
}
.ticket-dialog__html[b-wyb2gvmes7]  img { border-radius: var(--radius-sm); display: block; }
.ticket-dialog__html[b-wyb2gvmes7]  div,
.ticket-dialog__html[b-wyb2gvmes7]  span,
.ticket-dialog__html[b-wyb2gvmes7]  td,
.ticket-dialog__html[b-wyb2gvmes7]  th,
.ticket-dialog__html[b-wyb2gvmes7]  a,
.ticket-dialog__html[b-wyb2gvmes7]  p,
.ticket-dialog__html[b-wyb2gvmes7]  li {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100% !important;
}
.ticket-dialog__html[b-wyb2gvmes7]  pre {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    margin: 8px 0 0 !important;
    padding: 12px 14px !important;
    border-radius: var(--radius-sm);
    background: rgba(16, 24, 40, 0.96);
    color: #dbeafe;
}
.ticket-dialog__html[b-wyb2gvmes7]  code {
    white-space: break-spaces !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    max-width: 100% !important;
}
.ticket-dialog__html[b-wyb2gvmes7]  table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
}

@media (max-width: 768px) {
    .ticket-dialog__email-header[b-wyb2gvmes7] {
        gap: 8px;
    }

    .ticket-dialog__email-header-actions[b-wyb2gvmes7] {
        gap: 8px;
    }

    .ticket-dialog__email-header-main[b-wyb2gvmes7] {
        gap: 8px;
    }

    .ticket-dialog__email-sender[b-wyb2gvmes7] {
        flex-basis: 140px;
    }

    .ticket-dialog__email-date[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-meta-row[b-wyb2gvmes7] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

@container (max-width: 560px) {
    .ticket-dialog__email-header[b-wyb2gvmes7],
    .ticket-dialog__email-header--toggle[b-wyb2gvmes7] {
        padding: 7px 2px;
    }

    .ticket-dialog__email-header-main[b-wyb2gvmes7] {
        display: grid;
        grid-template-columns: 18px 18px minmax(0, 1fr);
        grid-template-areas:
            "mail direction sender"
            "mail direction subject";
        align-items: center;
        column-gap: 8px;
        row-gap: 3px;
    }

    .ticket-dialog__email-message-icon[b-wyb2gvmes7] {
        grid-area: mail;
    }

    .ticket-dialog__email-direction-icon[b-wyb2gvmes7] {
        grid-area: direction;
    }

    .ticket-dialog__email-sender[b-wyb2gvmes7] {
        grid-area: sender;
        flex: none;
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__email-summary-subject[b-wyb2gvmes7] {
        grid-area: subject;
        font-size: var(--font-size-xs);
        line-height: 1.15;
    }

    .ticket-dialog__email-header-actions[b-wyb2gvmes7] {
        gap: 6px;
        align-self: flex-start;
        padding-top: 1px;
    }

    .ticket-dialog__email-date[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }
}

@container (max-width: 420px) {
    .ticket-dialog__email-message-icon[b-wyb2gvmes7],
    .ticket-dialog__email-direction-icon[b-wyb2gvmes7] {
        width: 16px;
        height: 16px;
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-header-main[b-wyb2gvmes7] {
        grid-template-columns: 16px 16px minmax(0, 1fr);
        column-gap: 6px;
    }

    .ticket-dialog__email-sender[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-summary-subject[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-date[b-wyb2gvmes7] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-header-actions i[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
    }
}
.ticket-dialog__activities[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 2px;
}
.ticket-dialog__tasks[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 0;
}
.ticket-dialog__task-toolbar[b-wyb2gvmes7] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
}
.ticket-dialog__task-empty-state[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}
.ticket-dialog__annotations[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 240px;
}
.ticket-dialog__task-editor[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--color-border);
    border-radius: calc(var(--radius-base) + 2px);
    background: color-mix(in srgb, var(--color-surface) 88%, white 12%);
}
.ticket-dialog__task-editor-header[b-wyb2gvmes7] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 10px;
}
.ticket-dialog__task-editor-header strong[b-wyb2gvmes7] {
    display: block;
    margin-bottom: 0;
    color: var(--color-text);
    font-size: var(--font-size-base);
}
.ticket-dialog__task-editor-header span[b-wyb2gvmes7] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.45;
}
.ticket-dialog__task-editor-grid[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.ticket-dialog__task-editor-actions[b-wyb2gvmes7] {
    display: flex;
    align-items: end;
    justify-content: flex-end;
}
.ticket-dialog__task-list[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ticket-dialog__annotation-list[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ticket-dialog__task-list-header[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(140px, .9fr) minmax(140px, .9fr) minmax(0, 1fr) auto;
    gap: 12px;
    padding: 0 14px;
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: .04em;
}
.ticket-dialog__task-list-header-actions[b-wyb2gvmes7] {
    text-align: right;
}
.ticket-dialog__task-card[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(140px, .9fr) minmax(140px, .9fr) minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--color-border);
    border-radius: calc(var(--radius-base) + 2px);
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface-2));
}
.ticket-dialog__task-cell[b-wyb2gvmes7] {
    min-width: 0;
    color: var(--color-text);
}
.ticket-dialog__task-cell--name strong[b-wyb2gvmes7] {
    display: block;
    color: var(--color-text);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: anywhere;
}
.ticket-dialog__task-due[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-text-muted) 16%, var(--color-surface-soft));
    color: var(--color-text);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}
.ticket-dialog__task-status[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 18%, var(--color-surface-soft));
    color: var(--color-primary);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}
.ticket-dialog__task-card-actions[b-wyb2gvmes7] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-end;
}
.ticket-dialog__annotation-editor[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--color-border);
    border-radius: calc(var(--radius-base) + 2px);
    background: color-mix(in srgb, var(--color-surface) 88%, white 12%);
}
.ticket-dialog__annotation-card[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--color-border);
    border-radius: calc(var(--radius-base) + 2px);
    background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface-2));
}
.ticket-dialog__annotation-header[b-wyb2gvmes7] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}
.ticket-dialog__annotation-header strong[b-wyb2gvmes7] {
    display: block;
    margin-bottom: 4px;
    color: var(--color-text);
}
.ticket-dialog__annotation-header span[b-wyb2gvmes7] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}
.ticket-dialog__annotation-body[b-wyb2gvmes7] {
    color: var(--color-text);
    line-height: 1.55;
}
.ticket-dialog__activity[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}
.ticket-dialog__activity-marker[b-wyb2gvmes7] {
    width: 12px;
    height: 12px;
    margin-top: 6px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 85%, white);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary) 14%, white);
}
.ticket-dialog__activity-content[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface-2);
}
.ticket-dialog__activity-header[b-wyb2gvmes7] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px 12px;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}
.ticket-dialog__activity-description[b-wyb2gvmes7] {
    margin: 0;
    color: var(--color-text);
    line-height: 1.45;
}
.ticket-dialog__composer[b-wyb2gvmes7] { border-top: 1px solid var(--color-border); padding-top: 10px; display: flex; flex-direction: column; gap: 12px; }
.ticket-dialog__email-actions-bar[b-wyb2gvmes7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 2px 0 0;
}
.ticket-dialog__email-composer-meta[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    border-radius: calc(var(--radius-base) + 2px);
    background: color-mix(in srgb, var(--color-primary) 4%, white);
}
.ticket-dialog__email-composer-meta--compact[b-wyb2gvmes7] {
    gap: 8px;
    padding: 10px 12px;
}
.ticket-dialog__email-composer-heading[b-wyb2gvmes7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.ticket-dialog__email-composer-badge[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, white);
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
}
.ticket-dialog__email-composer-tools[b-wyb2gvmes7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.ticket-dialog__email-composer-row[b-wyb2gvmes7] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}
.ticket-dialog__email-composer-label[b-wyb2gvmes7] {
    padding-top: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: .04em;
}
.ticket-dialog__email-composer-mode[b-wyb2gvmes7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ticket-dialog__email-forward-fields[b-wyb2gvmes7] {
    display: grid;
    gap: 8px;
}
.ticket-dialog__email-composer-row strong[b-wyb2gvmes7] {
    min-width: 0;
    font-size: var(--font-size-sm);
    line-height: 1.35;
    color: var(--color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ticket-dialog__ia-panel[b-wyb2gvmes7] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 16%, var(--color-border));
    border-radius: calc(var(--radius-base) + 2px);
    background: color-mix(in srgb, var(--color-primary) 8%, white);
    box-shadow: 0 12px 28px rgba(83, 66, 194, 0.08);
    position: relative;
    z-index: 2;
}
.ticket-dialog__ia-panel.is-loading[b-wyb2gvmes7] {
    border-color: color-mix(in srgb, var(--color-primary) 34%, var(--color-border));
    box-shadow: 0 14px 34px rgba(83, 66, 194, 0.14);
}
.ticket-dialog__ia-panel-header[b-wyb2gvmes7] {
    min-width: 240px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ticket-dialog__ia-panel-title[b-wyb2gvmes7] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    line-height: 1.25;
}
.ticket-dialog__ia-panel-caption[b-wyb2gvmes7] {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    line-height: 1.4;
}
.ticket-dialog__ia-panel-controls[b-wyb2gvmes7] {
    display: flex;
    align-items: end;
    gap: 12px;
    flex: 1 1 auto;
    justify-content: flex-end;
}
.ticket-dialog__field--tone[b-wyb2gvmes7] {
    min-width: 220px;
    flex: 0 0 260px;
    position: relative;
    z-index: 3;
}
.ticket-dialog__composer-submit .btn[b-wyb2gvmes7] {
    width: 100%;
    min-height: 56px;
}
.ticket-dialog__composer-submit[b-wyb2gvmes7] {
    display: flex;
    justify-content: flex-end;
}
.ticket-dialog__composer-submit .btn[b-wyb2gvmes7] {
    width: min(100%, 360px);
}
.ticket-dialog__sidebar[b-wyb2gvmes7] { border: 1px solid var(--color-border); border-radius: var(--radius-base); padding: 12px; align-self: start; display: flex; flex-direction: column; gap: 12px; }
.ticket-dialog__sidebar-header[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 16px;
    border-radius: calc(var(--radius-base) + 2px);
    background: color-mix(in srgb, var(--color-primary) 10%, white);
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
}
.ticket-dialog__sidebar-title[b-wyb2gvmes7] {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}
.ticket-dialog__sidebar-caption[b-wyb2gvmes7] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: 1.45;
}
.ticket-dialog__grid[b-wyb2gvmes7] { display: flex; flex-direction: column; gap: 10px; }
.ticket-dialog__field[b-wyb2gvmes7] { display: flex; flex-direction: column; gap: 4px; }
.ticket-dialog__summary-item[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface-2);
}
.ticket-dialog__summary-label[b-wyb2gvmes7] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: .04em;
}
.ticket-dialog__summary-value[b-wyb2gvmes7] {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}
.ticket-dialog__section-title[b-wyb2gvmes7] { font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); color: var(--color-text-muted); text-transform: uppercase; letter-spacing: .04em; margin-top: 6px; }
.ticket-dialog__label[b-wyb2gvmes7] { font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); }
.ticket-dialog__required[b-wyb2gvmes7] { color: var(--color-danger); }
.ticket-dialog__error[b-wyb2gvmes7] { font-size: var(--font-size-xs); color: var(--color-danger); font-weight: var(--font-weight-medium); }
.ticket-dialog__empty[b-wyb2gvmes7] { color: var(--color-text-muted); margin: 0; }
.ticket-dialog__task-empty-state .ticket-dialog__empty[b-wyb2gvmes7] {
    text-align: right;
    max-width: 26ch;
    font-size: var(--font-size-base);
    line-height: 1.35;
}
.ticket-dialog__html[b-wyb2gvmes7]  img { cursor: zoom-in; }

.ticket-dialog__audio-transcription-modal[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ticket-dialog__audio-transcription-meta[b-wyb2gvmes7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.ticket-dialog__audio-transcription-meta strong[b-wyb2gvmes7] {
    color: var(--color-text);
    font-size: var(--font-size-base);
}

.ticket-dialog__audio-transcription-content[b-wyb2gvmes7] {
    white-space: pre-wrap;
    line-height: 1.6;
    font-size: var(--font-size-base);
    color: var(--color-text);
    background: var(--color-surface-muted);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 14px;
    max-height: min(50vh, 420px);
    overflow: auto;
}
.ticket-dialog__image-viewer[b-wyb2gvmes7] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-modal) + 40);
    background: rgba(9, 12, 18, 0.88);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.ticket-dialog__image-viewer-content[b-wyb2gvmes7] {
    max-width: min(92vw, 1400px);
    max-height: 88vh;
    border-radius: 18px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
}
.ticket-dialog__image-viewer-close[b-wyb2gvmes7] {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(8px);
}

@media (max-width: 1280px) {
    .ticket-dialog__workspace[b-wyb2gvmes7] {
        grid-template-columns: minmax(0, calc(100% - var(--ticket-dialog-chat-width) - 10px)) 10px minmax(300px, var(--ticket-dialog-chat-width));
    }
}

@media (max-width: 1024px) {
    .ticket-dialog__container[b-wyb2gvmes7] {
        padding: 8px 8px 12px;
        min-height: 100dvh;
    }

    .ticket-dialog__panel[b-wyb2gvmes7] {
        height: auto;
        min-height: 0;
        flex: 1 1 auto;
    }

    .ticket-dialog__workspace[b-wyb2gvmes7] {
        display: flex;
        flex-direction: column;
        min-height: 100%;
        max-height: none;
        height: 100%;
        overflow: auto;
    }

    .ticket-dialog__workspace-body[b-wyb2gvmes7] {
        overflow: auto;
        padding-top: 8px;
    }

    .ticket-dialog__loading[b-wyb2gvmes7] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr) minmax(220px, 34dvh);
    }

    .ticket-dialog__loading-grid[b-wyb2gvmes7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ticket-dialog__splitter[b-wyb2gvmes7] {
        display: none;
    }

    .ticket-dialog__pane[b-wyb2gvmes7],
    .ticket-dialog__focus-pane[b-wyb2gvmes7],
    .ticket-dialog__pane-scroll[b-wyb2gvmes7],
    .ticket-dialog__email-composer-pane-body[b-wyb2gvmes7] {
        min-height: 0;
        flex: 0 0 auto;
        overflow: visible;
    }

    .ticket-dialog__email-composer-pane[b-wyb2gvmes7] {
        border-left: 0;
        border-top: 1px solid var(--color-border);
    }

    .ticket-dialog__chat-panel[b-wyb2gvmes7] {
        min-height: 0;
        flex: 0 0 auto;
        border-top: 1px solid var(--color-border);
    }

    .ticket-dialog__chat-body[b-wyb2gvmes7] {
        min-height: 0;
        overflow: visible;
    }

    .ticket-dialog__floating-actions[b-wyb2gvmes7] {
        top: auto;
        right: 18px;
        bottom: 18px;
        flex-direction: row;
    }
}

@media (max-width: 760px) {
    .ticket-dialog__container[b-wyb2gvmes7] {
        padding: 6px 6px max(6px, env(safe-area-inset-bottom));
        gap: 6px;
    }

    .ticket-dialog__panel[b-wyb2gvmes7] {
        height: calc(100dvh - 48px - max(6px, env(safe-area-inset-bottom)) - max(0px, env(safe-area-inset-top)));
        min-height: 0;
        border-radius: 18px;
    }

    .ticket-dialog__workspace[b-wyb2gvmes7] {
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: auto;
    }

    .ticket-dialog__workspace-body[b-wyb2gvmes7] {
        padding-top: 6px;
    }

    .ticket-dialog__loading[b-wyb2gvmes7] {
        padding: 10px;
        gap: 10px;
        grid-template-rows: minmax(0, 1fr) minmax(200px, 32dvh);
    }

    .ticket-dialog__loading-header[b-wyb2gvmes7],
    .ticket-dialog__loading-card[b-wyb2gvmes7],
    .ticket-dialog__loading-chat[b-wyb2gvmes7] {
        padding: 10px;
    }

    .ticket-dialog__loading-header[b-wyb2gvmes7],
    .ticket-dialog__loading-card-header[b-wyb2gvmes7] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ticket-dialog__loading-actions[b-wyb2gvmes7],
    .ticket-dialog__loading-inline[b-wyb2gvmes7] {
        flex-wrap: wrap;
    }

    .ticket-dialog__loading-grid[b-wyb2gvmes7] {
        grid-template-columns: 1fr;
    }

    .ticket-dialog__workspace.is-chat-collapsed[b-wyb2gvmes7] {
        display: flex;
        flex-direction: column;
    }

    .ticket-dialog__pane-scroll[b-wyb2gvmes7],
    .ticket-dialog__focus-pane[b-wyb2gvmes7] {
        padding: 6px 10px 10px;
    }

    .ticket-dialog__chat-panel[b-wyb2gvmes7] {
        border-top: 1px solid color-mix(in srgb, var(--color-border) 82%, transparent);
        min-width: 0;
    }

    .ticket-dialog__workspace.is-chat-collapsed .ticket-dialog__chat-panel[b-wyb2gvmes7] {
        min-width: 0;
    }

    .ticket-dialog__chat-rail[b-wyb2gvmes7] {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 8px;
        padding: 6px 10px;
    }

    .ticket-dialog__chat-rail span[b-wyb2gvmes7] {
        writing-mode: initial;
        transform: none;
        font-size: var(--font-size-sm);
        letter-spacing: .04em;
    }

    .ticket-dialog__chat-header[b-wyb2gvmes7] {
        padding: 8px 10px;
    }

    .ticket-dialog__chat-header-main[b-wyb2gvmes7] {
        align-items: center;
    }

    .ticket-dialog__chat-header-main > div:first-child[b-wyb2gvmes7] {
        min-width: 0;
    }

    .ticket-dialog__chat-header strong[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__chat-header span[b-wyb2gvmes7] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__chat-header-actions[b-wyb2gvmes7] {
        gap: 6px;
    }

    .ticket-dialog__chat-header-button[b-wyb2gvmes7] {
        width: 28px;
        height: 28px;
    }

    .ticket-dialog__chat-body[b-wyb2gvmes7] {
        padding: 8px 10px;
        overflow: visible;
    }

    .ticket-dialog__chat-footer[b-wyb2gvmes7] {
        padding: 8px 10px 10px;
    }

    .ticket-dialog__chat-composer-shell[b-wyb2gvmes7] {
        gap: 8px;
        padding: 8px 10px;
        border-radius: 16px;
    }

    .ticket-dialog__chat-composer-input[b-wyb2gvmes7] {
        min-height: 36px;
        font-size: var(--font-size-sm);
        line-height: 1.25;
    }

    .ticket-dialog__chat-composer-input[b-wyb2gvmes7]::placeholder {
        font-size: var(--font-size-xs);
        line-height: 1.2;
    }

    .ticket-dialog__chat-composer-actions[b-wyb2gvmes7] {
        gap: 8px;
    }

    .ticket-dialog__header[b-wyb2gvmes7] {
        padding-top: 0;
    }

    .ticket-dialog__meta[b-wyb2gvmes7] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-dialog__meta-item[b-wyb2gvmes7] {
        white-space: normal;
    }

    .ticket-dialog__messages-actions[b-wyb2gvmes7] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-dialog__task-editor-grid[b-wyb2gvmes7] {
        grid-template-columns: 1fr;
    }

    .ticket-dialog__task-card[b-wyb2gvmes7],
    .ticket-dialog__task-list-header[b-wyb2gvmes7] {
        grid-template-columns: 1fr;
    }

    .ticket-dialog__task-card-actions[b-wyb2gvmes7],
    .ticket-dialog__task-editor-actions[b-wyb2gvmes7] {
        width: 100%;
    }

    .ticket-dialog__task-editor-header[b-wyb2gvmes7],
    .ticket-dialog__annotation-header[b-wyb2gvmes7] {
        flex-direction: column;
    }

    .ticket-dialog__task-card-actions .btn[b-wyb2gvmes7],
    .ticket-dialog__task-editor-actions .btn[b-wyb2gvmes7] {
        width: 100%;
    }

    .ticket-dialog__task-list-header[b-wyb2gvmes7] {
        display: none;
    }

    .ticket-dialog__task-card-actions[b-wyb2gvmes7] {
        justify-content: stretch;
    }

    .ticket-dialog__email-composer-row[b-wyb2gvmes7] {
        grid-template-columns: 1fr;
    }

    .ticket-dialog__email-composer-label[b-wyb2gvmes7] {
        padding-top: 0;
    }

    .ticket-dialog__ia-panel[b-wyb2gvmes7],
    .ticket-dialog__ia-panel-controls[b-wyb2gvmes7] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-dialog__field--tone[b-wyb2gvmes7],
    .ticket-dialog__composer-submit[b-wyb2gvmes7] {
        min-width: 0;
        width: 100%;
        flex-basis: auto;
    }

    .ticket-dialog__ia-panel-header[b-wyb2gvmes7] {
        min-width: 0;
    }

    .ticket-dialog__composer-submit .btn[b-wyb2gvmes7] {
        width: 100%;
    }

    .ticket-dialog__chat-composer-actions[b-wyb2gvmes7] {
        flex-wrap: wrap;
    }

    .ticket-dialog__chat-composer-tools[b-wyb2gvmes7] {
        width: 100%;
        justify-content: flex-start;
    }

    .ticket-dialog__chat-composer-icon[b-wyb2gvmes7],
    .ticket-dialog__chat-composer-submit[b-wyb2gvmes7] {
        width: 32px;
        height: 32px;
    }

    .ticket-dialog__modal-title[b-wyb2gvmes7] {
        min-width: 0;
        gap: 8px;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .ticket-dialog__operations-topbar[b-wyb2gvmes7] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .ticket-dialog__header-actions[b-wyb2gvmes7] {
        width: 100%;
        justify-content: flex-start;
    }

    .ticket-dialog__modal-channel[b-wyb2gvmes7] {
        width: 28px;
        height: 28px;
        border-radius: 9px;
    }

    .ticket-dialog__modal-code[b-wyb2gvmes7] {
        padding: 4px 10px;
        font-size: var(--font-size-base);
    }

    .ticket-dialog__modal-title-text[b-wyb2gvmes7] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ticket-dialog__modal-title-editor[b-wyb2gvmes7] {
        min-width: 0;
        flex: 1 1 100%;
    }

    .ticket-dialog__status-strip[b-wyb2gvmes7] {
        padding: 8px 10px;
        gap: 6px;
    }

    .ticket-dialog__status-meta[b-wyb2gvmes7] {
        gap: 6px 10px;
    }

    .ticket-dialog__status-meta-item[b-wyb2gvmes7] {
        white-space: normal;
    }

    .ticket-dialog__section-toggle[b-wyb2gvmes7] {
        padding: 9px 10px;
        align-items: flex-start;
    }

    .ticket-dialog__section-body[b-wyb2gvmes7] {
        padding: 6px 10px 10px;
    }

    .ticket-dialog__section-hint[b-wyb2gvmes7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ticket-dialog__section-hint-meta[b-wyb2gvmes7] {
        width: 100%;
        justify-content: flex-start;
    }

    .ticket-dialog__floating-actions[b-wyb2gvmes7] {
        right: 12px;
        left: 12px;
        justify-content: flex-end;
    }

    .ticket-dialog__floating-button[b-wyb2gvmes7] {
        width: 44px;
        height: 44px;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogCenterPane.razor.rz.scp.css */
.ticket-dialog-pane[b-dzjkqwlrlz] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    container-type: inline-size;
}

.ticket-dialog-pane__scroll[b-dzjkqwlrlz] {
    min-height: 0;
    overflow: auto;
    padding: 10px 10px 12px;
    box-sizing: border-box;
}

@container (max-width: 980px) {
    .ticket-dialog-pane__scroll[b-dzjkqwlrlz] {
        padding: 9px 9px 10px;
    }
}

@container (max-width: 760px) {
    .ticket-dialog-pane__scroll[b-dzjkqwlrlz] {
        padding: 8px 8px 10px;
    }
}

@container (max-width: 560px) {
    .ticket-dialog-pane__scroll[b-dzjkqwlrlz] {
        padding: 7px 7px 9px;
    }
}

@media (max-width: 1024px) {
    .ticket-dialog-pane[b-dzjkqwlrlz],
    .ticket-dialog-pane__scroll[b-dzjkqwlrlz] {
        min-height: auto;
        overflow: visible;
    }

    .ticket-dialog-pane[b-dzjkqwlrlz] {
        container-type: normal;
    }

    .ticket-dialog-pane__scroll[b-dzjkqwlrlz] {
        padding: 0;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogComposer.razor.rz.scp.css */
.ticket-dialog__composer[b-e5kt4rurxz] { border-top: 1px solid var(--color-border); padding-top: 10px; display: flex; flex-direction: column; gap: 12px; }
.ticket-dialog__composer--email[b-e5kt4rurxz] {
    border-top: 0;
    padding-top: 0;
    gap: 8px;
}
.ticket-dialog__email-actions-bar[b-e5kt4rurxz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}
.ticket-dialog__email-composer-meta[b-e5kt4rurxz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid var(--color-border);
    border-radius: calc(var(--radius-base) + 2px);
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface-soft));
}
.ticket-dialog__email-composer-meta--compact[b-e5kt4rurxz] {
    gap: 6px;
}
.ticket-dialog__email-composer-heading[b-e5kt4rurxz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-height: 18px;
}
.ticket-dialog__email-composer-badge[b-e5kt4rurxz] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}
.ticket-dialog__email-composer-row[b-e5kt4rurxz] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.ticket-dialog__email-composer-label[b-e5kt4rurxz] {
    min-width: 0;
    padding-top: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: .04em;
}
.ticket-dialog__email-composer-mode[b-e5kt4rurxz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ticket-dialog__email-forward-fields[b-e5kt4rurxz] {
    display: grid;
    gap: 8px;
    min-width: 0;
}
.ticket-dialog__email-subject-field[b-e5kt4rurxz] {
    min-width: 0;
}
.ticket-dialog__email-subject-field[b-e5kt4rurxz]  .input,
.ticket-dialog__email-subject-field[b-e5kt4rurxz]  .input__control-wrap,
.ticket-dialog__email-forward-fields[b-e5kt4rurxz]  .input,
.ticket-dialog__email-forward-fields[b-e5kt4rurxz]  .input__control-wrap {
    min-width: 0;
}
.ticket-dialog__email-composer-row strong[b-e5kt4rurxz] {
    min-width: 0;
    font-size: var(--font-size-sm);
    line-height: 1.25;
    color: var(--color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ticket-dialog__email-editor-action[b-e5kt4rurxz] {
    width: 30px;
    height: 30px;
}

.ticket-dialog__email-composer-close[b-e5kt4rurxz] {
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
}

.ticket-dialog__email-editor::deep .html-editor__label[b-e5kt4rurxz] {
    font-size: var(--font-size-sm);
    margin-bottom: 2px;
}

.ticket-dialog__email-editor::deep .html-editor__toolbar[b-e5kt4rurxz] {
    padding: 8px 10px;
}

.ticket-dialog__email-editor::deep .html-editor__tool[b-e5kt4rurxz] {
    width: 30px;
    height: 30px;
    border-radius: 9px;
}

.ticket-dialog__email-editor::deep .html-editor__content[b-e5kt4rurxz] {
    min-height: 120px;
    padding: 10px 12px;
}
.ticket-dialog__whatsapp-composer-meta[b-e5kt4rurxz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    border-radius: calc(var(--radius-base) + 2px);
    background: color-mix(in srgb, #25d366 10%, var(--color-surface-soft));
}
.ticket-dialog__whatsapp-composer-row[b-e5kt4rurxz] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}
.ticket-dialog__whatsapp-mode[b-e5kt4rurxz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ticket-dialog__whatsapp-media[b-e5kt4rurxz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ticket-dialog__whatsapp-media-actions[b-e5kt4rurxz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.ticket-dialog__media-input[b-e5kt4rurxz] {
    display: none;
}
.ticket-dialog__media-trigger[b-e5kt4rurxz] {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-soft));
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background var(--transition-fast), border-color var(--transition-fast);
}
.ticket-dialog__media-trigger:hover[b-e5kt4rurxz] {
    background: color-mix(in srgb, var(--color-primary) 18%, var(--color-surface-soft));
}
.ticket-dialog__media-paste-zone[b-e5kt4rurxz] {
    min-height: 92px;
    padding: 14px;
    border: 1px dashed color-mix(in srgb, var(--color-primary) 34%, var(--color-border));
    border-radius: calc(var(--radius-base) + 2px);
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface-soft));
    color: var(--color-text-muted);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
}
.ticket-dialog__media-paste-zone:focus[b-e5kt4rurxz] {
    outline: none;
    border-color: color-mix(in srgb, var(--color-primary) 50%, var(--color-border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);
}
.ticket-dialog__media-preview[b-e5kt4rurxz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--color-border);
    border-radius: calc(var(--radius-base) + 2px);
    background: var(--color-surface-soft);
}
.ticket-dialog__media-preview-image[b-e5kt4rurxz] {
    max-width: min(320px, 100%);
    max-height: 220px;
    border-radius: calc(var(--radius-base) - 2px);
    border: 1px solid var(--color-border);
    object-fit: cover;
}
.ticket-dialog__media-preview-audio[b-e5kt4rurxz] {
    width: 100%;
}
.ticket-dialog__media-file-name[b-e5kt4rurxz] {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    overflow-wrap: anywhere;
}
.ticket-dialog__media-recording[b-e5kt4rurxz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}
.ticket-dialog__media-recording-dot[b-e5kt4rurxz] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--color-danger);
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--color-danger) 16%, transparent);
}
.ticket-dialog__plain-composer[b-e5kt4rurxz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ticket-dialog__chat-compose-shell[b-e5kt4rurxz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--color-border) 82%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--color-surface) 96%, var(--color-surface-soft));
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}
.ticket-dialog__textarea[b-e5kt4rurxz] {
    width: 100%;
    min-height: 128px;
    padding: 14px 16px;
    border: 1px solid var(--color-border);
    border-radius: calc(var(--radius-base) + 2px);
    background: var(--color-surface-soft);
    color: var(--color-text);
    font: inherit;
    line-height: 1.5;
    resize: vertical;
}
.ticket-dialog__textarea--chat[b-e5kt4rurxz] {
    min-height: 24px;
    max-height: 180px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    resize: none;
    overflow-y: auto;
    line-height: 1.45;
}

.ticket-dialog__textarea--chat[b-e5kt4rurxz]::placeholder {
    color: var(--color-text-muted);
}

.ticket-dialog__textarea:focus[b-e5kt4rurxz] {
    outline: none;
    border-color: color-mix(in srgb, var(--color-primary) 55%, var(--color-border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent);
}
.ticket-dialog__textarea--chat:focus[b-e5kt4rurxz] {
    border-color: transparent;
    box-shadow: none;
}
.ticket-dialog__chat-compose-toolbar[b-e5kt4rurxz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ticket-dialog__chat-compose-tools[b-e5kt4rurxz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ticket-dialog__chat-tool-button[b-e5kt4rurxz],
.ticket-dialog__chat-send-button[b-e5kt4rurxz] {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);
}

.ticket-dialog__chat-tool-button[b-e5kt4rurxz] {
    background: color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-surface));
    color: color-mix(in srgb, var(--color-text-muted) 84%, var(--color-primary));
}

.ticket-dialog__chat-tool-button:hover:not(:disabled)[b-e5kt4rurxz] {
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-soft));
    color: var(--color-primary);
}

.ticket-dialog__chat-send-button[b-e5kt4rurxz] {
    background: color-mix(in srgb, var(--color-primary) 78%, var(--color-surface));
    color: #fff;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--color-primary) 26%, transparent);
}

.ticket-dialog__chat-send-button:hover:not(:disabled)[b-e5kt4rurxz] {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--color-primary) 88%, var(--color-surface));
}

.ticket-dialog__chat-tool-button:disabled[b-e5kt4rurxz],
.ticket-dialog__chat-send-button:disabled[b-e5kt4rurxz] {
    opacity: .5;
    box-shadow: none;
}

.ticket-dialog__ia-panel[b-e5kt4rurxz] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 16%, var(--color-border));
    border-radius: calc(var(--radius-base) + 2px);
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-soft));
    box-shadow: 0 12px 28px rgba(83, 66, 194, 0.08);
    position: relative;
    z-index: 2;
}
.ticket-dialog__ia-panel.is-loading[b-e5kt4rurxz] {
    border-color: color-mix(in srgb, var(--color-primary) 34%, var(--color-border));
    box-shadow: 0 14px 34px rgba(83, 66, 194, 0.14);
}
.ticket-dialog__ia-panel-header[b-e5kt4rurxz] {
    min-width: 240px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ticket-dialog__ia-panel-title[b-e5kt4rurxz] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    line-height: 1.25;
}
.ticket-dialog__ia-panel-caption[b-e5kt4rurxz] {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    line-height: 1.4;
}
.ticket-dialog__ia-panel-controls[b-e5kt4rurxz] {
    display: flex;
    align-items: end;
    gap: 12px;
    flex: 1 1 auto;
    justify-content: flex-end;
}
.ticket-dialog__field--tone[b-e5kt4rurxz] {
    min-width: 220px;
    flex: 0 0 260px;
    position: relative;
    z-index: 3;
}
.ticket-dialog__composer-submit[b-e5kt4rurxz] {
    display: flex;
    justify-content: flex-end;
}
.ticket-dialog__composer-submit--hidden[b-e5kt4rurxz] {
    display: none;
}
.ticket-dialog__composer-submit .btn[b-e5kt4rurxz] {
    width: min(100%, 360px);
    min-height: 56px;
}

[data-theme="dark"] .ticket-dialog__chat-compose-shell[b-e5kt4rurxz] {
    background: color-mix(in srgb, var(--color-surface-soft) 94%, #18141f);
    border-color: color-mix(in srgb, var(--color-border) 66%, transparent);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.16);
}

[data-theme="dark"] .ticket-dialog__chat-tool-button[b-e5kt4rurxz] {
    background: color-mix(in srgb, var(--color-surface-muted) 82%, #18141f);
    color: color-mix(in srgb, var(--color-text-muted) 78%, var(--color-text));
}

[data-theme="dark"] .ticket-dialog__chat-tool-button:hover:not(:disabled)[b-e5kt4rurxz] {
    background: color-mix(in srgb, var(--color-primary) 16%, #18141f);
    color: color-mix(in srgb, var(--color-primary) 88%, white);
}

@media (max-width: 760px) {
    .ticket-dialog__email-composer-row[b-e5kt4rurxz] {
        grid-template-columns: 1fr;
    }

    .ticket-dialog__whatsapp-composer-row[b-e5kt4rurxz] {
        grid-template-columns: 1fr;
    }

    .ticket-dialog__email-composer-label[b-e5kt4rurxz] {
        padding-top: 0;
    }

    .ticket-dialog__whatsapp-media-actions[b-e5kt4rurxz] {
        align-items: stretch;
    }

    .ticket-dialog__chat-compose-toolbar[b-e5kt4rurxz] {
        align-items: stretch;
    }

    .ticket-dialog__media-trigger[b-e5kt4rurxz] {
        justify-content: center;
    }

    .ticket-dialog__ia-panel[b-e5kt4rurxz],
    .ticket-dialog__ia-panel-controls[b-e5kt4rurxz] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-dialog__field--tone[b-e5kt4rurxz],
    .ticket-dialog__composer-submit[b-e5kt4rurxz] {
        min-width: 0;
        width: 100%;
        flex-basis: auto;
    }

    .ticket-dialog__ia-panel-header[b-e5kt4rurxz] {
        min-width: 0;
    }

    .ticket-dialog__composer-submit .btn[b-e5kt4rurxz] {
        width: 100%;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogCreate.razor.rz.scp.css */
.ticket-dialog-create__title[b-wkq4x9b0rb] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.ticket-dialog-create__title-icon[b-wkq4x9b0rb] {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--color-primary) 16%, var(--color-surface-soft));
    color: var(--color-primary);
    flex-shrink: 0;
}

.ticket-dialog-create__title strong[b-wkq4x9b0rb] {
    display: block;
    color: var(--color-text);
    font-size: var(--font-size-lg);
    line-height: 1.2;
}

.ticket-dialog-create__layout[b-wkq4x9b0rb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ticket-dialog-create__card[b-wkq4x9b0rb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid color-mix(in srgb, var(--color-border) 86%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--color-surface-soft) 76%, var(--color-surface));
}

.ticket-dialog-create__card-header[b-wkq4x9b0rb] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ticket-dialog-create__card-header strong[b-wkq4x9b0rb] {
    color: var(--color-text);
    font-size: var(--font-size-base);
}

.ticket-dialog-create__card .ticket-dialog__grid.ticket-dialog__grid--compact-form[b-wkq4x9b0rb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px 8px;
    align-items: start;
}

.ticket-dialog-create__card .ticket-dialog__field--subject[b-wkq4x9b0rb] {
    grid-column: span 2 !important;
}

.ticket-dialog__call-readonly[b-wkq4x9b0rb] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 4px 12px;
    align-items: center;
    padding: 14px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--color-surface) 92%, var(--color-surface-soft));
    border: 1px solid color-mix(in srgb, var(--color-border) 78%, transparent);
}

.ticket-dialog__call-readonly-icon[b-wkq4x9b0rb] {
    grid-row: span 2;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
}

.ticket-dialog__call-readonly strong[b-wkq4x9b0rb] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
}

.ticket-dialog__call-readonly p[b-wkq4x9b0rb] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.35;
}

[data-theme="dark"] .ticket-dialog-create__card[b-wkq4x9b0rb] {
    background: color-mix(in srgb, var(--color-surface-soft) 96%, #17131f);
    border-color: color-mix(in srgb, var(--color-border) 72%, transparent);
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogCustomerConversations.razor.rz.scp.css */
.ticket-dialog__message[b-ql4mrxwapn] {
    display: flex;
    flex-direction: column;
    max-width: 82%;
    min-width: 0;
    gap: 3px;
}

.ticket-dialog__message--flight[b-ql4mrxwapn] {
    max-width: 100%;
    width: 100%;
    align-self: stretch;
}

.ticket-dialog__message--airline-comparison[b-ql4mrxwapn] {
    width: auto;
    max-width: min(100%, 54rem);
    align-self: flex-start;
}

.ticket-dialog__message--flight.is-contact[b-ql4mrxwapn],
.ticket-dialog__message--flight.is-agent[b-ql4mrxwapn] {
    align-self: stretch;
}

.ticket-dialog__message.is-contact[b-ql4mrxwapn] {
    align-self: flex-start;
}

.ticket-dialog__message.is-agent[b-ql4mrxwapn] {
    align-self: flex-end;
}

.ticket-dialog__messages--telephony[b-ql4mrxwapn] {
    gap: 10px;
}

.ticket-dialog__call-card[b-ql4mrxwapn] {
    width: min(100%, 560px);
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    overflow: hidden;
    border-radius: 10px;
    background: var(--color-surface);
    border: 1px solid color-mix(in srgb, var(--color-border) 78%, transparent);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.035);
}

.ticket-dialog__call-card-rail[b-ql4mrxwapn] {
    display: flex;
    justify-content: center;
    padding-top: 14px;
    background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface-soft));
    border-right: 1px solid color-mix(in srgb, var(--color-primary) 12%, transparent);
}

.ticket-dialog__call-card-rail span[b-ql4mrxwapn] {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--color-primary);
    color: #fff;
    font-size: var(--font-size-xs);
}

.ticket-dialog__call-card-rail span i[b-ql4mrxwapn] {
    color: inherit;
}

.ticket-dialog__call-card-main[b-ql4mrxwapn] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 13px 14px 14px;
}

.ticket-dialog__call-card-header[b-ql4mrxwapn] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.ticket-dialog__call-card-title[b-ql4mrxwapn] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-top: 3px;
}

.ticket-dialog__call-card-kicker[b-ql4mrxwapn] {
    color: color-mix(in srgb, var(--color-primary) 72%, var(--color-text));
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    line-height: 1.2;
}

.ticket-dialog__call-card-title strong[b-ql4mrxwapn] {
    min-width: 0;
    color: var(--color-text);
    font-size: var(--font-size-base);
    line-height: 1.18;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-dialog__call-card-status[b-ql4mrxwapn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    color: var(--color-text-muted);
    background: color-mix(in srgb, var(--color-surface-soft) 90%, transparent);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}

.ticket-dialog__call-card-status.is-success[b-ql4mrxwapn] {
    color: color-mix(in srgb, var(--color-success, #16a34a) 82%, var(--color-text));
    background: color-mix(in srgb, var(--color-success, #16a34a) 11%, transparent);
}

.ticket-dialog__call-card-status.is-live[b-ql4mrxwapn] {
    color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 11%, transparent);
}

.ticket-dialog__call-card-status.is-warning[b-ql4mrxwapn],
.ticket-dialog__call-card-status.is-danger[b-ql4mrxwapn] {
    color: color-mix(in srgb, #dc2626 84%, var(--color-text));
    background: color-mix(in srgb, #dc2626 10%, transparent);
}

.ticket-dialog__call-route[b-ql4mrxwapn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 10px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--color-surface-soft) 78%, transparent);
}

.ticket-dialog__call-route div[b-ql4mrxwapn] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ticket-dialog__call-route small[b-ql4mrxwapn],
.ticket-dialog__call-facts dt[b-ql4mrxwapn] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    line-height: 1.1;
}

.ticket-dialog__call-route strong[b-ql4mrxwapn] {
    min-width: 0;
    color: var(--color-text);
    font-size: var(--font-size-sm);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-dialog__call-route-arrow[b-ql4mrxwapn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    font-size: var(--font-size-xs);
}

.ticket-dialog__call-facts[b-ql4mrxwapn] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin: 0;
    border-top: 1px solid color-mix(in srgb, var(--color-border) 68%, transparent);
}

.ticket-dialog__call-facts div[b-ql4mrxwapn] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(88px, 32%) minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 7px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 52%, transparent);
}

.ticket-dialog__call-facts div:last-child[b-ql4mrxwapn] {
    border-bottom: 0;
}

.ticket-dialog__call-facts dd[b-ql4mrxwapn] {
    margin: 0;
    min-width: 0;
    color: var(--color-text);
    font-size: var(--font-size-sm);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticket-dialog__call-recording[b-ql4mrxwapn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    align-self: flex-start;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
}

.ticket-dialog__message header[b-ql4mrxwapn] {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    margin-bottom: 1px;
    padding: 0 4px;
}

.ticket-dialog__bubble[b-ql4mrxwapn] {
    border: 0;
    border-radius: 14px;
    padding: 9px 11px;
    background: color-mix(in srgb, var(--color-surface) 96%, var(--color-surface-soft));
    font-size: var(--font-size-sm);
    line-height: 1.4;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
    word-break: break-word;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.025);
}

.ticket-dialog__bubble--flight[b-ql4mrxwapn] {
    width: 100%;
}

.ticket-dialog__message.is-contact .ticket-dialog__bubble[b-ql4mrxwapn] {
    background: color-mix(in srgb, var(--color-surface-soft) 82%, #eef2fb);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--color-border) 52%, transparent),
        0 2px 8px rgba(15, 23, 42, 0.03);
}

.ticket-dialog__message.is-agent .ticket-dialog__bubble[b-ql4mrxwapn] {
    background: color-mix(in srgb, var(--color-primary) 15%, var(--color-surface-soft));
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 12%, transparent),
        0 3px 10px rgba(83, 66, 194, 0.06);
}

[data-theme="dark"] .ticket-dialog__message.is-contact .ticket-dialog__bubble[b-ql4mrxwapn] {
    background: color-mix(in srgb, var(--color-surface-soft) 94%, #17131f);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--color-border) 58%, transparent),
        0 4px 12px rgba(0, 0, 0, 0.16);
}

[data-theme="dark"] .ticket-dialog__message.is-agent .ticket-dialog__bubble[b-ql4mrxwapn] {
    background: color-mix(in srgb, var(--color-primary) 18%, #1d1727);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 22%, transparent),
        0 4px 14px rgba(44, 22, 92, 0.24);
}

.ticket-dialog__email-message[b-ql4mrxwapn] {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 55%, transparent);
}

.ticket-dialog__email-message.is-selected[b-ql4mrxwapn] {
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}

.ticket-dialog__email-header[b-ql4mrxwapn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 4px;
    border-bottom: none;
}

.ticket-dialog__email-header--toggle[b-ql4mrxwapn] {
    width: 100%;
    border: 0;
    padding: 6px 4px;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.ticket-dialog__email-header-main[b-ql4mrxwapn] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1 1 auto;
}

.ticket-dialog__email-header-main strong[b-ql4mrxwapn] {
    font-size: var(--font-size-sm);
    line-height: 1.25;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.ticket-dialog__email-message-icon[b-ql4mrxwapn],
.ticket-dialog__email-direction-icon[b-ql4mrxwapn] {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: var(--font-size-xs);
}

.ticket-dialog__email-message-icon[b-ql4mrxwapn] {
    color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 10%, transparent);
}

.ticket-dialog__email-direction-icon[b-ql4mrxwapn] {
    color: var(--color-text-muted);
    background: color-mix(in srgb, var(--color-surface-soft) 82%, transparent);
}

.ticket-dialog__email-message.is-contact .ticket-dialog__email-direction-icon[b-ql4mrxwapn] {
    color: color-mix(in srgb, var(--color-success, #16a34a) 78%, var(--color-text));
    background: color-mix(in srgb, var(--color-success, #16a34a) 12%, transparent);
}

.ticket-dialog__email-message.is-agent .ticket-dialog__email-direction-icon[b-ql4mrxwapn] {
    color: color-mix(in srgb, var(--color-primary) 84%, var(--color-text));
    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
}

.ticket-dialog__email-sender[b-ql4mrxwapn] {
    flex: 0 1 240px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-dialog__email-header-actions[b-ql4mrxwapn] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.ticket-dialog__email-summary-subject[b-ql4mrxwapn] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--font-size-sm);
    line-height: 1.2;
    color: var(--color-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-dialog__email-date[b-ql4mrxwapn] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.2;
    white-space: nowrap;
}

.ticket-dialog__bubble *[b-ql4mrxwapn] {
    max-width: 100%;
    box-sizing: border-box;
}

.ticket-dialog__interactive-message[b-ql4mrxwapn] {
    margin-bottom: 8px;
    line-height: 1.38;
    font-size: var(--font-size-sm);
}

@container (max-width: 980px) {
    .ticket-dialog__message[b-ql4mrxwapn] {
        max-width: 88%;
        gap: 2px;
    }

    .ticket-dialog__message header[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
        padding: 0 3px;
    }

    .ticket-dialog__bubble[b-ql4mrxwapn] {
        padding: 8px 10px;
        font-size: var(--font-size-sm);
        border-radius: 13px;
    }

    .ticket-dialog__email-header[b-ql4mrxwapn],
    .ticket-dialog__email-header--toggle[b-ql4mrxwapn] {
        padding: 5px 3px;
    }

    .ticket-dialog__email-header-main[b-ql4mrxwapn] {
        gap: 8px;
    }

    .ticket-dialog__email-header-main strong[b-ql4mrxwapn] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__email-message-icon[b-ql4mrxwapn],
    .ticket-dialog__email-direction-icon[b-ql4mrxwapn] {
        width: 17px;
        height: 17px;
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-summary-subject[b-ql4mrxwapn] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__email-date[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }
}

@container (max-width: 760px) {
    .ticket-dialog__message[b-ql4mrxwapn] {
        max-width: 92%;
    }

    .ticket-dialog__message header[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__bubble[b-ql4mrxwapn] {
        padding: 7px 9px;
        font-size: var(--font-size-sm);
        line-height: 1.34;
        border-radius: 12px;
    }

    .ticket-dialog__email-header[b-ql4mrxwapn],
    .ticket-dialog__email-header--toggle[b-ql4mrxwapn] {
        padding: 4px 2px;
    }

    .ticket-dialog__email-header-main[b-ql4mrxwapn] {
        gap: 7px;
    }

    .ticket-dialog__email-header-main strong[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-summary-subject[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-date[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-header-actions[b-ql4mrxwapn] {
        gap: 8px;
    }
}

@container (max-width: 560px) {
    .ticket-dialog__call-card[b-ql4mrxwapn] {
        grid-template-columns: 1fr;
    }

    .ticket-dialog__call-card-rail[b-ql4mrxwapn] {
        display: none;
    }

    .ticket-dialog__call-card-header[b-ql4mrxwapn] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ticket-dialog__call-route[b-ql4mrxwapn] {
        grid-template-columns: 1fr;
    }

    .ticket-dialog__call-route-arrow[b-ql4mrxwapn] {
        justify-content: flex-start;
        transform: rotate(90deg);
    }

    .ticket-dialog__message[b-ql4mrxwapn] {
        max-width: 96%;
    }

    .ticket-dialog__message header[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__bubble[b-ql4mrxwapn] {
        padding: 6px 8px;
        font-size: var(--font-size-xs);
        border-radius: 11px;
    }

    .ticket-dialog__email-header-main[b-ql4mrxwapn] {
        gap: 6px;
    }

    .ticket-dialog__email-header-main strong[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-message-icon[b-ql4mrxwapn],
    .ticket-dialog__email-direction-icon[b-ql4mrxwapn] {
        width: 15px;
        height: 15px;
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-summary-subject[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-date[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }
}

.ticket-dialog__carousel[b-ql4mrxwapn] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
}

.ticket-dialog__carousel-card[b-ql4mrxwapn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 0 0 min(260px, 72vw);
    padding: 10px;
    border: 0;
    border-radius: 12px;
    background: color-mix(in srgb, var(--color-surface) 94%, var(--color-surface-soft));
    scroll-snap-align: start;
}

.ticket-dialog__carousel-image-button[b-ql4mrxwapn] {
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}

.ticket-dialog__carousel-card strong[b-ql4mrxwapn] {
    font-size: var(--font-size-sm);
}

.ticket-dialog__carousel-card p[b-ql4mrxwapn] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.35;
    font-size: var(--font-size-sm);
}

.ticket-dialog__carousel-image[b-ql4mrxwapn] {
    width: 100%;
    height: 132px;
    object-fit: cover;
    border-radius: calc(var(--radius-base) - 4px);
    border: 1px solid var(--color-border);
    display: block;
}

.ticket-dialog__carousel-actions[b-ql4mrxwapn] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ticket-dialog__carousel[b-ql4mrxwapn]::-webkit-scrollbar {
    height: 10px;
}

.ticket-dialog__carousel[b-ql4mrxwapn]::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--color-primary) 26%, var(--color-border));
    border-radius: 999px;
}

.ticket-dialog__carousel[b-ql4mrxwapn]::-webkit-scrollbar-track {
    background: transparent;
}

.ticket-dialog__carousel-button[b-ql4mrxwapn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    color: var(--color-primary);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    font-size: var(--font-size-sm);
}

.ticket-dialog__carousel-button--disabled[b-ql4mrxwapn] {
    opacity: .7;
    cursor: default;
}

.ticket-dialog__flight-results[b-ql4mrxwapn] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ticket-dialog__flight-result[b-ql4mrxwapn] {
    display: block;
    padding: 11px 13px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--color-surface) 98%, var(--color-surface-soft));
    border: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
}

.ticket-dialog__flight-result-main[b-ql4mrxwapn] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ticket-dialog__flight-result-top[b-ql4mrxwapn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.ticket-dialog__flight-result-brand[b-ql4mrxwapn] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
}

.ticket-dialog__flight-result-brand-logo[b-ql4mrxwapn] {
    position: relative;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: transparent;
    border: 0;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: none;
}

.ticket-dialog__flight-result-brand-code[b-ql4mrxwapn] {
    position: absolute;
    inset: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-xs);
    line-height: 1;
    font-weight: var(--font-weight-bold);
    color: var(--color-text-muted);
    letter-spacing: 0.05em;
}

.ticket-dialog__flight-result-brand-logo img[b-ql4mrxwapn] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: none;
    filter: drop-shadow(0 1px 1px rgba(15, 23, 42, 0.08));
}

.ticket-dialog__flight-result-title-group[b-ql4mrxwapn] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ticket-dialog__flight-result-title-row[b-ql4mrxwapn] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.ticket-dialog__flight-result-title[b-ql4mrxwapn] {
    font-size: var(--font-size-sm);
    line-height: 1.04;
}

.ticket-dialog__flight-result-iata[b-ql4mrxwapn] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}

.ticket-dialog__flight-result-route[b-ql4mrxwapn] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: 1.2;
}

.ticket-dialog__flight-result-price[b-ql4mrxwapn] {
    white-space: nowrap;
    color: var(--color-text);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
}

.ticket-dialog__flight-result-aside[b-ql4mrxwapn] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.ticket-dialog__flight-result-legs[b-ql4mrxwapn] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ticket-dialog__flight-leg[b-ql4mrxwapn] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ticket-dialog__flight-leg + .ticket-dialog__flight-leg[b-ql4mrxwapn] {
    border-top: 1px solid color-mix(in srgb, var(--color-border) 78%, transparent);
    padding-top: 4px;
}

.ticket-dialog__flight-leg-title[b-ql4mrxwapn] {
    font-size: var(--font-size-sm);
    line-height: 1.05;
    letter-spacing: -0.02em;
}

.ticket-dialog__flight-leg-summary[b-ql4mrxwapn] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    align-self: center;
}

.ticket-dialog__flight-leg-summary-top[b-ql4mrxwapn] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.ticket-dialog__flight-leg-number[b-ql4mrxwapn] {
    min-width: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticket-dialog__flight-leg-subtitle[b-ql4mrxwapn] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: 1.08;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticket-dialog__flight-leg-badge[b-ql4mrxwapn] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    min-height: 16px;
    padding: 2px 6px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    line-height: 1;
}

.ticket-dialog__flight-leg-journey[b-ql4mrxwapn] {
    display: grid;
    grid-template-columns: max-content max-content minmax(74px, 96px) max-content max-content;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
}

.ticket-dialog__flight-leg-point[b-ql4mrxwapn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ticket-dialog__flight-leg-point--arrival[b-ql4mrxwapn] {
    text-align: right;
}

.ticket-dialog__flight-leg-point strong[b-ql4mrxwapn] {
    font-size: var(--font-size-base);
    line-height: 1;
    letter-spacing: -0.02em;
}

.ticket-dialog__flight-leg-point span[b-ql4mrxwapn] {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    line-height: 1.02;
}

.ticket-dialog__flight-leg-center[b-ql4mrxwapn] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    text-align: center;
}

.ticket-dialog__flight-leg-center span[b-ql4mrxwapn] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}

.ticket-dialog__flight-leg-center small[b-ql4mrxwapn] {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}

.ticket-dialog__flight-leg-line[b-ql4mrxwapn] {
    width: 100%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, color-mix(in srgb, #22c55e 20%, transparent) 0%, #22c55e 50%, color-mix(in srgb, #22c55e 20%, transparent) 100%);
}

.ticket-dialog__flight-leg-extras[b-ql4mrxwapn] {
    min-width: 0;
    display: flex;
    justify-content: flex-end;
    justify-self: end;
}

.ticket-dialog__airline-matrix[b-ql4mrxwapn] {
    display: grid;
    gap: 8px;
}

.ticket-dialog__airline-matrix-row[b-ql4mrxwapn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 10px 12px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent);
}

.ticket-dialog__airline-matrix-row--best[b-ql4mrxwapn] {
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
}

.ticket-dialog__airline-matrix-label[b-ql4mrxwapn] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.ticket-dialog__airline-matrix-value[b-ql4mrxwapn] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    white-space: nowrap;
}

.ticket-dialog__airline-matrix-value--empty[b-ql4mrxwapn] {
    color: var(--color-text-muted);
    font-weight: var(--font-weight-medium);
}

.ticket-dialog__airline-comparison[b-ql4mrxwapn] {
    --airline-columns: 3;
    --airline-label-width: clamp(9rem, 12vw, 10rem);
    --airline-column-min: clamp(8.5rem, 11vw, 10rem);
    width: 100%;
    max-width: min(100%, 54rem);
    overflow-x: auto;
    padding-bottom: 4px;
}

.ticket-dialog__airline-comparison-table[b-ql4mrxwapn] {
    display: grid;
    width: 100%;
    min-width: calc(var(--airline-label-width) + (var(--airline-columns) * var(--airline-column-min)));
    grid-template-columns: var(--airline-label-width) repeat(var(--airline-columns), minmax(var(--airline-column-min), 1fr));
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 14px;
    overflow: hidden;
    background: var(--color-surface);
}

.ticket-dialog__airline-comparison-labels[b-ql4mrxwapn],
.ticket-dialog__airline-comparison-column[b-ql4mrxwapn] {
    display: grid;
    grid-template-rows: 88px repeat(3, minmax(44px, auto));
}

.ticket-dialog__airline-comparison-labels[b-ql4mrxwapn] {
    min-width: 0;
    background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));
}

.ticket-dialog__airline-comparison-corner[b-ql4mrxwapn],
.ticket-dialog__airline-comparison-label[b-ql4mrxwapn],
.ticket-dialog__airline-comparison-header[b-ql4mrxwapn],
.ticket-dialog__airline-comparison-cell[b-ql4mrxwapn] {
    padding: 8px 9px;
    border-right: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
}

.ticket-dialog__airline-comparison-corner[b-ql4mrxwapn] {
    display: flex;
    align-items: center;
    font-size: var(--font-size-sm);
    line-height: 1.15;
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    text-wrap: balance;
}

.ticket-dialog__airline-comparison-label[b-ql4mrxwapn] {
    display: flex;
    align-items: center;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.ticket-dialog__airline-comparison-column:last-child .ticket-dialog__airline-comparison-header[b-ql4mrxwapn],
.ticket-dialog__airline-comparison-column:last-child .ticket-dialog__airline-comparison-cell[b-ql4mrxwapn] {
    border-right: 0;
}

.ticket-dialog__airline-comparison-header[b-ql4mrxwapn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 78px;
    text-align: center;
}

.ticket-dialog__airline-comparison-brand[b-ql4mrxwapn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.ticket-dialog__airline-comparison-brand .ticket-dialog__flight-result-brand-logo[b-ql4mrxwapn] {
    width: 26px;
    height: 26px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.ticket-dialog__airline-comparison-brand .ticket-dialog__flight-result-brand-logo img[b-ql4mrxwapn] {
    width: 100%;
    height: 100%;
    transform: none;
    object-fit: contain;
}

.ticket-dialog__airline-comparison-brand .ticket-dialog__flight-result-brand-code[b-ql4mrxwapn] {
    position: static;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
    font-size: var(--font-size-xs);
}

.ticket-dialog__airline-comparison-airline[b-ql4mrxwapn] {
    max-width: 100%;
    font-size: var(--font-size-xs);
    line-height: 1.08;
    color: var(--color-text);
}

.ticket-dialog__airline-comparison-button[b-ql4mrxwapn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
    min-height: 22px;
    padding: 0 6px;
    border: 0;
    border-radius: 10px;
    background: var(--color-primary);
    color: var(--color-primary-contrast);
    text-decoration: none;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}

.ticket-dialog__airline-comparison-cell[b-ql4mrxwapn] {
    display: grid;
    grid-template-rows: 14px auto;
    justify-items: center;
    align-content: center;
    gap: 4px;
    min-height: 50px;
}

.ticket-dialog__airline-comparison-cell--best[b-ql4mrxwapn] {
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
    box-shadow: inset 0 2px 0 color-mix(in srgb, var(--color-primary) 45%, transparent);
}

.ticket-dialog__airline-comparison-best[b-ql4mrxwapn] {
    display: inline-flex;
    align-items: center;
    min-height: 13px;
    max-width: calc(100% - 8px);
    padding: 0 4px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
    color: var(--color-primary);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.02em;
    line-height: 1;
    white-space: nowrap;
}

.ticket-dialog__airline-comparison-value[b-ql4mrxwapn] {
    grid-row: 2;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    white-space: nowrap;
}

.ticket-dialog__airline-comparison-value--empty[b-ql4mrxwapn] {
    position: relative;
    min-width: 42px;
    min-height: 12px;
    color: transparent;
    font-weight: var(--font-weight-medium);
}

.ticket-dialog__airline-comparison-value--empty[b-ql4mrxwapn]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 1px;
    background: color-mix(in srgb, var(--color-text-muted) 45%, transparent);
    transform: translate(-50%, -50%);
}

@container (max-width: 860px) {
    .ticket-dialog__airline-matrix-row[b-ql4mrxwapn] {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .ticket-dialog__airline-comparison[b-ql4mrxwapn] { --airline-label-width: 8.2rem; --airline-column-min: 8.1rem; }

    .ticket-dialog__airline-comparison-labels[b-ql4mrxwapn],
    .ticket-dialog__airline-comparison-column[b-ql4mrxwapn] {
        grid-template-rows: 74px repeat(3, minmax(40px, auto));
    }

    .ticket-dialog__airline-comparison-button[b-ql4mrxwapn] {
        min-height: 22px;
        padding: 0 6px;
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__airline-comparison-best[b-ql4mrxwapn] {
        min-height: 13px;
        padding: 0 4px;
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__airline-comparison-best[b-ql4mrxwapn] {
        display: none;
    }

    .ticket-dialog__flight-leg-journey[b-ql4mrxwapn] {
        grid-template-columns: minmax(72px, auto) minmax(96px, 1fr) minmax(72px, auto);
        grid-template-areas:
            "summary summary summary"
            "departure center arrival"
            "extras extras extras";
        gap: 8px;
    }

    .ticket-dialog__flight-leg-summary[b-ql4mrxwapn] { grid-area: summary; }
    .ticket-dialog__flight-leg-point[b-ql4mrxwapn] { grid-area: departure; }
    .ticket-dialog__flight-leg-point--arrival[b-ql4mrxwapn] { grid-area: arrival; }
    .ticket-dialog__flight-leg-center[b-ql4mrxwapn] { grid-area: center; }
    .ticket-dialog__flight-leg-extras[b-ql4mrxwapn] { grid-area: extras; justify-content: flex-start; }
}

.ticket-dialog__flight-result-details[b-ql4mrxwapn] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ticket-dialog__flight-result-pill[b-ql4mrxwapn] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.ticket-dialog__flight-result-actions[b-ql4mrxwapn] {
    display: flex;
    align-items: center;
}

.ticket-dialog__flight-result-button[b-ql4mrxwapn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 98px;
    min-height: 30px;
    padding: 0 10px;
    border: 0;
    border-radius: 10px;
    background: var(--color-primary);
    color: var(--color-primary-contrast);
    text-decoration: none;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}

.ticket-dialog__flight-result-button--disabled[b-ql4mrxwapn] {
    opacity: .7;
    cursor: default;
}

.ticket-dialog__html[b-ql4mrxwapn] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

@media (max-width: 720px) {
    .ticket-dialog__flight-result-top[b-ql4mrxwapn] {
        flex-direction: column;
    }

    .ticket-dialog__flight-result-aside[b-ql4mrxwapn] {
        width: 100%;
        justify-content: space-between;
    }

    .ticket-dialog__flight-leg-journey[b-ql4mrxwapn] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .ticket-dialog__flight-leg-summary[b-ql4mrxwapn],
    .ticket-dialog__flight-leg-extras[b-ql4mrxwapn] {
        align-self: flex-start;
    }

    .ticket-dialog__flight-leg-point[b-ql4mrxwapn],
    .ticket-dialog__flight-leg-point--arrival[b-ql4mrxwapn] {
        text-align: left;
    }

    .ticket-dialog__flight-leg-center[b-ql4mrxwapn] {
        align-items: flex-start;
        text-align: left;
    }

    .ticket-dialog__flight-leg-extras[b-ql4mrxwapn] {
        justify-content: flex-start;
    }
}

.ticket-dialog__html > *[b-ql4mrxwapn] {
    max-width: 100% !important;
}

.ticket-dialog__bubble :is(p, ul, ol)[b-ql4mrxwapn] {
    margin: 0 0 8px 0;
}

.ticket-dialog__bubble :is(p, ul, ol):last-child[b-ql4mrxwapn] {
    margin-bottom: 0;
}

.ticket-dialog__html[b-ql4mrxwapn]  img,
.ticket-dialog__html[b-ql4mrxwapn]  table,
.ticket-dialog__html[b-ql4mrxwapn]  iframe,
.ticket-dialog__html[b-ql4mrxwapn]  video,
.ticket-dialog__html[b-ql4mrxwapn]  canvas,
.ticket-dialog__html[b-ql4mrxwapn]  svg {
    max-width: 100% !important;
    height: auto;
}

.ticket-dialog__html[b-ql4mrxwapn]  img {
    border-radius: var(--radius-sm);
    display: block;
}

.ticket-dialog__html[b-ql4mrxwapn]  div,
.ticket-dialog__html[b-ql4mrxwapn]  span,
.ticket-dialog__html[b-ql4mrxwapn]  td,
.ticket-dialog__html[b-ql4mrxwapn]  th,
.ticket-dialog__html[b-ql4mrxwapn]  a,
.ticket-dialog__html[b-ql4mrxwapn]  p,
.ticket-dialog__html[b-ql4mrxwapn]  li {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100% !important;
}

.ticket-dialog__html[b-ql4mrxwapn]  pre {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    margin: 8px 0 0 !important;
    padding: 12px 14px !important;
    border-radius: var(--radius-sm);
    background: rgba(16, 24, 40, 0.96);
    color: #dbeafe;
}

.ticket-dialog__html[b-ql4mrxwapn]  code {
    white-space: break-spaces !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    max-width: 100% !important;
}

.ticket-dialog__html[b-ql4mrxwapn]  table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
}

@media (max-width: 768px) {
    .ticket-dialog__email-header[b-ql4mrxwapn] {
        gap: 8px;
    }

    .ticket-dialog__email-header-actions[b-ql4mrxwapn] {
        gap: 8px;
    }

    .ticket-dialog__email-header-main[b-ql4mrxwapn] {
        gap: 8px;
    }

    .ticket-dialog__email-sender[b-ql4mrxwapn] {
        flex-basis: 140px;
    }

    .ticket-dialog__email-date[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }
}

@container (max-width: 560px) {
    .ticket-dialog__email-header[b-ql4mrxwapn],
    .ticket-dialog__email-header--toggle[b-ql4mrxwapn] {
        padding: 7px 2px;
    }

    .ticket-dialog__email-header-main[b-ql4mrxwapn] {
        display: grid;
        grid-template-columns: 18px 18px minmax(0, 1fr);
        grid-template-areas:
            "mail direction sender"
            "mail direction subject";
        align-items: center;
        column-gap: 8px;
        row-gap: 3px;
    }

    .ticket-dialog__email-message-icon[b-ql4mrxwapn] {
        grid-area: mail;
    }

    .ticket-dialog__email-direction-icon[b-ql4mrxwapn] {
        grid-area: direction;
    }

    .ticket-dialog__email-sender[b-ql4mrxwapn] {
        grid-area: sender;
        flex: none;
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__email-summary-subject[b-ql4mrxwapn] {
        grid-area: subject;
        font-size: var(--font-size-xs);
        line-height: 1.15;
    }

    .ticket-dialog__email-header-actions[b-ql4mrxwapn] {
        gap: 6px;
        align-self: flex-start;
        padding-top: 1px;
    }

    .ticket-dialog__email-date[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }
}

@container (max-width: 420px) {
    .ticket-dialog__email-message-icon[b-ql4mrxwapn],
    .ticket-dialog__email-direction-icon[b-ql4mrxwapn] {
        width: 16px;
        height: 16px;
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-header-main[b-ql4mrxwapn] {
        grid-template-columns: 16px 16px minmax(0, 1fr);
        column-gap: 6px;
    }

    .ticket-dialog__email-sender[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-summary-subject[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-date[b-ql4mrxwapn] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__email-header-actions i[b-ql4mrxwapn] {
        font-size: var(--font-size-sm);
    }
}

.ticket-dialog__message-actions[b-ql4mrxwapn] {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}

.ticket-dialog__message.is-contact .ticket-dialog__message-actions[b-ql4mrxwapn] {
    justify-content: flex-start;
}

.ticket-dialog__transcription-button[b-ql4mrxwapn] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(123, 97, 255, 0.28);
    background: rgba(123, 97, 255, 0.08);
    color: #5a43d6;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: var(--font-size-sm);
    font-weight: 700;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, opacity .18s ease;
}

.ticket-dialog__transcription-button:hover:not(:disabled)[b-ql4mrxwapn] {
    background: rgba(123, 97, 255, 0.14);
    border-color: rgba(123, 97, 255, 0.4);
}

.ticket-dialog__transcription-button:disabled[b-ql4mrxwapn] {
    cursor: wait;
    opacity: 0.7;
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogEmailViewer.razor.rz.scp.css */
.ticket-dialog__email-viewer-pane[b-lj12zdv0lt] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: 10px 14px 16px;
    background: var(--color-surface);
}

.ticket-dialog__email-viewer-pane-header[b-lj12zdv0lt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 55%, transparent);
}

.ticket-dialog__email-viewer-actions[b-lj12zdv0lt] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ticket-dialog__email-viewer-pane-header strong[b-lj12zdv0lt] {
    font-size: var(--font-size-base);
    font-weight: 700;
    color: var(--color-text);
}

.ticket-dialog__email-viewer-close[b-lj12zdv0lt] {
    width: var(--ticket-dialog-icon-button-size);
    height: var(--ticket-dialog-icon-button-size);
    border: none;
    border-radius: var(--ticket-dialog-icon-button-radius);
    background: var(--ticket-dialog-icon-button-bg);
    color: var(--ticket-dialog-icon-button-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 1;
    appearance: none;
    -webkit-appearance: none;
}

.ticket-dialog__email-viewer-close:hover[b-lj12zdv0lt] {
    background: var(--ticket-dialog-icon-button-bg-hover);
    color: var(--ticket-dialog-icon-button-color);
}

.ticket-dialog__email-viewer-meta[b-lj12zdv0lt] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 0 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 55%, transparent);
}

.ticket-dialog__email-viewer-meta h4[b-lj12zdv0lt] {
    margin: 0;
    font-size: var(--font-size-lg);
    line-height: 1.2;
    color: var(--color-text);
}

.ticket-dialog__email-viewer-meta span[b-lj12zdv0lt] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    white-space: nowrap;
}

.ticket-dialog__email-viewer-addresses[b-lj12zdv0lt] {
    display: grid;
    gap: 6px;
    padding: 8px 0 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 50%, transparent);
}

.ticket-dialog__email-viewer-address[b-lj12zdv0lt] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
}

.ticket-dialog__email-viewer-address strong[b-lj12zdv0lt] {
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--color-text-muted);
}

.ticket-dialog__email-viewer-address span[b-lj12zdv0lt] {
    min-width: 0;
    font-size: var(--font-size-sm);
    line-height: 1.35;
    color: var(--color-text);
    overflow-wrap: anywhere;
}

.ticket-dialog__email-viewer-content[b-lj12zdv0lt] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 16px 0 0;
    overflow-x: auto;
    overflow-y: auto;
}

.ticket-dialog__email-viewer-text[b-lj12zdv0lt] {
    margin: 0;
    white-space: pre-wrap;
    font: inherit;
    font-size: var(--font-size-sm);
    line-height: 1.55;
    color: var(--color-text);
}

.ticket-dialog__html[b-lj12zdv0lt] {
    width: max-content;
    min-width: 100%;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.ticket-dialog__html > *[b-lj12zdv0lt] {
    min-width: 100%;
}

.ticket-dialog__html[b-lj12zdv0lt]  img,
.ticket-dialog__html[b-lj12zdv0lt]  iframe,
.ticket-dialog__html[b-lj12zdv0lt]  video,
.ticket-dialog__html[b-lj12zdv0lt]  canvas,
.ticket-dialog__html[b-lj12zdv0lt]  svg {
    max-width: 100%;
    height: auto;
}

.ticket-dialog__html[b-lj12zdv0lt]  img {
    border-radius: var(--radius-sm);
    display: block;
}

.ticket-dialog__html[b-lj12zdv0lt]  div,
.ticket-dialog__html[b-lj12zdv0lt]  span,
.ticket-dialog__html[b-lj12zdv0lt]  td,
.ticket-dialog__html[b-lj12zdv0lt]  th,
.ticket-dialog__html[b-lj12zdv0lt]  a,
.ticket-dialog__html[b-lj12zdv0lt]  p,
.ticket-dialog__html[b-lj12zdv0lt]  li {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit;
}

.ticket-dialog__html[b-lj12zdv0lt]  pre {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 8px 0 0 !important;
    padding: 12px 14px !important;
    border-radius: var(--radius-sm);
    background: rgba(16, 24, 40, 0.96);
    color: #dbeafe;
}

.ticket-dialog__html[b-lj12zdv0lt]  table {
    display: block;
    width: max-content !important;
    max-width: none !important;
}

[data-theme="dark"] .ticket-dialog__email-viewer-pane[b-lj12zdv0lt] {
    background: color-mix(in srgb, var(--color-surface) 92%, #14111b);
}

@container (max-width: 760px) {
    .ticket-dialog__email-viewer-pane[b-lj12zdv0lt] {
        padding: 8px 10px 12px;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogHeader.razor.rz.scp.css */
.ticket-dialog__header[b-f3er1bitpg] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 0;
    padding: 0;
}

.ticket-dialog__header h3[b-f3er1bitpg] {
    margin: 0;
    font-size: clamp(1.2rem, 1.5vw, 1.5rem);
    line-height: 1.02;
    letter-spacing: -.03em;
    font-weight: 700;
}

.ticket-dialog__header-main[b-f3er1bitpg] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.ticket-dialog__header-title-wrap[b-f3er1bitpg] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ticket-dialog__header-title-line[b-f3er1bitpg] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ticket-dialog__header-title-icon[b-f3er1bitpg] {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-soft));
    color: var(--color-primary);
    flex-shrink: 0;
    font-size: var(--font-size-sm);
}

.ticket-dialog__header-caption[b-f3er1bitpg] {
    color: color-mix(in srgb, var(--color-text-muted) 92%, var(--color-text));
    font-size: var(--font-size-sm);
    line-height: 1.3;
}

.ticket-dialog__meta[b-f3er1bitpg] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.ticket-dialog__meta-item[b-f3er1bitpg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface-2);
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    white-space: nowrap;
}

@media (max-width: 760px) {
    .ticket-dialog__header[b-f3er1bitpg] {
        padding-top: 0;
    }

    .ticket-dialog__meta[b-f3er1bitpg] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-dialog__meta-item[b-f3er1bitpg] {
        white-space: normal;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogMessagesSection.razor.rz.scp.css */
.ticket-dialog__messages-section[b-gokbtgnuzv] {
    display: contents;
}

.ticket-dialog__messages-section[b-gokbtgnuzv] (.ticket-dialog__section-body--messages) {
    min-height: 300px;
}

.ticket-dialog__messages-section.is-focus-mode[b-gokbtgnuzv] (.ticket-dialog__section-card--messages),
.ticket-dialog__messages-section.is-focus-mode[b-gokbtgnuzv] (.ticket-dialog__section-card--messages .ticket-dialog__section-body),
.ticket-dialog__messages-section.is-focus-mode[b-gokbtgnuzv] (.ticket-dialog__section-card--messages .ticket-dialog__section-body--messages) {
    flex: 1 1 auto;
    min-height: 0;
}

.ticket-dialog__messages-section.is-focus-mode[b-gokbtgnuzv] (.ticket-dialog__section-body--messages) {
    overflow: hidden;
}

.ticket-dialog__messages-section[b-gokbtgnuzv] (.ticket-dialog__section-body--messages-email) {
    min-height: 0;
}

.ticket-dialog__messages[b-gokbtgnuzv] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: visible;
    min-width: 0;
    max-width: 100%;
}

.ticket-dialog__messages--email[b-gokbtgnuzv] {
    gap: 2px;
    flex: 0 0 auto;
}

.ticket-dialog__messages-section.is-focus-mode .ticket-dialog__messages[b-gokbtgnuzv] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding-right: 4px;
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogModalTitle.razor.rz.scp.css */
.ticket-dialog__modal-title[b-sdfopyyn03] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex-wrap: nowrap;
}

.ticket-dialog__modal-channel[b-sdfopyyn03] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
    background: color-mix(in srgb, var(--color-surface) 92%, white 8%);
    color: var(--color-primary);
    flex-shrink: 0;
}

.ticket-dialog__modal-subject-pill[b-sdfopyyn03] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
    padding: 6px 12px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface) 92%, white 8%);
    color: var(--color-text);
}

.ticket-dialog__modal-subject-main[b-sdfopyyn03] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
}

.ticket-dialog__modal-subject-pill--editable[b-sdfopyyn03] {
    cursor: pointer;
    text-align: left;
}

.ticket-dialog__modal-subject-pill--editable:hover[b-sdfopyyn03] {
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
    border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
}

.ticket-dialog__modal-subject-pill--editable:focus-visible[b-sdfopyyn03] {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 35%, transparent);
    outline-offset: 2px;
}

.ticket-dialog__modal-title-text[b-sdfopyyn03] {
    display: inline-flex;
    align-items: center;
    color: var(--color-text);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
}

.ticket-dialog__modal-code[b-sdfopyyn03] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    padding: 6px 12px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface) 92%, white 8%);
    color: var(--color-text);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    flex-shrink: 0;
}

.ticket-dialog__modal-code-icon[b-sdfopyyn03],
.ticket-dialog__modal-title-icon[b-sdfopyyn03] {
    color: var(--color-primary);
    flex-shrink: 0;
}

.ticket-dialog__modal-subject-edit[b-sdfopyyn03] {
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    opacity: 0.7;
    transition: opacity 0.2s ease;
    flex-shrink: 0;
    justify-self: end;
}

.ticket-dialog__modal-subject-pill--editable:hover .ticket-dialog__modal-subject-edit[b-sdfopyyn03] {
    opacity: 1;
}

.ticket-dialog__modal-code-icon[b-sdfopyyn03] {
    font-size: var(--font-size-sm);
}

.ticket-dialog__modal-title-icon[b-sdfopyyn03] {
    font-size: var(--font-size-sm);
}

@media (max-width: 760px) {
    .ticket-dialog__modal-title[b-sdfopyyn03] {
        min-width: 0;
        gap: 10px;
        align-items: center;
        flex-wrap: nowrap;
    }
}

@container (max-width: 980px) {
    .ticket-dialog__modal-title[b-sdfopyyn03] {
        gap: 10px;
    }

    .ticket-dialog__modal-channel[b-sdfopyyn03] {
        width: 30px;
        height: 30px;
        border-radius: 9px;
    }

    .ticket-dialog__modal-code[b-sdfopyyn03] {
        padding: 5px 10px;
        font-size: var(--font-size-base);
        gap: 5px;
    }

    .ticket-dialog__modal-subject-pill[b-sdfopyyn03] {
        padding: 5px 10px;
        gap: 7px;
    }

    .ticket-dialog__modal-subject-main[b-sdfopyyn03] {
        gap: 7px;
    }

    .ticket-dialog__modal-title-text[b-sdfopyyn03] {
        font-size: var(--font-size-base);
    }
}

@container (max-width: 760px) {
    .ticket-dialog__modal-title[b-sdfopyyn03] {
        gap: 8px;
        align-items: center;
        flex-wrap: nowrap;
    }

    .ticket-dialog__modal-channel[b-sdfopyyn03] {
        width: 28px;
        height: 28px;
        border-radius: 8px;
    }

    .ticket-dialog__modal-code[b-sdfopyyn03] {
        padding: 4px 9px;
        font-size: var(--font-size-base);
    }

    .ticket-dialog__modal-subject-pill[b-sdfopyyn03] {
        padding: 4px 9px;
        gap: 6px;
    }

    .ticket-dialog__modal-title-text[b-sdfopyyn03] {
        font-size: var(--font-size-sm);
        line-height: 1.15;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ticket-dialog__modal-code-icon[b-sdfopyyn03] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__modal-title-icon[b-sdfopyyn03] {
        font-size: var(--font-size-sm);
    }
}

@container (max-width: 620px) {
    .ticket-dialog__modal-title[b-sdfopyyn03] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas:
            "channel code"
            "subject subject";
        align-items: start;
        gap: 6px;
    }

    .ticket-dialog__modal-channel[b-sdfopyyn03] {
        grid-area: channel;
        width: 26px;
        height: 26px;
    }

    .ticket-dialog__modal-code[b-sdfopyyn03] {
        grid-area: code;
        justify-self: start;
        align-self: center;
    }

    .ticket-dialog__modal-subject-pill[b-sdfopyyn03] {
        grid-area: subject;
        width: 100%;
        min-width: 0;
    }
}

@container (max-width: 420px) {
    .ticket-dialog__modal-title[b-sdfopyyn03] {
        gap: 6px;
    }

    .ticket-dialog__modal-channel[b-sdfopyyn03] {
        width: 26px;
        height: 26px;
    }

    .ticket-dialog__modal-code[b-sdfopyyn03] {
        padding: 2px 7px;
        font-size: var(--font-size-sm);
        gap: 4px;
    }

    .ticket-dialog__modal-subject-pill[b-sdfopyyn03] {
        padding: 3px 8px;
        gap: 5px;
    }

    .ticket-dialog__modal-subject-main[b-sdfopyyn03] {
        gap: 5px;
    }

    .ticket-dialog__modal-title-text[b-sdfopyyn03] {
        font-size: var(--font-size-sm);
        line-height: 1.1;
    }

    .ticket-dialog__modal-code-icon[b-sdfopyyn03] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__modal-title-icon[b-sdfopyyn03] {
        font-size: var(--font-size-xs);
    }
}

@media (max-width: 760px) {
    .ticket-dialog__modal-title[b-sdfopyyn03] {
        align-items: flex-start;
        flex-wrap: nowrap;
    }

    .ticket-dialog__modal-subject-pill[b-sdfopyyn03] {
        order: 0;
        flex: 1 1 auto;
        width: auto;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogOperationsHeader.razor.rz.scp.css */
.ticket-dialog__operations-header[b-u3ywi93zzp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px 14px;
    height: auto;
    min-height: var(--ticket-dialog-top-zone-height, 58px);
    box-sizing: border-box;
    background: color-mix(in srgb, var(--color-surface) 82%, rgba(255, 255, 255, 0.12));
    container-type: inline-size;
}

.ticket-dialog__operations-topbar[b-u3ywi93zzp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
    min-width: 0;
}

.ticket-dialog__header-actions[b-u3ywi93zzp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.ticket-dialog__top-button[b-u3ywi93zzp] {
    width: 30px;
    height: 30px;
    border: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--color-surface) 86%, transparent);
    color: var(--color-text);
    backdrop-filter: blur(12px);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
}

.ticket-dialog__top-button:hover:not(:disabled)[b-u3ywi93zzp] {
    background: color-mix(in srgb, var(--color-surface) 94%, var(--color-surface-soft));
}

.ticket-dialog__top-button:disabled[b-u3ywi93zzp] {
    opacity: .72;
    color: color-mix(in srgb, var(--color-text-muted) 78%, var(--color-text));
    background: color-mix(in srgb, var(--color-surface) 72%, transparent);
    box-shadow: none;
}

@container (max-width: 980px) {
    .ticket-dialog__operations-header[b-u3ywi93zzp] {
        padding: 7px 12px;
    }

    .ticket-dialog__operations-topbar[b-u3ywi93zzp] {
        gap: 10px;
    }

    .ticket-dialog__top-button[b-u3ywi93zzp] {
        width: 28px;
        height: 28px;
        border-radius: 9px;
    }
}

@container (max-width: 760px) {
    .ticket-dialog__operations-header[b-u3ywi93zzp] {
        padding: 6px 10px;
        min-height: 0;
        gap: 5px;
    }

    .ticket-dialog__operations-topbar[b-u3ywi93zzp] {
        gap: 8px;
    }

    .ticket-dialog__header-actions[b-u3ywi93zzp] {
        gap: 4px;
        align-self: start;
    }

    .ticket-dialog__top-button[b-u3ywi93zzp] {
        width: 24px;
        height: 24px;
        border-radius: 8px;
    }
}

@container (max-width: 420px) {
    .ticket-dialog__operations-header[b-u3ywi93zzp] {
        padding: 5px 8px;
        min-height: 0;
        gap: 4px;
    }

    .ticket-dialog__operations-topbar[b-u3ywi93zzp] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 8px;
        min-height: 0;
        padding-bottom: 6px;
    }

    .ticket-dialog__operations-header.is-messages-focus[b-u3ywi93zzp] {
        padding-bottom: 10px;
    }

    .ticket-dialog__operations-header.is-messages-focus .ticket-dialog__operations-topbar[b-u3ywi93zzp] {
        padding-bottom: 10px;
    }

    .ticket-dialog__top-button[b-u3ywi93zzp] {
        width: 22px;
        height: 22px;
        border-radius: 6px;
        font-size: var(--font-size-sm);
    }
}

[data-theme="dark"] .ticket-dialog__operations-header[b-u3ywi93zzp] {
    background: color-mix(in srgb, var(--color-surface-soft) 86%, #18141f);
}

[data-theme="dark"] .ticket-dialog__top-button[b-u3ywi93zzp] {
    border-color: color-mix(in srgb, var(--color-border) 86%, transparent);
    background: color-mix(in srgb, var(--color-surface-soft) 88%, rgba(24, 20, 33, 0.82));
    color: var(--color-text);
}

[data-theme="dark"] .ticket-dialog__top-button:hover:not(:disabled)[b-u3ywi93zzp] {
    background: color-mix(in srgb, var(--color-surface-muted) 88%, rgba(24, 20, 33, 0.92));
}

[data-theme="dark"] .ticket-dialog__top-button:disabled[b-u3ywi93zzp] {
    opacity: .88;
    color: color-mix(in srgb, var(--color-text-muted) 88%, var(--color-text));
    background: color-mix(in srgb, var(--color-surface-muted) 72%, rgba(24, 20, 33, 0.78));
    border-color: color-mix(in srgb, var(--color-border) 92%, transparent);
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogOperationsPane.razor.rz.scp.css */
.ticket-dialog-pane[b-e60hk8oaxv] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    container-type: inline-size;
}

.ticket-dialog-pane__scroll[b-e60hk8oaxv] {
    min-height: 0;
    overflow: auto;
    padding: 10px 10px 12px;
    box-sizing: border-box;
}

@container (max-width: 980px) {
    .ticket-dialog-pane__scroll[b-e60hk8oaxv] {
        padding: 9px 9px 10px;
    }
}

@container (max-width: 760px) {
    .ticket-dialog-pane__scroll[b-e60hk8oaxv] {
        padding: 8px 8px 10px;
    }
}

@container (max-width: 560px) {
    .ticket-dialog-pane__scroll[b-e60hk8oaxv] {
        padding: 7px 7px 9px;
    }
}

@media (max-width: 1024px) {
    .ticket-dialog-pane[b-e60hk8oaxv],
    .ticket-dialog-pane__scroll[b-e60hk8oaxv] {
        min-height: auto;
        overflow: visible;
    }

    .ticket-dialog-pane[b-e60hk8oaxv] {
        container-type: normal;
    }

    .ticket-dialog-pane__scroll[b-e60hk8oaxv] {
        padding: 0;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogRightPane.razor.rz.scp.css */
.ticket-dialog-pane[b-h3a3bc6uhm] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    container-type: inline-size;
}

.ticket-dialog-pane > *[b-h3a3bc6uhm] {
    min-height: 0;
}

.ticket-dialog-pane--right[b-h3a3bc6uhm] {
    min-width: 0;
}

.ticket-dialog-pane--right > *[b-h3a3bc6uhm] {
    flex: 1 1 auto;
    min-width: 0;
}

@container (max-width: 980px) {
    .ticket-dialog-pane[b-h3a3bc6uhm] {
        font-size: var(--font-size-base);
    }
}

@container (max-width: 760px) {
    .ticket-dialog-pane[b-h3a3bc6uhm] {
        font-size: var(--font-size-base);
    }
}

@container (max-width: 560px) {
    .ticket-dialog-pane[b-h3a3bc6uhm] {
        font-size: var(--font-size-sm);
    }
}

@media (max-width: 1024px) {
    .ticket-dialog-pane[b-h3a3bc6uhm] {
        min-height: auto;
        overflow: visible;
        container-type: normal;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogSectionCard.razor.rz.scp.css */
.ticket-dialog__section-card[b-5g6qpla1xo] {
    display: flex;
    flex-direction: column;
    border: 0;
    border-radius: 14px;
    background: color-mix(in srgb, var(--color-surface) 97%, white 3%);
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.03);
    overflow: hidden;
}

.ticket-dialog__section-body[b-5g6qpla1xo] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px 12px;
    min-height: 0;
}

.ticket-dialog__section-toggle[b-5g6qpla1xo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: none;
    background: transparent;
    text-align: left;
}

.ticket-dialog__section-heading[b-5g6qpla1xo],
.ticket-dialog__section-meta[b-5g6qpla1xo] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ticket-dialog__section-heading i[b-5g6qpla1xo] {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface-soft));
    color: var(--color-primary);
    flex-shrink: 0;
    font-size: var(--font-size-sm);
}

.ticket-dialog__section-heading strong[b-5g6qpla1xo] {
    font-size: var(--font-size-base);
    color: var(--color-text);
}

.ticket-dialog__section-meta[b-5g6qpla1xo] {
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.ticket-dialog__section-badge[b-5g6qpla1xo] {
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-soft));
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
}

.ticket-dialog__section-icon-button[b-5g6qpla1xo] {
    width: var(--ticket-dialog-icon-button-size);
    height: var(--ticket-dialog-icon-button-size);
    border: none;
    border-radius: var(--ticket-dialog-icon-button-radius);
    background: var(--ticket-dialog-icon-button-bg);
    color: var(--ticket-dialog-icon-button-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 1;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.ticket-dialog__section-icon-button.fa-solid[b-5g6qpla1xo] {
    font-size: 14px;
}

.ticket-dialog__section-icon-button:hover[b-5g6qpla1xo] {
    background: var(--ticket-dialog-icon-button-bg-hover);
}

.ticket-dialog__section-chevron[b-5g6qpla1xo] {
    width: var(--ticket-dialog-icon-button-size);
    height: var(--ticket-dialog-icon-button-size);
    border-radius: var(--ticket-dialog-icon-button-radius);
    background: var(--ticket-dialog-icon-button-bg);
    color: var(--ticket-dialog-icon-button-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 1;
    appearance: none;
    -webkit-appearance: none;
}

@container (max-width: 980px) {
    .ticket-dialog__section-toggle[b-5g6qpla1xo] {
        padding: 9px 10px;
    }

    .ticket-dialog__section-heading i[b-5g6qpla1xo] {
        width: 24px;
        height: 24px;
        border-radius: 7px;
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__section-heading strong[b-5g6qpla1xo] {
        font-size: var(--font-size-base);
    }

    .ticket-dialog__section-badge[b-5g6qpla1xo],
    .ticket-dialog__section-icon-button[b-5g6qpla1xo] {
        width: calc(var(--ticket-dialog-icon-button-size) - 2px);
        min-width: calc(var(--ticket-dialog-icon-button-size) - 2px);
        height: calc(var(--ticket-dialog-icon-button-size) - 2px);
    }
}

@container (max-width: 760px) {
    .ticket-dialog__section-toggle[b-5g6qpla1xo] {
        padding: 8px 9px;
        gap: 8px;
    }

    .ticket-dialog__section-heading[b-5g6qpla1xo],
    .ticket-dialog__section-meta[b-5g6qpla1xo] {
        gap: 6px;
    }

    .ticket-dialog__section-heading i[b-5g6qpla1xo] {
        width: 22px;
        height: 22px;
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__section-heading strong[b-5g6qpla1xo] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__section-badge[b-5g6qpla1xo],
    .ticket-dialog__section-icon-button[b-5g6qpla1xo] {
        width: 19px;
        min-width: 19px;
        height: 19px;
        font-size: var(--font-size-xs);
    }
}

@container (max-width: 560px) {
    .ticket-dialog__section-toggle[b-5g6qpla1xo] {
        padding: 7px 8px;
    }

    .ticket-dialog__section-heading i[b-5g6qpla1xo] {
        width: 20px;
        height: 20px;
        border-radius: 6px;
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__section-heading strong[b-5g6qpla1xo] {
        font-size: var(--font-size-sm);
    }
}

[data-theme="dark"] .ticket-dialog__section-card[b-5g6qpla1xo] {
    background: color-mix(in srgb, var(--color-surface-soft) 96%, #17131f);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogServiceProperties.razor.rz.scp.css */
.ticket-dialog__sidebar[b-ha6vzsdf6n] { border: 1px solid var(--color-border); border-radius: var(--radius-base); padding: 12px; align-self: start; display: flex; flex-direction: column; gap: 12px; }
.ticket-dialog__sidebar--tab-panel[b-ha6vzsdf6n] {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    width: 100%;
    gap: 0;
}
.ticket-dialog__details-body[b-ha6vzsdf6n] {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.ticket-dialog__details-section[b-ha6vzsdf6n] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: calc(var(--radius-base) + 2px);
    background: color-mix(in srgb, var(--color-surface) 88%, white 12%);
}
.ticket-dialog__details-section--modern[b-ha6vzsdf6n] {
    gap: 4px;
    padding: 0;
}
.ticket-dialog__grid[b-ha6vzsdf6n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    align-items: start;
}
.ticket-dialog__grid--modern[b-ha6vzsdf6n] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 18px;
}
.ticket-dialog__field--subject[b-ha6vzsdf6n] {
    grid-column: 1 / -1;
}
.ticket-dialog__grid--custom-fields[b-ha6vzsdf6n] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ticket-dialog__field[b-ha6vzsdf6n] { display: flex; flex-direction: column; gap: 6px; }
.ticket-dialog__field--editing[b-ha6vzsdf6n] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    padding: 4px 0 8px;
    border-bottom: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.ticket-dialog__summary-item[b-ha6vzsdf6n] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 8px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface-2);
}
.ticket-dialog__summary-label[b-ha6vzsdf6n] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: .04em;
}
.ticket-dialog__summary-value[b-ha6vzsdf6n] {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}
.ticket-dialog__display-field[b-ha6vzsdf6n] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    min-width: 0;
    min-height: auto;
    padding: 6px 0 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
    transition: background var(--transition-fast);
}
.ticket-dialog__display-field:hover[b-ha6vzsdf6n] {
    background: color-mix(in srgb, var(--color-primary) 4%, transparent);
}
.ticket-dialog__property-row[b-ha6vzsdf6n] {
    min-height: auto;
    padding: 6px 0 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: none;
}
.ticket-dialog__property-row:hover[b-ha6vzsdf6n] {
    background: color-mix(in srgb, var(--color-primary) 4%, transparent);
    box-shadow: none;
}
.ticket-dialog__display-field--subject[b-ha6vzsdf6n] {
    grid-column: 1 / -1;
    min-height: auto;
}
.ticket-dialog__display-label[b-ha6vzsdf6n] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: .06em;
}
.ticket-dialog__property-content[b-ha6vzsdf6n] {
    display: flex;
    align-items: center;
    gap: 0;
    min-width: 0;
    width: 100%;
}
.ticket-dialog__display-value[b-ha6vzsdf6n] {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    line-height: 1.25;
    color: var(--color-text);
    display: block;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ticket-dialog__label[b-ha6vzsdf6n] { font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); }
.ticket-dialog__required[b-ha6vzsdf6n] { color: var(--color-danger); }
.ticket-dialog__error[b-ha6vzsdf6n] { font-size: var(--font-size-xs); color: var(--color-danger); font-weight: var(--font-weight-medium); }

[data-theme="dark"] .ticket-dialog__display-field[b-ha6vzsdf6n] {
    background: transparent;
    box-shadow: none;
}

[data-theme="dark"] .ticket-dialog__display-field:hover[b-ha6vzsdf6n] {
    box-shadow: none;
}

[data-theme="dark"] .ticket-dialog__property-row[b-ha6vzsdf6n] {
    background: transparent;
    box-shadow: none;
    border-bottom: none;
}

[data-theme="dark"] .ticket-dialog__property-row:hover[b-ha6vzsdf6n] {
    background: color-mix(in srgb, var(--color-primary) 8%, transparent);
}

[data-theme="dark"] .ticket-dialog__field--editing[b-ha6vzsdf6n] {
    background: transparent;
}

.ticket-dialog__details-section--modern .ticket-dialog__display-field:last-child[b-ha6vzsdf6n],
.ticket-dialog__details-section--modern .ticket-dialog__field--editing:last-child[b-ha6vzsdf6n] {
    border-bottom: none;
}

.ticket-dialog__details-section--modern .ticket-dialog__field--editing > .ticket-dialog__label[b-ha6vzsdf6n] {
    margin: 0;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ticket-dialog__details-section--modern .ticket-dialog__field--subject[b-ha6vzsdf6n] {
    grid-column: 1 / -1;
}

.ticket-dialog__details-section--modern .ticket-dialog__display-field--subject[b-ha6vzsdf6n] {
    grid-column: 1 / -1;
}

.ticket-dialog__details-section--modern .ticket-dialog__field--editing > .input > .input__label[b-ha6vzsdf6n] {
    display: none;
}

.ticket-dialog__details-section--modern .ticket-dialog__field--editing .ac__input[b-ha6vzsdf6n],
.ticket-dialog__details-section--modern .ticket-dialog__field--editing .dd__trigger[b-ha6vzsdf6n],
.ticket-dialog__details-section--modern .ticket-dialog__field--editing .input__control[b-ha6vzsdf6n] {
    min-height: 36px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: none;
    background: color-mix(in srgb, var(--color-surface) 92%, var(--color-surface-soft));
    border-radius: 8px;
    font-size: var(--font-size-base);
}

.ticket-dialog__details-section--modern .ticket-dialog__field--editing .ac__input[b-ha6vzsdf6n] {
    padding-left: 32px;
}

.ticket-dialog__details-section--modern .ticket-dialog__field--editing .ac__icon[b-ha6vzsdf6n] {
    left: 10px;
    font-size: var(--font-size-base);
}

.ticket-dialog__details-section--modern .ticket-dialog__field--editing .dd__text[b-ha6vzsdf6n],
.ticket-dialog__details-section--modern .ticket-dialog__field--editing .input__control[b-ha6vzsdf6n],
.ticket-dialog__details-section--modern .ticket-dialog__field--editing .ac__input[b-ha6vzsdf6n] {
    font-size: var(--font-size-base);
}

.ticket-dialog__details-section--modern .ticket-dialog__field--editing .dd__trigger[b-ha6vzsdf6n] {
    padding-left: 10px;
    padding-right: 10px;
}

.ticket-dialog__details-section--modern .ticket-dialog__grid--custom-fields[b-ha6vzsdf6n] {
    margin-top: 8px;
}

.ticket-dialog__details-section--compact-form[b-ha6vzsdf6n] {
    gap: 6px;
    padding: 0;
    border: none;
    background: transparent;
}

.ticket-dialog__details-section--custom-only[b-ha6vzsdf6n] {
    gap: 0;
}

.ticket-dialog__grid--compact-form[b-ha6vzsdf6n] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px 8px;
}

.ticket-dialog__details-section--compact-form .ticket-dialog__field[b-ha6vzsdf6n] {
    gap: 3px;
}

.ticket-dialog__details-section--compact-form .ticket-dialog__field--subject[b-ha6vzsdf6n] {
    grid-column: span 2;
}

.ticket-dialog__details-section--compact-form .ticket-dialog__field--subject-two-columns[b-ha6vzsdf6n] {
    grid-column: span 2;
}

.ticket-dialog__details-section--compact-form .ticket-dialog__grid--custom-fields[b-ha6vzsdf6n] {
    margin-top: 2px;
    grid-template-columns: minmax(0, 1fr);
}

.ticket-dialog__details-section--custom-only .ticket-dialog__grid--custom-fields[b-ha6vzsdf6n] {
    margin-top: 0;
    grid-template-columns: minmax(0, 1fr);
}

.ticket-dialog__details-section--compact-form .ticket-dialog__label[b-ha6vzsdf6n],
.ticket-dialog__details-section--compact-form .input__label[b-ha6vzsdf6n] {
    margin: 0;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ticket-dialog__details-section--compact-form .ticket-dialog__grid--custom-fields .ticket-dialog__field[b-ha6vzsdf6n] {
    gap: 2px;
}

.ticket-dialog__details-section--compact-form .ticket-dialog__summary-item[b-ha6vzsdf6n] {
    gap: 2px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.ticket-dialog__details-section--compact-form .ticket-dialog__summary-label[b-ha6vzsdf6n] {
    font-size: var(--font-size-xs);
    letter-spacing: .06em;
}

.ticket-dialog__details-section--compact-form .ticket-dialog__summary-value[b-ha6vzsdf6n] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
}

.ticket-dialog__details-section--compact-form .ac__input[b-ha6vzsdf6n],
.ticket-dialog__details-section--compact-form .dd__trigger[b-ha6vzsdf6n],
.ticket-dialog__details-section--compact-form .input__control[b-ha6vzsdf6n] {
    min-height: 28px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 8px;
    box-shadow: none;
    background: color-mix(in srgb, var(--color-surface) 98%, white 2%);
    border-color: color-mix(in srgb, var(--color-primary) 8%, var(--color-border));
    font-size: var(--font-size-sm);
}

.ticket-dialog__details-section--compact-form .ac__input[b-ha6vzsdf6n] {
    padding-left: 26px;
}

.ticket-dialog__details-section--compact-form .ac__icon[b-ha6vzsdf6n] {
    left: 8px;
    font-size: var(--font-size-sm);
}

.ticket-dialog__details-section--compact-form .dd__text[b-ha6vzsdf6n],
.ticket-dialog__details-section--compact-form .input__control[b-ha6vzsdf6n],
.ticket-dialog__details-section--compact-form .ac__input[b-ha6vzsdf6n] {
    font-size: var(--font-size-sm);
}

.ticket-dialog__details-section--compact-form .dd__chevron[b-ha6vzsdf6n] {
    font-size: var(--font-size-xs);
}

.ticket-dialog__details-section--modern .ticket-dialog__grid--custom-fields .ticket-dialog__field[b-ha6vzsdf6n],
.ticket-dialog__details-section--modern .ticket-dialog__grid--custom-fields .ticket-dialog__display-field[b-ha6vzsdf6n],
.ticket-dialog__details-section--modern .ticket-dialog__grid--custom-fields .ticket-dialog__field--editing[b-ha6vzsdf6n] {
    min-width: 0;
}

@media (max-width: 768px) {
    .ticket-dialog__details-section[b-ha6vzsdf6n] {
        padding: 12px;
    }

    .ticket-dialog__grid[b-ha6vzsdf6n],
    .ticket-dialog__grid--summary[b-ha6vzsdf6n],
    .ticket-dialog__grid--custom-fields[b-ha6vzsdf6n] {
        grid-template-columns: 1fr;
    }

    .ticket-dialog__field--subject[b-ha6vzsdf6n] {
        grid-column: auto;
    }

    .ticket-dialog__display-field--subject[b-ha6vzsdf6n] {
        grid-column: auto;
    }

    .ticket-dialog__grid--modern[b-ha6vzsdf6n] {
        grid-template-columns: 1fr;
    }

    .ticket-dialog__grid--compact-form[b-ha6vzsdf6n],
    .ticket-dialog__details-section--compact-form .ticket-dialog__grid--custom-fields[b-ha6vzsdf6n] {
        grid-template-columns: 1fr;
    }

    .ticket-dialog__details-section--compact-form .ticket-dialog__field--subject[b-ha6vzsdf6n] {
        grid-column: auto;
    }

    .ticket-dialog__details-section--compact-form .ticket-dialog__field--subject-two-columns[b-ha6vzsdf6n] {
        grid-column: auto;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogServiceSummary.razor.rz.scp.css */
.ticket-dialog__service-summary[b-4vmy4t82hh] {
    order: 0;
    padding: 0 2px 2px;
    container-type: inline-size;
}

.ticket-dialog__service-summary-grid[b-4vmy4t82hh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    align-items: stretch;
}

.ticket-dialog__service-summary-pill[b-4vmy4t82hh] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 10px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface) 92%, white 8%);
    color: var(--color-text);
}

.ticket-dialog__service-summary-pill-main[b-4vmy4t82hh] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    flex: 1 1 auto;
}

.ticket-dialog__service-summary-pill--editable[b-4vmy4t82hh] {
    width: 100%;
    border: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
    cursor: pointer;
    text-align: left;
}

.ticket-dialog__service-summary-pill--editable:hover[b-4vmy4t82hh] {
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
    border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
}

.ticket-dialog__service-summary-pill--editable:focus-visible[b-4vmy4t82hh] {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 35%, transparent);
    outline-offset: 2px;
}

.ticket-dialog__service-summary-pill i[b-4vmy4t82hh] {
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    flex-shrink: 0;
}

.ticket-dialog__service-summary-label[b-4vmy4t82hh] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    white-space: nowrap;
    flex-shrink: 0;
}

.ticket-dialog__service-summary-value[b-4vmy4t82hh] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
}

.ticket-dialog__service-summary-pill .ticket-dialog__service-summary-value[b-4vmy4t82hh] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.ticket-dialog__service-summary-edit[b-4vmy4t82hh] {
    font-size: var(--font-size-sm);
    opacity: 0.7;
    transition: opacity 0.2s ease;
    flex-shrink: 0;
}

.ticket-dialog__service-summary-pill--editable:hover .ticket-dialog__service-summary-edit[b-4vmy4t82hh] {
    opacity: 1;
}

@container (max-width: 1280px) {
    .ticket-dialog__service-summary-grid[b-4vmy4t82hh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container (max-width: 980px) {
    .ticket-dialog__service-summary-pill[b-4vmy4t82hh] {
        min-height: 30px;
        padding: 5px 9px;
    }

    .ticket-dialog__service-summary-pill i[b-4vmy4t82hh] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__service-summary-label[b-4vmy4t82hh] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__service-summary-value[b-4vmy4t82hh] {
        font-size: var(--font-size-sm);
    }
}

@container (max-width: 760px) {
    .ticket-dialog__service-summary-grid[b-4vmy4t82hh] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .ticket-dialog__service-summary-pill[b-4vmy4t82hh] {
        min-height: 28px;
        padding: 4px 8px;
        gap: 5px;
    }

    .ticket-dialog__service-summary-pill i[b-4vmy4t82hh] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__service-summary-label[b-4vmy4t82hh] {
        font-size: var(--font-size-xs);
        letter-spacing: 0.05em;
    }

    .ticket-dialog__service-summary-value[b-4vmy4t82hh] {
        font-size: var(--font-size-sm);
    }
}

@container (max-width: 560px) {
    .ticket-dialog__service-summary-grid[b-4vmy4t82hh] {
        gap: 4px;
    }

    .ticket-dialog__service-summary-pill[b-4vmy4t82hh] {
        min-height: 26px;
        padding: 4px 7px;
        gap: 4px;
    }

    .ticket-dialog__service-summary-label[b-4vmy4t82hh] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__service-summary-value[b-4vmy4t82hh] {
        font-size: var(--font-size-xs);
    }
}

[data-theme="dark"] .ticket-dialog__service-summary-pill[b-4vmy4t82hh] {
    background: color-mix(in srgb, var(--color-surface-soft) 96%, #17131f);
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogServiceToolbar.razor.rz.scp.css */
.ticket-dialog__service-toolbar[b-x54ffj03gq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 14px 12px;
    border-top: 1px solid color-mix(in srgb, var(--color-border) 74%, transparent);
    background: color-mix(in srgb, var(--color-surface) 95%, var(--color-surface-soft));
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.04);
}

.ticket-dialog__service-toolbar-head[b-x54ffj03gq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.ticket-dialog__service-toolbar-summary[b-x54ffj03gq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

.ticket-dialog__service-toolbar-chip[b-x54ffj03gq] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
    padding: 7px 11px;
    border: 1px solid color-mix(in srgb, var(--color-border) 74%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface-soft) 82%, transparent);
    color: var(--color-text);
    transition: border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

.ticket-dialog__service-toolbar-chip:hover[b-x54ffj03gq],
.ticket-dialog__service-toolbar-chip.is-active[b-x54ffj03gq] {
    border-color: color-mix(in srgb, var(--color-primary) 34%, var(--color-border));
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}

.ticket-dialog__service-toolbar-chip.is-active[b-x54ffj03gq] {
    transform: translateY(-1px);
}

.ticket-dialog__service-toolbar-chip i[b-x54ffj03gq] {
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    flex-shrink: 0;
}

.ticket-dialog__service-toolbar-chip-label[b-x54ffj03gq] {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
    white-space: nowrap;
}

.ticket-dialog__service-toolbar-chip strong[b-x54ffj03gq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
}

.ticket-dialog__service-toolbar-toggle[b-x54ffj03gq] {
    width: 34px;
    height: 34px;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--color-surface) 88%, transparent);
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.ticket-dialog__service-toolbar-panel[b-x54ffj03gq] {
    min-height: 0;
}

.ticket-dialog__service-toolbar-panel-empty[b-x54ffj03gq],
.ticket-dialog__service-toolbar-editor[b-x54ffj03gq] {
    border: 1px solid color-mix(in srgb, var(--color-border) 68%, transparent);
    border-radius: 16px;
    background: color-mix(in srgb, var(--color-surface) 98%, white 2%);
}

.ticket-dialog__service-toolbar-panel-empty[b-x54ffj03gq] {
    padding: 12px 14px;
}

.ticket-dialog__service-toolbar-panel-empty strong[b-x54ffj03gq] {
    display: block;
    font-size: var(--font-size-base);
    color: var(--color-text);
}

.ticket-dialog__service-toolbar-panel-empty p[b-x54ffj03gq] {
    margin: 4px 0 0;
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.ticket-dialog__service-toolbar-editor[b-x54ffj03gq] {
    display: flex;
    flex-direction: column;
}

.ticket-dialog__service-toolbar-editor-head[b-x54ffj03gq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 58%, transparent);
}

.ticket-dialog__service-toolbar-editor-label[b-x54ffj03gq] {
    display: block;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.ticket-dialog__service-toolbar-editor-head strong[b-x54ffj03gq] {
    display: block;
    margin-top: 3px;
    font-size: var(--font-size-base);
    color: var(--color-text);
}

.ticket-dialog__service-toolbar-editor-close[b-x54ffj03gq] {
    width: 30px;
    height: 30px;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--color-surface-soft) 84%, transparent);
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.ticket-dialog__service-toolbar-editor-body[b-x54ffj03gq] {
    padding: 12px 14px 14px;
}

.ticket-dialog__service-toolbar-editor-field[b-x54ffj03gq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 520px;
}

.ticket-dialog__service-toolbar-label[b-x54ffj03gq] {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.ticket-dialog__service-toolbar .ac__input[b-x54ffj03gq],
.ticket-dialog__service-toolbar .dd__trigger[b-x54ffj03gq] {
    min-height: 40px;
    font-size: var(--font-size-base);
    border-radius: 12px;
}

.ticket-dialog__service-toolbar .ac__input[b-x54ffj03gq] {
    padding-left: 34px;
}

.ticket-dialog__service-toolbar .ac__icon[b-x54ffj03gq] {
    left: 12px;
}

.ticket-dialog__service-toolbar.is-collapsed[b-x54ffj03gq] {
    gap: 0;
}

[data-theme="dark"] .ticket-dialog__service-toolbar[b-x54ffj03gq] {
    background: color-mix(in srgb, var(--color-surface-soft) 92%, #17131f);
    border-top-color: color-mix(in srgb, var(--color-border) 88%, transparent);
}

[data-theme="dark"] .ticket-dialog__service-toolbar-chip[b-x54ffj03gq],
[data-theme="dark"] .ticket-dialog__service-toolbar-panel-empty[b-x54ffj03gq],
[data-theme="dark"] .ticket-dialog__service-toolbar-editor[b-x54ffj03gq] {
    background: color-mix(in srgb, var(--color-surface) 88%, #18141f);
}

[data-theme="dark"] .ticket-dialog__service-toolbar-chip:hover[b-x54ffj03gq],
[data-theme="dark"] .ticket-dialog__service-toolbar-chip.is-active[b-x54ffj03gq] {
    background: color-mix(in srgb, var(--color-primary) 10%, transparent);
}

[data-theme="dark"] .ticket-dialog__service-toolbar-toggle[b-x54ffj03gq],
[data-theme="dark"] .ticket-dialog__service-toolbar-editor-close[b-x54ffj03gq] {
    background: color-mix(in srgb, var(--color-surface) 78%, #1a1524);
}

@media (max-width: 860px) {
    .ticket-dialog__service-toolbar-head[b-x54ffj03gq] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-dialog__service-toolbar-toggle[b-x54ffj03gq] {
        align-self: flex-end;
    }
}

@media (max-width: 560px) {
    .ticket-dialog__service-toolbar[b-x54ffj03gq] {
        padding: 10px 12px;
    }

    .ticket-dialog__service-toolbar-chip[b-x54ffj03gq] {
        width: 100%;
    }

    .ticket-dialog__service-toolbar-editor-body[b-x54ffj03gq],
    .ticket-dialog__service-toolbar-editor-head[b-x54ffj03gq],
    .ticket-dialog__service-toolbar-panel-empty[b-x54ffj03gq] {
        padding-left: 12px;
        padding-right: 12px;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogSidePanel.razor.rz.scp.css */
.ticket-dialog__chat-panel[b-apcn0vf6bv] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    background: color-mix(in srgb, var(--color-surface-2) 68%, var(--color-surface));
    border-left: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
    box-shadow: inset 1px 0 0 color-mix(in srgb, var(--color-surface) 72%, transparent);
    container-type: inline-size;
}

.ticket-dialog__chat-panel:has(.ticket-dialog__chat-rail)[b-apcn0vf6bv] {
    overflow: hidden;
}

.ticket-dialog__chat-panel.is-collapsed[b-apcn0vf6bv] {
    min-width: 48px;
    width: 48px;
    max-width: 48px;
    overflow: hidden;
}

.ticket-dialog__chat-header[b-apcn0vf6bv] {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    gap: 10px;
    padding: 8px 12px;
    height: var(--ticket-dialog-top-zone-height, 58px);
    min-height: var(--ticket-dialog-top-zone-height, 58px);
    box-sizing: border-box;
    background: color-mix(in srgb, var(--color-surface) 70%, transparent);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 8%, var(--color-border));
    box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--color-surface) 72%, transparent);
}

.ticket-dialog__chat-header-main[b-apcn0vf6bv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.ticket-dialog__chat-header-actions[b-apcn0vf6bv] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ticket-dialog__chat-header-button[b-apcn0vf6bv] {
    width: var(--ticket-dialog-icon-button-size);
    height: var(--ticket-dialog-icon-button-size);
    padding: 0;
    border: none;
    border-radius: var(--ticket-dialog-icon-button-radius);
    background: var(--ticket-dialog-icon-button-bg);
    color: var(--ticket-dialog-icon-button-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    appearance: none;
    -webkit-appearance: none;
}

.ticket-dialog__chat-header-button--members[b-apcn0vf6bv] {
    border-color: transparent;
}

.ticket-dialog__chat-header-button:hover:not(:disabled)[b-apcn0vf6bv] {
    background: var(--ticket-dialog-icon-button-bg-hover);
    color: var(--ticket-dialog-icon-button-color);
}

.ticket-dialog__chat-header-button:disabled[b-apcn0vf6bv] {
    opacity: .52;
}

.ticket-dialog__chat-rail[b-apcn0vf6bv] {
    width: 100%;
    height: 100%;
    min-width: 48px;
    border: none;
    padding: 10px 0;
    background: color-mix(in srgb, var(--color-surface) 68%, transparent);
    color: var(--color-primary);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    cursor: pointer;
}

.ticket-dialog__chat-panel.is-collapsed .ticket-dialog__chat-rail[b-apcn0vf6bv] {
    border-left: 1px solid color-mix(in srgb, var(--color-primary) 8%, var(--color-border));
}

.ticket-dialog__chat-rail i[b-apcn0vf6bv] {
    font-size: var(--font-size-base);
}

.ticket-dialog__chat-rail span[b-apcn0vf6bv] {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ticket-dialog__chat-header strong[b-apcn0vf6bv] {
    display: block;
    margin-bottom: 2px;
    font-size: var(--font-size-base);
    color: var(--color-text);
    line-height: 1.15;
}

.ticket-dialog__chat-title-row[b-apcn0vf6bv] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
}

.ticket-dialog__chat-title-row i[b-apcn0vf6bv] {
    color: var(--color-primary);
    font-size: var(--font-size-base);
}

.ticket-dialog__chat-header span[b-apcn0vf6bv] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.ticket-dialog__chat-footer[b-apcn0vf6bv] {
    display: flex;
    flex-direction: column;
    border-top: 1px solid color-mix(in srgb, var(--color-primary) 8%, var(--color-border));
    background: color-mix(in srgb, var(--color-surface) 82%, transparent);
}

.ticket-dialog__chat-footer--email-viewer[b-apcn0vf6bv] {
    gap: 8px;
}

.ticket-dialog__chat-panel[b-apcn0vf6bv] (.ticket-dialog__chat-body) {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    overflow: auto;
}

.ticket-dialog__chat-panel[b-apcn0vf6bv] (.ticket-dialog__chat-body--blocked) {
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.ticket-dialog__chat-panel[b-apcn0vf6bv] (.ticket-dialog__email-viewer-body) {
    padding: 0;
    background: color-mix(in srgb, var(--color-surface) 82%, transparent);
}

@container (max-width: 980px) {
    .ticket-dialog__chat-header[b-apcn0vf6bv] {
        gap: 8px;
        padding: 7px 10px;
    }

    .ticket-dialog__chat-header-main[b-apcn0vf6bv] {
        gap: 10px;
    }

    .ticket-dialog__chat-title-row[b-apcn0vf6bv] {
        gap: 7px;
    }

    .ticket-dialog__chat-title-row i[b-apcn0vf6bv] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__chat-header strong[b-apcn0vf6bv] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__chat-header-button[b-apcn0vf6bv] {
        width: 28px;
        height: 28px;
    }

    .ticket-dialog__chat-panel[b-apcn0vf6bv] (.ticket-dialog__chat-body) {
        padding: 9px 10px;
    }
}

@container (max-width: 760px) {
    .ticket-dialog__chat-header[b-apcn0vf6bv] {
        gap: 7px;
        padding: 6px 8px;
        height: auto;
        min-height: 48px;
    }

    .ticket-dialog__chat-header-main[b-apcn0vf6bv] {
        gap: 8px;
    }

    .ticket-dialog__chat-title-row[b-apcn0vf6bv] {
        gap: 6px;
    }

    .ticket-dialog__chat-title-row i[b-apcn0vf6bv] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__chat-header strong[b-apcn0vf6bv] {
        font-size: var(--font-size-sm);
        line-height: 1.1;
    }

    .ticket-dialog__chat-header span[b-apcn0vf6bv] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__chat-header-actions[b-apcn0vf6bv] {
        gap: 6px;
    }

    .ticket-dialog__chat-header-button[b-apcn0vf6bv] {
        width: 26px;
        height: 26px;
    }

    .ticket-dialog__chat-panel[b-apcn0vf6bv] (.ticket-dialog__chat-body) {
        gap: 6px;
        padding: 8px;
    }
}

@container (max-width: 560px) {
    .ticket-dialog__chat-header[b-apcn0vf6bv] {
        padding: 6px 7px;
        min-height: 44px;
    }

    .ticket-dialog__chat-title-row i[b-apcn0vf6bv] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__chat-header strong[b-apcn0vf6bv] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__chat-header span[b-apcn0vf6bv] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__chat-header-button[b-apcn0vf6bv] {
        width: 24px;
        height: 24px;
    }

    .ticket-dialog__chat-panel[b-apcn0vf6bv] (.ticket-dialog__chat-body) {
        padding: 7px;
    }
}

@container (max-width: 360px) {
    .ticket-dialog__chat-header[b-apcn0vf6bv] {
        padding: 5px 6px;
        min-height: 40px;
    }

    .ticket-dialog__chat-header-main[b-apcn0vf6bv] {
        gap: 6px;
    }

    .ticket-dialog__chat-title-row[b-apcn0vf6bv] {
        gap: 5px;
    }

    .ticket-dialog__chat-title-row i[b-apcn0vf6bv] {
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__chat-header strong[b-apcn0vf6bv] {
        font-size: var(--font-size-xs);
        line-height: 1.05;
    }

    .ticket-dialog__chat-header-actions[b-apcn0vf6bv] {
        gap: 4px;
    }

    .ticket-dialog__chat-header-button[b-apcn0vf6bv] {
        width: 22px;
        height: 22px;
    }

    .ticket-dialog__chat-panel[b-apcn0vf6bv] (.ticket-dialog__chat-body) {
        padding: 6px;
    }
}

[data-theme="dark"] .ticket-dialog__chat-panel[b-apcn0vf6bv] {
    background: color-mix(in srgb, var(--color-surface) 92%, #14111b);
    border-left-color: color-mix(in srgb, var(--color-primary) 16%, var(--color-border));
}

[data-theme="dark"] .ticket-dialog__chat-header[b-apcn0vf6bv],
[data-theme="dark"] .ticket-dialog__chat-footer[b-apcn0vf6bv] {
    background: color-mix(in srgb, var(--color-surface-soft) 74%, rgba(24, 20, 33, 0.72));
    border-color: color-mix(in srgb, var(--color-primary) 14%, var(--color-border));
}

[data-theme="dark"] .ticket-dialog__chat-header-button[b-apcn0vf6bv] {
    background: color-mix(in srgb, var(--color-surface-muted) 82%, #18141f);
    color: var(--color-text-muted);
    border-color: color-mix(in srgb, var(--color-primary) 14%, var(--color-border));
}

[data-theme="dark"] .ticket-dialog__chat-rail[b-apcn0vf6bv] {
    background: color-mix(in srgb, var(--color-surface) 72%, rgba(24, 20, 33, 0.78));
}

@media (max-width: 900px) {
    .ticket-dialog__chat-header[b-apcn0vf6bv] {
        padding: 7px 10px;
    }

    .ticket-dialog__chat-header-button[b-apcn0vf6bv] {
        width: 28px;
        height: 28px;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogSummaryEditModal.razor.rz.scp.css */
.ticket-dialog__summary-edit-modal[b-v9e8hxybu5] {
    display: grid;
    gap: 10px;
}

.ticket-dialog__summary-edit-modal .ac__input[b-v9e8hxybu5],
.ticket-dialog__summary-edit-modal .dd__trigger[b-v9e8hxybu5],
.ticket-dialog__summary-edit-modal .input__control[b-v9e8hxybu5] {
    min-height: 42px;
}

.ticket-dialog__summary-edit-title[b-v9e8hxybu5] {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.ticket-dialog__summary-edit-host[b-v9e8hxybu5]  .modal__panel {
    width: min(420px, calc(100vw - 32px));
    border-radius: 18px;
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.16);
    overflow: visible;
}

.ticket-dialog__summary-edit-host[b-v9e8hxybu5]  .modal__header {
    padding: 4px 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 45%, transparent);
    min-height: 40px;
}

.ticket-dialog__summary-edit-host[b-v9e8hxybu5]  .modal__content {
    padding: 18px 18px 16px;
}

.ticket-dialog__summary-edit-host[b-v9e8hxybu5]  .modal__close {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));
    color: var(--color-primary);
}

.ticket-dialog__summary-edit-host[b-v9e8hxybu5]  .modal__close:hover {
    background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));
}

.ticket-dialog__summary-edit-hint[b-v9e8hxybu5] {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    line-height: 1.2;
}

.ticket-dialog__summary-edit-hint i[b-v9e8hxybu5] {
    color: var(--color-primary);
    font-size: var(--font-size-sm);
}

[data-theme="dark"] .ticket-dialog__summary-edit-host[b-v9e8hxybu5]  .modal__panel {
    background: color-mix(in srgb, var(--color-surface) 94%, #17131f);
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.42);
}

[data-theme="dark"] .ticket-dialog__summary-edit-host[b-v9e8hxybu5]  .modal__close {
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-soft));
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogTeamChatComposer.razor.rz.scp.css */
.ticket-dialog__team-chat-composer[b-ds82cxmhih] {
    position: relative;
    display: grid;
    gap: 10px;
    padding: 12px;
    border-top: 1px solid color-mix(in srgb, var(--color-primary) 10%, transparent);
    background: color-mix(in srgb, var(--color-surface) 92%, var(--color-primary) 8%);
}

.ticket-dialog__team-chat-composer.is-disabled[b-ds82cxmhih] {
    opacity: .75;
}

.ticket-dialog__team-chat-mentions[b-ds82cxmhih] {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: calc(100% - 8px);
    display: grid;
    gap: 6px;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);
    border-radius: 16px;
    background: var(--color-surface);
    box-shadow: var(--shadow-elevation);
    z-index: 3;
}

.ticket-dialog__team-chat-mention-item[b-ds82cxmhih] {
    display: grid;
    gap: 2px;
    justify-items: start;
    padding: 10px 12px;
    border: none;
    border-radius: 12px;
    background: color-mix(in srgb, var(--color-surface) 92%, var(--color-primary) 8%);
    color: var(--color-text);
    cursor: pointer;
    text-align: left;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.ticket-dialog__team-chat-mention-item:hover[b-ds82cxmhih],
.ticket-dialog__team-chat-mention-item:focus-visible[b-ds82cxmhih] {
    background: color-mix(in srgb, var(--color-primary) 22%, var(--color-surface) 78%);
    color: var(--color-text);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 28%, transparent);
    outline: none;
}

.ticket-dialog__team-chat-mention-item:active[b-ds82cxmhih] {
    background: color-mix(in srgb, var(--color-primary) 28%, var(--color-surface) 72%);
    transform: translateY(1px);
}

.ticket-dialog__team-chat-mention-item strong[b-ds82cxmhih] {
    color: inherit;
}

.ticket-dialog__team-chat-mention-item span[b-ds82cxmhih] {
    font-size: var(--font-size-sm);
    color: color-mix(in srgb, var(--color-text-soft) 88%, var(--color-text) 12%);
}

.ticket-dialog__team-chat-mention-item:hover span[b-ds82cxmhih],
.ticket-dialog__team-chat-mention-item:focus-visible span[b-ds82cxmhih],
.ticket-dialog__team-chat-mention-item:active span[b-ds82cxmhih] {
    color: color-mix(in srgb, var(--color-text-soft) 70%, var(--color-text) 30%);
}

.ticket-dialog__team-chat-media-preview[b-ds82cxmhih] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 14%, transparent);
    border-radius: 16px;
    background: var(--color-surface);
}

.ticket-dialog__team-chat-media-image[b-ds82cxmhih] {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 12px;
}

.ticket-dialog__team-chat-media-audio[b-ds82cxmhih] {
    flex: 1;
    min-width: 0;
}

.ticket-dialog__team-chat-media-document[b-ds82cxmhih] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ticket-dialog__team-chat-media-document span[b-ds82cxmhih] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-dialog__team-chat-media-clear[b-ds82cxmhih] {
    margin-left: auto;
    width: 34px;
    height: 34px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface) 85%, var(--color-primary) 15%);
    cursor: pointer;
}

.ticket-dialog__team-chat-input[b-ds82cxmhih] {
    width: 100%;
    min-height: 58px;
    resize: none;
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);
    border-radius: 18px;
    padding: 12px 14px;
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
}

.ticket-dialog__team-chat-actions[b-ds82cxmhih] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ticket-dialog__team-chat-tools[b-ds82cxmhih] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ticket-dialog__team-chat-composer[b-ds82cxmhih] (.ticket-dialog__team-chat-file-input) {
    display: none;
}

.ticket-dialog__team-chat-tool[b-ds82cxmhih],
.ticket-dialog__team-chat-send[b-ds82cxmhih] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);
    border-radius: 999px;
    background: var(--color-surface);
    color: var(--color-text-soft);
    cursor: pointer;
}

.ticket-dialog__team-chat-send[b-ds82cxmhih] {
    width: 48px;
    height: 48px;
    background: color-mix(in srgb, var(--color-primary) 88%, var(--color-surface) 12%);
    color: white;
}

.ticket-dialog__team-chat-send:disabled[b-ds82cxmhih],
.ticket-dialog__team-chat-tool:disabled[b-ds82cxmhih] {
    opacity: .45;
    cursor: not-allowed;
}

@container (max-width: 420px) {
    .ticket-dialog__team-chat-composer[b-ds82cxmhih] {
        padding: 10px;
        gap: 7px;
    }

    .ticket-dialog__team-chat-input[b-ds82cxmhih] {
        min-height: 50px;
        padding: 10px 12px;
        border-radius: 16px;
        font-size: var(--font-size-base);
    }

    .ticket-dialog__team-chat-actions[b-ds82cxmhih] {
        gap: 8px;
    }

    .ticket-dialog__team-chat-tools[b-ds82cxmhih] {
        gap: 6px;
    }

    .ticket-dialog__team-chat-tool[b-ds82cxmhih] {
        width: 32px;
        height: 32px;
    }

    .ticket-dialog__team-chat-send[b-ds82cxmhih] {
        width: 42px;
        height: 42px;
    }

    .ticket-dialog__team-chat-mention-item[b-ds82cxmhih] {
        padding: 8px 10px;
    }

    .ticket-dialog__team-chat-media-preview[b-ds82cxmhih] {
        gap: 10px;
        padding: 8px 10px;
        border-radius: 14px;
    }

    .ticket-dialog__team-chat-media-image[b-ds82cxmhih] {
        width: 52px;
        height: 52px;
    }
}

@container (max-width: 320px) {
    .ticket-dialog__team-chat-composer[b-ds82cxmhih] {
        padding: 8px;
        gap: 6px;
    }

    .ticket-dialog__team-chat-input[b-ds82cxmhih] {
        min-height: 46px;
        padding: 9px 11px;
        border-radius: 14px;
        font-size: var(--font-size-base);
    }

    .ticket-dialog__team-chat-tool[b-ds82cxmhih] {
        width: 30px;
        height: 30px;
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__team-chat-send[b-ds82cxmhih] {
        width: 38px;
        height: 38px;
    }

    .ticket-dialog__team-chat-actions[b-ds82cxmhih] {
        align-items: center;
    }

    .ticket-dialog__team-chat-tools[b-ds82cxmhih] {
        flex-wrap: wrap;
    }
}

@container (max-width: 260px) {
    .ticket-dialog__team-chat-composer[b-ds82cxmhih] {
        padding: 7px;
    }

    .ticket-dialog__team-chat-input[b-ds82cxmhih] {
        min-height: 42px;
        padding: 8px 10px;
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__team-chat-tool[b-ds82cxmhih] {
        width: 28px;
        height: 28px;
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__team-chat-send[b-ds82cxmhih] {
        width: 36px;
        height: 36px;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogTeamChatMessages.razor.rz.scp.css */
.ticket-dialog__team-chat-messages[b-zkw3uselv2] {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 16px 20px;
}

.ticket-dialog__team-chat-empty[b-zkw3uselv2] {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 28px 18px;
    border: 1px dashed color-mix(in srgb, var(--color-primary) 25%, transparent);
    border-radius: 20px;
    color: var(--color-text-soft);
    text-align: center;
}

.ticket-dialog__team-chat-empty i[b-zkw3uselv2] {
    font-size: var(--font-size-lg);
    color: var(--color-primary);
}

.ticket-dialog__team-chat-empty strong[b-zkw3uselv2] {
    color: var(--color-text);
}

.ticket-dialog__team-chat-message[b-zkw3uselv2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 88%;
}

.ticket-dialog__team-chat-message.is-own[b-zkw3uselv2] {
    align-self: flex-end;
}

.ticket-dialog__team-chat-message.is-ai[b-zkw3uselv2] {
    align-self: stretch;
}

.ticket-dialog__team-chat-message--flight[b-zkw3uselv2] {
    max-width: 100%;
}

.ticket-dialog__team-chat-message:has(.ticket-dialog__team-chat-delivery-status) .ticket-dialog__team-chat-bubble[b-zkw3uselv2] {
    position: relative;
}

.ticket-dialog__team-chat-message-header[b-zkw3uselv2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: var(--font-size-sm);
    color: var(--color-text-soft);
}

.ticket-dialog__team-chat-message-title[b-zkw3uselv2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.ticket-dialog__team-chat-message-header strong[b-zkw3uselv2] {
    font-size: var(--font-size-sm);
    color: var(--color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-dialog__team-chat-header-actions[b-zkw3uselv2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.ticket-dialog__team-chat-header-action[b-zkw3uselv2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--color-text-soft);
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.ticket-dialog__team-chat-header-action:hover[b-zkw3uselv2] {
    background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    color: var(--color-primary);
    transform: translateY(-1px);
}

.ticket-dialog__team-chat-header-action i[b-zkw3uselv2] {
    font-size: 0.8rem;
}

.ticket-dialog__team-chat-bubble[b-zkw3uselv2] {
    display: grid;
    gap: 10px;
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);
    border-radius: 20px;
    background: color-mix(in srgb, var(--color-surface) 86%, var(--color-primary) 14%);
}

.ticket-dialog__team-chat-message.is-own .ticket-dialog__team-chat-bubble[b-zkw3uselv2] {
    background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface) 86%);
}

.ticket-dialog__team-chat-message.is-ai .ticket-dialog__team-chat-bubble[b-zkw3uselv2] {
    background: color-mix(in srgb, var(--color-primary) 20%, var(--color-surface) 80%);
}

.ticket-dialog__team-chat-text[b-zkw3uselv2],
.ticket-dialog__team-chat-caption[b-zkw3uselv2] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.45;
}

.ticket-dialog__team-chat-image-button[b-zkw3uselv2] {
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.ticket-dialog__team-chat-image[b-zkw3uselv2] {
    display: block;
    width: min(100%, 320px);
    max-height: 280px;
    object-fit: cover;
    border-radius: 16px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 14%, transparent);
}

.ticket-dialog__team-chat-audio[b-zkw3uselv2] {
    width: min(100%, 360px);
}

.ticket-dialog__team-chat-document[b-zkw3uselv2] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--color-surface) 92%, var(--color-primary) 8%);
    border: 1px solid color-mix(in srgb, var(--color-primary) 14%, transparent);
}

.ticket-dialog__team-chat-document i[b-zkw3uselv2] {
    color: var(--color-primary);
}

.ticket-dialog__team-chat-document-content[b-zkw3uselv2] {
    min-width: 0;
    display: grid;
}

.ticket-dialog__team-chat-document-content strong[b-zkw3uselv2],
.ticket-dialog__team-chat-document-content span[b-zkw3uselv2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-dialog__team-chat-document-content span[b-zkw3uselv2] {
    font-size: var(--font-size-sm);
    color: var(--color-text-soft);
}

.ticket-dialog__team-chat-document-link[b-zkw3uselv2] {
    margin-left: auto;
    color: var(--color-primary);
    font-weight: 600;
    text-decoration: none;
}

.ticket-dialog__team-chat-carousel[b-zkw3uselv2] {
    display: grid;
    gap: 10px;
}

.ticket-dialog__team-chat-card[b-zkw3uselv2] {
    display: grid;
    gap: 10px;
    padding: 10px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--color-surface) 92%, var(--color-primary) 8%);
    border: 1px solid color-mix(in srgb, var(--color-primary) 14%, transparent);
}

.ticket-dialog__team-chat-card-image[b-zkw3uselv2] {
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
    border: 1px solid color-mix(in srgb, var(--color-primary) 12%, transparent);
}

.ticket-dialog__team-chat-card-content[b-zkw3uselv2] {
    display: grid;
    gap: 6px;
}

.ticket-dialog__team-chat-card-content strong[b-zkw3uselv2] {
    color: var(--color-text);
}

.ticket-dialog__team-chat-card-content span[b-zkw3uselv2] {
    color: var(--color-text-soft);
    line-height: 1.4;
}

.ticket-dialog__team-chat-card-meta[b-zkw3uselv2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: var(--font-size-sm);
}

.ticket-dialog__team-chat-card-price[b-zkw3uselv2] {
    font-weight: 700;
    color: var(--color-primary-dark, var(--color-primary));
}

.ticket-dialog__team-chat-action-chip[b-zkw3uselv2] {
    justify-self: flex-start;
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface) 94%, var(--color-primary) 6%);
    color: var(--color-text);
    font-weight: 600;
}

.ticket-dialog__team-chat-actions[b-zkw3uselv2] {
    display: flex;
    justify-content: flex-start;
    margin-top: 2px;
}

.ticket-dialog__team-chat-delivery-status[b-zkw3uselv2] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: var(--font-size-sm);
    color: var(--color-text-soft);
}

.ticket-dialog__team-chat-delivery-status.is-failed[b-zkw3uselv2] {
    color: var(--color-danger, #c0392b);
}

.ticket-dialog__team-chat-inline-action[b-zkw3uselv2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 16%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface) 94%, var(--color-primary) 6%);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.ticket-dialog__team-chat-inline-action i[b-zkw3uselv2] {
    font-size: 0.85rem;
    color: var(--color-text-soft);
}

.ticket-dialog__team-chat-inline-action:hover[b-zkw3uselv2] {
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
    border-color: color-mix(in srgb, var(--color-primary) 26%, transparent);
    transform: translateY(-1px);
}

.ticket-dialog__team-chat-inline-action:hover i[b-zkw3uselv2] {
    color: var(--color-primary);
}

@container (max-width: 480px) {
    .ticket-dialog__team-chat-messages[b-zkw3uselv2] {
        padding: 12px 12px 16px;
        gap: 10px;
    }

    .ticket-dialog__team-chat-message[b-zkw3uselv2] {
        max-width: 96%;
    }

    .ticket-dialog__team-chat-bubble[b-zkw3uselv2] {
        padding: 12px 13px;
        border-radius: 16px;
    }

    .ticket-dialog__team-chat-empty[b-zkw3uselv2] {
        gap: 6px;
        padding: 20px 14px;
        border-radius: 18px;
    }

    .ticket-dialog__team-chat-empty strong[b-zkw3uselv2] {
        font-size: var(--font-size-base);
        line-height: 1.2;
    }

    .ticket-dialog__team-chat-empty span[b-zkw3uselv2] {
        font-size: var(--font-size-base);
        line-height: 1.35;
    }
}

@container (max-width: 320px) {
    .ticket-dialog__team-chat-messages[b-zkw3uselv2] {
        padding: 10px 10px 14px;
        gap: 8px;
    }

    .ticket-dialog__team-chat-empty[b-zkw3uselv2] {
        padding: 16px 12px;
        border-radius: 16px;
    }

    .ticket-dialog__team-chat-empty i[b-zkw3uselv2] {
        font-size: var(--font-size-base);
    }

    .ticket-dialog__team-chat-empty strong[b-zkw3uselv2] {
        font-size: var(--font-size-base);
    }

    .ticket-dialog__team-chat-empty span[b-zkw3uselv2] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__team-chat-message-header[b-zkw3uselv2] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__team-chat-message-header strong[b-zkw3uselv2] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__team-chat-bubble[b-zkw3uselv2] {
        padding: 10px 11px;
        border-radius: 14px;
    }

    .ticket-dialog__team-chat-text[b-zkw3uselv2],
    .ticket-dialog__team-chat-caption[b-zkw3uselv2] {
        font-size: var(--font-size-base);
        line-height: 1.35;
    }
}

.ticket-dialog__team-chat-message--airline-comparison[b-zkw3uselv2] {
    width: auto;
    max-width: min(100%, 54rem);
    align-self: flex-start;
}

.ticket-dialog__interactive-message[b-zkw3uselv2] {
    margin-bottom: 8px;
    line-height: 1.38;
    font-size: var(--font-size-sm);
}

.ticket-dialog__carousel[b-zkw3uselv2] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
}

.ticket-dialog__carousel-card[b-zkw3uselv2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 0 0 min(260px, 72vw);
    padding: 10px;
    border: 0;
    border-radius: 12px;
    background: color-mix(in srgb, var(--color-surface) 94%, var(--color-surface-soft));
    scroll-snap-align: start;
}

.ticket-dialog__carousel-card strong[b-zkw3uselv2] {
    font-size: var(--font-size-sm);
}

.ticket-dialog__carousel-card p[b-zkw3uselv2] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.35;
    font-size: var(--font-size-sm);
}

.ticket-dialog__carousel-image-button[b-zkw3uselv2] {
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}

.ticket-dialog__carousel-image[b-zkw3uselv2] {
    width: 100%;
    height: 132px;
    object-fit: cover;
    border-radius: calc(var(--radius-base) - 4px);
    border: 1px solid var(--color-border);
    display: block;
}

.ticket-dialog__carousel-actions[b-zkw3uselv2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ticket-dialog__carousel[b-zkw3uselv2]::-webkit-scrollbar {
    height: 10px;
}

.ticket-dialog__carousel[b-zkw3uselv2]::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--color-primary) 26%, var(--color-border));
    border-radius: 999px;
}

.ticket-dialog__carousel[b-zkw3uselv2]::-webkit-scrollbar-track {
    background: transparent;
}

.ticket-dialog__carousel-button[b-zkw3uselv2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 10px;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    color: var(--color-primary);
    font-weight: var(--font-weight-medium);
    text-decoration: none;
    font-size: var(--font-size-sm);
}

.ticket-dialog__carousel-button--disabled[b-zkw3uselv2] {
    opacity: .7;
    cursor: default;
}

.ticket-dialog__flight-results[b-zkw3uselv2] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ticket-dialog__flight-result[b-zkw3uselv2] {
    display: block;
    padding: 11px 13px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--color-surface) 98%, var(--color-surface-soft));
    border: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
}

.ticket-dialog__flight-result-main[b-zkw3uselv2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ticket-dialog__flight-result-top[b-zkw3uselv2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.ticket-dialog__flight-result-brand[b-zkw3uselv2] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
}

.ticket-dialog__flight-result-brand-logo[b-zkw3uselv2] {
    position: relative;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: transparent;
    border: 0;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: none;
}

.ticket-dialog__flight-result-brand-code[b-zkw3uselv2] {
    position: absolute;
    inset: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-xs);
    line-height: 1;
    font-weight: var(--font-weight-bold);
    color: var(--color-text-muted);
    letter-spacing: 0.05em;
}

.ticket-dialog__flight-result-brand-logo img[b-zkw3uselv2] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: none;
    filter: drop-shadow(0 1px 1px rgba(15, 23, 42, 0.08));
}

.ticket-dialog__flight-result-title-group[b-zkw3uselv2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ticket-dialog__flight-result-title-row[b-zkw3uselv2] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.ticket-dialog__flight-result-title[b-zkw3uselv2] {
    font-size: var(--font-size-sm);
    line-height: 1.04;
}

.ticket-dialog__flight-result-route[b-zkw3uselv2] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: 1.2;
}

.ticket-dialog__flight-result-price[b-zkw3uselv2] {
    white-space: nowrap;
    color: var(--color-text);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
}

.ticket-dialog__flight-result-aside[b-zkw3uselv2] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.ticket-dialog__flight-result-legs[b-zkw3uselv2] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ticket-dialog__flight-leg[b-zkw3uselv2] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.ticket-dialog__flight-leg + .ticket-dialog__flight-leg[b-zkw3uselv2] {
    border-top: 1px solid color-mix(in srgb, var(--color-border) 78%, transparent);
    padding-top: 4px;
}

.ticket-dialog__flight-leg-title[b-zkw3uselv2] {
    font-size: var(--font-size-sm);
    line-height: 1.05;
    letter-spacing: -0.02em;
}

.ticket-dialog__flight-leg-summary[b-zkw3uselv2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    align-self: center;
}

.ticket-dialog__flight-leg-summary-top[b-zkw3uselv2] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.ticket-dialog__flight-leg-number[b-zkw3uselv2] {
    min-width: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticket-dialog__flight-leg-subtitle[b-zkw3uselv2] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: 1.08;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticket-dialog__flight-leg-badge[b-zkw3uselv2] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    min-height: 16px;
    padding: 2px 6px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    line-height: 1;
}

.ticket-dialog__flight-leg-journey[b-zkw3uselv2] {
    display: grid;
    grid-template-columns: max-content max-content minmax(74px, 96px) max-content max-content;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
}

.ticket-dialog__flight-leg-point[b-zkw3uselv2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ticket-dialog__flight-leg-point--arrival[b-zkw3uselv2] {
    text-align: right;
}

.ticket-dialog__flight-leg-point strong[b-zkw3uselv2] {
    font-size: var(--font-size-base);
    line-height: 1;
    letter-spacing: -0.02em;
}

.ticket-dialog__flight-leg-point span[b-zkw3uselv2] {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    line-height: 1.02;
}

.ticket-dialog__flight-leg-center[b-zkw3uselv2] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    text-align: center;
}

.ticket-dialog__flight-leg-center span[b-zkw3uselv2] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}

.ticket-dialog__flight-leg-center small[b-zkw3uselv2] {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}

.ticket-dialog__flight-leg-line[b-zkw3uselv2] {
    width: 100%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, color-mix(in srgb, #22c55e 20%, transparent) 0%, #22c55e 50%, color-mix(in srgb, #22c55e 20%, transparent) 100%);
}

.ticket-dialog__flight-leg-extras[b-zkw3uselv2] {
    min-width: 0;
    display: flex;
    justify-content: flex-end;
    justify-self: end;
}

.ticket-dialog__airline-matrix[b-zkw3uselv2] {
    display: grid;
    gap: 8px;
}

.ticket-dialog__airline-matrix-row[b-zkw3uselv2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 10px 12px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent);
}

.ticket-dialog__airline-matrix-row--best[b-zkw3uselv2] {
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
}

.ticket-dialog__airline-matrix-label[b-zkw3uselv2] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.ticket-dialog__airline-matrix-value[b-zkw3uselv2] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    white-space: nowrap;
}

.ticket-dialog__airline-matrix-value--empty[b-zkw3uselv2] {
    color: var(--color-text-muted);
    font-weight: var(--font-weight-medium);
}

.ticket-dialog__airline-comparison[b-zkw3uselv2] {
    --airline-columns: 3;
    --airline-label-width: clamp(9rem, 12vw, 10rem);
    --airline-column-min: clamp(8.5rem, 11vw, 10rem);
    width: 100%;
    max-width: min(100%, 54rem);
    overflow-x: auto;
    padding-bottom: 4px;
}

.ticket-dialog__airline-comparison-table[b-zkw3uselv2] {
    display: grid;
    width: 100%;
    min-width: calc(var(--airline-label-width) + (var(--airline-columns) * var(--airline-column-min)));
    grid-template-columns: var(--airline-label-width) repeat(var(--airline-columns), minmax(var(--airline-column-min), 1fr));
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 14px;
    overflow: hidden;
    background: var(--color-surface);
}

.ticket-dialog__airline-comparison-labels[b-zkw3uselv2],
.ticket-dialog__airline-comparison-column[b-zkw3uselv2] {
    display: grid;
    grid-template-rows: 88px repeat(3, minmax(44px, auto));
}

.ticket-dialog__airline-comparison-labels[b-zkw3uselv2] {
    min-width: 0;
    background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));
}

.ticket-dialog__airline-comparison-corner[b-zkw3uselv2],
.ticket-dialog__airline-comparison-label[b-zkw3uselv2],
.ticket-dialog__airline-comparison-header[b-zkw3uselv2],
.ticket-dialog__airline-comparison-cell[b-zkw3uselv2] {
    padding: 8px 9px;
    border-right: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
}

.ticket-dialog__airline-comparison-corner[b-zkw3uselv2] {
    display: flex;
    align-items: center;
    font-size: var(--font-size-sm);
    line-height: 1.15;
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    text-wrap: balance;
}

.ticket-dialog__airline-comparison-label[b-zkw3uselv2] {
    display: flex;
    align-items: center;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.ticket-dialog__airline-comparison-column:last-child .ticket-dialog__airline-comparison-header[b-zkw3uselv2],
.ticket-dialog__airline-comparison-column:last-child .ticket-dialog__airline-comparison-cell[b-zkw3uselv2] {
    border-right: 0;
}

.ticket-dialog__airline-comparison-header[b-zkw3uselv2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 78px;
    text-align: center;
}

.ticket-dialog__airline-comparison-brand[b-zkw3uselv2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.ticket-dialog__airline-comparison-brand .ticket-dialog__flight-result-brand-logo[b-zkw3uselv2] {
    width: 26px;
    height: 26px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.ticket-dialog__airline-comparison-brand .ticket-dialog__flight-result-brand-logo img[b-zkw3uselv2] {
    width: 100%;
    height: 100%;
    transform: none;
    object-fit: contain;
}

.ticket-dialog__airline-comparison-brand .ticket-dialog__flight-result-brand-code[b-zkw3uselv2] {
    position: static;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
    font-size: var(--font-size-xs);
}

.ticket-dialog__airline-comparison-airline[b-zkw3uselv2] {
    max-width: 100%;
    font-size: var(--font-size-xs);
    line-height: 1.08;
    color: var(--color-text);
}

.ticket-dialog__airline-comparison-button[b-zkw3uselv2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
    min-height: 22px;
    padding: 0 6px;
    border: 0;
    border-radius: 10px;
    background: var(--color-primary);
    color: var(--color-primary-contrast);
    text-decoration: none;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}

.ticket-dialog__airline-comparison-cell[b-zkw3uselv2] {
    display: grid;
    grid-template-rows: 14px auto;
    justify-items: center;
    align-content: center;
    gap: 4px;
    min-height: 50px;
}

.ticket-dialog__airline-comparison-cell--best[b-zkw3uselv2] {
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
    box-shadow: inset 0 2px 0 color-mix(in srgb, var(--color-primary) 45%, transparent);
}

.ticket-dialog__airline-comparison-best[b-zkw3uselv2] {
    display: inline-flex;
    align-items: center;
    min-height: 13px;
    max-width: calc(100% - 8px);
    padding: 0 4px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
    color: var(--color-primary);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.02em;
    line-height: 1;
    white-space: nowrap;
}

.ticket-dialog__airline-comparison-value[b-zkw3uselv2] {
    grid-row: 2;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    white-space: nowrap;
}

.ticket-dialog__airline-comparison-value--empty[b-zkw3uselv2] {
    position: relative;
    min-width: 42px;
    min-height: 12px;
    color: transparent;
    font-weight: var(--font-weight-medium);
}

.ticket-dialog__airline-comparison-value--empty[b-zkw3uselv2]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 1px;
    background: color-mix(in srgb, var(--color-text-muted) 45%, transparent);
    transform: translate(-50%, -50%);
}

.ticket-dialog__flight-result-details[b-zkw3uselv2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ticket-dialog__flight-result-pill[b-zkw3uselv2] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.ticket-dialog__flight-result-actions[b-zkw3uselv2] {
    display: flex;
    align-items: center;
}

.ticket-dialog__flight-result-button[b-zkw3uselv2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 98px;
    min-height: 30px;
    padding: 0 10px;
    border: 0;
    border-radius: 10px;
    background: var(--color-primary);
    color: var(--color-primary-contrast);
    text-decoration: none;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}

.ticket-dialog__flight-result-button--disabled[b-zkw3uselv2] {
    opacity: .7;
    cursor: default;
}

@container (max-width: 860px) {
    .ticket-dialog__airline-matrix-row[b-zkw3uselv2] {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .ticket-dialog__airline-comparison[b-zkw3uselv2] {
        --airline-label-width: 8.2rem;
        --airline-column-min: 8.1rem;
    }

    .ticket-dialog__airline-comparison-labels[b-zkw3uselv2],
    .ticket-dialog__airline-comparison-column[b-zkw3uselv2] {
        grid-template-rows: 74px repeat(3, minmax(40px, auto));
    }

    .ticket-dialog__airline-comparison-button[b-zkw3uselv2] {
        min-height: 22px;
        padding: 0 6px;
        font-size: var(--font-size-xs);
    }

    .ticket-dialog__airline-comparison-best[b-zkw3uselv2] {
        display: none;
    }

    .ticket-dialog__flight-leg-journey[b-zkw3uselv2] {
        grid-template-columns: minmax(72px, auto) minmax(96px, 1fr) minmax(72px, auto);
        grid-template-areas:
            "summary summary summary"
            "departure center arrival"
            "extras extras extras";
        gap: 8px;
    }

    .ticket-dialog__flight-leg-summary[b-zkw3uselv2] { grid-area: summary; }
    .ticket-dialog__flight-leg-point[b-zkw3uselv2] { grid-area: departure; }
    .ticket-dialog__flight-leg-point--arrival[b-zkw3uselv2] { grid-area: arrival; }
    .ticket-dialog__flight-leg-center[b-zkw3uselv2] { grid-area: center; }
    .ticket-dialog__flight-leg-extras[b-zkw3uselv2] { grid-area: extras; justify-content: flex-start; }

    .ticket-dialog__flight-result[b-zkw3uselv2] {
        padding: 10px 11px;
    }

    .ticket-dialog__flight-result-top[b-zkw3uselv2] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-dialog__flight-result-brand[b-zkw3uselv2] {
        width: 100%;
    }

    .ticket-dialog__flight-result-aside[b-zkw3uselv2] {
        width: 100%;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }

    .ticket-dialog__flight-result-actions[b-zkw3uselv2] {
        margin-left: auto;
    }

    .ticket-dialog__flight-result-button[b-zkw3uselv2],
    .ticket-dialog__flight-result-button--disabled[b-zkw3uselv2] {
        min-width: 0;
        max-width: 100%;
        padding: 0 8px;
    }
}

@media (max-width: 720px) {
    .ticket-dialog__flight-result-top[b-zkw3uselv2] {
        flex-direction: column;
    }

    .ticket-dialog__flight-result-aside[b-zkw3uselv2] {
        width: 100%;
        justify-content: space-between;
    }

    .ticket-dialog__flight-leg-journey[b-zkw3uselv2] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .ticket-dialog__flight-leg-summary[b-zkw3uselv2],
    .ticket-dialog__flight-leg-extras[b-zkw3uselv2] {
        align-self: flex-start;
    }

    .ticket-dialog__flight-leg-point[b-zkw3uselv2],
    .ticket-dialog__flight-leg-point--arrival[b-zkw3uselv2] {
        text-align: left;
    }

    .ticket-dialog__flight-leg-center[b-zkw3uselv2] {
        align-items: flex-start;
        text-align: left;
    }

    .ticket-dialog__flight-leg-extras[b-zkw3uselv2] {
        justify-content: flex-start;
    }
}

@container (max-width: 520px) {
    .ticket-dialog__team-chat-bubble[b-zkw3uselv2] {
        overflow: hidden;
    }

    .ticket-dialog__flight-result-brand[b-zkw3uselv2] {
        align-items: flex-start;
    }

    .ticket-dialog__flight-result-brand-logo[b-zkw3uselv2] {
        width: 28px;
        height: 28px;
    }

    .ticket-dialog__flight-result-title-row[b-zkw3uselv2] {
        gap: 4px;
    }

    .ticket-dialog__flight-result-title[b-zkw3uselv2] {
        font-size: var(--font-size-sm);
        line-height: 1.15;
    }

    .ticket-dialog__flight-result-route[b-zkw3uselv2] {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .ticket-dialog__flight-result-price[b-zkw3uselv2] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__flight-result-aside[b-zkw3uselv2] {
        flex-direction: column;
        align-items: stretch;
    }

    .ticket-dialog__flight-result-actions[b-zkw3uselv2] {
        width: 100%;
        margin-left: 0;
    }

    .ticket-dialog__flight-result-button[b-zkw3uselv2],
    .ticket-dialog__flight-result-button--disabled[b-zkw3uselv2] {
        width: 100%;
        justify-content: center;
    }

    .ticket-dialog__airline-matrix-row[b-zkw3uselv2] {
        padding: 9px 10px;
        gap: 6px;
    }

    .ticket-dialog__airline-matrix-label[b-zkw3uselv2],
    .ticket-dialog__airline-matrix-value[b-zkw3uselv2] {
        font-size: var(--font-size-sm);
    }

    .ticket-dialog__flight-leg-journey[b-zkw3uselv2] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "summary"
            "departure"
            "center"
            "arrival"
            "extras";
        gap: 6px;
    }

    .ticket-dialog__flight-leg-point[b-zkw3uselv2],
    .ticket-dialog__flight-leg-point--arrival[b-zkw3uselv2],
    .ticket-dialog__flight-leg-center[b-zkw3uselv2] {
        text-align: left;
        align-items: flex-start;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogWorkspace.razor.rz.scp.css */
.ticket-dialog-workspace[b-hky6m8tm1l] {
    --ticket-dialog-left-min: 280px;
    --ticket-dialog-right-min: 280px;
    --ticket-dialog-extra-right-min: 0px;
    --ticket-dialog-left-splitter-size: 12px;
    --ticket-dialog-right-splitter-size: 12px;
    --ticket-dialog-extra-right-width: 0px;
    display: grid;
    grid-template-columns:
        minmax(var(--ticket-dialog-left-min), var(--ticket-dialog-left-width, 25%))
        var(--ticket-dialog-left-splitter-size)
        minmax(320px, 1fr)
        var(--ticket-dialog-right-splitter-size)
        minmax(var(--ticket-dialog-right-min), var(--ticket-dialog-right-width, 25%))
        minmax(var(--ticket-dialog-extra-right-min), var(--ticket-dialog-extra-right-width, 0px));
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: inherit;
    container-type: inline-size;
}

.ticket-dialog-workspace.is-resizing[b-hky6m8tm1l] {
    cursor: col-resize;
    user-select: none;
}

.ticket-dialog-workspace.is-right-collapsed[b-hky6m8tm1l] {
    --ticket-dialog-right-min: 48px;
    --ticket-dialog-right-width: 48px;
    --ticket-dialog-right-splitter-size: 0px;
}

.ticket-dialog-workspace.is-right-collapsed > :last-child[b-hky6m8tm1l] {
    min-width: 48px;
    width: 48px;
    max-width: 48px;
    overflow: hidden;
}

.ticket-dialog-workspace .ticket-dialog-pane--collapsed[b-hky6m8tm1l] {
    min-width: 48px;
    width: 48px;
    max-width: 48px;
    min-height: 0;
    height: 100%;
    background: color-mix(in srgb, var(--color-surface) 70%, transparent);
    border-left: 1px solid color-mix(in srgb, var(--color-primary) 8%, var(--color-border));
    overflow: hidden;
}

.ticket-dialog-workspace .ticket-dialog-pane--collapsed-left[b-hky6m8tm1l] {
    border-left: none;
    border-right: 1px solid color-mix(in srgb, var(--color-primary) 8%, var(--color-border));
}

.ticket-dialog-workspace .ticket-dialog-pane--collapsed > *[b-hky6m8tm1l] {
    flex: 1 1 auto;
}

.ticket-dialog-workspace__focus[b-hky6m8tm1l] {
    min-height: 0;
    overflow: hidden;
}

.ticket-dialog-workspace__splitter[b-hky6m8tm1l] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: col-resize;
    min-height: 0;
}

.ticket-dialog-workspace__splitter-handle[b-hky6m8tm1l] {
    width: 4px;
    height: 84px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 48%, transparent);
}

.ticket-dialog-workspace.is-right-collapsed .ticket-dialog-workspace__splitter--right[b-hky6m8tm1l] {
    display: none;
}

.ticket-dialog-workspace.is-left-collapsed[b-hky6m8tm1l] {
    --ticket-dialog-left-min: 48px;
    --ticket-dialog-left-width: 48px;
    --ticket-dialog-left-splitter-size: 0px;
}

.ticket-dialog-workspace.is-left-collapsed .ticket-dialog-workspace__splitter--left[b-hky6m8tm1l] {
    display: none;
}

.ticket-dialog-workspace.has-extra-right.is-right-collapsed[b-hky6m8tm1l] {
    --ticket-dialog-right-splitter-size: 12px;
}

.ticket-dialog-workspace.has-extra-right.is-right-collapsed .ticket-dialog-workspace__splitter--right[b-hky6m8tm1l] {
    display: flex;
}

.ticket-dialog-workspace.has-extra-right[b-hky6m8tm1l] {
    --ticket-dialog-extra-right-min: 280px;
}

@media (max-width: 1024px) {
    .ticket-dialog-workspace[b-hky6m8tm1l],
    .ticket-dialog-workspace.is-right-collapsed[b-hky6m8tm1l] {
        display: flex;
        flex-direction: column;
        gap: 0;
        overflow: auto;
        container-type: normal;
    }

    .ticket-dialog-workspace__splitter[b-hky6m8tm1l] {
        display: none;
    }

    .ticket-dialog-workspace__focus[b-hky6m8tm1l] {
        min-height: auto;
    }
}
/* /Features/Tickets/Components/Dialogs/TicketDialog/TicketDialogWorkspaceHeader.razor.rz.scp.css */
.ticket-dialog__workspace-header[b-pdumkfa5bu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
    padding: 10px 14px 8px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);
    background: color-mix(in srgb, var(--color-surface) 84%, rgba(255, 255, 255, 0.16));
}

.ticket-dialog__workspace-header-actions[b-pdumkfa5bu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.ticket-dialog__workspace-header-button[b-pdumkfa5bu] {
    width: 34px;
    height: 34px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
    border-radius: 10px;
    background: color-mix(in srgb, var(--color-surface) 92%, white 8%);
    color: var(--color-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ticket-dialog__workspace-header-button:hover:not(:disabled)[b-pdumkfa5bu] {
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
}

.ticket-dialog__workspace-header-button:disabled[b-pdumkfa5bu] {
    opacity: 0.45;
    cursor: not-allowed;
}

@container (max-width: 760px) {
    .ticket-dialog__workspace-header[b-pdumkfa5bu] {
        padding: 8px 10px 6px;
        gap: 8px;
    }

    .ticket-dialog__workspace-header-actions[b-pdumkfa5bu] {
        gap: 4px;
    }

    .ticket-dialog__workspace-header-button[b-pdumkfa5bu] {
        width: 30px;
        height: 30px;
        border-radius: 9px;
    }
}
/* /Features/Tickets/Components/RelatedTickets/RelatedTickets.razor.rz.scp.css */
.related-tickets[b-ed52vohxt3] {
    width: 100%;
}

.related-tickets__filter-sidebar[b-ed52vohxt3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.related-tickets__filter-section[b-ed52vohxt3] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.related-tickets__filter-section h4[b-ed52vohxt3] {
    margin: 0;
    font-size: var(--font-size-md);
}

.related-tickets__filter-header[b-ed52vohxt3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.related-tickets__locked-badge[b-ed52vohxt3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
    color: var(--color-primary);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}

.related-tickets__locked-scope[b-ed52vohxt3] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    color: var(--color-text);
    font-size: var(--font-size-sm);
}

.related-tickets__filter-grid[b-ed52vohxt3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.related-tickets__filter-field[b-ed52vohxt3] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.related-tickets__field-label[b-ed52vohxt3] {
    font-size: var(--font-size-sm);
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
}

.related-tickets__action-pill[b-ed52vohxt3] {
    min-width: 44px;
}

@media (max-width: 900px) {
    .related-tickets__filter-grid[b-ed52vohxt3] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Tickets/Components/TicketWorkbench/TicketWorkbench.razor.rz.scp.css */
.ticket-workbench[b-ik0fpa9avn] { display: flex; flex-direction: column; gap: var(--gap-md); }
.ticket-workbench__toolbar[b-ik0fpa9avn] { display: flex; justify-content: space-between; align-items: center; gap: var(--gap-md); }
.ticket-workbench__toolbar-left[b-ik0fpa9avn] { display: flex; align-items: center; gap: var(--gap-sm); flex-wrap: wrap; }
.ticket-workbench__toolbar-actions[b-ik0fpa9avn] { display: flex; align-items: center; gap: var(--gap-sm); flex-wrap: wrap; justify-content: flex-end; }
.ticket-workbench__view-toggle[b-ik0fpa9avn] { display: flex; gap: var(--gap-sm); }
.ticket-workbench__board-content-toggle[b-ik0fpa9avn] { display: flex; gap: var(--gap-sm); flex-wrap: wrap; }
.ticket-workbench__board-scroll-actions[b-ik0fpa9avn] { display: flex; gap: 8px; }
.ticket-workbench__toolbar-separator[b-ik0fpa9avn] { width: 1px; align-self: stretch; background: var(--color-border); min-height: 34px; }
.ticket-workbench__compact-action[b-ik0fpa9avn] {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 999px;
}
.ticket-workbench__filter-summary[b-ik0fpa9avn] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: nowrap;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 20%, var(--color-border));
    border-radius: var(--radius-lg);
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}
.ticket-workbench__filter-summary-icon[b-ik0fpa9avn] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));
    color: var(--color-primary);
    flex: 0 0 30px;
}
.ticket-workbench__filter-summary-content[b-ik0fpa9avn] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ticket-workbench__filter-summary-row[b-ik0fpa9avn] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.ticket-workbench__filter-summary-label[b-ik0fpa9avn] {
    min-width: 120px;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--color-text-muted);
    white-space: nowrap;
}
.ticket-workbench__filter-summary-value[b-ik0fpa9avn] {
    min-width: 0;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ticket-workbench__filter-tags[b-ik0fpa9avn] {
    min-width: 0;
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.ticket-workbench__filter-tag[b-ik0fpa9avn] {
    min-width: 0;
    max-width: 100%;
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    gap: 4px;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
    color: var(--color-text);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ticket-workbench__filter-tag-label[b-ik0fpa9avn] {
    flex: 0 0 auto;
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
}
.ticket-workbench__filter-tag-value[b-ik0fpa9avn] {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ticket-workbench__filter-tag--overflow[b-ik0fpa9avn] {
    background: var(--color-surface);
    color: var(--color-text-muted);
}
.ticket-workbench__pagination[b-ik0fpa9avn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-md);
    flex-wrap: wrap;
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-soft) 100%);
    box-shadow: var(--shadow-elevation);
}
.ticket-workbench__pagination-group[b-ik0fpa9avn] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ticket-workbench__pagination-label[b-ik0fpa9avn] { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.ticket-workbench__page-size[b-ik0fpa9avn] { min-width: 155px; }
.ticket-workbench__pagination-status[b-ik0fpa9avn],
.ticket-workbench__pagination-page[b-ik0fpa9avn] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}
.ticket-workbench__pagination-page[b-ik0fpa9avn] {
    padding: 6px 12px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface);
    white-space: nowrap;
}
.ticket-workbench__pagination-nav[b-ik0fpa9avn] { display: flex; align-items: center; gap: var(--gap-sm); flex-wrap: wrap; }
.ticket-workbench__pagination-nav[b-ik0fpa9avn] (.btn) { width: 32px; height: 32px; padding: 0; border-radius: 999px; }
.ticket-workbench__filter-button[b-ik0fpa9avn] {
    border-radius: 999px;
    white-space: nowrap;
}
.ticket-workbench__filter-badge[b-ik0fpa9avn] {
    min-width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 16%, var(--color-surface));
    color: var(--color-primary);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    line-height: 1;
}
.ticket-workbench__loading[b-ik0fpa9avn] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    padding: 14px;
}
.ticket-workbench__loading-table[b-ik0fpa9avn] { display: flex; flex-direction: column; gap: 12px; }
.ticket-workbench__loading-header[b-ik0fpa9avn],
.ticket-workbench__loading-row[b-ik0fpa9avn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 12px;
    align-items: center;
}
.ticket-workbench__loading-actions[b-ik0fpa9avn] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
.ticket-workbench__empty[b-ik0fpa9avn] { border: 1px dashed var(--color-border); border-radius: var(--radius-base); padding: 24px; color: var(--color-text-muted); text-align: center; }
.ticket-workbench__list-wrap[b-ik0fpa9avn] {
    overflow-x: auto;
    overflow-y: visible;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
}
.ticket-workbench__list[b-ik0fpa9avn] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}
.ticket-workbench__list th[b-ik0fpa9avn],
.ticket-workbench__list td[b-ik0fpa9avn] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--color-border);
    text-align: left;
    font-size: var(--font-size-sm);
    vertical-align: top;
    min-width: 0;
    overflow-wrap: anywhere;
}
.ticket-workbench__list th[b-ik0fpa9avn] {
    background: var(--color-surface-soft);
    font-size: var(--font-size-sm);
    white-space: nowrap;
}
.ticket-workbench__list-row[b-ik0fpa9avn] {
    cursor: pointer;
    transition: background-color var(--transition-fast);
}
.ticket-workbench__list-row:hover[b-ik0fpa9avn] {
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}
.ticket-workbench__list-row:focus-visible[b-ik0fpa9avn] {
    outline: none;
    box-shadow: inset 0 0 0 2px var(--color-primary);
}
.ticket-workbench__col[b-ik0fpa9avn] {
    min-width: 120px;
    width: auto;
}
.ticket-workbench__col--code[b-ik0fpa9avn] {
    min-width: 92px;
    width: 8%;
}
.ticket-workbench__col--subject[b-ik0fpa9avn] {
    min-width: 240px;
    width: 28%;
}
.ticket-workbench__col--status[b-ik0fpa9avn] {
    min-width: 110px;
    width: 10%;
}
.ticket-workbench__col--channel[b-ik0fpa9avn],
.ticket-workbench__col--contact[b-ik0fpa9avn],
.ticket-workbench__col--customer[b-ik0fpa9avn],
.ticket-workbench__col--team[b-ik0fpa9avn],
.ticket-workbench__col--agent[b-ik0fpa9avn] {
    min-width: 145px;
    width: 14%;
}
.ticket-workbench__col--date[b-ik0fpa9avn] {
    min-width: 148px;
    width: 14%;
}
.ticket-workbench__col--actions[b-ik0fpa9avn] {
    min-width: 94px;
    width: 94px;
    white-space: nowrap;
}
.ticket-workbench__status-pill[b-ik0fpa9avn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    line-height: 1.1;
    white-space: nowrap;
}
.ticket-workbench__status-pill--open[b-ik0fpa9avn] {
    background: color-mix(in srgb, #2563eb 16%, var(--color-surface));
    border-color: color-mix(in srgb, #2563eb 34%, var(--color-border));
    color: color-mix(in srgb, #1d4ed8 78%, var(--color-text));
}
.ticket-workbench__status-pill--in-progress[b-ik0fpa9avn] {
    background: color-mix(in srgb, #0f766e 16%, var(--color-surface));
    border-color: color-mix(in srgb, #0f766e 34%, var(--color-border));
    color: color-mix(in srgb, #0f766e 80%, var(--color-text));
}
.ticket-workbench__status-pill--pending[b-ik0fpa9avn] {
    background: color-mix(in srgb, #d97706 18%, var(--color-surface));
    border-color: color-mix(in srgb, #d97706 36%, var(--color-border));
    color: color-mix(in srgb, #b45309 82%, var(--color-text));
}
.ticket-workbench__status-pill--resolved[b-ik0fpa9avn] {
    background: color-mix(in srgb, #16a34a 18%, var(--color-surface));
    border-color: color-mix(in srgb, #16a34a 38%, var(--color-border));
    color: color-mix(in srgb, #15803d 82%, var(--color-text));
}
.ticket-workbench__status-pill--closed[b-ik0fpa9avn] {
    background: color-mix(in srgb, #6b7280 18%, var(--color-surface));
    border-color: color-mix(in srgb, #6b7280 36%, var(--color-border));
    color: color-mix(in srgb, #4b5563 82%, var(--color-text));
}
.ticket-workbench__status-pill--neutral[b-ik0fpa9avn] {
    background: color-mix(in srgb, var(--color-text-muted) 12%, var(--color-surface));
    border-color: var(--color-border);
    color: var(--color-text);
}
.ticket-workbench__actions[b-ik0fpa9avn] { display: flex; gap: 6px; }
.ticket-workbench__kanban[b-ik0fpa9avn] {
    display: flex;
    gap: var(--gap-md);
    overflow-x: auto;
    overflow-y: hidden;
    align-items: stretch;
    padding-bottom: 6px;
}
.ticket-workbench__kanban-column[b-ik0fpa9avn] {
    flex: 0 0 320px;
    width: 320px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface-2);
    min-height: 280px;
}
.ticket-workbench__kanban-column > header[b-ik0fpa9avn] { padding: 10px 12px; border-bottom: 1px solid var(--color-border); display: flex; justify-content: space-between; align-items: center; }
.ticket-workbench__kanban-column > header h4[b-ik0fpa9avn] { margin: 0; font-size: var(--font-size-base); }
.ticket-workbench__kanban-column > header span[b-ik0fpa9avn] { font-size: var(--font-size-xs); color: var(--color-text-muted); min-width: 24px; text-align: right; }
.ticket-workbench__kanban-cards[b-ik0fpa9avn] { display: flex; flex-direction: column; gap: 8px; padding: 8px; }
.ticket-workbench__card[b-ik0fpa9avn] { border: 1px solid var(--color-border); border-radius: var(--radius-base); background: var(--color-surface); padding: 8px; display: flex; flex-direction: column; gap: 6px; }
.ticket-workbench__card--task[b-ik0fpa9avn] { border-color: color-mix(in srgb, var(--color-primary) 18%, var(--color-border)); }
.ticket-workbench__card--clickable[b-ik0fpa9avn] { cursor: pointer; transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast); }
.ticket-workbench__card--clickable:hover[b-ik0fpa9avn] { border-color: color-mix(in srgb, var(--color-primary) 26%, var(--color-border)); box-shadow: var(--shadow-elevation); transform: translateY(-1px); }
.ticket-workbench__card--clickable:focus-visible[b-ik0fpa9avn] { outline: none; border-color: var(--color-primary); box-shadow: var(--shadow-elevation), var(--focus-ring); }
.ticket-workbench__card-header[b-ik0fpa9avn] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ticket-workbench__card-number[b-ik0fpa9avn] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.ticket-workbench__card-number span[b-ik0fpa9avn] { font-size: 10px; color: var(--color-text-muted); line-height: 1.1; text-transform: uppercase; letter-spacing: .04em; }
.ticket-workbench__card-number strong[b-ik0fpa9avn] { font-size: 0.9rem; font-weight: var(--font-weight-semibold); line-height: 1.15; color: var(--color-text); }
.ticket-workbench__task-title[b-ik0fpa9avn] { font-size: 0.95rem; font-weight: var(--font-weight-semibold); line-height: 1.2; color: var(--color-text); }
.ticket-workbench__card-fields[b-ik0fpa9avn] { display: flex; flex-direction: column; gap: 6px; align-items: stretch; }
.ticket-workbench__card-line[b-ik0fpa9avn] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.ticket-workbench__card-line.is-emphasis strong[b-ik0fpa9avn] { font-size: 0.98rem; line-height: 1.2; }
.ticket-workbench__card-line span[b-ik0fpa9avn] { font-size: 10px; color: var(--color-text-muted); line-height: 1.1; }
.ticket-workbench__card-line strong[b-ik0fpa9avn] { font-size: 0.88rem; font-weight: var(--font-weight-semibold); line-height: 1.15; word-break: break-word; }
.ticket-workbench__kanban-empty[b-ik0fpa9avn] { margin: 0; color: var(--color-text-muted); font-size: var(--font-size-sm); }
.ticket-workbench__config-help[b-ik0fpa9avn] { margin: 0 0 8px 0; color: var(--color-text-muted); }
.ticket-workbench__config-help-emphasis[b-ik0fpa9avn] { color: var(--color-danger); font-weight: var(--font-weight-semibold); }
.ticket-workbench__config-list[b-ik0fpa9avn] { display: flex; flex-direction: column; gap: 8px; }
.ticket-workbench__config-item[b-ik0fpa9avn] { border: 1px solid var(--color-border); border-radius: var(--radius-base); padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; cursor: move; background: var(--color-surface); }
.ticket-workbench__config-item label[b-ik0fpa9avn] { display: flex; align-items: center; gap: 8px; }
.ticket-workbench__config-item i[b-ik0fpa9avn] { color: var(--color-text-muted); }
.ticket-workbench__filter-button .btn__icon[b-ik0fpa9avn] { font-size: .95rem; }

@media (max-width: 900px) {
    .ticket-workbench__toolbar[b-ik0fpa9avn] { flex-direction: column; align-items: stretch; }
    .ticket-workbench__toolbar-actions[b-ik0fpa9avn] { justify-content: space-between; }
    .ticket-workbench__pagination[b-ik0fpa9avn] { align-items: stretch; }
    .ticket-workbench__pagination-group[b-ik0fpa9avn],
    .ticket-workbench__pagination-nav[b-ik0fpa9avn] { justify-content: space-between; }
    .ticket-workbench__filter-summary[b-ik0fpa9avn] {
        flex-wrap: wrap;
    }
    .ticket-workbench__filter-summary-icon[b-ik0fpa9avn] {
        flex-basis: 30px;
    }
    .ticket-workbench__filter-summary-value[b-ik0fpa9avn] {
        white-space: normal;
        word-break: break-word;
    }
}

@media (max-width: 640px) {
    .ticket-workbench__filter-summary[b-ik0fpa9avn] {
        overflow: hidden;
    }
    .ticket-workbench__filter-summary-row[b-ik0fpa9avn] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
    .ticket-workbench__filter-summary-label[b-ik0fpa9avn] {
        min-width: 0;
    }
    .ticket-workbench__filter-tags[b-ik0fpa9avn] {
        align-items: stretch;
    }
    .ticket-workbench__filter-tag[b-ik0fpa9avn] {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    .ticket-workbench__view-toggle[b-ik0fpa9avn],
    .ticket-workbench__toolbar-actions[b-ik0fpa9avn],
    .ticket-workbench__board-content-toggle[b-ik0fpa9avn],
    .ticket-workbench__toolbar-left[b-ik0fpa9avn] {
        width: 100%;
    }

    .ticket-workbench__toolbar-actions[b-ik0fpa9avn] (.btn),
    .ticket-workbench__view-toggle[b-ik0fpa9avn] (.btn),
    .ticket-workbench__board-content-toggle[b-ik0fpa9avn] (.btn),
    .ticket-workbench__toolbar-left[b-ik0fpa9avn] (.btn),
    .ticket-workbench__filter-button[b-ik0fpa9avn],
    .ticket-workbench__page-size[b-ik0fpa9avn] {
        width: 100%;
        max-width: none;
    }

    .ticket-workbench__compact-action[b-ik0fpa9avn] {
        width: 100%;
        border-radius: var(--radius-base);
    }

    .ticket-workbench__toolbar-separator[b-ik0fpa9avn] {
        display: none;
    }

    .ticket-workbench__loading-header[b-ik0fpa9avn],
    .ticket-workbench__loading-row[b-ik0fpa9avn] {
        grid-template-columns: 1fr;
    }

    .ticket-workbench__list[b-ik0fpa9avn] {
        min-width: unset;
        width: 100%;
    }

    .ticket-workbench__list thead[b-ik0fpa9avn] {
        display: none;
    }

    .ticket-workbench__list[b-ik0fpa9avn],
    .ticket-workbench__list tbody[b-ik0fpa9avn],
    .ticket-workbench__list tr[b-ik0fpa9avn],
    .ticket-workbench__list td[b-ik0fpa9avn] {
        display: block;
        width: 100%;
    }

    .ticket-workbench__list tbody tr[b-ik0fpa9avn] {
        padding: 10px;
        border-bottom: 1px solid var(--color-border);
        background: var(--color-surface);
    }

    .ticket-workbench__list td[b-ik0fpa9avn] {
        border-bottom: none;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 12px;
        padding: 8px 0;
    }

    .ticket-workbench__list td[b-ik0fpa9avn]::before {
        content: attr(data-label);
        color: var(--color-text-muted);
        font-size: var(--font-size-xs);
        font-weight: var(--font-weight-semibold);
        text-transform: uppercase;
        letter-spacing: .04em;
        flex: 0 0 92px;
    }

    .ticket-workbench__actions[b-ik0fpa9avn] {
        width: 100%;
        justify-content: flex-end;
    }

    .ticket-workbench__pagination-status[b-ik0fpa9avn] {
        order: -1;
    }

    .ticket-workbench__pagination-page[b-ik0fpa9avn] {
        flex: 1 1 100%;
        text-align: center;
    }
}
/* /Features/Tickets/Pages/MyTickets.razor.rz.scp.css */
.tickets-page[b-ujp05vbtqs] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
}

.my-tickets__hero[b-ujp05vbtqs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--gap-lg);
    align-items: center;
    padding: 24px 28px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background:
        radial-gradient(circle at top right, var(--color-hero-glow), transparent 34%),
        linear-gradient(135deg, color-mix(in srgb, var(--color-surface) 90%, var(--color-surface-soft) 10%), var(--color-surface-soft));
    box-shadow: var(--shadow-elevation);
}

.my-tickets__hero-copy[b-ujp05vbtqs] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
}

.my-tickets__hero-kicker[b-ujp05vbtqs] {
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary);
}

.my-tickets__hero-copy h2[b-ujp05vbtqs] {
    margin: 0;
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    line-height: 1.2;
}

.my-tickets__hero-copy p[b-ujp05vbtqs] {
    margin: 0;
    color: var(--color-text-muted);
    max-width: 56rem;
}

.my-tickets__hero-action[b-ujp05vbtqs] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 999px;
    padding: 12px 18px;
    background: linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 72%, var(--color-surface-soft)));
    color: white;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    box-shadow: var(--shadow-elevation);
}

.my-tickets__hero-action:hover[b-ujp05vbtqs] {
    filter: brightness(1.03);
}

@media (max-width: 900px) {
    .my-tickets__hero[b-ujp05vbtqs] {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .my-tickets__hero-action[b-ujp05vbtqs] {
        width: 100%;
        justify-content: center;
    }
}
/* /Features/Tickets/Pages/Tickets.razor.rz.scp.css */
.tickets-page[b-kfg8z73ri7] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
}

.tickets-page__filter-sidebar[b-kfg8z73ri7] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
}

.tickets-page__filter-section[b-kfg8z73ri7] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.tickets-page__filter-section h4[b-kfg8z73ri7] {
    margin: 0;
    font-size: var(--font-size-base);
}

.tickets-page__filter-header[b-kfg8z73ri7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-md);
}

.tickets-page__filter-grid[b-kfg8z73ri7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-md);
}

.tickets-page__filter-field[b-kfg8z73ri7] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.tickets-page__field-label[b-kfg8z73ri7] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.tickets-page__unsaved-badge[b-kfg8z73ri7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-warning) 12%, white);
    color: var(--color-warning);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
}

.tickets-page__visibility[b-kfg8z73ri7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-md);
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface-2);
}

.tickets-page__visibility span[b-kfg8z73ri7] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.tickets-page__visibility-actions[b-kfg8z73ri7] {
    display: flex;
    gap: var(--gap-sm);
}

.tickets-page__save-as[b-kfg8z73ri7] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
}

.tickets-page__delete-confirmation[b-kfg8z73ri7] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
}

.tickets-page__delete-confirmation p[b-kfg8z73ri7] {
    margin: 0;
    line-height: 1.6;
}

.tickets-page__action-pill[b-kfg8z73ri7] {
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 999px;
}

.tickets-page__action-pill .btn__icon[b-kfg8z73ri7] {
    font-size: 1rem;
}

@media (max-width: 900px) {
    .tickets-page__filter-grid[b-kfg8z73ri7] {
        grid-template-columns: 1fr;
    }

    .tickets-page__filter-header[b-kfg8z73ri7],
    .tickets-page__visibility[b-kfg8z73ri7] {
        flex-direction: column;
        align-items: stretch;
    }

    .tickets-page__visibility-actions[b-kfg8z73ri7] {
        width: 100%;
        flex-direction: column;
    }
}
/* /Features/Trips/Pages/Trips.razor.rz.scp.css */
.trips-page[b-0z0hxhrvba] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.trips-page__table[b-0z0hxhrvba],
.trips-page__empty[b-0z0hxhrvba] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    padding: .75rem;
}

.trips-page__details[b-0z0hxhrvba] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.trips-page__hero[b-0z0hxhrvba] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
    border-radius: 1rem;
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 36%),
        linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 90%, white 10%), var(--color-surface));
    box-shadow: var(--shadow-elevation);
}

.trips-page__hero-main[b-0z0hxhrvba] {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    flex: 1;
    min-width: 0;
}

.trips-page__hero-copy[b-0z0hxhrvba] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.trips-page__hero-tags[b-0z0hxhrvba] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.trips-page__hero-person[b-0z0hxhrvba] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 1.85rem;
    padding: .3rem .62rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 14%, var(--color-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
    color: var(--color-text-muted);
    font-size: .8rem;
    line-height: 1.2;
    white-space: nowrap;
}

.trips-page__hero-person i[b-0z0hxhrvba] {
    color: var(--color-primary);
    font-size: .72rem;
}

.trips-page__hero-person strong[b-0z0hxhrvba] {
    color: var(--color-text);
    font-size: .74rem;
}

.trips-page__hero-person span[b-0z0hxhrvba] {
    color: var(--color-text-muted);
}

.trips-page__eyebrow[b-0z0hxhrvba] {
    color: var(--color-primary);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.trips-page__hero-copy h3[b-0z0hxhrvba] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.35rem;
    line-height: 1.1;
}

.trips-page__hero-person--status[b-0z0hxhrvba] {
    background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));
    color: var(--color-primary);
}

.trips-page__hero-person--status.trips-page__status-badge--success[b-0z0hxhrvba] {
    background: color-mix(in srgb, #1f9d8b 16%, var(--color-surface));
    color: #177b6d;
}

.trips-page__hero-person--status.trips-page__status-badge--warning[b-0z0hxhrvba] {
    background: color-mix(in srgb, #f2c14e 22%, var(--color-surface));
    color: #8a6500;
}

.trips-page__hero-person--status.trips-page__status-badge--danger[b-0z0hxhrvba] {
    background: color-mix(in srgb, #e2456f 16%, var(--color-surface));
    color: #b3224c;
}

.trips-page__hero-person--status.trips-page__status-badge--neutral[b-0z0hxhrvba] {
    background: color-mix(in srgb, var(--color-text-muted) 14%, var(--color-surface));
    color: var(--color-text-muted);
}

.trips-page__hero-person--status strong[b-0z0hxhrvba],
.trips-page__hero-person--status span[b-0z0hxhrvba],
.trips-page__hero-person--status i[b-0z0hxhrvba] {
    color: inherit;
}

.trips-page__hero-person--product[b-0z0hxhrvba] {
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface-2));
    color: var(--color-text);
}

@media (min-width: 769px) {
    .trips-page__hero-tags[b-0z0hxhrvba] {
        flex-wrap: nowrap;
    }
}

.trips-page__hero-actions[b-0z0hxhrvba] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .75rem;
}

.trips-page__ticket-link[b-0z0hxhrvba],
.trips-page__checkout-link[b-0z0hxhrvba] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-height: 2.5rem;
    padding: 0 .95rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
    border-radius: .85rem;
    background: var(--color-surface);
    color: var(--color-text);
    text-decoration: none;
    font-size: .88rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.trips-page__ticket-link[b-0z0hxhrvba] {
    appearance: none;
}

.trips-page__ticket-link:hover[b-0z0hxhrvba],
.trips-page__checkout-link:hover[b-0z0hxhrvba] {
    transform: translateY(-1px);
    border-color: var(--color-primary);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--color-primary) 12%, transparent);
}

.trips-page__meta[b-0z0hxhrvba] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.trips-page__meta-card[b-0z0hxhrvba],
.trips-page__meta > div[b-0z0hxhrvba] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    border: 1px solid var(--color-border);
    border-radius: .875rem;
    padding: .85rem 1rem;
    background: var(--color-surface-2);
}

.trips-page__meta span[b-0z0hxhrvba] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.trips-page__meta strong[b-0z0hxhrvba],
.trips-page__meta a[b-0z0hxhrvba] {
    color: var(--color-text);
    word-break: break-word;
}

.trips-page__meta-card--wide[b-0z0hxhrvba] {
    grid-column: 1 / -1;
}

@media (max-width: 768px) {
    .trips-page__hero[b-0z0hxhrvba] {
        flex-direction: column;
    }

    .trips-page__meta[b-0z0hxhrvba] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Users/Components/Dialogs/CreateUserDialog/CreateUserDialog.razor.rz.scp.css */
.create-user-dialog__layout[b-87bojvxbg7] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
}

.create-user-dialog__tabs[b-87bojvxbg7] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.create-user-dialog__tab[b-87bojvxbg7] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.create-user-dialog__tab:hover[b-87bojvxbg7] {
    background: var(--color-hover);
}

.create-user-dialog__tab.is-active[b-87bojvxbg7] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
}

.create-user-dialog__content[b-87bojvxbg7] {
    width: 100%;
}

.create-user-dialog__grid[b-87bojvxbg7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-md);
}

.create-user-dialog__field[b-87bojvxbg7] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

.create-user-dialog__field--full[b-87bojvxbg7] {
    grid-column: 1 / -1;
}

.create-user-dialog__dropdown-label[b-87bojvxbg7] {
    font-size: var(--font-size-sm);
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.create-user-dialog__required[b-87bojvxbg7] {
    color: var(--color-danger);
}

.create-user-dialog__error[b-87bojvxbg7] {
    font-size: var(--font-size-xs);
    color: var(--color-danger);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

@media (max-width: 768px) {
    .create-user-dialog__layout[b-87bojvxbg7] {
        flex-direction: column;
    }

        .create-user-dialog__grid[b-87bojvxbg7] {
        grid-template-columns: 1fr;
    }

    .create-user-dialog__field--full[b-87bojvxbg7] {
        grid-column: auto;
    }
}
/* /Features/Users/Components/Dialogs/UpdateUserDialog/UpdateUserDialog.razor.rz.scp.css */
.update-user-dialog__layout[b-4rc8zqilag] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
}

.update-user-dialog__tabs[b-4rc8zqilag] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.update-user-dialog__tab[b-4rc8zqilag] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.update-user-dialog__tab:hover[b-4rc8zqilag] {
    background: var(--color-hover);
}

.update-user-dialog__tab.is-active[b-4rc8zqilag] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

.update-user-dialog__content[b-4rc8zqilag] {
    width: 100%;
    padding: 1.1rem 1.2rem 1.25rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.update-user-dialog__grid[b-4rc8zqilag] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-md);
}

.update-user-dialog__field[b-4rc8zqilag] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

.update-user-dialog__meta-label[b-4rc8zqilag] {
    font-size: var(--font-size-sm);
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.update-user-dialog__meta-value[b-4rc8zqilag] {
    min-height: 42px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    box-shadow: var(--shadow-elevation);
    padding: 6px 8px 6px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-sm);
}

.update-user-dialog__meta-text[b-4rc8zqilag] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    letter-spacing: 0.3px;
}

.update-user-dialog__field--full[b-4rc8zqilag] {
    grid-column: 1 / -1;
}

.update-user-dialog__error[b-4rc8zqilag] {
    font-size: var(--font-size-xs);
    color: var(--color-danger);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.update-user-dialog__history[b-4rc8zqilag] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.update-user-dialog__history :global(.table-scroll)[b-4rc8zqilag] {
    border-radius: var(--radius-xl);
}

.update-user-dialog__permissions[b-4rc8zqilag] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.update-user-dialog__permissions-header p[b-4rc8zqilag] {
    margin: .35rem 0 0;
    color: var(--color-text-muted);
}

.update-user-dialog__permissions-list[b-4rc8zqilag] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    max-height: 24rem;
    overflow-y: auto;
    padding-right: .25rem;
}

.update-user-dialog__permission-item[b-4rc8zqilag] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    padding: .7rem .85rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
}

.update-user-dialog__permission-copy[b-4rc8zqilag] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.update-user-dialog__permission-copy strong[b-4rc8zqilag] {
    font-size: .95rem;
    line-height: 1.2;
}

.update-user-dialog__permission-status[b-4rc8zqilag] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.update-user-dialog__permission-badge[b-4rc8zqilag] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .6rem;
    border-radius: 999px;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}

.update-user-dialog__permission-badge.is-granted[b-4rc8zqilag] {
    background: color-mix(in srgb, var(--color-success) 16%, var(--color-surface));
    color: var(--color-success);
}

.update-user-dialog__permission-badge.is-denied[b-4rc8zqilag] {
    background: color-mix(in srgb, var(--color-warning) 16%, var(--color-surface));
    color: var(--color-warning);
}

.update-user-dialog__permission-actions[b-4rc8zqilag] {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.update-user-dialog__permission-action[b-4rc8zqilag] {
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    border-radius: var(--radius-base);
    padding: .42rem .62rem;
    font-size: var(--font-size-xs);
    color: var(--color-text);
    line-height: 1;
}

.update-user-dialog__permission-action.is-active[b-4rc8zqilag] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.update-user-dialog__actions-group[b-4rc8zqilag] {
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
}

.update-user-dialog__actions-separator[b-4rc8zqilag] {
    width: 1px;
    height: 26px;
    background: var(--color-border);
}

.update-user-dialog__telephony[b-4rc8zqilag] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.update-user-dialog__provisioning-modes[b-4rc8zqilag] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-sm);
}

.update-user-dialog__provisioning-mode[b-4rc8zqilag] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    padding: .75rem .85rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .15rem .65rem;
    align-items: center;
    text-align: left;
}

.update-user-dialog__provisioning-mode i[b-4rc8zqilag] {
    grid-row: 1 / span 2;
    color: var(--color-primary);
}

.update-user-dialog__provisioning-mode span[b-4rc8zqilag] {
    font-weight: var(--font-weight-semibold);
}

.update-user-dialog__provisioning-mode small[b-4rc8zqilag] {
    color: var(--color-text-muted);
}

.update-user-dialog__provisioning-mode.is-active[b-4rc8zqilag] {
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    box-shadow: var(--focus-ring);
}

.update-user-dialog__telephony-actions[b-4rc8zqilag] {
    display: flex;
    justify-content: flex-end;
    gap: var(--gap-sm);
    flex-wrap: wrap;
}

.update-user-dialog__telephony-error[b-4rc8zqilag] {
    margin: 0;
    color: var(--color-danger);
    font-size: var(--font-size-sm);
}

@media (max-width: 768px) {
    .update-user-dialog__layout[b-4rc8zqilag] {
        flex-direction: column;
    }

    .update-user-dialog__tabs[b-4rc8zqilag] {
        width: 100%;
        min-width: 100%;
    }

    .update-user-dialog__grid[b-4rc8zqilag] {
        grid-template-columns: 1fr;
    }

    .update-user-dialog__provisioning-modes[b-4rc8zqilag] {
        grid-template-columns: 1fr;
    }

    .update-user-dialog__field--full[b-4rc8zqilag] {
        grid-column: auto;
    }

    .update-user-dialog__actions-separator[b-4rc8zqilag] {
        display: none;
    }

    .update-user-dialog__content[b-4rc8zqilag] {
        padding: 1rem;
    }

    .update-user-dialog__permission-item[b-4rc8zqilag] {
        flex-direction: column;
        align-items: stretch;
    }

    .update-user-dialog__permission-status[b-4rc8zqilag] {
        align-items: flex-start;
        flex-direction: column;
    }

    .update-user-dialog__permission-actions[b-4rc8zqilag] {
        justify-content: flex-start;
    }
}
/* /Features/Users/Pages/Users.razor.rz.scp.css */
.users-page[b-k8ah1el7ny] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    padding: var(--gap-md);
    max-width: var(--container-max-width);
    margin: var(--gap-md) auto 0 auto;
}

.users-page__filters[b-k8ah1el7ny],
.users-page__table[b-k8ah1el7ny] {
    width: 100%;
    background: var(--color-surface);
    border-radius: .75rem;
    border: 1px solid var(--color-border);
}

.users-page__filters[b-k8ah1el7ny] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.users-page__filters-grid[b-k8ah1el7ny] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
    align-items: end;
}

.users-page__page-size[b-k8ah1el7ny] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.users-page__page-size-label[b-k8ah1el7ny] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.users-page__filter-actions[b-k8ah1el7ny] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
}

.users-page__filters[b-k8ah1el7ny] (.dd),
.users-page__filters[b-k8ah1el7ny] (.input) {
    width: 100%;
}

.users-page__table[b-k8ah1el7ny] (.table__actions-content .btn) {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 999px;
}

@media (max-width: 1100px) {
    .users-page__filters-grid[b-k8ah1el7ny] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .users-page[b-k8ah1el7ny] {
        padding: var(--gap-sm);
        margin-top: var(--gap-sm);
        gap: var(--gap-md);
    }

    .users-page__filters-grid[b-k8ah1el7ny] {
        grid-template-columns: 1fr;
    }

    .users-page__filter-actions[b-k8ah1el7ny] {
        justify-content: stretch;
    }

    .users-page__filter-actions[b-k8ah1el7ny] (.btn) {
        width: 100%;
    }
}
/* /Features/WhatsappAccount/Pages/WhatsappAccount.razor.rz.scp.css */
.whatsapp-account-page[b-3i3hvo05sn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.whatsapp-account-page__table[b-3i3hvo05sn] {
    background: var(--color-surface);
    border-radius: .75rem;
    border: 1px solid var(--color-border);
    padding: .75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.whatsapp-account-page__toolbar[b-3i3hvo05sn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding-inline: .25rem;
}

.whatsapp-account-page__toolbar-copy[b-3i3hvo05sn] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.whatsapp-account-page__toolbar-copy strong[b-3i3hvo05sn] {
    color: var(--color-text);
    font-size: var(--font-size-md);
}

.whatsapp-account-page__toolbar-copy span[b-3i3hvo05sn] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.whatsapp-account-page__empty[b-3i3hvo05sn] {
    background: var(--color-surface);
    border: 1px dashed var(--color-border);
    border-radius: .75rem;
    padding: 1rem;
}

.whatsapp-account-page__form[b-3i3hvo05sn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .875rem;
}

.whatsapp-account-page__dialog-layout[b-3i3hvo05sn] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
}

.whatsapp-account-page__tabs-panel[b-3i3hvo05sn] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.whatsapp-account-page__dialog-tab[b-3i3hvo05sn] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.whatsapp-account-page__dialog-tab.is-active[b-3i3hvo05sn] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

.whatsapp-account-page__dialog-content[b-3i3hvo05sn] {
    width: 100%;
    padding: 1.1rem 1.2rem 1.25rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.whatsapp-account-page__dialog-content :global(.table-scroll)[b-3i3hvo05sn] {
    border-radius: var(--radius-xl);
}

.whatsapp-account-page__provider-picker[b-3i3hvo05sn],
.whatsapp-account-page__field--full[b-3i3hvo05sn] {
    grid-column: 1 / -1;
}

.whatsapp-account-page__provider-picker[b-3i3hvo05sn] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.whatsapp-account-page__provider-label[b-3i3hvo05sn],
.whatsapp-account-page__custom-label[b-3i3hvo05sn] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.whatsapp-account-page__provider-options[b-3i3hvo05sn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.whatsapp-account-page__provider-option[b-3i3hvo05sn] {
    border: 1px solid var(--color-border);
    border-radius: .875rem;
    padding: .875rem 1rem;
    background: var(--color-surface);
    display: flex;
    align-items: center;
    gap: .875rem;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
    position: relative;
}

.whatsapp-account-page__provider-option.is-selected[b-3i3hvo05sn] {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);
}

.whatsapp-account-page__provider-option input[b-3i3hvo05sn] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.whatsapp-account-page__provider-option-icon[b-3i3hvo05sn] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-surface-2);
    color: var(--color-primary);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.whatsapp-account-page__provider-option-text[b-3i3hvo05sn] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.whatsapp-account-page__provider-option-text strong[b-3i3hvo05sn] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
}

.whatsapp-account-page__provider-option-text small[b-3i3hvo05sn] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
}

.whatsapp-account-page__checkbox-wrap[b-3i3hvo05sn] {
    display: flex;
    align-items: end;
}

.whatsapp-account-page__checkbox-wrap label[b-3i3hvo05sn] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--color-text);
    font-size: var(--font-size-sm);
}

.whatsapp-account-page__checkbox-wrap input[type="checkbox"][b-3i3hvo05sn] {
    width: 1rem;
    height: 1rem;
}

.whatsapp-account-page__notice[b-3i3hvo05sn],
.whatsapp-account-page__runtime[b-3i3hvo05sn] {
    border: 1px solid var(--color-border);
    border-radius: .875rem;
    background: var(--color-surface-2);
    padding: .875rem 1rem;
}

.whatsapp-account-page__notice[b-3i3hvo05sn] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
}

.whatsapp-account-page__notice i[b-3i3hvo05sn] {
    color: var(--color-primary);
    margin-top: .1rem;
}

.whatsapp-account-page__notice div[b-3i3hvo05sn] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.whatsapp-account-page__notice strong[b-3i3hvo05sn],
.whatsapp-account-page__runtime strong[b-3i3hvo05sn] {
    color: var(--color-text);
}

.whatsapp-account-page__notice span[b-3i3hvo05sn] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.whatsapp-account-page__runtime[b-3i3hvo05sn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.whatsapp-account-page__runtime-grid[b-3i3hvo05sn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.whatsapp-account-page__runtime-grid div[b-3i3hvo05sn] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.whatsapp-account-page__runtime-grid span[b-3i3hvo05sn] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.whatsapp-account-page__runtime-grid-item--wide[b-3i3hvo05sn] {
    grid-column: 1 / -1;
}

.whatsapp-account-page__qr[b-3i3hvo05sn] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    align-items: flex-start;
}

.whatsapp-account-page__profile[b-3i3hvo05sn] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.whatsapp-account-page__profile span[b-3i3hvo05sn],
.whatsapp-account-page__qr span[b-3i3hvo05sn] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.whatsapp-account-page__qr-copy[b-3i3hvo05sn] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.whatsapp-account-page__qr-copy strong[b-3i3hvo05sn] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    max-width: 28rem;
    line-height: 1.45;
}

.whatsapp-account-page__qr-frame[b-3i3hvo05sn] {
    width: min(100%, 23rem);
    min-height: 23rem;
    border-radius: 1.25rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 20%, var(--color-border));
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary) 9%, white) 0%, transparent 38%),
        linear-gradient(180deg, white 0%, color-mix(in srgb, white 78%, var(--color-surface-2) 22%) 100%);
    padding: 1rem;
    box-shadow: 0 14px 34px color-mix(in srgb, var(--color-primary) 10%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-account-page__profile img[b-3i3hvo05sn],
.whatsapp-account-page__qr img[b-3i3hvo05sn] {
    width: 100%;
    max-width: 20rem;
    aspect-ratio: 1;
    object-fit: contain;
    border-radius: 1rem;
    border: 1px solid var(--color-border);
    background: white;
    padding: .9rem;
}

.whatsapp-account-page__field[b-3i3hvo05sn] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
}

.whatsapp-account-page__custom-label[b-3i3hvo05sn] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.whatsapp-account-page__required[b-3i3hvo05sn] {
    color: var(--color-danger);
}

.whatsapp-account-page__info[b-3i3hvo05sn] {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 999px;
    border: 1px solid var(--color-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .72rem;
    color: var(--color-primary);
    cursor: help;
    background: var(--color-surface);
}

@media (max-width: 768px) {
    .whatsapp-account-page__dialog-layout[b-3i3hvo05sn] {
        flex-direction: column;
    }

    .whatsapp-account-page__tabs-panel[b-3i3hvo05sn] {
        width: 100%;
        min-width: 100%;
    }

    .whatsapp-account-page__dialog-content[b-3i3hvo05sn] {
        padding: 1rem;
    }

    .whatsapp-account-page__qr-frame[b-3i3hvo05sn] {
        width: 100%;
        min-height: unset;
    }

    .whatsapp-account-page__form[b-3i3hvo05sn],
    .whatsapp-account-page__runtime-grid[b-3i3hvo05sn],
    .whatsapp-account-page__provider-options[b-3i3hvo05sn] {
        grid-template-columns: 1fr;
    }
}
/* /Features/WhatsappProvisionedInstances/Pages/WhatsappProvisionedInstances.razor.rz.scp.css */
.whatsapp-provisioning-page[b-a3q5n8v1ub] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.whatsapp-provisioning-page__table[b-a3q5n8v1ub] {
    background: var(--color-surface);
    border-radius: .75rem;
    border: 1px solid var(--color-border);
    padding: .75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.whatsapp-provisioning-page__toolbar[b-a3q5n8v1ub] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding-inline: .25rem;
}

.whatsapp-provisioning-page__toolbar-copy[b-a3q5n8v1ub] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.whatsapp-provisioning-page__toolbar-copy strong[b-a3q5n8v1ub] {
    color: var(--color-text);
    font-size: var(--font-size-md);
}

.whatsapp-provisioning-page__toolbar-copy span[b-a3q5n8v1ub] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.whatsapp-provisioning-page__empty[b-a3q5n8v1ub] {
    background: var(--color-surface);
    border: 1px dashed var(--color-border);
    border-radius: .75rem;
    padding: 1rem;
}

.whatsapp-provisioning-page__form[b-a3q5n8v1ub] {
    display: grid;
    gap: .875rem;
}

.whatsapp-provisioning-page__dialog-layout[b-a3q5n8v1ub] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
}

.whatsapp-provisioning-page__tabs-panel[b-a3q5n8v1ub] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.whatsapp-provisioning-page__dialog-tab[b-a3q5n8v1ub] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.whatsapp-provisioning-page__dialog-tab.is-active[b-a3q5n8v1ub] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

.whatsapp-provisioning-page__dialog-content[b-a3q5n8v1ub] {
    width: 100%;
    padding: 1.1rem 1.2rem 1.25rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.whatsapp-provisioning-page__dialog-content :global(.table-scroll)[b-a3q5n8v1ub] {
    border-radius: var(--radius-xl);
}

.whatsapp-provisioning-page__checkbox-wrap label[b-a3q5n8v1ub] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--color-text);
    font-size: var(--font-size-sm);
}

.whatsapp-provisioning-page__usage[b-a3q5n8v1ub] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    border: 1px solid var(--color-border);
    border-radius: .875rem;
    background: var(--color-surface-2);
    padding: .875rem 1rem;
}

.whatsapp-provisioning-page__usage div[b-a3q5n8v1ub] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.whatsapp-provisioning-page__usage span[b-a3q5n8v1ub] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.whatsapp-provisioning-page__usage strong[b-a3q5n8v1ub] {
    color: var(--color-text);
}

@media (max-width: 768px) {
    .whatsapp-provisioning-page__dialog-layout[b-a3q5n8v1ub] {
        flex-direction: column;
    }

    .whatsapp-provisioning-page__tabs-panel[b-a3q5n8v1ub] {
        width: 100%;
        min-width: 100%;
    }

    .whatsapp-provisioning-page__dialog-content[b-a3q5n8v1ub] {
        padding: 1rem;
    }

    .whatsapp-provisioning-page__usage[b-a3q5n8v1ub] {
        grid-template-columns: 1fr;
    }
}
/* /Features/WidgetAccounts/Pages/WidgetAccounts.razor.rz.scp.css */
.widget-accounts-page[b-hwbocx0g8n] { display: flex; flex-direction: column; gap: 1rem; }
.widget-accounts-page__table[b-hwbocx0g8n] { background: var(--color-surface); border-radius: .75rem; border: 1px solid var(--color-border); padding: .5rem; }
.widget-accounts-page__dialog[b-hwbocx0g8n] { display: flex; flex-direction: column; gap: var(--gap-lg); align-items: flex-start; }
.widget-accounts-page__tabs[b-hwbocx0g8n] { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--gap-sm); }
.widget-accounts-page__tab[b-hwbocx0g8n] { width: auto; text-align: left; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-base); background: var(--color-surface); color: var(--color-text); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); display: inline-flex; align-items: center; gap: 0.55rem; cursor: pointer; }
.widget-accounts-page__tab:hover[b-hwbocx0g8n] { background: var(--color-hover); }
.widget-accounts-page__tab.is-active[b-hwbocx0g8n] { border-color: var(--color-primary); color: var(--color-primary); box-shadow: var(--focus-ring); background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%); }
.widget-accounts-page__content[b-hwbocx0g8n] { width: 100%; min-height: 0; }
.widget-accounts-page__form[b-hwbocx0g8n] { display: flex; flex-direction: column; gap: 1rem; padding: 0; }
.widget-accounts-page__section[b-hwbocx0g8n] { padding: 1rem; border: 1px solid var(--color-border); border-radius: 1rem; background: var(--color-surface); }
.widget-accounts-page__section-header[b-hwbocx0g8n] { display: flex; flex-direction: column; gap: .25rem; margin-bottom: .85rem; }
.widget-accounts-page__section-header strong[b-hwbocx0g8n] { font-size: 1rem; color: var(--color-text); }
.widget-accounts-page__section-header span[b-hwbocx0g8n] { color: var(--color-text-secondary); font-size: .9rem; }
.widget-accounts-page__grid[b-hwbocx0g8n] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem 1rem; }
.widget-accounts-page__grid--triple[b-hwbocx0g8n] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.widget-accounts-page__grid--appearance[b-hwbocx0g8n] { grid-template-columns: 1.1fr 1.2fr 1fr 1fr; align-items: start; }
.widget-accounts-page__grid--double[b-hwbocx0g8n] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.widget-accounts-page__field[b-hwbocx0g8n] { display: flex; flex-direction: column; gap: .45rem; }
.widget-accounts-page__field--full[b-hwbocx0g8n] { width: 100%; }
.widget-accounts-page__label[b-hwbocx0g8n] { font-size: .92rem; color: var(--color-text-secondary); }
.widget-accounts-page__required[b-hwbocx0g8n] { color: var(--color-danger); }
.widget-accounts-page__color-field[b-hwbocx0g8n] { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: .65rem; align-items: center; }
.widget-accounts-page__color-picker[b-hwbocx0g8n] { width: 52px; height: 44px; border: 1px solid var(--color-border); border-radius: .75rem; background: var(--color-surface-elevated); padding: .2rem; cursor: pointer; }
.widget-accounts-page__textarea[b-hwbocx0g8n] { min-height: 128px; border: 1px solid var(--color-border); border-radius: .75rem; padding: .8rem .9rem; background: var(--color-surface-elevated); color: var(--color-text); resize: vertical; font: inherit; }
.widget-accounts-page__snippet[b-hwbocx0g8n] { padding: 1rem; border-radius: .75rem; background: var(--color-surface-elevated); border: 1px solid var(--color-border); display: flex; flex-direction: column; gap: .75rem; }
.widget-accounts-page__snippet-copy[b-hwbocx0g8n] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.widget-accounts-page__snippet-copy > div[b-hwbocx0g8n] { display: flex; flex-direction: column; gap: .25rem; }
.widget-accounts-page__snippet-copy span[b-hwbocx0g8n] { color: var(--color-text-secondary); font-size: .9rem; }
.widget-accounts-page__snippet code[b-hwbocx0g8n] { white-space: pre-wrap; word-break: break-word; font-size: .9rem; }

@media (max-width: 1200px) {
    .widget-accounts-page__grid--triple[b-hwbocx0g8n],
    .widget-accounts-page__grid--appearance[b-hwbocx0g8n] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .widget-accounts-page__grid[b-hwbocx0g8n] { grid-template-columns: 1fr; }
    .widget-accounts-page__snippet-copy[b-hwbocx0g8n] { flex-direction: column; align-items: stretch; }
    .widget-accounts-page__section[b-hwbocx0g8n] { padding: .9rem; }
    .widget-accounts-page__tabs[b-hwbocx0g8n] { width: 100%; }
    .widget-accounts-page__tab[b-hwbocx0g8n] { flex: 1 1 calc(50% - .5rem); justify-content: center; text-align: center; }
}
/* /Features/Workflows/Pages/Workflows.razor.rz.scp.css */
.workflow-page[b-xhl58ymu3m] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.workflow-page__dialog-layout[b-xhl58ymu3m] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
}

.workflow-page__tabs[b-xhl58ymu3m] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.workflow-page__tab[b-xhl58ymu3m] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.workflow-page__tab.is-active[b-xhl58ymu3m] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

.workflow-page__dialog-content[b-xhl58ymu3m] {
    width: 100%;
    padding: 1.1rem 1.2rem 1.25rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.workflow-page__dialog-content :global(.table-scroll)[b-xhl58ymu3m] {
    border-radius: var(--radius-xl);
}

.workflow-page__form[b-xhl58ymu3m] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.workflow-page__form-grid[b-xhl58ymu3m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.workflow-page__builder[b-xhl58ymu3m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.workflow-page__section[b-xhl58ymu3m] {
    border: 1px solid var(--color-border-soft);
    border-radius: 1rem;
    padding: 1rem;
    background: var(--color-surface);
}

.workflow-page__section-header[b-xhl58ymu3m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.workflow-page__section-header small[b-xhl58ymu3m] {
    display: block;
    color: var(--color-text-muted);
    margin-top: 0.25rem;
}

.workflow-page__rule-row[b-xhl58ymu3m] {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1.25fr 0.55fr auto;
    gap: 0.75rem;
    align-items: end;
    margin-bottom: 0.75rem;
}

.workflow-page__label[b-xhl58ymu3m] {
    display: inline-flex;
    gap: 0.25rem;
    align-items: center;
    margin-bottom: 0.35rem;
    font-size: 0.9rem;
    color: var(--color-text-muted);
}

.workflow-page__required[b-xhl58ymu3m] {
    color: var(--color-danger);
}

.workflow-page__rule-action[b-xhl58ymu3m] {
    padding-bottom: 0.15rem;
}

.workflow-page__checkbox-wrap[b-xhl58ymu3m] {
    display: flex;
    align-items: end;
}

.workflow-page__checkbox-wrap label[b-xhl58ymu3m] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    color: var(--color-text-default);
}

.workflow-page__empty[b-xhl58ymu3m] {
    color: var(--color-text-muted);
    padding: 0.5rem 0;
}

@media (max-width: 900px) {
    .workflow-page__dialog-layout[b-xhl58ymu3m] {
        flex-direction: column;
    }

    .workflow-page__tabs[b-xhl58ymu3m] {
        width: 100%;
        min-width: 100%;
    }

    .workflow-page__dialog-content[b-xhl58ymu3m] {
        padding: 1rem;
    }

    .workflow-page__form-grid[b-xhl58ymu3m] {
        grid-template-columns: 1fr;
    }

    .workflow-page__rule-row[b-xhl58ymu3m] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Workspaces/Components/Dialogs/CreateWorkspaceDialog/CreateWorkspaceDialog.razor.rz.scp.css */
.create-workspace-dialog__layout[b-dbwzkybhye] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.create-workspace-dialog__tabs[b-dbwzkybhye] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.create-workspace-dialog__tab[b-dbwzkybhye] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.create-workspace-dialog__tab.is-active[b-dbwzkybhye] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

.create-workspace-dialog__content[b-dbwzkybhye] {
    width: 100%;
    padding: 1.35rem 1.5rem 1.5rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.create-workspace-dialog__grid[b-dbwzkybhye] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem 1.25rem;
    align-items: start;
}

.create-workspace-dialog__grid :global(.input)[b-dbwzkybhye] {
    width: 100%;
}

.create-workspace-dialog__grid :global(.input__control)[b-dbwzkybhye] {
    min-height: 3rem;
}

.create-workspace-dialog__error[b-dbwzkybhye] {
    font-size: var(--font-size-xs);
    color: var(--color-danger);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: .85rem;
}

@media (max-width: 768px) {
    .create-workspace-dialog__content[b-dbwzkybhye] {
        padding: 1rem;
    }

    .create-workspace-dialog__grid[b-dbwzkybhye] {
        grid-template-columns: 1fr;
        gap: .85rem;
    }
}
/* /Features/Workspaces/Components/Dialogs/UpdateWorkspaceDialog/UpdateWorkspaceDialog.razor.rz.scp.css */
.update-workspace-dialog__layout[b-oc0xit0p60] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
}

.update-workspace-dialog__tabs[b-oc0xit0p60] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.update-workspace-dialog__tab[b-oc0xit0p60] {
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.update-workspace-dialog__tab:hover[b-oc0xit0p60] {
    background: var(--color-hover);
}

.update-workspace-dialog__tab.is-active[b-oc0xit0p60] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-primary) 12%);
}

.update-workspace-dialog__content[b-oc0xit0p60] {
    width: 100%;
    padding: 1.1rem 1.2rem 1.25rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 86%, white 14%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.update-workspace-dialog__settings[b-oc0xit0p60] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
}

.update-workspace-dialog__grid[b-oc0xit0p60] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-md);
}

.update-workspace-dialog__field[b-oc0xit0p60] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

.update-workspace-dialog__field--full[b-oc0xit0p60] {
    grid-column: 1 / -1;
}

.update-workspace-dialog__error[b-oc0xit0p60] {
    font-size: var(--font-size-xs);
    color: var(--color-danger);
    font-weight: var(--font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.update-workspace-dialog__history[b-oc0xit0p60] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.update-workspace-dialog__history :global(.table-scroll)[b-oc0xit0p60] {
    border-radius: var(--radius-xl);
}

.update-workspace-dialog__actions-group[b-oc0xit0p60] {
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
}

@media (max-width: 768px) {
    .update-workspace-dialog__layout[b-oc0xit0p60] {
        flex-direction: column;
    }

    .update-workspace-dialog__tabs[b-oc0xit0p60] {
        width: 100%;
        min-width: 100%;
    }

    .update-workspace-dialog__grid[b-oc0xit0p60] {
        grid-template-columns: 1fr;
    }

    .update-workspace-dialog__field--full[b-oc0xit0p60] {
        grid-column: auto;
    }

    .update-workspace-dialog__content[b-oc0xit0p60] {
        padding: 1rem;
    }
}
/* /Features/Workspaces/Components/Dialogs/WorkspaceMembersDialog/WorkspaceMembersDialog.razor.rz.scp.css */
.workspace-members-dialog__table[b-6bn0mqmzfl] { width: 100%; border-collapse: collapse; }
.workspace-members-dialog__table th[b-6bn0mqmzfl], .workspace-members-dialog__table td[b-6bn0mqmzfl] { border-bottom: 1px solid var(--color-border); text-align: left; padding: .5rem; }
/* /Features/Workspaces/Pages/Workspaces.razor.rz.scp.css */
.workspaces-page[b-3q23qpzbtm] { display: flex; flex-direction: column; gap: 1rem; }
.workspaces-page__table[b-3q23qpzbtm] { background: var(--color-surface); border-radius: .75rem; border: 1px solid var(--color-border); padding: .5rem; }
/* /Pages/AccessDenied.razor.rz.scp.css */
.access-denied-page[b-kobdwadmsl] {
    min-height: calc(100vh - 10rem);
    display: grid;
    place-items: center;
    padding: 2rem;
}

.access-denied-page__card[b-kobdwadmsl] {
    width: min(100%, 32rem);
    padding: 2rem;
    border-radius: var(--radius-xl);
    border: 1px solid color-mix(in srgb, var(--color-warning) 24%, var(--color-border));
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-warning) 10%, var(--color-surface)) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
    text-align: center;
}

.access-denied-page__icon[b-kobdwadmsl] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    background: color-mix(in srgb, var(--color-warning) 16%, var(--color-surface));
    color: var(--color-warning);
    font-size: 1.4rem;
}

.access-denied-page__card h1[b-kobdwadmsl] {
    margin: 0 0 .6rem;
}

.access-denied-page__card p[b-kobdwadmsl] {
    margin: 0;
    color: var(--color-text-muted);
}

.access-denied-page__actions[b-kobdwadmsl] {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
}
/* /Pages/Home.razor.rz.scp.css */
.home-page[b-gsvug7bd0f] {
    display: block;
}

.home-page__welcome[b-gsvug7bd0f] {
    padding: 2rem;
    border-radius: var(--radius-xl);
    border: 1px solid color-mix(in srgb, var(--color-primary) 16%, var(--color-border));
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.home-page__kicker[b-gsvug7bd0f] {
    display: inline-block;
    margin-bottom: .75rem;
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--color-primary);
}

.home-page__welcome h1[b-gsvug7bd0f] {
    margin: 0 0 .75rem;
    font-size: clamp(1.8rem, 2.4vw, 2.5rem);
}

.home-page__welcome p[b-gsvug7bd0f] {
    max-width: 42rem;
    margin: 0;
    color: var(--color-text-muted);
    font-size: 1rem;
    line-height: 1.6;
}
/* /Shared/Auth/AuthLoading.razor.rz.scp.css */
.auth-loading[b-pk0tmktohx] {
    min-height: 100vh;
    display: grid;
    background: var(--color-background);
    color: var(--color-text);
}

.auth-loading[b-pk0tmktohx]  .sk {
    max-width: 100%;
}

.auth-loading-sidebar[b-pk0tmktohx] {
    display: none;
    background: var(--color-sidebar-bg);
    border-right: 1px solid var(--color-border);
}

.auth-loading-main[b-pk0tmktohx] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.auth-loading-mobile-bar[b-pk0tmktohx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-lg);
    padding: var(--gap-lg);
    background: var(--color-sidebar-bg);
    border-bottom: 1px solid var(--color-border);
}

.auth-loading-content[b-pk0tmktohx] {
    width: 100%;
    max-width: 1240px;
    display: grid;
    gap: var(--gap-lg);
    padding: clamp(var(--gap-lg), 3vw, var(--gap-xl));
}

.auth-loading-page-header[b-pk0tmktohx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-lg);
}

.auth-loading-page-header > div[b-pk0tmktohx],
.auth-loading-hero > div[b-pk0tmktohx],
.auth-loading-card[b-pk0tmktohx] {
    display: grid;
    gap: var(--gap-md);
}

.auth-loading-brand[b-pk0tmktohx] {
    display: flex;
    align-items: center;
    gap: var(--gap-md);
}

.auth-loading-brand > div[b-pk0tmktohx] {
    display: grid;
    gap: var(--gap-sm);
}

.auth-loading-nav[b-pk0tmktohx] {
    display: grid;
    gap: var(--gap-md);
}

.auth-loading-nav-item[b-pk0tmktohx] {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    gap: var(--gap-md);
    padding: 0 var(--gap-md);
    border-radius: var(--radius-base);
    background: var(--color-surface-soft);
}

.auth-loading-user[b-pk0tmktohx] {
    display: flex;
    align-items: center;
    gap: var(--gap-md);
    padding: var(--gap-md);
    margin-top: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}

.auth-loading-user > div[b-pk0tmktohx] {
    display: grid;
    gap: var(--gap-sm);
}

.auth-loading-hero[b-pk0tmktohx],
.auth-loading-table[b-pk0tmktohx] {
    padding: var(--gap-lg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-panel-bg);
    box-shadow: var(--shadow-soft);
}

.auth-loading-hero[b-pk0tmktohx] {
    min-height: 9rem;
    display: flex;
    align-items: center;
}

.auth-loading-grid[b-pk0tmktohx] {
    display: grid;
    gap: var(--gap-lg);
}

.auth-loading-card[b-pk0tmktohx] {
    min-height: 7rem;
    align-content: center;
    padding: var(--gap-lg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
}

.auth-loading-table[b-pk0tmktohx] {
    display: grid;
    gap: var(--gap-sm);
}

.auth-loading-row[b-pk0tmktohx] {
    min-height: 2.65rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 8rem 8rem;
    align-items: center;
    gap: var(--gap-lg);
    padding: 0 var(--gap-md);
    border-bottom: 1px solid var(--color-border);
}

.auth-loading-row:last-child[b-pk0tmktohx] {
    border-bottom: 0;
}

@media (max-width: 620px) {
    .auth-loading-page-header[b-pk0tmktohx] {
        align-items: stretch;
        flex-direction: column;
    }

    .auth-loading-grid[b-pk0tmktohx],
    .auth-loading-row[b-pk0tmktohx] {
        grid-template-columns: 1fr;
    }

    .auth-loading-row[b-pk0tmktohx] {
        gap: var(--gap-sm);
        padding: var(--gap-md) 0;
    }
}

@media (min-width: 760px) {
    .auth-loading[b-pk0tmktohx] {
        grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
    }

    .auth-loading-sidebar[b-pk0tmktohx] {
        position: sticky;
        top: 0;
        height: 100vh;
        display: flex;
        flex-direction: column;
        gap: var(--gap-xl);
        padding: var(--gap-lg);
    }

    .auth-loading-mobile-bar[b-pk0tmktohx] {
        display: none;
    }

    .auth-loading-grid[b-pk0tmktohx] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Shared/Components/Autocomplete/Autocomplete.razor.rz.scp.css */
.ac[b-htgzb1byrv] {
    position: relative;
    width: 100%;
}

.ac__input-wrapper[b-htgzb1byrv] {
    position: relative;
}

.ac__icon[b-htgzb1byrv] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-text-muted);
}

.ac__input[b-htgzb1byrv] {
    width: 100%;
    padding: 10px 12px 10px 34px;
    border-radius: var(--radius-base);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text);
    box-shadow: var(--shadow-elevation);
}

.ac__input:focus[b-htgzb1byrv] {
    outline: none;
    box-shadow: var(--focus-ring);
    border-color: var(--color-primary);
}

.ac__menu[b-htgzb1byrv] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: var(--z-flyout);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    box-shadow: var(--shadow-elevation);
    padding: 6px;
}

.ac__item[b-htgzb1byrv] {
    width: 100%;
    text-align: left;
    padding: 10px;
    border: none;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text);
    font-size: var(--font-size-sm);
}

.ac__item:hover[b-htgzb1byrv] {
    background: var(--color-hover);
}
/* /Shared/Components/Button/Button.razor.rz.scp.css */
.btn[b-3544getssu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--gap-sm);
    border-radius: var(--radius-base);
    border: 1px solid transparent;
    font-family: var(--font-family-base);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
    transition: background var(--transition-fast), border-color var(--transition-fast);
}

.btn__icon[b-3544getssu] {
    font-size: 0.9rem;
}


.btn--sm[b-3544getssu] {
    padding: 6px 10px;
    font-size: var(--font-size-sm);
}

.btn--md[b-3544getssu] {
    padding: 8px 14px;
    font-size: var(--font-size-base);
}

.btn--lg[b-3544getssu] {
    padding: 10px 18px;
    font-size: var(--font-size-lg);
}

.btn--primary[b-3544getssu] {
    background: var(--color-primary);
    color: white;
}

.btn--primary:hover[b-3544getssu] {
    background: var(--color-accent);
}

.btn--secondary[b-3544getssu] {
    background: var(--color-surface);
    color: var(--color-text);
    border-color: var(--color-border);
}

.btn--secondary:hover[b-3544getssu] {
    background: var(--color-hover);
}

.btn--ghost[b-3544getssu] {
    background: transparent;
    color: var(--color-text);
}

.btn--ghost:hover[b-3544getssu] {
    background: var(--color-hover);
}

.btn--danger[b-3544getssu] {
    background: var(--color-danger);
    color: var(--color-on-danger);
}

.btn--danger:hover[b-3544getssu] {
    background: var(--color-danger-hover);
}

.btn--danger:focus-visible[b-3544getssu] {
    outline: none;
    box-shadow: var(--shadow-elevation), 0 0 0 2px rgba(226, 61, 106, 0.35);
}

.btn:disabled[b-3544getssu] {
    opacity: 0.6;
    cursor: not-allowed;
}
/* /Shared/Components/Charts/ChartWidget.razor.rz.scp.css */
.chart-widget[b-c0aiupg8k0] {
    position: relative;
    width: 100%;
    min-height: 260px;
}

.chart-widget canvas[b-c0aiupg8k0] {
    width: 100%;
    height: 100%;
}
/* /Shared/Components/ConfirmDeleteModal/ConfirmDeleteModal.razor.rz.scp.css */
.confirm-delete-modal[b-94etlqpho9] {
    display: grid;
    gap: 0.75rem;
}

.confirm-delete-modal p[b-94etlqpho9] {
    margin: 0;
}
/* /Shared/Components/DateRangeFilter/DateRangeFilter.razor.rz.scp.css */
.date-range-filter[b-je04v3i9sx] {
    display: grid;
    gap: 0.75rem;
}

.date-range-filter__custom[b-je04v3i9sx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.date-range-filter__native-input[b-je04v3i9sx] {
    min-height: 46px;
    border: 1px solid var(--color-border-default, rgba(124, 101, 255, 0.16));
    border-radius: 14px;
    padding: 0.75rem 0.95rem;
    background: #fff;
    color: #2a213f;
    outline: none;
    box-shadow: 0 8px 20px rgba(77, 50, 158, 0.05);
}

.date-range-filter__native-input:focus[b-je04v3i9sx] {
    border-color: rgba(115, 86, 255, 0.45);
    box-shadow: 0 0 0 3px rgba(115, 86, 255, 0.12);
}

@media (max-width: 768px) {
    .date-range-filter__custom[b-je04v3i9sx] {
        grid-template-columns: 1fr;
    }
}
/* /Shared/Components/Dropdown/Dropdown.razor.rz.scp.css */
.dd[b-oamsvs88ji] {
    position: relative;
    width: 100%;
    font-family: var(--font-family-base);
}

.dd__trigger[b-oamsvs88ji] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-sm);
    padding: 10px 12px;
    border-radius: var(--radius-base);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text);
    box-shadow: var(--shadow-elevation);
    transition: background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.dd__trigger:hover[b-oamsvs88ji] {
    background: var(--color-hover);
}

.dd__trigger:focus-visible[b-oamsvs88ji] {
    outline: none;
    box-shadow: var(--shadow-elevation), var(--focus-ring);
    border-color: var(--color-primary);
}

.dd__text[b-oamsvs88ji] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
}

.dd__text--placeholder[b-oamsvs88ji] {
    color: var(--color-text-muted);
}

.dd__chevron[b-oamsvs88ji] {
    color: var(--color-text-muted);
}

.dd__menu[b-oamsvs88ji] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    min-width: 220px;
    max-height: 320px;
    z-index: calc(var(--z-modal) + 30);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    box-shadow: var(--shadow-elevation);
    padding: 6px;
    overflow: auto;
}

.dd__menu--floating[b-oamsvs88ji] {
    position: fixed;
    top: 0;
    left: 0;
}

.dd--open-upwards .dd__menu[b-oamsvs88ji] {
    top: auto;
    bottom: calc(100% + 6px);
}

.dd__backdrop[b-oamsvs88ji] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-modal) + 20);
    border: none;
    background: transparent;
    padding: 0;
}

.dd__item[b-oamsvs88ji] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
    padding: 10px 10px;
    border: none;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text);
    font-size: var(--font-size-sm);
    transition: background var(--transition-fast);
}

.dd__item:hover[b-oamsvs88ji] {
    background: var(--color-hover);
}

.dd__item.is-selected[b-oamsvs88ji] {
    background: rgba(122, 90, 248, 0.12);
}

.dd__item-label[b-oamsvs88ji] {
    min-width: 0;
    flex: 1;
}

.dd__check[b-oamsvs88ji] {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
    border-radius: 5px;
    color: transparent;
    background: var(--color-surface);
    flex: 0 0 18px;
}

.dd__check.is-selected[b-oamsvs88ji] {
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));
    color: var(--color-primary);
}

.dd__empty[b-oamsvs88ji] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border-radius: var(--radius-sm);
    background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-soft) 100%);
    color: var(--color-text-muted);
}

.dd__empty-icon[b-oamsvs88ji] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));
    color: var(--color-primary);
    font-size: 12px;
    font-weight: var(--font-weight-bold);
    flex: 0 0 22px;
}

.dd__empty-content[b-oamsvs88ji] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.dd__empty-content strong[b-oamsvs88ji] {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.dd__empty-content span[b-oamsvs88ji] {
    font-size: var(--font-size-xs);
    line-height: 1.4;
}
/* /Shared/Components/DuoList/DuoList.razor.rz.scp.css */
.duo-list[b-4xztkcoab9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.duo-list__panel[b-4xztkcoab9] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    min-height: 16rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-border));
    border-radius: 1rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 88%, white 12%) 0%, var(--color-surface) 100%);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--color-primary) 5%, transparent);
}

.duo-list__panel-header[b-4xztkcoab9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.duo-list__panel h4[b-4xztkcoab9] {
    margin: 0;
    font-size: .95rem;
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
}

.duo-list__badge[b-4xztkcoab9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    height: 1.75rem;
    padding: 0 .45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 12%, white 88%);
    color: var(--color-primary);
    font-size: .78rem;
    font-weight: var(--font-weight-bold);
}

.duo-list__items[b-4xztkcoab9] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.duo-list__item[b-4xztkcoab9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    padding: .8rem .9rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
    border-radius: .9rem;
    background: white;
}

.duo-list__item--selected[b-4xztkcoab9] {
    background: color-mix(in srgb, var(--color-surface) 82%, var(--color-primary) 18%);
}

.duo-list__item-content[b-4xztkcoab9] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .4rem;
    min-width: 0;
}

.duo-list__item-label[b-4xztkcoab9] {
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
    word-break: break-word;
}

.duo-list__default[b-4xztkcoab9] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .75rem;
    color: var(--color-text-muted);
}

.duo-list__empty[b-4xztkcoab9] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 9rem;
    padding: 1rem;
    border: 1px dashed color-mix(in srgb, var(--color-primary) 16%, var(--color-border));
    border-radius: .9rem;
    color: var(--color-text-muted);
    text-align: center;
    background: color-mix(in srgb, var(--color-surface) 92%, white 8%);
}

@media (max-width: 800px) {
    .duo-list[b-4xztkcoab9] {
        grid-template-columns: 1fr;
    }

    .duo-list__panel[b-4xztkcoab9] {
        min-height: auto;
    }

    .duo-list__item[b-4xztkcoab9] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Shared/Components/EntityHistory/EntityHistory.razor.rz.scp.css */
.entity-history[b-b5ni4ebl42] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.entity-history__empty[b-b5ni4ebl42] {
    color: var(--color-text-secondary);
}

.entity-history__details[b-b5ni4ebl42] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.entity-history__meta[b-b5ni4ebl42] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.entity-history__meta div[b-b5ni4ebl42] {
    padding: 1rem 1.05rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 88%, white 12%) 0%, var(--color-surface) 100%);
    box-shadow: var(--shadow-elevation);
}

.entity-history__meta span[b-b5ni4ebl42] {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.85rem;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.entity-history__changes[b-b5ni4ebl42] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.entity-history__change-grid[b-b5ni4ebl42] {
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.9rem;
    padding: 1rem 1.05rem;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-xl);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 90%, white 10%) 0%, var(--color-surface) 100%);
    align-items: start;
    box-shadow: var(--shadow-elevation);
}

.entity-history__change-grid--header[b-b5ni4ebl42] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 72%, var(--color-primary) 10%) 0%, color-mix(in srgb, var(--color-surface) 82%, white 18%) 100%);
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-text-primary);
}

.entity-history__change-grid strong[b-b5ni4ebl42],
.entity-history__change-grid span[b-b5ni4ebl42] {
    word-break: break-word;
}

.entity-history__change-grid strong[b-b5ni4ebl42] {
    color: var(--color-text-primary);
}

.entity-history__change-grid span[b-b5ni4ebl42] {
    color: var(--color-text-secondary);
    line-height: 1.45;
}

.entity-history :global(.table-scroll)[b-b5ni4ebl42] {
    border-radius: var(--radius-xl);
}

.entity-history :global(.table thead)[b-b5ni4ebl42] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 82%, var(--color-primary) 8%) 0%, color-mix(in srgb, var(--color-surface) 94%, white 6%) 100%);
}

.entity-history :global(.table th)[b-b5ni4ebl42] {
    font-weight: 700;
}

.entity-history :global(.table td)[b-b5ni4ebl42] {
    vertical-align: middle;
}

.entity-history :global(.table tbody tr:hover)[b-b5ni4ebl42] {
    background: color-mix(in srgb, var(--color-hover) 70%, var(--color-primary) 6%);
}

@media (max-width: 768px) {
    .entity-history__meta[b-b5ni4ebl42] {
        grid-template-columns: 1fr;
    }

    .entity-history__change-grid[b-b5ni4ebl42] {
        grid-template-columns: 1fr;
    }
}
/* /Shared/Components/GuidedTour/GuidedTour.razor.rz.scp.css */
.guided-tour__trigger[b-4bffo7c44v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 2.75rem;
    padding: 0 .95rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
    border-radius: .9rem;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.guided-tour__trigger:hover[b-4bffo7c44v] {
    background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));
    border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
    transform: translateY(-1px);
}

.guided-tour__trigger:focus-visible[b-4bffo7c44v] {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 50%, transparent);
    outline-offset: 2px;
}
/* /Shared/Components/HtmlEditor/HtmlEditor.razor.rz.scp.css */
.html-editor[b-jvh9athfjx] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

.html-editor__label[b-jvh9athfjx] {
    font-size: var(--font-size-sm);
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
}

.html-editor__required[b-jvh9athfjx] {
    color: var(--color-danger);
}

.html-editor__surface[b-jvh9athfjx] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface-soft);
    box-shadow: var(--shadow-elevation);
    overflow: hidden;
}

.html-editor__toolbar[b-jvh9athfjx] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px;
    border-bottom: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}

.html-editor__toolbar-spacer[b-jvh9athfjx] {
    flex: 1 1 auto;
    min-width: 0;
}

.html-editor__toolbar-actions[b-jvh9athfjx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.html-editor__tool[b-jvh9athfjx] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: var(--color-surface);
    color: var(--color-text);
}

.html-editor__content[b-jvh9athfjx] {
    min-height: 140px;
    max-height: 320px;
    overflow: auto;
    padding: 12px 14px;
    background: var(--color-surface);
    outline: none;
    line-height: 1.5;
}

.html-editor__content:empty[b-jvh9athfjx]::before {
    content: attr(data-placeholder);
    color: var(--color-text-muted);
}

.html-editor__content img[b-jvh9athfjx] {
    max-width: 100%;
    border-radius: var(--radius-sm);
}
/* /Shared/Components/Input/Input.razor.rz.scp.css */
.input[b-i16eernru1] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
    width: 100%;
}

.input__label[b-i16eernru1] {
    font-size: var(--font-size-sm);
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
}

.input__required[b-i16eernru1] {
    color: var(--color-danger);
}

.input__control-wrap[b-i16eernru1] {
    position: relative;
}

.input__icon[b-i16eernru1] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-text-muted);
    font-size: 0.85rem;
}

.input__control[b-i16eernru1] {
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    padding: 10px 12px;
    box-shadow: var(--shadow-elevation);
    font-size: var(--font-size-sm);
}

.input__control--with-icon[b-i16eernru1] {
    padding-left: 34px;
}

.input__control:focus[b-i16eernru1] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--focus-ring);
}

.input__control:disabled[b-i16eernru1] {
    opacity: 0.7;
    cursor: not-allowed;
}
/* /Shared/Components/JsonViewer/JsonViewer.razor.rz.scp.css */
.json-viewer[b-h374e6ozly] {
    border: 1px solid color-mix(in srgb, #ffffff 14%, transparent);
    border-radius: 1rem;
    background: #0d1117;
    color: #f8fafc;
    overflow: hidden;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
}

.json-viewer--expanded .json-viewer__viewport[b-h374e6ozly] {
    max-height: min(70vh, 42rem);
}

.json-viewer__toolbar[b-h374e6ozly] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
}

.json-viewer__toolbar--fullscreen[b-h374e6ozly] {
    padding: 1rem 1.1rem;
}

.json-viewer__label[b-h374e6ozly] {
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}

.json-viewer__actions[b-h374e6ozly] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    min-width: 0;
}

.json-viewer__feedback[b-h374e6ozly] {
    color: #7ee787;
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
}

.json-viewer__action[b-h374e6ozly] {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: .7rem;
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
    cursor: pointer;
    transition: background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
}

.json-viewer__action:hover[b-h374e6ozly] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.14);
    transform: translateY(-1px);
}

.json-viewer__action:focus-visible[b-h374e6ozly] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(122, 90, 248, 0.45);
}

.json-viewer__viewport[b-h374e6ozly] {
    max-height: min(24rem, 55vh);
    overflow: auto;
}

.json-viewer__viewport--fullscreen[b-h374e6ozly] {
    max-height: none;
    height: calc(100vh - 5rem);
}

.json-viewer__content[b-h374e6ozly] {
    margin: 0;
    padding: 1rem;
    color: #f8fafc;
    background: transparent;
    font-family: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;
    font-size: .88rem;
    line-height: 1.65;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.json-viewer__fullscreen-backdrop[b-h374e6ozly] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-modal) + 60);
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 1rem;
    background: rgba(3, 7, 18, 0.72);
    backdrop-filter: blur(4px);
}

.json-viewer__fullscreen[b-h374e6ozly] {
    width: min(1100px, 100%);
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.2rem;
    background: #0b0f14;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
}

@media (max-width: 720px) {
    .json-viewer__toolbar[b-h374e6ozly],
    .json-viewer__toolbar--fullscreen[b-h374e6ozly] {
        padding: .8rem;
    }

    .json-viewer__label[b-h374e6ozly] {
        font-size: .76rem;
    }

    .json-viewer__feedback[b-h374e6ozly] {
        display: none;
    }

    .json-viewer__viewport[b-h374e6ozly] {
        max-height: min(20rem, 50vh);
    }

    .json-viewer__content[b-h374e6ozly] {
        padding: .85rem;
        font-size: .8rem;
    }

    .json-viewer__fullscreen-backdrop[b-h374e6ozly] {
        padding: .5rem;
    }

    .json-viewer__fullscreen[b-h374e6ozly] {
        border-radius: 1rem;
    }

    .json-viewer__viewport--fullscreen[b-h374e6ozly] {
        height: calc(100vh - 4.3rem);
    }
}
/* /Shared/Components/JsonViewer/JsonViewerNode.razor.rz.scp.css */
.json-viewer-node[b-hjttf59041] {
    font-family: "Fira Code", "JetBrains Mono", monospace;
    font-size: 0.92rem;
    line-height: 1.55;
    color: #23233a;
}

.json-viewer-node + .json-viewer-node[b-hjttf59041] {
    margin-top: 0.25rem;
}

.json-viewer-node__toggle[b-hjttf59041],
.json-viewer-node__line[b-hjttf59041] {
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
    width: 100%;
    min-width: 0;
}

.json-viewer-node__toggle[b-hjttf59041] {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.json-viewer-node__toggle:hover .json-viewer-node__summary[b-hjttf59041],
.json-viewer-node__toggle:hover .json-viewer-node__key[b-hjttf59041] {
    color: #6d56f5;
}

.json-viewer-node__caret[b-hjttf59041] {
    flex: 0 0 auto;
    width: 0.75rem;
    color: #6d56f5;
}

.json-viewer-node__key[b-hjttf59041] {
    color: #7a6d9f;
    word-break: break-word;
}

.json-viewer-node__separator[b-hjttf59041] {
    color: #a299c7;
}

.json-viewer-node__summary[b-hjttf59041],
.json-viewer-node__value[b-hjttf59041] {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.json-viewer-node__children[b-hjttf59041] {
    margin-top: 0.35rem;
    margin-left: 1.15rem;
    padding-left: 0.85rem;
    border-left: 1px solid rgba(106, 90, 205, 0.16);
}

.json-viewer-node__value--string[b-hjttf59041] {
    color: #0a7b83;
}

.json-viewer-node__value--number[b-hjttf59041] {
    color: #9a3fff;
}

.json-viewer-node__value--boolean[b-hjttf59041] {
    color: #d04d7d;
}

.json-viewer-node__value--null[b-hjttf59041] {
    color: #8b8aa1;
    font-style: italic;
}
/* /Shared/Components/Modal/Modal.razor.rz.scp.css */
.modal[b-00m4rhoi7k] {
    position: fixed;
    inset: 0;
    z-index: var(--z-modal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.modal__overlay[b-00m4rhoi7k] {
    position: absolute;
    inset: 0;
    border: none;
    background: rgba(30, 26, 43, 0.45);
    z-index: var(--z-overlay);
}

.modal__panel[b-00m4rhoi7k] {
    position: relative;
    z-index: var(--z-modal);
    width: 100%;
    max-height: calc(100vh - 40px);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--shadow-elevation);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.modal__panel--allow-overflow[b-00m4rhoi7k] {
    overflow: visible;
    max-height: none;
}

.modal__panel--sm[b-00m4rhoi7k] {
    max-width: 420px;
}

.modal__panel--md[b-00m4rhoi7k] {
    max-width: 640px;
}

.modal__panel--lg[b-00m4rhoi7k] {
    max-width: 920px;
}

.modal__panel--full[b-00m4rhoi7k] {
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    max-width: none;
    max-height: none;
}

.modal__panel--sidebar-right[b-00m4rhoi7k] {
    width: min(520px, calc(100vw - 20px));
    height: calc(100vh - 20px);
    max-width: none;
    max-height: none;
    margin-left: auto;
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}

.modal__header[b-00m4rhoi7k] {
    padding: 16px 20px;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.modal__title[b-00m4rhoi7k] {
    margin: 0;
    color: var(--color-text);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
}

.modal__title-host[b-00m4rhoi7k] {
    min-width: 0;
    flex: 1;
}

.modal__close[b-00m4rhoi7k] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text-muted);
}

.modal__close:hover[b-00m4rhoi7k] {
    background: var(--color-hover);
    color: var(--color-text);
}

.modal__content[b-00m4rhoi7k] {
    padding: 20px;
    color: var(--color-text);
    overflow: auto;
    flex: 1;
}

.modal__content--allow-overflow[b-00m4rhoi7k] {
    overflow: visible;
    flex: 0 0 auto;
}

.modal__actions[b-00m4rhoi7k] {
    padding: 14px 20px;
    border-top: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 640px) {
    .modal__panel--sidebar-right[b-00m4rhoi7k] {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
}
/* /Shared/Components/PhoneInput/PhoneInput.razor.rz.scp.css */
.phone-input[b-i1lkth7gu1] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
    width: 100%;
}

.phone-input__label[b-i1lkth7gu1] {
    font-size: var(--font-size-sm);
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
}

.phone-input__required[b-i1lkth7gu1] {
    color: var(--color-danger);
}

.phone-input__field[b-i1lkth7gu1] {
    position: relative;
    width: 100%;
}

.phone-input__country[b-i1lkth7gu1] {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    z-index: 1;
}

.phone-input__trigger[b-i1lkth7gu1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    background: rgba(122, 90, 248, 0.08);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    padding: 6px 10px;
    border-radius: 999px;
    cursor: pointer;
}

.phone-input__trigger:hover[b-i1lkth7gu1] {
    background: rgba(122, 90, 248, 0.14);
}

.phone-input__flag[b-i1lkth7gu1],
.phone-input__menu-flag[b-i1lkth7gu1] {
    font-size: 1rem;
    line-height: 1;
}

.phone-input__ddi[b-i1lkth7gu1] {
    white-space: nowrap;
}

.phone-input__chevron[b-i1lkth7gu1] {
    color: var(--color-text-muted);
    font-size: 0.75rem;
}

.phone-input__menu[b-i1lkth7gu1] {
    position: fixed;
    padding: 6px 6px 20px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-elevation);
    z-index: 1200;
    max-height: 320px;
    overflow: auto;
}

.phone-input__menu-item[b-i1lkth7gu1] {
    width: 100%;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    text-align: left;
    color: var(--color-text);
}

.phone-input__menu-item:hover[b-i1lkth7gu1] {
    background: var(--color-hover);
}

.phone-input__menu-item.is-selected[b-i1lkth7gu1] {
    background: rgba(122, 90, 248, 0.12);
}

.phone-input__menu-name[b-i1lkth7gu1] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.phone-input__menu-ddi[b-i1lkth7gu1] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
}

.phone-input__control[b-i1lkth7gu1] {
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    padding: 10px 12px 10px 112px;
    box-shadow: var(--shadow-elevation);
    font-size: var(--font-size-sm);
    min-height: 42px;
}

.phone-input__control:focus[b-i1lkth7gu1],
.phone-input__trigger:focus[b-i1lkth7gu1] {
    outline: none;
}

.phone-input__field:focus-within .phone-input__control[b-i1lkth7gu1] {
    border-color: var(--color-primary);
    box-shadow: var(--focus-ring);
}

.phone-input__trigger:disabled[b-i1lkth7gu1],
.phone-input__control:disabled[b-i1lkth7gu1] {
    opacity: 0.7;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .phone-input__menu[b-i1lkth7gu1] {
        max-width: calc(100vw - 16px);
    }

    .phone-input__control[b-i1lkth7gu1] {
        padding-left: 102px;
    }
}
/* /Shared/Components/PolicyScopeEditor/PolicyScopeEditor.razor.rz.scp.css */
.policy-scope-editor[b-4a0mxhn3x7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: none;
}

.policy-scope-editor__group[b-4a0mxhn3x7] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.policy-scope-editor__group-header[b-4a0mxhn3x7] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.policy-scope-editor__group-title[b-4a0mxhn3x7] {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.policy-scope-editor__group-grid[b-4a0mxhn3x7] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: start;
}

.policy-scope-editor__field[b-4a0mxhn3x7] {
    display: flex;
    min-width: 0;
    width: 100%;
}

.policy-scope-editor__field--compact[b-4a0mxhn3x7] {
    max-width: none;
}

.policy-scope-editor__field--wide[b-4a0mxhn3x7] {
    min-width: 0;
}

.policy-scope-editor__field-row[b-4a0mxhn3x7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    width: 100%;
}

.policy-scope-editor__field-stack[b-4a0mxhn3x7] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .45rem;
    width: 100%;
}

.policy-scope-editor__label-row[b-4a0mxhn3x7] {
    width: 100%;
}

.policy-scope-editor__field-row--split[b-4a0mxhn3x7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.policy-scope-editor__meta--empty[b-4a0mxhn3x7] {
    min-height: 1.9rem;
}
.policy-scope-editor__field-left[b-4a0mxhn3x7] {
    min-width: 0;
}

.policy-scope-editor__field-row--toggle[b-4a0mxhn3x7] {
    gap: .9rem;
    align-items: flex-start;
}

.policy-scope-editor__control[b-4a0mxhn3x7] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

.policy-scope-editor__meta[b-4a0mxhn3x7] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .6rem;
    flex-wrap: nowrap;
    width: 100%;
    min-width: 0;
}

.policy-scope-editor__label[b-4a0mxhn3x7] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    font-size: var(--font-size-sm);
    color: var(--color-text);
    font-weight: var(--font-weight-semibold);
    min-width: 0;
}

.policy-scope-editor__label-text[b-4a0mxhn3x7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.policy-scope-editor__required[b-4a0mxhn3x7] {
    color: var(--color-danger);
}

.policy-scope-editor__empty[b-4a0mxhn3x7] {
    color: var(--color-text-muted);
}

.policy-scope-editor__toggle[b-4a0mxhn3x7] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 2.6rem;
    height: 1.5rem;
    padding: .125rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 14%, var(--color-border));
    background: color-mix(in srgb, var(--color-surface-2) 85%, white 15%);
    cursor: pointer;
    appearance: none;
    transition: background-color .18s ease, border-color .18s ease;
}

.policy-scope-editor__toggle.is-on[b-4a0mxhn3x7] {
    background: color-mix(in srgb, var(--color-primary) 16%, white 84%);
    border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
}

.policy-scope-editor__toggle.is-unset[b-4a0mxhn3x7] {
    background: color-mix(in srgb, var(--color-warning) 10%, white 90%);
    border-color: color-mix(in srgb, var(--color-warning) 36%, var(--color-border));
}

.policy-scope-editor__toggle-thumb[b-4a0mxhn3x7] {
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 999px;
    background: white;
    box-shadow: 0 4px 10px color-mix(in srgb, black 10%, transparent);
    transition: transform .18s ease, background-color .18s ease;
}

.policy-scope-editor__toggle.is-on .policy-scope-editor__toggle-thumb[b-4a0mxhn3x7] {
    transform: translateX(1.05rem);
    background: var(--color-primary);
}

.policy-scope-editor__toggle.is-unset .policy-scope-editor__toggle-thumb[b-4a0mxhn3x7] {
    background: color-mix(in srgb, var(--color-warning) 68%, white 32%);
}

.policy-scope-editor__field :global(.dd)[b-4a0mxhn3x7] {
    width: 100%;
}

.policy-scope-editor__field :global(.dd__trigger)[b-4a0mxhn3x7] {
    width: 100%;
    min-height: 2.9rem;
    border-radius: .9rem;
    border-color: color-mix(in srgb, var(--color-primary) 12%, var(--color-border));
    background: white;
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 65%, transparent);
}

.policy-scope-editor__field :global(.input)[b-4a0mxhn3x7] {
    width: 100%;
}

.policy-scope-editor__field :global(.input__control-wrap)[b-4a0mxhn3x7] {
    width: 100%;
}

.policy-scope-editor__field :global(.input__control)[b-4a0mxhn3x7] {
    min-height: 2.9rem;
    border-radius: .9rem;
    width: 100%;
}

.policy-scope-editor__info[b-4a0mxhn3x7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid var(--color-border);
    color: var(--color-text-muted);
    font-size: .7rem;
    font-weight: var(--font-weight-bold);
    cursor: help;
    user-select: none;
    background: var(--color-surface);
}

.policy-scope-editor__state-text[b-4a0mxhn3x7] {
    font-size: .7rem;
    font-weight: var(--font-weight-semibold);
    letter-spacing: .01em;
    text-transform: uppercase;
    color: var(--color-text-muted);
}

.policy-scope-editor__state[b-4a0mxhn3x7] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .6rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: .01em;
    text-transform: uppercase;
}

.policy-scope-editor__state--configured[b-4a0mxhn3x7] {
    color: color-mix(in srgb, var(--color-primary) 72%, black 28%);
    background: color-mix(in srgb, var(--color-primary) 12%, white 88%);
    border: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
}

.policy-scope-editor__state--inherited[b-4a0mxhn3x7] {
    color: color-mix(in srgb, var(--color-warning) 70%, black 30%);
    background: color-mix(in srgb, var(--color-warning) 12%, white 88%);
    border: 1px solid color-mix(in srgb, var(--color-warning) 24%, var(--color-border));
}

.policy-scope-editor__action[b-4a0mxhn3x7] {
    border: 0;
    background: transparent;
    color: var(--color-text-muted);
    font-size: .7rem;
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    padding: 0;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}

.policy-scope-editor__action:hover[b-4a0mxhn3x7] {
    color: var(--color-primary);
}

.policy-scope-editor__action--secondary[b-4a0mxhn3x7] {
    border: 1px solid var(--color-border);
    border-radius: 999px;
    padding: .2rem .65rem;
    background: var(--color-surface);
}

.policy-scope-editor__action--secondary:hover[b-4a0mxhn3x7] {
    border-color: color-mix(in srgb, var(--color-primary) 28%, var(--color-border));
    background: color-mix(in srgb, var(--color-primary) 6%, white 94%);
}

@media (max-width: 720px) {
    .policy-scope-editor[b-4a0mxhn3x7] {
        width: 100%;
        max-width: none;
    }

    .policy-scope-editor__group-grid[b-4a0mxhn3x7] {
        grid-template-columns: 1fr;
    }

    .policy-scope-editor__field-row[b-4a0mxhn3x7] {
        flex-direction: column;
        align-items: stretch;
    }

    .policy-scope-editor__field-row--split[b-4a0mxhn3x7] {
        grid-template-columns: 1fr;
        row-gap: .5rem;
    }

    .policy-scope-editor__field-row--toggle[b-4a0mxhn3x7] {
        flex-direction: row;
        align-items: center;
    }

    .policy-scope-editor__control[b-4a0mxhn3x7] {
        flex-basis: auto;
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .policy-scope-editor__label[b-4a0mxhn3x7] {
        align-items: flex-start;
    }
}
/* /Shared/Components/Skeleton/Skeleton.razor.rz.scp.css */
.sk[b-ch6l0eq73v] {
    display: inline-block;
    background: linear-gradient(90deg, var(--color-hover) 20%, var(--color-border) 50%, var(--color-hover) 80%);
    background-size: 200% 100%;
    animation: sk-shimmer-b-ch6l0eq73v 1.4s ease-in-out infinite;
}

.sk--text[b-ch6l0eq73v] {
    height: 14px;
    border-radius: var(--radius-sm);
}

.sk--circle[b-ch6l0eq73v] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
}

@keyframes sk-shimmer-b-ch6l0eq73v {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}
/* /Shared/Components/Table/Table.razor.rz.scp.css */
.table-wrapper[b-whyi4l1rz1] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
    width: 100%;
}

.table-scroll[b-whyi4l1rz1] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--shadow-elevation);
}

.table[b-whyi4l1rz1] {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
    font-family: var(--font-family-base);
    color: var(--color-text);
}

.table thead[b-whyi4l1rz1] {
    background: var(--color-background);
}

.table th[b-whyi4l1rz1],
.table td[b-whyi4l1rz1] {
    padding: var(--gap-md) var(--gap-lg);
    border-bottom: 1px solid var(--color-border);
    text-align: left;
    font-size: var(--font-size-sm);
}

.table th[b-whyi4l1rz1] {
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}

.table td[b-whyi4l1rz1] {
    font-weight: var(--font-weight-normal);
}

.table tbody tr:hover[b-whyi4l1rz1] {
    background: var(--color-hover);
}

.table__row--loading:hover[b-whyi4l1rz1] {
    background: transparent;
}

.table__actions[b-whyi4l1rz1],
.table__actions-header[b-whyi4l1rz1] {
    text-align: right;
    white-space: nowrap;
}

.table__actions[b-whyi4l1rz1] {
    width: 1%;
}

.table__actions-content[b-whyi4l1rz1] {
    display: flex;
    justify-content: flex-end;
    gap: var(--gap-sm);
}

.table__empty[b-whyi4l1rz1] {
    text-align: center;
    color: var(--color-text-muted);
    padding: var(--gap-xl) var(--gap-lg);
}

.table tbody tr:last-child td[b-whyi4l1rz1] {
    border-bottom: none;
}

.table-pagination[b-whyi4l1rz1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-md);
    flex-wrap: nowrap;
    border-top: 1px solid var(--color-border);
    background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-background) 100%);
    padding: 10px var(--gap-md);
}

.table-pagination__nav[b-whyi4l1rz1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--gap-sm);
    white-space: nowrap;
    min-width: 84px;
}

.table-pagination__nav[b-whyi4l1rz1] (.btn) {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 999px;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
}

.table-pagination__nav[b-whyi4l1rz1] (.btn:hover:not(:disabled)) {
    background: var(--color-hover);
}

.table-pagination__nav[b-whyi4l1rz1] (.btn__icon) {
    font-size: 0.8rem;
}

.table-pagination__status[b-whyi4l1rz1] {
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.table-pagination__status--page[b-whyi4l1rz1] {
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    padding: 6px 12px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
}

.table-pagination__status-separator[b-whyi4l1rz1] {
    margin: 0 8px;
    color: var(--color-text-muted);
}

@media (max-width: 768px) {
    .table[b-whyi4l1rz1] {
        min-width: unset;
    }

    .table thead[b-whyi4l1rz1] {
        display: none;
    }

    .table[b-whyi4l1rz1],
    .table tbody[b-whyi4l1rz1],
    .table tr[b-whyi4l1rz1],
    .table td[b-whyi4l1rz1] {
        display: block;
        width: 100%;
    }

    .table tbody tr[b-whyi4l1rz1] {
        padding: var(--gap-sm) 0;
        border-bottom: 1px solid var(--color-border);
    }

    .table td[b-whyi4l1rz1] {
        border-bottom: none;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: var(--gap-md);
        padding: var(--gap-sm) var(--gap-md);
    }

    .table td[b-whyi4l1rz1]::before {
        content: attr(data-label);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-muted);
        flex-shrink: 0;
    }

    .table__actions-content[b-whyi4l1rz1] {
        justify-content: flex-end;
    }

    .table-pagination[b-whyi4l1rz1] {
        justify-content: center;
        flex-wrap: wrap;
        gap: var(--gap-sm);
    }

    .table-pagination__status--page[b-whyi4l1rz1] {
        order: -1;
    }
}
/* /Shared/Components/Toasts/Toasts.razor.rz.scp.css */
.toasts-host[b-owgn9e7i58] {
    position: fixed;
    top: calc(var(--header-height, 60px) + var(--gap-lg));
    right: var(--gap-lg);
    z-index: calc(var(--z-modal) + 20);
    pointer-events: none;
}

.toasts-stack[b-owgn9e7i58] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
    align-items: flex-end;
}

.toast[b-owgn9e7i58] {
    width: min(420px, calc(100vw - (var(--gap-lg) * 2)));
    display: grid;
    grid-template-columns: 40px 1fr 36px;
    gap: var(--gap-md);
    align-items: start;

    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-elevation);

    padding: var(--gap-md);
    pointer-events: auto;

    color: var(--color-text);
    font-family: var(--font-family-base);

    transform: translateY(-6px);
    opacity: 0;
    animation: toast-in-b-owgn9e7i58 var(--transition-medium) forwards;
}

@keyframes toast-in-b-owgn9e7i58 {
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.toast.is-closing[b-owgn9e7i58] {
    animation: toast-out-b-owgn9e7i58 180ms ease forwards;
}

@keyframes toast-out-b-owgn9e7i58 {
    to {
        transform: translateY(-6px);
        opacity: 0;
    }
}

.toast__icon[b-owgn9e7i58] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-base);
    display: grid;
    place-items: center;
    font-size: 1.1rem;
    border: none;
}

.toast__body[b-owgn9e7i58] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
    min-width: 0;
}

.toast__title[b-owgn9e7i58] {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-sm);
    line-height: 1.2;
}

.toast__message[b-owgn9e7i58] {
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.toast__action[b-owgn9e7i58] {
    margin-top: var(--gap-sm);
    align-self: flex-start;
    border: 1px solid var(--color-border);
    background: transparent;
    color: var(--color-text);
    border-radius: var(--radius-base);
    padding: 6px 10px;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    transition: background var(--transition-fast), border-color var(--transition-fast);
    cursor: pointer;
}

.toast__action:hover[b-owgn9e7i58] {
    background: var(--color-hover);
    border-color: var(--color-border);
}

.toast__close[b-owgn9e7i58] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-base);
    border: 1px solid transparent;
    background: transparent;
    color: var(--color-text-muted);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}

.toast__close:hover[b-owgn9e7i58] {
    background: var(--color-hover);
    color: var(--color-text);
    border-color: var(--color-border);
}

.toast--success[b-owgn9e7i58] {
    border-left: 4px solid #2ea043;
}

.toast--success .toast__icon[b-owgn9e7i58] {
    color: #2ea043;
}

.toast--info[b-owgn9e7i58] {
    border-left: 4px solid var(--color-primary);
}

.toast--info .toast__icon[b-owgn9e7i58] {
    color: var(--color-primary);
}

.toast--warning[b-owgn9e7i58] {
    border-left: 4px solid #d29922;
}

.toast--warning .toast__icon[b-owgn9e7i58] {
    color: #d29922;
}

.toast--error[b-owgn9e7i58] {
    border-left: 4px solid #d1242f;
}

.toast--error .toast__icon[b-owgn9e7i58] {
    color: #d1242f;
}


@media (max-width: 520px) {
    .toasts-host[b-owgn9e7i58] {
        right: var(--gap-md);
        left: var(--gap-md);
        top: calc(var(--header-height, 60px) + var(--gap-md));
    }

    .toasts-stack[b-owgn9e7i58] {
        align-items: stretch;
    }

    .toast[b-owgn9e7i58] {
        width: 100%;
    }
}
/* /Shared/Layout/BlankLayout/BlankLayout.razor.rz.scp.css */
.blank-layout[b-pfwwlc9nmu] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--gap-lg);
    background:
        radial-gradient(circle at 10% 10%, rgba(122, 90, 248, 0.14), transparent 36%),
        radial-gradient(circle at 90% 80%, rgba(98, 54, 255, 0.10), transparent 40%),
        var(--color-background);
}

.blank-layout:has(.auth-loading)[b-pfwwlc9nmu],
.blank-layout:has(.auth-shell)[b-pfwwlc9nmu] {
    display: block;
    padding: 0;
    background: var(--color-background);
}
/* /Shared/Layout/ChangeCompany/ChangeCompany.razor.rz.scp.css */
.change-company[b-f8eqng99o9] {
    border: 1px solid color-mix(in oklab, var(--color-primary) 24%, var(--color-border));
    background: linear-gradient(
        135deg,
        color-mix(in oklab, var(--color-primary) 10%, var(--color-surface)) 0%,
        var(--color-surface) 60%
    );
    border-radius: 14px;
    padding: 8px 10px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    max-width: 430px;
    text-align: left;
    transition: border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

.change-company:focus-visible[b-f8eqng99o9] {
    outline: none;
    box-shadow: var(--shadow-elevation), var(--focus-ring);
}

.change-company--clickable[b-f8eqng99o9] {
    cursor: pointer;
}

.change-company--readonly[b-f8eqng99o9] {
    cursor: default;
}

.change-company--clickable:hover[b-f8eqng99o9] {
    border-color: color-mix(in oklab, var(--color-primary) 45%, var(--color-border));
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.change-company__icon[b-f8eqng99o9] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-header-badge-fg);
    background: var(--color-header-badge-bg);
    flex-shrink: 0;
    font-size: 14px;
    line-height: 1;
}

.change-company__content[b-f8eqng99o9] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 1px;
}

.change-company__content small[b-f8eqng99o9] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: 1.1;
}

.change-company__content strong[b-f8eqng99o9] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.change-company__modal-content[b-f8eqng99o9] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}

.change-company__modal-description[b-f8eqng99o9] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.change-company__field[b-f8eqng99o9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.change-company__field-label[b-f8eqng99o9] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.change-company__field :deep(.dd__trigger)[b-f8eqng99o9] {
    width: 100%;
}

.change-company__field :deep(.dd__menu)[b-f8eqng99o9] {
    top: auto;
    bottom: calc(100% + 6px);
    z-index: 1200;
    max-height: 260px;
    overflow-y: auto;
}

@media (max-width: 1024px) {
    .change-company[b-f8eqng99o9] {
        max-width: 320px;
    }
}

@media (max-width: 960px) and (min-width: 768px) {
    .change-company[b-f8eqng99o9] {
        max-width: none;
        width: 42px;
        height: 42px;
        padding: 0;
        gap: 0;
        border-radius: 10px;
        justify-content: center;
    }

    .change-company__content[b-f8eqng99o9] {
        display: none;
    }

    .change-company__icon[b-f8eqng99o9] {
        width: 28px;
        height: 28px;
        border-radius: 8px;
    }
}

@media (max-width: 767px) {
    .change-company[b-f8eqng99o9] {
        max-width: none;
        width: 42px;
        height: 42px;
        padding: 0;
        gap: 0;
        border-radius: 10px;
        justify-content: center;
    }

    .change-company__content[b-f8eqng99o9] {
        display: none;
    }

    .change-company__icon[b-f8eqng99o9] {
        width: 28px;
        height: 28px;
        border-radius: 8px;
    }

}
/* /Shared/Layout/ChangeWorkspace/ChangeWorkspace.razor.rz.scp.css */
.change-workspace[b-l6oy16c41r] {
    border: 1px solid color-mix(in oklab, var(--color-primary) 24%, var(--color-border));
    background: linear-gradient(
        135deg,
        color-mix(in oklab, var(--color-primary) 10%, var(--color-surface)) 0%,
        var(--color-surface) 60%
    );
    border-radius: 14px;
    padding: 8px 10px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    max-width: 220px;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

.change-workspace:hover[b-l6oy16c41r] {
    border-color: color-mix(in oklab, var(--color-primary) 45%, var(--color-border));
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.change-workspace:focus-visible[b-l6oy16c41r] {
    outline: none;
    box-shadow: var(--shadow-elevation), var(--focus-ring);
}

.change-workspace__icon[b-l6oy16c41r] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-header-badge-fg);
    background: var(--color-header-badge-bg);
    flex-shrink: 0;
    font-size: 14px;
    line-height: 1;
}

.change-workspace__content[b-l6oy16c41r] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 1px;
}

.change-workspace__content small[b-l6oy16c41r] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: 1.1;
}

.change-workspace__content strong[b-l6oy16c41r] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.change-workspace__action-hint[b-l6oy16c41r] {
    color: var(--color-text-muted);
    font-size: 12px;
    padding-left: 2px;
    flex-shrink: 0;
}

.change-workspace__field[b-l6oy16c41r] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.change-workspace__field-label[b-l6oy16c41r] {
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

@media (max-width: 960px) and (min-width: 768px) {
    .change-workspace[b-l6oy16c41r] {
        max-width: 170px;
        padding: 7px 9px;
        gap: 8px;
    }

    .change-workspace__icon[b-l6oy16c41r] {
        width: 30px;
        height: 30px;
        border-radius: 9px;
    }

    .change-workspace__content strong[b-l6oy16c41r] {
        max-width: 88px;
    }

    .change-workspace__action-hint[b-l6oy16c41r] {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .change-workspace[b-l6oy16c41r] {
        max-width: none;
        width: 42px;
        height: 42px;
        padding: 0;
        gap: 0;
        border-radius: 10px;
        justify-content: center;
    }

    .change-workspace__content[b-l6oy16c41r] {
        display: none;
    }

    .change-workspace__icon[b-l6oy16c41r] {
        width: 28px;
        height: 28px;
        border-radius: 8px;
    }

    .change-workspace__action-hint[b-l6oy16c41r] {
        display: none;
    }
}
/* /Shared/Layout/Footer.razor.rz.scp.css */
.app-footer[b-al73nxi35l] {
    height: var(--footer-height);
    background-color: var(--color-footer);
    color: var(--color-text-muted);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 var(--gap-lg);
    font-family: var(--font-family-base);
    font-size: var(--font-size-sm);
    text-align: center;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.05);
}

.footer-content[b-al73nxi35l] {
    display: flex;
    flex-direction: row;
    gap: var(--gap-md);
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


@media (max-width: 767px) {
    .app-footer[b-al73nxi35l] {
        font-size: var(--font-size-xs);
        padding: var(--gap-sm);
    }

    .footer-content[b-al73nxi35l] {
        flex-direction: column;
        gap: var(--gap-xs);
    }
}
/* /Shared/Layout/Header.razor.rz.scp.css */
.app-header[b-hxub872eci] {
    height: var(--header-height);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--gap-lg);
    background-color: var(--color-header);
    box-shadow: var(--shadow-elevation);
    z-index: var(--z-header);
}

.header-right[b-hxub872eci] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    gap: 10px;
    overflow: visible;
}

.header-right__item[b-hxub872eci] {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.header-right__item--softphone[b-hxub872eci] {
    position: relative;
}

.header-left[b-hxub872eci] {
    display: flex;
    align-items: center;
    gap: var(--gap-md);
    min-width: 0;
}

.menu-toggle[b-hxub872eci] {
    display: none;
    background: none;
    border: none;
    font-size: var(--font-size-xl);
    color: var(--color-text);
    cursor: pointer;
    padding: var(--gap-xs);
    transition: color var(--transition-fast);
}

.menu-toggle:hover[b-hxub872eci] {
    color: var(--color-primary);
}


.app-brand[b-hxub872eci] {
    font-family: var(--font-family-base);
    font-size: 1.7rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: -0.5px;
    color: var(--color-primary);
    position: relative;
    user-select: none;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 960px) and (min-width: 768px) {
    .app-header[b-hxub872eci] {
        padding: 0 .75rem;
        gap: .75rem;
    }

    .header-left[b-hxub872eci] {
        gap: .5rem;
    }

    .header-right[b-hxub872eci] {
        gap: 8px;
    }

    .menu-toggle[b-hxub872eci] {
        display: inline-block;
    }

    .app-brand[b-hxub872eci] {
        font-size: 1.45rem;
    }
}

@media (max-width: 767px) {
    .menu-toggle[b-hxub872eci] {
        display: inline-block;
    }

    .app-brand[b-hxub872eci] {
        font-size: 1.4rem;
    }

    .app-header[b-hxub872eci] {
        padding: 0 .75rem;
        gap: .5rem;
    }

    .header-right[b-hxub872eci] {
        gap: 6px;
    }
}
/* /Shared/Layout/MainLayout.razor.rz.scp.css */
.layout-body[b-g8j1v4eksb] {
    display: flex;
    flex: 1;
    min-height: 0;
    height: calc(100vh - var(--header-height) - var(--footer-height));
    overflow: hidden;
    gap: var(--gap-lg);
    padding: var(--gap-md);
}

main[b-g8j1v4eksb] {
    flex: 1;
    padding: var(--gap-md);
    background-color: var(--color-surface);
    border-radius: var(--radius-base);
    box-shadow: var(--shadow-elevation);
    overflow-y: auto;
    min-height: 0;
    min-width: 0;
}

@media (max-width: 767px) {
    .layout-body[b-g8j1v4eksb] {
        flex-direction: column;
        height: calc(100vh - var(--header-height) - var(--footer-height));
        gap: var(--gap-md);
        padding: .75rem;
    }

    main[b-g8j1v4eksb] {
        flex: 1;
        width: 100%;
        border-radius: var(--radius-base);
        padding: var(--gap-md);
        box-shadow: none;
    }
}
/* /Shared/Layout/NavMenu.razor.rz.scp.css */
.nav-menu[b-q7mc02x55y] {
    width: clamp(17rem, 21vw, 20rem);
    min-width: 0;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 4%, var(--color-surface)) 0%, var(--color-surface) 22%);
    border-radius: calc(var(--radius-base) + .25rem);
    padding: .9rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
    box-shadow: 0 18px 45px rgba(77, 62, 120, .08);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    transition: transform var(--transition-medium) ease, width var(--transition-medium) ease, padding var(--transition-medium) ease;
    font-family: var(--font-family-base);
    position: relative;
    min-height: 0;
    overflow: hidden;
}

.nav-menu__content[b-q7mc02x55y] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: .15rem;
    margin-right: -.15rem;
}

.nav-menu__content[b-q7mc02x55y]::-webkit-scrollbar {
    width: .45rem;
}

.nav-menu__content[b-q7mc02x55y]::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar-thumb);
    border-radius: 999px;
}

.nav-menu ul.menu-list[b-q7mc02x55y] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .22rem;
}

.menu-section-divider[b-q7mc02x55y] {
    list-style: none;
    display: grid;
    gap: .45rem;
    padding: .95rem .8rem .3rem;
    margin-top: .3rem;
}

.menu-section-divider__line[b-q7mc02x55y] {
    display: block;
    width: 100%;
    height: 1px;
    background: color-mix(in srgb, var(--color-primary) 14%, var(--color-border));
}

.menu-section-divider__label[b-q7mc02x55y] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--color-text-muted);
}

.menu-item>button.menu-button[b-q7mc02x55y] {
    display: flex;
    align-items: center;
    gap: .72rem;
    padding: .68rem .8rem;
    border-radius: .95rem;
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    position: relative;
    transition: background var(--transition-fast);
    font-family: var(--font-family-base);
    font-size: .91rem;
    line-height: 1.15;
    min-width: 0;
}

.menu-label[b-q7mc02x55y] {
    white-space: normal;
    word-break: break-word;
    min-width: 0;
}

.menu-pill[b-q7mc02x55y] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    padding: .22rem .5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-soft));
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
    color: var(--color-primary);
    font-size: .63rem;
    font-weight: 700;
    letter-spacing: .02em;
    white-space: nowrap;
    flex-shrink: 0;
}

.nav-desktop-header[b-q7mc02x55y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: .9rem;
    gap: .75rem;
    padding: .15rem .2rem .7rem;
    border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
}

.nav-desktop-header__copy[b-q7mc02x55y],
.menu-header__copy[b-q7mc02x55y] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.nav-desktop-header__eyebrow[b-q7mc02x55y],
.menu-header__eyebrow[b-q7mc02x55y] {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--color-text-muted);
}

.nav-desktop-header__title[b-q7mc02x55y] {
    font-size: 1rem;
    color: var(--color-text);
}

.sidebar-collapse-btn[b-q7mc02x55y] {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
    border: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform var(--transition-medium), background var(--transition-fast), border-color var(--transition-fast);
    flex-shrink: 0;
}

.sidebar-collapse-btn:hover[b-q7mc02x55y] {
    background: color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));
    border-color: color-mix(in srgb, var(--color-primary) 26%, var(--color-border));
}

.sidebar-collapse-btn i[b-q7mc02x55y] {
    color: var(--color-text);
}

.menu-item.active>button.menu-button[b-q7mc02x55y]::before {
    content: "";
    position: absolute;
    left: .3rem;
    top: .4rem;
    width: .22rem;
    height: calc(100% - .8rem);
    background-color: var(--color-primary);
    border-radius: 999px;
}

.menu-item>button.menu-button:hover[b-q7mc02x55y],
.menu-item.active>button.menu-button[b-q7mc02x55y] {
    background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));
    font-weight: var(--font-weight-semibold);
}

.menu-item>button.menu-button:disabled[b-q7mc02x55y],
.submenu-item>button.submenu-button:disabled[b-q7mc02x55y] {
    cursor: not-allowed;
}

.menu-button--locked[b-q7mc02x55y],
.submenu-button--locked[b-q7mc02x55y] {
    color: var(--color-text-muted);
    opacity: .84;
}

.menu-button--locked:hover[b-q7mc02x55y],
.submenu-button--locked:hover[b-q7mc02x55y] {
    background: none;
    font-weight: var(--font-weight-medium);
}

.submenu[b-q7mc02x55y] {
    list-style: none;
    padding-left: .85rem;
    margin-top: .15rem;
    display: flex;
    flex-direction: column;
    gap: .08rem;
}

.submenu--nested[b-q7mc02x55y] {
    padding-left: .55rem;
    margin-top: .1rem;
    border-left: 1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-border));
}

.submenu-item>button.submenu-button[b-q7mc02x55y] {
    display: flex;
    align-items: center;
    gap: .62rem;
    padding: .52rem .72rem;
    border-radius: .8rem;
    color: var(--color-text-muted);
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-size: .87rem;
    transition: background var(--transition-fast), color var(--transition-fast);
    min-width: 0;
}

.submenu-item>button.submenu-button:hover[b-q7mc02x55y],
.submenu-item.active>button.submenu-button[b-q7mc02x55y] {
    color: var(--color-text);
    background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));
}

.submenu-item>button.submenu-button.submenu-button--locked:hover[b-q7mc02x55y],
.submenu-item.active>button.submenu-button.submenu-button--locked[b-q7mc02x55y] {
    color: var(--color-text-muted);
    background: none;
}

.submenu-arrow[b-q7mc02x55y] {
    margin-left: auto;
    flex-shrink: 0;
    font-size: .78rem;
    color: var(--color-text-muted);
}

.lock-icon[b-q7mc02x55y] {
    margin-left: auto;
    flex-shrink: 0;
    color: var(--color-warning);
    font-size: .76rem;
}

.menu-header[b-q7mc02x55y],
.close-menu[b-q7mc02x55y] {
    display: none;
}

.menu-button i:first-child[b-q7mc02x55y],
.submenu-button i:first-child[b-q7mc02x55y] {
    width: 1.1rem;
    text-align: center;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .nav-menu.nav-collapsed[b-q7mc02x55y] {
        width: 5.5rem;
        padding: .9rem .65rem;
        align-items: center;
    }

    .nav-menu.nav-collapsed .nav-desktop-header[b-q7mc02x55y] {
        justify-content: center;
        padding-inline: 0;
    }

    .nav-menu.nav-collapsed .nav-desktop-header__copy[b-q7mc02x55y] {
        display: none;
    }

    .nav-menu.nav-collapsed .menu-list[b-q7mc02x55y] {
        width: 100%;
    }

    .nav-menu.nav-collapsed .menu-button[b-q7mc02x55y],
    .nav-menu.nav-collapsed .submenu-button[b-q7mc02x55y] {
        justify-content: center;
        padding-inline: .75rem;
    }

    .nav-menu.nav-collapsed .menu-label[b-q7mc02x55y] {
        display: none;
    }

    .nav-menu.nav-collapsed .menu-pill[b-q7mc02x55y] {
        display: none;
    }

    .nav-menu.nav-collapsed .menu-section-divider[b-q7mc02x55y] {
        display: none;
    }

    .nav-menu.nav-collapsed .submenu[b-q7mc02x55y] {
        display: none;
    }

    .nav-menu.nav-collapsed .submenu-arrow[b-q7mc02x55y] {
        display: none;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    .nav-menu[b-q7mc02x55y] {
        width: min(18rem, 30vw);
    }
}

@media (max-width: 767px) {

    .nav-desktop-header[b-q7mc02x55y] {
        display: none;
    }

    .nav-menu[b-q7mc02x55y] {
        position: fixed;
        top: .75rem;
        left: 0;
        width: min(88vw, 22rem);
        height: calc(100vh - 1.5rem);
        transform: translateX(calc(-100% - 2rem));
        z-index: calc(var(--z-nav) + 1);
        justify-content: flex-start;
        padding: 1rem;
        margin-left: .75rem;
        border-radius: 1.2rem;
        box-shadow: 0 24px 60px rgba(25, 19, 43, .18);
        visibility: hidden;
        pointer-events: none;
    }

    .nav-menu.open[b-q7mc02x55y] {
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
    }

    .menu-header[b-q7mc02x55y] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-bottom: .9rem;
        padding: .25rem .2rem .9rem;
        border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 10%, var(--color-border));
    }

    .menu-header h2[b-q7mc02x55y] {
        font-size: 1.1rem;
        font-weight: var(--font-weight-semibold);
        color: var(--color-text);
        margin: 0;
    }

    .close-menu[b-q7mc02x55y] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 50%;
        font-size: var(--font-size-xl);
        cursor: pointer;
        color: var(--color-text-muted);
        background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
        line-height: 1;
    }

    .overlay[b-q7mc02x55y] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(17, 14, 30, 0.38);
        backdrop-filter: blur(3px);
        z-index: var(--z-nav);
    }

    .nav-menu ul.menu-list[b-q7mc02x55y] {
        gap: .35rem;
    }

    .menu-item>button.menu-button[b-q7mc02x55y] {
        font-size: .95rem;
        padding: .74rem .82rem;
    }

    .submenu-item>button.submenu-button[b-q7mc02x55y] {
        font-size: .9rem;
    }

    .submenu[b-q7mc02x55y] {
        padding-left: .65rem;
    }
}

@media (max-width: 420px) {
    .nav-menu[b-q7mc02x55y] {
        width: calc(100vw - 1rem);
        height: calc(100vh - 1rem);
        margin-left: .5rem;
        top: .5rem;
        padding: .85rem;
    }
}
/* /Shared/Layout/PageHeader/PageHeader.razor.rz.scp.css */
.page-header[b-oc3ii0jl1y] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-lg);
    padding: var(--gap-lg);
    background:
        radial-gradient(circle at 0% 0%, var(--color-hero-glow), transparent 52%),
        radial-gradient(circle at 100% 100%, var(--color-hero-glow-soft), transparent 58%),
        var(--color-surface);
    border: 1px solid color-mix(in srgb, var(--color-border) 88%, var(--color-surface-soft) 12%);
    border-radius: var(--radius-lg);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--color-primary) 10%, transparent), var(--shadow-elevation);
    overflow: hidden;
}

.page-header__ornament[b-oc3ii0jl1y] {
    position: absolute;
    inset: auto -24px -56px auto;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, var(--color-hero-glow), transparent 72%);
    pointer-events: none;
}

.page-header__main[b-oc3ii0jl1y] {
    display: flex;
    align-items: center;
    gap: var(--gap-md);
    min-width: 0;
    flex: 1;
}

.page-header__icon-wrap[b-oc3ii0jl1y] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    background: linear-gradient(160deg, color-mix(in srgb, var(--color-primary) 24%, var(--color-surface-soft)), color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)));
    border: 1px solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--color-surface-soft) 72%, transparent);
    flex-shrink: 0;
}

.page-header__icon-wrap i[b-oc3ii0jl1y] {
    font-size: 1.1rem;
}

.page-header__content[b-oc3ii0jl1y] {
    min-width: 0;
}

.page-header__title[b-oc3ii0jl1y] {
    margin: 0;
    color: var(--color-text);
    font-size: clamp(1.1rem, 1.1vw + 0.8rem, 1.55rem);
    font-weight: var(--font-weight-bold);
    letter-spacing: -0.02em;
}

.page-header__subtitle[b-oc3ii0jl1y] {
    margin: 6px 0 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: 1.45;
    max-width: 72ch;
}

.page-header__actions[b-oc3ii0jl1y] {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

@media (max-width: 900px) {
    .page-header[b-oc3ii0jl1y] {
        padding: var(--gap-md);
        gap: var(--gap-md);
    }

    .page-header__actions[b-oc3ii0jl1y] {
        width: auto;
    }

    .page-header__actions[b-oc3ii0jl1y] (.btn) {
        width: auto;
        white-space: nowrap;
    }
}

@media (max-width: 640px) {
    .page-header[b-oc3ii0jl1y] {
        flex-direction: column;
        align-items: stretch;
        gap: var(--gap-md);
    }

    .page-header__main[b-oc3ii0jl1y] {
        align-items: flex-start;
    }

    .page-header__icon-wrap[b-oc3ii0jl1y] {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .page-header__title[b-oc3ii0jl1y] {
        font-size: 1.2rem;
    }

    .page-header__subtitle[b-oc3ii0jl1y] {
        max-width: none;
        font-size: 0.92rem;
    }

    .page-header__actions[b-oc3ii0jl1y] {
        width: 100%;
    }

    .page-header__actions[b-oc3ii0jl1y] (.btn) {
        width: 100%;
    }
}
/* /Shared/Layout/UserMenu/MyProfileDialog.razor.rz.scp.css */
.my-profile-dialog__layout[b-bdfqchsvyj] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-start;
}

.my-profile-dialog__tabs[b-bdfqchsvyj] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
}

.my-profile-dialog__tab[b-bdfqchsvyj] {
    width: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-base);
    background: var(--color-surface);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.my-profile-dialog__tab:hover[b-bdfqchsvyj] {
    background: var(--color-hover);
}

.my-profile-dialog__tab.is-active[b-bdfqchsvyj] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--focus-ring);
}

.my-profile-dialog__content[b-bdfqchsvyj] {
    width: 100%;
}

.my-profile-dialog__grid[b-bdfqchsvyj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-md);
}

.my-profile-dialog__field[b-bdfqchsvyj] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

.my-profile-dialog__field--full[b-bdfqchsvyj] {
    grid-column: 1 / -1;
}

.my-profile-dialog__error[b-bdfqchsvyj] {
    display: block;
    margin-top: 10px;
    color: var(--color-danger);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
}

@media (max-width: 768px) {
    .my-profile-dialog__tabs[b-bdfqchsvyj] {
        justify-content: stretch;
    }

    .my-profile-dialog__tab[b-bdfqchsvyj] {
        flex: 1 1 150px;
        justify-content: center;
    }

    .my-profile-dialog__grid[b-bdfqchsvyj] {
        grid-template-columns: 1fr;
    }

    .my-profile-dialog__field--full[b-bdfqchsvyj] {
        grid-column: auto;
    }
}
/* /Shared/Layout/UserMenu/UserMenu.razor.rz.scp.css */
.user-menu[b-n1qy32xzy1] {
    position: relative;
}

.user-menu__trigger[b-n1qy32xzy1] {
    border: 1px solid color-mix(in oklab, var(--color-primary) 24%, var(--color-border));
    background: linear-gradient(
        135deg,
        color-mix(in oklab, var(--color-primary) 10%, var(--color-surface)) 0%,
        var(--color-surface) 60%
    );
    color: var(--color-text);
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px 7px 8px;
    cursor: pointer;
    min-width: 280px;
    text-align: left;
    transition: border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
    appearance: none;
    -webkit-appearance: none;
    line-height: 1;
}

.user-menu__trigger:hover[b-n1qy32xzy1] {
    border-color: color-mix(in oklab, var(--color-primary) 45%, var(--color-border));
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.user-menu__avatar[b-n1qy32xzy1] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-header-badge-bg);
    color: var(--color-header-badge-fg);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    line-height: 1;
}

.user-menu__summary[b-n1qy32xzy1] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.user-menu__summary strong[b-n1qy32xzy1] {
    font-size: var(--font-size-sm);
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-menu__summary small[b-n1qy32xzy1] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-menu__chevron[b-n1qy32xzy1] {
    color: var(--color-text-muted);
    font-size: 12px;
    flex-shrink: 0;
    margin-left: 2px;
}

.user-menu__dropdown[b-n1qy32xzy1] {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    min-width: 250px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    box-shadow: var(--shadow-elevation);
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: var(--z-flyout);
}

.user-menu__divider[b-n1qy32xzy1] {
    height: 1px;
    margin: 2px 4px;
    background: color-mix(in srgb, var(--color-border) 88%, transparent);
}

.user-menu__action[b-n1qy32xzy1] {
    width: 100%;
    border: none;
    background: transparent;
    color: var(--color-text);
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
    border-radius: 10px;
    padding: 9px 10px;
    cursor: pointer;
    font-size: var(--font-size-sm);
}

.user-menu__action:hover[b-n1qy32xzy1] {
    background: var(--color-hover);
}

.user-menu__action--danger[b-n1qy32xzy1] {
    color: var(--color-danger);
}

@media (max-width: 960px) and (min-width: 768px) {
    .user-menu__trigger[b-n1qy32xzy1] {
        min-width: 220px;
        padding: 7px 9px 7px 8px;
        gap: 8px;
    }

    .user-menu__avatar[b-n1qy32xzy1] {
        width: 30px;
        height: 30px;
        border-radius: 9px;
    }

    .user-menu__summary strong[b-n1qy32xzy1],
    .user-menu__summary small[b-n1qy32xzy1] {
        max-width: 120px;
    }
}

@media (max-width: 767px) {
    .user-menu__summary[b-n1qy32xzy1] {
        display: none;
    }

    .user-menu__trigger[b-n1qy32xzy1] {
        min-width: 42px;
        width: 42px;
        height: 42px;
        border-radius: 10px;
        padding: 0;
        justify-content: center;
        gap: 0;
    }

    .user-menu__avatar[b-n1qy32xzy1] {
        width: 28px;
        height: 28px;
        border-radius: 8px;
        font-size: var(--font-size-xs);
    }

    .user-menu__chevron[b-n1qy32xzy1] {
        display: none;
    }

    .user-menu__dropdown[b-n1qy32xzy1] {
        right: -6px;
        min-width: 220px;
    }
}