@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ewdlgswx1m.bundle.scp.css';

/* /Components/Pages/Contacts/Index.razor.rz.scp.css */
.contacts-page[b-ulfq43i26a] {
    width: min(1220px, 100%);
    margin: 0 auto;
}

.contacts-heading[b-ulfq43i26a] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.contacts-title-row[b-ulfq43i26a] { display:flex;align-items:center;gap:.6rem; }
.contacts-heading h1[b-ulfq43i26a] { display:flex;align-items:center;gap:.65rem;margin:.1rem 0 .22rem;letter-spacing:-.035em; }
.contacts-heading h1 i[b-ulfq43i26a] { color:#5bc5fa; }
.contacts-heading p[b-ulfq43i26a] { max-width:620px;margin:0;color:#7892a5;font-size:.82rem; }
.contacts-count[b-ulfq43i26a] { display:grid;min-width:25px;height:25px;padding:0 .4rem;place-items:center;color:#9bdcff;border:1px solid rgba(74,174,235,.28);border-radius:999px;background:rgba(16,87,133,.27);font-size:.68rem;font-weight:800; }

.contacts-heading > .btn[b-ulfq43i26a] {
    min-width: 132px;
    border-radius: 12px;
}

.contact-grid[b-ulfq43i26a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: .8rem;
}

.contact-card[b-ulfq43i26a] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 96px;
    align-items: center;
    gap: .8rem;
    padding: .9rem;
    overflow: hidden;
    border: 1px solid rgba(67, 148, 205, .2);
    border-radius: 16px;
    background:
        radial-gradient(circle at 0 0, rgba(18, 103, 161, .14), transparent 11rem),
        linear-gradient(145deg, rgba(10, 28, 46, .97), rgba(3, 12, 21, .99));
    box-shadow: 0 12px 32px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .025);
    transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.contact-card:hover[b-ulfq43i26a] {
    border-color: rgba(77, 177, 238, .36);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .035);
    transform: translateY(-1px);
}

.contact-avatar[b-ulfq43i26a] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    color: #f2faff;
    border: 1px solid rgba(92, 195, 249, .4);
    border-radius: 50%;
    background: linear-gradient(145deg, #178bd5, #075180);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 6px 16px rgba(0, 84, 137, .25);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .02em;
}

.contact-copy[b-ulfq43i26a] { display:flex;min-width:0;flex:1;flex-direction:column; }
.contact-copy strong[b-ulfq43i26a] { overflow:hidden;color:#edf6fb;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap; }
.contact-copy small[b-ulfq43i26a] { margin-top:.18rem;color:#58748a;font-size:.58rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase; }
.contact-copy a[b-ulfq43i26a] { margin-top:.02rem;color:#82b8d8;font-size:.76rem;text-decoration:none; }
.contact-copy a:hover[b-ulfq43i26a] { color:#a9dcf7; }

.contact-actions[b-ulfq43i26a] { display:flex;flex:0 0 auto;gap:.28rem; }
.contact-actions button[b-ulfq43i26a] { display:grid;width:34px;height:34px;padding:0;place-items:center;color:#79c8f3;border:1px solid rgba(66,148,207,.22);border-radius:50%;background:rgba(11,53,82,.52);transition:color 140ms ease,border-color 140ms ease,background 140ms ease,transform 140ms ease; }
.contact-actions button:hover[b-ulfq43i26a] { color:#fff;border-color:rgba(84,189,246,.48);background:rgba(16,107,166,.5);transform:translateY(-1px); }
.contact-actions button.danger[b-ulfq43i26a] { color:#ec8792;border-color:rgba(223,87,102,.2);background:rgba(91,23,34,.3); }
.contact-actions button.danger:hover[b-ulfq43i26a] { color:#ffc4ca;border-color:rgba(235,103,117,.4);background:rgba(132,31,46,.42); }

.contacts-empty[b-ulfq43i26a] {
    display: grid;
    min-height: 360px;
    place-content: center;
    justify-items: center;
    padding: 2rem;
    color: #748ea1;
    border: 1px dashed rgba(69, 148, 205, .28);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 30%, rgba(15, 94, 149, .1), transparent 15rem),
        rgba(3, 12, 21, .62);
    text-align: center;
}

.contacts-empty > span:not(.spinner-border)[b-ulfq43i26a] { display:grid;width:68px;height:68px;margin-bottom:.85rem;place-items:center;color:#70caf8;border:1px solid rgba(81,178,235,.28);border-radius:22px;background:linear-gradient(145deg,rgba(17,91,140,.24),rgba(7,44,70,.2));font-size:1.65rem; }
.contacts-empty h2[b-ulfq43i26a] { margin-bottom:.25rem;color:#e7f1f7;font-size:1.2rem; }
.contacts-empty p[b-ulfq43i26a] { max-width:440px;margin-bottom:1rem; }

.contact-modal[b-ulfq43i26a] {
    background: rgba(0, 3, 8, .84);
    backdrop-filter: blur(10px);
}

.contact-modal .modal-content[b-ulfq43i26a] {
    overflow: hidden;
    border: 1px solid rgba(67, 157, 222, .29);
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0, rgba(13, 104, 174, .15), transparent 20rem),
        linear-gradient(155deg, #0b2033, #040d16);
    box-shadow: 0 32px 90px rgba(0, 0, 0, .7);
}

.contact-modal .modal-header[b-ulfq43i26a] { padding:1rem 1.1rem;border-color:rgba(69,143,196,.18);background:rgba(3,12,21,.54); }
.contact-modal h2[b-ulfq43i26a] { margin:.05rem 0 0;color:#edf7fd;font-size:1.05rem;letter-spacing:-.02em; }
.contact-editor-close[b-ulfq43i26a] { display:grid;width:34px;height:34px;margin:0;padding:0;place-items:center;color:#9fc0d6;border:1px solid rgba(92,160,208,.2);border-radius:50%;background:rgba(13,43,67,.66); }
.contact-editor-close:hover[b-ulfq43i26a],.contact-editor-close:focus-visible[b-ulfq43i26a] { color:#fff;border-color:rgba(99,193,246,.45);background:rgba(18,82,123,.72); }
.contact-modal .modal-body[b-ulfq43i26a] { padding:1.1rem; }
.contact-modal .modal-footer[b-ulfq43i26a] { padding:.8rem 1.1rem;border-color:rgba(69,143,196,.18);background:rgba(3,12,21,.55); }
.contact-field[b-ulfq43i26a] { display:block;margin-bottom:1rem; }
.contact-field:last-child[b-ulfq43i26a] { margin-bottom:0; }
.contact-field > span[b-ulfq43i26a] { display:block;margin-bottom:.34rem;color:#b4c8d7;font-size:.77rem;font-weight:700; }
.contact-field > span em[b-ulfq43i26a] { margin-left:.25rem;color:#66849a;font-size:.64rem;font-style:normal;font-weight:650;text-transform:uppercase; }
.contact-field small[b-ulfq43i26a] { display:block;margin-top:.34rem;color:#6d879a;font-size:.69rem; }
.contact-field .form-control[b-ulfq43i26a] { border-color:rgba(66,142,197,.28);background:rgba(2,10,18,.72); }
.contact-field .form-control:focus[b-ulfq43i26a] { border-color:#3ca8ed;background:#071827; }

@media (max-width: 575.98px) {
    .contacts-heading[b-ulfq43i26a] { align-items:stretch;flex-direction:column; }
    .contacts-heading .btn[b-ulfq43i26a] { width:100%; }
    .contact-grid[b-ulfq43i26a] { grid-template-columns:1fr;gap:.58rem; }
    .contact-card[b-ulfq43i26a] { min-height:80px;padding:.75rem; }
    .contact-avatar[b-ulfq43i26a] { width:44px;height:44px;flex-basis:44px; }
    .contact-actions button[b-ulfq43i26a] { width:32px;height:32px; }
    .contact-modal .modal-dialog[b-ulfq43i26a] { margin:.5rem; }
    .contact-modal .modal-content[b-ulfq43i26a] { border-radius:17px; }
}

@media (max-width: 380px) {
    .contact-card[b-ulfq43i26a] { gap:.6rem; }
    .contact-actions[b-ulfq43i26a] { gap:.18rem; }
    .contact-actions button[b-ulfq43i26a] { width:30px;height:30px; }
}
/* /Components/Pages/DialRoutes/Index.razor.rz.scp.css */
.dial-route-editor-modal[b-aln1zseh0a] {
    background: rgba(0, 3, 8, .84);
    backdrop-filter: blur(10px);
}

.dial-route-editor-modal .modal-content[b-aln1zseh0a] {
    overflow: hidden;
    border: 1px solid rgba(67, 157, 222, .28);
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0, rgba(13, 109, 178, .16), transparent 30rem),
        linear-gradient(155deg, #0a1b2c 0%, #050d17 58%, #02070d 100%);
    box-shadow: 0 34px 100px rgba(0, 0, 0, .72), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.dial-route-editor-modal .modal-header[b-aln1zseh0a] {
    min-height: 72px;
    padding: .9rem 1.15rem;
    border-color: rgba(74, 148, 201, .17);
    background: rgba(3, 12, 21, .76);
}

.dial-route-editor-modal .modal-title[b-aln1zseh0a] { margin: .08rem 0 0; color: #eef8ff; font-size: 1.12rem; font-weight: 750; }
.route-editor-eyebrow[b-aln1zseh0a] { color: #65bff3; font-size: .64rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.route-editor-close[b-aln1zseh0a] { display:grid;width:34px;height:34px;padding:0;place-items:center;color:#9fc0d6;border:1px solid rgba(92,160,208,.2);border-radius:50%;background:rgba(13,43,67,.66); }
.route-editor-close:hover[b-aln1zseh0a],.route-editor-close:focus-visible[b-aln1zseh0a] { color:#fff;border-color:rgba(99,193,246,.45);background:rgba(18,82,123,.72); }
.dial-route-editor-modal .modal-body[b-aln1zseh0a] { padding:1rem 1.15rem 0;scrollbar-color:#155a8d #040c15; }

.route-editor-tabs[b-aln1zseh0a] { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;margin-bottom:1.1rem;padding:.32rem;border:1px solid rgba(73,153,211,.22);border-radius:16px;background:rgba(1,7,13,.84);box-shadow:inset 0 1px 7px rgba(0,0,0,.56); }
.route-editor-tab[b-aln1zseh0a] { position:relative;display:flex;min-width:0;min-height:62px;align-items:center;gap:.72rem;padding:.62rem .78rem;overflow:hidden;color:#7691a5;border:1px solid transparent;border-radius:12px;outline:none;background:transparent;text-align:left;touch-action:manipulation; }
.route-editor-tab:hover[b-aln1zseh0a] { color:#b9d2e3;background:rgba(20,78,118,.16); }.route-editor-tab:focus-visible[b-aln1zseh0a] { border-color:#43aef1;box-shadow:0 0 0 3px rgba(35,147,220,.16); }
.route-editor-tab[b-aln1zseh0a]::after { position:absolute;right:18%;bottom:0;left:18%;height:2px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,#168cff,#46c8ef);box-shadow:0 0 12px rgba(40,166,236,.55);content:"";opacity:0; }
.route-editor-tab > i[b-aln1zseh0a] { display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;color:#5caedc;border:1px solid rgba(68,151,207,.16);border-radius:10px;background:rgba(13,62,96,.28); }
.route-editor-tab > span[b-aln1zseh0a] { display:flex;min-width:0;flex-direction:column; }.route-editor-tab strong[b-aln1zseh0a] { color:inherit;font-size:.83rem; }.route-editor-tab small[b-aln1zseh0a] { color:#648197;font-size:.67rem; }
.route-editor-tab.active[b-aln1zseh0a] { color:#f1f9ff;border-color:rgba(71,169,232,.3);background:linear-gradient(135deg,rgba(18,90,142,.52),rgba(7,32,52,.82)),#0a2135;box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
.route-editor-tab.active[b-aln1zseh0a]::after { opacity:1; }.route-editor-tab.active > i[b-aln1zseh0a] { color:#a9e2ff;border-color:rgba(85,189,246,.35);background:rgba(18,117,181,.34); }

.route-stir-panel[b-aln1zseh0a] { display:grid;gap:.85rem; }
.route-stir-enable-card[b-aln1zseh0a] { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid rgba(70,170,235,.28);border-radius:14px;background:radial-gradient(circle at 0 0,rgba(24,136,207,.18),transparent 14rem),linear-gradient(115deg,rgba(10,50,79,.7),rgba(4,19,32,.88)); }
.route-stir-enable-card > div:first-child[b-aln1zseh0a] { display:flex;min-width:0;align-items:center;gap:.72rem; }.route-stir-enable-card > div:first-child > span:last-child[b-aln1zseh0a] { display:flex;min-width:0;flex-direction:column; }
.route-stir-enable-card strong[b-aln1zseh0a] { color:#e8f5fd; }.route-stir-enable-card small[b-aln1zseh0a] { color:#6f8ca1;font-size:.7rem; }
.route-stir-icon[b-aln1zseh0a] { display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;color:#8bd9ff;border:1px solid rgba(78,179,239,.3);border-radius:12px;background:linear-gradient(145deg,rgba(23,121,184,.4),rgba(8,49,78,.42)); }
.route-stir-note[b-aln1zseh0a] { display:flex;align-items:flex-start;gap:.55rem;padding:.65rem .75rem;color:#829eb2;border:1px solid rgba(65,144,203,.18);border-radius:10px;background:rgba(12,52,79,.24);font-size:.71rem; }.route-stir-note i[b-aln1zseh0a] { color:#5fc5f7; }.route-stir-note strong[b-aln1zseh0a] { color:#bfe6fa; }

.attestation-policy-grid[b-aln1zseh0a] { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;transition:opacity .16s ease; }.attestation-policy-grid.disabled[b-aln1zseh0a] { opacity:.46;pointer-events:none;filter:saturate(.55); }
.attestation-policy[b-aln1zseh0a] { overflow:hidden;border:1px solid rgba(65,144,203,.2);border-radius:14px;background:rgba(2,11,19,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
.attestation-policy > header[b-aln1zseh0a] { display:flex;align-items:center;gap:.65rem;padding:.72rem .8rem;border-bottom:1px solid rgba(64,135,187,.15);background:linear-gradient(100deg,rgba(18,70,106,.24),transparent); }
.attestation-policy > header > span:last-child[b-aln1zseh0a] { display:flex;min-width:0;flex-direction:column; }.attestation-policy > header strong[b-aln1zseh0a] { color:#e2f1fb;font-size:.78rem; }.attestation-policy > header small[b-aln1zseh0a] { color:#66859b;font-size:.65rem; }
.attestation-mark[b-aln1zseh0a] { display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;color:#a6e3ff;border:1px solid rgba(74,175,234,.3);border-radius:10px;background:rgba(18,105,160,.26);font-size:.82rem;font-weight:850; }
.attestation-policy.a .attestation-mark[b-aln1zseh0a] { color:#8fe2bd;border-color:rgba(50,212,142,.3);background:rgba(30,139,93,.2); }.attestation-policy.b .attestation-mark[b-aln1zseh0a] { color:#8fd6ff; }.attestation-policy.c .attestation-mark[b-aln1zseh0a] { color:#f1c77f;border-color:rgba(231,170,68,.28);background:rgba(128,81,13,.2); }.attestation-policy.unsigned .attestation-mark[b-aln1zseh0a] { color:#ff9da7;border-color:rgba(235,81,101,.28);background:rgba(129,31,46,.2); }
.policy-fields[b-aln1zseh0a] { display:grid;grid-template-columns:minmax(0,1fr) 108px minmax(115px,.55fr);gap:.62rem;padding:.75rem; }.policy-fields label[b-aln1zseh0a] { display:flex;min-width:0;flex-direction:column;gap:.28rem; }.policy-fields label > span[b-aln1zseh0a] { color:#839fb3;font-size:.66rem;font-weight:700; }.policy-caller-label[b-aln1zseh0a] { grid-column:span 2; }
.route-stir-badge[b-aln1zseh0a] { margin-top:.25rem;color:#91d9ff;border:1px solid rgba(65,169,229,.25);background:rgba(17,100,153,.22); }

.dial-route-editor-modal .modal-footer[b-aln1zseh0a] { position:sticky;bottom:0;z-index:4;margin:1rem -1.15rem 0;padding:.8rem 1.15rem;border-color:rgba(65,139,193,.2);background:rgba(3,12,21,.94);backdrop-filter:blur(16px); }

@media(max-width:767.98px) {
    .attestation-policy-grid[b-aln1zseh0a] { grid-template-columns:1fr; }.policy-fields[b-aln1zseh0a] { grid-template-columns:1fr 1fr; }.policy-context[b-aln1zseh0a],.policy-caller-label[b-aln1zseh0a] { grid-column:1/-1; }
}

@media(max-width:575.98px) {
    .dial-route-editor-modal .modal-dialog[b-aln1zseh0a] { margin:.5rem; }.dial-route-editor-modal .modal-content[b-aln1zseh0a] { max-height:calc(100dvh - 1rem);border-radius:16px; }.dial-route-editor-modal .modal-header[b-aln1zseh0a],.dial-route-editor-modal .modal-body[b-aln1zseh0a] { padding-right:.8rem;padding-left:.8rem; }
    .route-editor-tab[b-aln1zseh0a] { min-height:50px;justify-content:center;gap:.42rem;padding:.45rem;text-align:center; }.route-editor-tab > i[b-aln1zseh0a] { width:30px;height:30px;flex-basis:30px; }.route-editor-tab small[b-aln1zseh0a] { display:none; }
    .route-stir-enable-card[b-aln1zseh0a] { align-items:flex-start;flex-direction:column; }.policy-fields[b-aln1zseh0a] { grid-template-columns:1fr; }.policy-context[b-aln1zseh0a],.policy-caller-label[b-aln1zseh0a] { grid-column:auto; }
    .dial-route-editor-modal .modal-footer[b-aln1zseh0a] { margin-right:-.8rem;margin-left:-.8rem;padding-right:.8rem;padding-left:.8rem; }
}
/* /Components/Pages/Fax/Index.razor.rz.scp.css */
.fax-page[b-j03r1kyw4h] { max-width: 1500px; margin: 0 auto; color: #dbeafe; }
.fax-hero[b-j03r1kyw4h] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1.5rem; border: 1px solid #17345d; border-radius: 20px; background: radial-gradient(circle at 85% 0, #0c4a6e55, transparent 38%), linear-gradient(135deg, #07111f, #020617); }
.fax-hero h1[b-j03r1kyw4h] { margin: .2rem 0; font-size: clamp(1.8rem, 4vw, 2.7rem); }
.fax-hero p[b-j03r1kyw4h], .fax-list header p[b-j03r1kyw4h], .fax-compose header p[b-j03r1kyw4h] { color: #8ba6c8; margin: 0; }
.eyebrow[b-j03r1kyw4h] { font-size: .72rem; letter-spacing: .16em; color: #38bdf8; }
.fax-tabs[b-j03r1kyw4h] { display: flex; gap: .5rem; overflow: auto; padding: .9rem 0; }
.fax-tabs button[b-j03r1kyw4h] { white-space: nowrap; border: 1px solid #1e3a5f; background: #071426; color: #94a3b8; border-radius: 12px; padding: .75rem 1rem; }
.fax-tabs button.active[b-j03r1kyw4h] { color: white; border-color: #0ea5e9; background: linear-gradient(135deg, #075985, #0c4a6e); }
.fax-tabs span[b-j03r1kyw4h] { background: #020617; border-radius: 999px; padding: .1rem .45rem; margin-left: .3rem; }
.fax-compose[b-j03r1kyw4h], .fax-list[b-j03r1kyw4h] { border: 1px solid #17345d; background: linear-gradient(160deg, #07111f, #020617); border-radius: 18px; padding: 1.2rem; }
.fax-compose > header[b-j03r1kyw4h], .fax-list > header[b-j03r1kyw4h] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.fax-form-grid[b-j03r1kyw4h] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.fax-form-grid label[b-j03r1kyw4h] { display: grid; gap: .4rem; }
.fax-form-grid label > span[b-j03r1kyw4h] { font-size: .8rem; color: #a9bdd6; }
.fax-form-grid label > small[b-j03r1kyw4h] { color: #718daa; font-size: .7rem; }
.wide[b-j03r1kyw4h] { grid-column: 1 / -1; }
.fax-page .form-control[b-j03r1kyw4h], .fax-page .form-select[b-j03r1kyw4h] { background: #030b17; border-color: #24456e; color: #e5f2ff; min-height: 44px; }
.fax-page .form-control:disabled[b-j03r1kyw4h] { border-color: #152d49; background: #050d18; color: #64748b; opacity: .72; }
.cover-sheet-toggle[b-j03r1kyw4h] { display: flex !important; align-items: center; gap: .8rem !important; padding: .85rem 1rem; border: 1px solid #1d4f73; border-radius: 14px; background: linear-gradient(135deg, #071b30, #050f1d); cursor: pointer; }
.cover-sheet-toggle input[b-j03r1kyw4h] { width: 19px; height: 19px; flex: 0 0 auto; accent-color: #0ea5e9; }
.cover-sheet-toggle > span[b-j03r1kyw4h] { display: grid; gap: .15rem; }
.cover-sheet-toggle strong[b-j03r1kyw4h] { color: #e5f2ff; font-size: .86rem; }
.cover-sheet-toggle small[b-j03r1kyw4h] { color: #7892b3; font-size: .7rem; font-weight: 400; }
.cover-field[b-j03r1kyw4h] { transition: opacity 150ms ease; }
.cover-field.disabled[b-j03r1kyw4h] { opacity: .66; }
.upload-zone[b-j03r1kyw4h] { position: relative; min-height: 125px; display: grid; place-items: center; align-content: center; border: 1px dashed #2563a7; border-radius: 14px; background: #06162a; color: #7dd3fc; }
.upload-zone input[b-j03r1kyw4h] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.upload-zone i[b-j03r1kyw4h] { font-size: 1.7rem; }
.upload-zone small[b-j03r1kyw4h] { color: #7892b3; }
.send-fax[b-j03r1kyw4h] { margin-top: 1rem; padding: .7rem 1.25rem; }
.secure-chip[b-j03r1kyw4h], .status-pill[b-j03r1kyw4h] { border: 1px solid #1d4f73; border-radius: 999px; padding: .35rem .65rem; color: #7dd3fc; font-size: .76rem; }
.fax-card[b-j03r1kyw4h] { display: grid; grid-template-columns: 44px minmax(220px, 1fr) auto auto; gap: .8rem; align-items: center; border: 1px solid #162c49; border-radius: 14px; padding: .85rem; margin: .65rem 0; background: #050e1c; }
.fax-status[b-j03r1kyw4h] { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: #0c4a6e; color: #7dd3fc; }
.fax-status.completed[b-j03r1kyw4h] { background: #064e3b; color: #6ee7b7; }
.fax-status.failed[b-j03r1kyw4h] { background: #4c0519; color: #fda4af; }
.fax-summary[b-j03r1kyw4h] { display: grid; }
.fax-summary span[b-j03r1kyw4h], .fax-summary small[b-j03r1kyw4h] { color: #8098b7; }
.fax-summary em[b-j03r1kyw4h] { color: #fda4af; font-style: normal; font-size: .8rem; }
.status-pill.completed[b-j03r1kyw4h] { border-color: #047857; color: #6ee7b7; }
.status-pill.failed[b-j03r1kyw4h] { border-color: #9f1239; color: #fda4af; }
.fax-actions[b-j03r1kyw4h] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.fax-actions .btn[b-j03r1kyw4h] { border-radius: 9px; white-space: nowrap; }
.fax-actions .btn:disabled[b-j03r1kyw4h] { opacity: .45; }
.fax-action-view[b-j03r1kyw4h] { border: 1px solid #0284c7; background: #075985; color: #e0f2fe; }
.fax-action-view:hover[b-j03r1kyw4h] { border-color: #38bdf8; background: #0369a1; color: #fff; }
.fax-action-cancel[b-j03r1kyw4h] { border: 1px solid #a16207; background: #713f12; color: #fef3c7; }
.fax-action-cancel:hover[b-j03r1kyw4h] { border-color: #fbbf24; background: #854d0e; color: #fff; }
.fax-action-retry[b-j03r1kyw4h] { border: 1px solid #047857; background: #064e3b; color: #d1fae5; }
.fax-action-retry:hover[b-j03r1kyw4h] { border-color: #34d399; background: #065f46; color: #fff; }
.fax-action-delete[b-j03r1kyw4h] { border: 1px solid #9f1239; background: #4c0519; color: #ffe4e6; }
.fax-action-delete:hover[b-j03r1kyw4h] { border-color: #fb7185; background: #881337; color: #fff; }
.fax-timeline[b-j03r1kyw4h] { grid-column: 2 / -1; border-top: 1px solid #16304f; padding-top: .6rem; }
.fax-timeline summary[b-j03r1kyw4h] { cursor: pointer; color: #7dd3fc; }
.fax-timeline > div[b-j03r1kyw4h] { display: grid; grid-template-columns: 190px 80px 120px 1fr; gap: .5rem; padding: .45rem 0; border-bottom: 1px solid #10233b; font-size: .78rem; }
.fax-timeline p[b-j03r1kyw4h] { margin: 0; }
.fax-timeline time[b-j03r1kyw4h] { color: #7187a4; }
.event-level.error[b-j03r1kyw4h] { color: #fb7185; }
.event-level.warning[b-j03r1kyw4h] { color: #fbbf24; }
.fax-empty[b-j03r1kyw4h] { text-align: center; padding: 4rem; color: #8199b7; }
.fax-empty i[b-j03r1kyw4h] { font-size: 2rem; }

.fax-modal-backdrop[b-j03r1kyw4h] { position: fixed; inset: 0; z-index: 2100; display: grid; place-items: center; padding: clamp(.5rem, 2vw, 1.5rem); background: #020617d9; backdrop-filter: blur(10px); }
.fax-viewer-modal[b-j03r1kyw4h] { width: min(1200px, 100%); height: min(92dvh, 1000px); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #22517e; border-radius: 18px; background: #030b17; box-shadow: 0 30px 90px #000c; }
.fax-viewer-modal > header[b-j03r1kyw4h] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid #17345d; background: linear-gradient(135deg, #071426, #020617); }
.fax-viewer-modal h2[b-j03r1kyw4h] { margin: .15rem 0 0; color: #e5f2ff; font-size: 1.05rem; }
.fax-viewer-modal iframe[b-j03r1kyw4h] { width: 100%; min-height: 0; flex: 1; border: 0; background: #111827; }
.modal-close[b-j03r1kyw4h] { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #24456e; border-radius: 50%; background: #071426; color: #bfdbfe; }
.modal-close:hover[b-j03r1kyw4h] { border-color: #38bdf8; background: #0c4a6e; color: #fff; }
.action-backdrop[b-j03r1kyw4h] { z-index: 2200; }
.fax-confirm-modal[b-j03r1kyw4h] { width: min(470px, 100%); display: grid; grid-template-columns: 54px 1fr; gap: 1rem; padding: 1.2rem; border: 1px solid #24456e; border-radius: 18px; background: linear-gradient(145deg, #071426, #020617); box-shadow: 0 25px 75px #000c; color: #dbeafe; }
.fax-confirm-modal h2[b-j03r1kyw4h] { margin: .18rem 0 .35rem; font-size: 1.3rem; }
.fax-confirm-modal p[b-j03r1kyw4h] { margin: 0; color: #91a8c5; line-height: 1.5; }
.fax-confirm-modal footer[b-j03r1kyw4h] { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: .55rem; padding-top: .4rem; }
.confirm-icon[b-j03r1kyw4h] { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 14px; font-size: 1.25rem; }
.confirm-icon.delete[b-j03r1kyw4h] { background: #4c0519; color: #fda4af; }
.confirm-icon.cancel[b-j03r1kyw4h] { background: #713f12; color: #fde68a; }
.confirm-icon.retry[b-j03r1kyw4h] { background: #064e3b; color: #6ee7b7; }

@media (max-width: 720px) {
    .fax-hero[b-j03r1kyw4h] { align-items: flex-start; flex-direction: column; }
    .fax-form-grid[b-j03r1kyw4h] { grid-template-columns: 1fr; }
    .fax-card[b-j03r1kyw4h] { grid-template-columns: 40px 1fr; }
    .status-pill[b-j03r1kyw4h], .fax-actions[b-j03r1kyw4h] { grid-column: 2; }
    .fax-actions[b-j03r1kyw4h] { justify-content: flex-start; }
    .fax-timeline[b-j03r1kyw4h] { grid-column: 1 / -1; }
    .fax-timeline > div[b-j03r1kyw4h] { grid-template-columns: 1fr; }
    .fax-compose[b-j03r1kyw4h], .fax-list[b-j03r1kyw4h] { padding: .8rem; }
    .fax-modal-backdrop[b-j03r1kyw4h] { padding: 0; }
    .fax-viewer-modal[b-j03r1kyw4h] { width: 100%; height: 100dvh; border: 0; border-radius: 0; }
    .fax-confirm-modal[b-j03r1kyw4h] { margin: .75rem; width: calc(100% - 1.5rem); }
    .fax-confirm-modal footer[b-j03r1kyw4h] { display: grid; grid-template-columns: 1fr 1fr; }
    .fax-confirm-modal footer .btn[b-j03r1kyw4h] { min-height: 44px; }
}
/* /Components/Pages/IvrMenus/Edit.razor.rz.scp.css */
.ivr-phone-recording-panel[b-62jl3v9a3r] {
    padding: 1rem;
    overflow: hidden;
    border: 1px solid rgba(42, 157, 244, 0.32);
    border-radius: 14px;
    background:
        radial-gradient(circle at 100% 0, rgba(29, 123, 199, 0.2), transparent 48%),
        linear-gradient(145deg, rgba(8, 31, 52, 0.96), rgba(4, 15, 27, 0.98));
    box-shadow: inset 0 1px 0 rgba(116, 196, 255, 0.08);
}

.ivr-phone-recording-icon[b-62jl3v9a3r] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 2.5rem;
    place-items: center;
    color: #80cfff;
    border: 1px solid rgba(84, 180, 247, 0.28);
    border-radius: 12px;
    background: rgba(19, 91, 145, 0.24);
}

.ivr-recording-code[b-62jl3v9a3r] {
    margin-bottom: 0.55rem;
    color: #eaf7ff;
    font-family: var(--bs-font-monospace);
    font-size: clamp(1.45rem, 5vw, 2rem);
    font-weight: 750;
    line-height: 1.1;
    letter-spacing: 0.08em;
}

.ivr-recording-list[b-62jl3v9a3r] {
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.ivr-recording-list .list-group-item[b-62jl3v9a3r] {
    padding: 0.7rem 0.8rem;
    border-width: 0 0 1px;
}

.ivr-recording-list .list-group-item:last-child[b-62jl3v9a3r] {
    border-bottom-width: 0;
}

.ivr-recording-list .list-group-item.active[b-62jl3v9a3r] {
    border-color: rgba(51, 161, 236, 0.52);
    background: linear-gradient(100deg, rgba(24, 111, 173, 0.82), rgba(13, 65, 108, 0.88));
}

.recording-file-meta[b-62jl3v9a3r] {
    display: block;
    margin-top: 0.18rem;
    color: var(--text-muted);
    font-size: 0.72rem;
    text-align: left;
}

.list-group-item.active .recording-file-meta[b-62jl3v9a3r] {
    color: rgba(232, 247, 255, 0.74);
}

.ivr-empty-recordings[b-62jl3v9a3r] {
    border: 1px dashed var(--border-strong);
    border-radius: 12px;
    background: rgba(4, 15, 27, 0.45);
}

.ivr-empty-recordings > i[b-62jl3v9a3r] {
    color: #52b7f5;
    font-size: 1.8rem;
}

@media (max-width: 575.98px) {
    .ivr-recordings-card .card-header .btn[b-62jl3v9a3r] {
        width: 100%;
    }

    .ivr-phone-recording-panel[b-62jl3v9a3r] {
        padding: 0.85rem;
    }

    .ivr-phone-recording-icon[b-62jl3v9a3r] {
        display: none;
    }

    .ivr-phone-recording-panel .btn[b-62jl3v9a3r] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/Messaging/Index.razor.rz.scp.css */
.messaging-page[b-ypdczifd9d] {
    display: flex;
    width: min(1420px, 100%);
    min-height: 0;
    margin: 0 auto;
    flex-direction: column;
    overflow: hidden;
    color: #f5f7fa;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
}

.messaging-heading[b-ypdczifd9d] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.messaging-heading h1[b-ypdczifd9d] {
    display: flex;
    align-items: center;
    gap: .58rem;
    margin: .05rem 0 .1rem;
    font-size: 1.65rem;
    letter-spacing: -.035em;
}

.messaging-heading h1 i[b-ypdczifd9d] { color: #5cc6ff; }
.messaging-heading p[b-ypdczifd9d] { margin: 0;color: #6f899d;font-size: .78rem; }

.new-message-button[b-ypdczifd9d] {
    position: relative;
    display: flex;
    min-height: 40px;
    align-items: center;
    gap: .5rem;
    padding: .55rem .82rem;
    color: #eaf7ff;
    border: 1px solid rgba(73, 173, 235, .38);
    border-radius: 12px;
    background: linear-gradient(145deg, #0b6fb8, #07558d);
    box-shadow: 0 8px 22px rgba(0, 92, 157, .24), inset 0 1px 0 rgba(255, 255, 255, .1);
    font-size: .76rem;
    font-weight: 750;
}

.new-message-button i:nth-child(2)[b-ypdczifd9d] { position:absolute;left:1.02rem;font-size:.55rem; }
.new-message-button:hover:not(:disabled)[b-ypdczifd9d] { border-color:#72caff;background:linear-gradient(145deg,#0d81d3,#08649f); }
.new-message-button:disabled[b-ypdczifd9d] { opacity:.42; }

.messaging-alert[b-ypdczifd9d],
.composer-error[b-ypdczifd9d] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #ffc1c7;
    border: 1px solid rgba(239, 87, 104, .3);
    border-radius: 10px;
    background: rgba(113, 21, 35, .32);
}

.messaging-alert[b-ypdczifd9d] { margin-bottom:.65rem;padding:.65rem .75rem; }
.composer-error[b-ypdczifd9d] { padding:.42rem .58rem;font-size:.72rem; }

.message-shell[b-ypdczifd9d] {
    display: grid;
    min-height: 0;
    flex: 1 1 auto;
    grid-template-columns: 350px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(62, 141, 199, .25);
    border-radius: 20px;
    background: #03070c;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .025);
}

.thread-sidebar[b-ypdczifd9d] {
    display: grid;
    min-width: 0;
    min-height: 0;
    grid-template-rows: 70px minmax(0, 1fr);
    overflow: hidden;
    border-right: 1px solid rgba(84, 144, 187, .18);
    background: linear-gradient(175deg, rgba(10, 25, 39, .99), rgba(4, 10, 17, .99));
}

.thread-sidebar-header[b-ypdczifd9d] {
    display: flex;
    height: 70px;
    align-items: center;
    justify-content: space-between;
    padding: .72rem .85rem;
    border-bottom: 1px solid rgba(70, 132, 176, .14);
    background: rgba(3, 10, 17, .42);
}

.thread-sidebar-header > div[b-ypdczifd9d] { display:flex;flex-direction:column; }
.thread-sidebar-header strong[b-ypdczifd9d] { color:#f2f7fa;font-size:.9rem;letter-spacing:-.01em; }
.thread-sidebar-header small[b-ypdczifd9d] { margin-top:.08rem;color:#60788b;font-size:.64rem; }

.thread-sidebar-header button[b-ypdczifd9d],
.conversation-header > a[b-ypdczifd9d],
.conversation-back[b-ypdczifd9d] {
    display: grid;
    width: 36px;
    height: 36px;
    padding: 0;
    place-items: center;
    color: #6dc8fa;
    border: 1px solid rgba(72, 161, 218, .24);
    border-radius: 50%;
    background: rgba(15, 71, 107, .28);
}

.thread-sidebar-header button:hover[b-ypdczifd9d],
.conversation-header > a:hover[b-ypdczifd9d],
.conversation-back:hover[b-ypdczifd9d] { color:#fff;border-color:rgba(92,193,249,.45);background:rgba(17,104,161,.42); }

.thread-list[b-ypdczifd9d] {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-color: #14527f transparent;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
}

.thread-item[b-ypdczifd9d] {
    position: relative;
    display: flex;
    width: calc(100% - .7rem);
    min-width: 0;
    align-items: center;
    gap: .72rem;
    margin: .25rem .35rem;
    padding: .68rem .62rem;
    color: inherit;
    border: 1px solid transparent;
    border-radius: 13px;
    background: transparent;
    text-align: left;
    transition: border-color 140ms ease, background 140ms ease;
}

.thread-item[b-ypdczifd9d]::after {
    position: absolute;
    right: .7rem;
    bottom: -.27rem;
    left: 3.9rem;
    height: 1px;
    background: rgba(76, 123, 157, .1);
    content: "";
}

.thread-item:hover[b-ypdczifd9d] { background:rgba(25,83,124,.18); }
.thread-item.active[b-ypdczifd9d] { border-color:rgba(67,158,219,.27);background:linear-gradient(100deg,rgba(18,92,145,.44),rgba(8,36,58,.58)); }
.thread-item.active[b-ypdczifd9d]::after { display:none; }

.thread-avatar[b-ypdczifd9d],
.conversation-avatar[b-ypdczifd9d] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    color: #f3faff;
    border: 1px solid rgba(91, 196, 251, .35);
    border-radius: 50%;
    background: linear-gradient(145deg, #168bd6, #075084);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
    font-weight: 800;
}

.thread-avatar[b-ypdczifd9d] { width:46px;height:46px;font-size:.74rem; }
.conversation-avatar[b-ypdczifd9d] { width:40px;height:40px;font-size:.68rem; }

.thread-copy[b-ypdczifd9d] { display:flex;min-width:0;flex:1;flex-direction:column;gap:.22rem; }
.thread-copy > span[b-ypdczifd9d] { display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.5rem; }
.thread-copy strong[b-ypdczifd9d],.thread-copy small[b-ypdczifd9d] { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.thread-copy strong[b-ypdczifd9d] { color:#ecf3f7;font-size:.79rem;font-weight:700; }
.thread-copy time[b-ypdczifd9d] { flex:0 0 auto;color:#657d8e;font-size:.6rem; }
.thread-copy small[b-ypdczifd9d] { color:#748b9b;font-size:.69rem; }
.thread-copy em[b-ypdczifd9d] { display:grid;min-width:18px;height:18px;padding:0 4px;place-items:center;color:#fff;border-radius:999px;background:#0a84ff;font-size:.58rem;font-style:normal;font-weight:800; }

.thread-empty[b-ypdczifd9d],
.conversation-placeholder[b-ypdczifd9d] { display:grid;height:100%;place-content:center;justify-items:center;padding:1.5rem;color:#71899b;text-align:center; }
.thread-empty[b-ypdczifd9d] { min-height:0; }
.thread-empty > i[b-ypdczifd9d],.conversation-placeholder > span[b-ypdczifd9d] { display:grid;width:66px;height:66px;margin-bottom:.8rem;place-items:center;color:#69c5f5;border:1px solid rgba(78,171,229,.24);border-radius:22px;background:linear-gradient(145deg,rgba(16,83,129,.25),rgba(5,31,51,.2));font-size:1.55rem; }
.thread-empty strong[b-ypdczifd9d],.conversation-placeholder h2[b-ypdczifd9d] { color:#e8f2f8; }
.thread-empty p[b-ypdczifd9d],.conversation-placeholder p[b-ypdczifd9d] { max-width:440px;margin:.28rem 0 .8rem;font-size:.78rem; }

.conversation-panel[b-ypdczifd9d] {
    display: grid;
    min-width: 0;
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    background:
        radial-gradient(circle at 86% 0, rgba(12, 83, 137, .11), transparent 28rem),
        #02060a;
}

.conversation-header[b-ypdczifd9d] {
    display: flex;
    height: 70px;
    min-width: 0;
    align-items: center;
    gap: .68rem;
    padding: .62rem .9rem;
    border-bottom: 1px solid rgba(66, 125, 168, .16);
    background: rgba(3, 10, 17, .82);
    backdrop-filter: blur(18px);
}

.conversation-header > div[b-ypdczifd9d] { display:flex;min-width:0;flex:1;flex-direction:column; }
.conversation-header strong[b-ypdczifd9d] { overflow:hidden;color:#f4f8fb;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap; }
.conversation-header small[b-ypdczifd9d] { overflow:hidden;color:#657f91;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap; }
.conversation-header > a[b-ypdczifd9d] { text-decoration:none; }
.conversation-back[b-ypdczifd9d] { display:none; }

.message-stream[b-ypdczifd9d] {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: .16rem;
    padding: .8rem clamp(.8rem, 2.4vw, 2rem) 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
    scrollbar-color: #14527f transparent;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
}

.message-date-separator[b-ypdczifd9d] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .72rem 0 .62rem;
}

.message-date-separator span[b-ypdczifd9d] {
    padding: .25rem .58rem;
    color: #758b9b;
    border: 1px solid rgba(81, 134, 172, .14);
    border-radius: 999px;
    background: rgba(10, 24, 36, .72);
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.message-row[b-ypdczifd9d] {
    display: flex;
    max-width: min(74%, 640px);
    flex-direction: column;
    align-items: flex-start;
    margin-top: .28rem;
}

.message-row.grouped-with-previous[b-ypdczifd9d] { margin-top:.02rem; }
.message-row.outgoing[b-ypdczifd9d] { align-self:flex-end;align-items:flex-end; }
.message-row.incoming[b-ypdczifd9d] { align-self:flex-start; }

.message-bubble[b-ypdczifd9d] {
    position: relative;
    max-width: 100%;
    overflow: visible;
    isolation: isolate;
    color: #fff;
    border-radius: 19px;
    background: #2c2c2e;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
}

.outgoing .message-bubble[b-ypdczifd9d] { background:#0a84ff; }
.incoming.grouped-with-previous .message-bubble[b-ypdczifd9d] { border-top-left-radius:7px; }
.incoming.grouped-with-next .message-bubble[b-ypdczifd9d] { border-bottom-left-radius:7px; }
.outgoing.grouped-with-previous .message-bubble[b-ypdczifd9d] { border-top-right-radius:7px; }
.outgoing.grouped-with-next .message-bubble[b-ypdczifd9d] { border-bottom-right-radius:7px; }

.message-row.group-end .message-bubble[b-ypdczifd9d]::before,
.message-row.group-end .message-bubble[b-ypdczifd9d]::after {
    position: absolute;
    content: "";
    z-index: -1;
}

.message-row.group-end .message-bubble[b-ypdczifd9d]::before { width:20px;height:18px; }
.message-row.group-end .message-bubble[b-ypdczifd9d]::after { width:12px;height:20px;background:#02060a; }
.incoming.group-end .message-bubble[b-ypdczifd9d]::before { bottom:-2px;left:-7px;background:#2c2c2e;border-bottom-right-radius:17px 15px; }
.incoming.group-end .message-bubble[b-ypdczifd9d]::after { bottom:-2px;left:-12px;border-bottom-right-radius:11px; }
.outgoing.group-end .message-bubble[b-ypdczifd9d]::before { right:-7px;bottom:-3px;background:#0a84ff;border-bottom-left-radius:17px 15px; }
.outgoing.group-end .message-bubble[b-ypdczifd9d]::after { right:-12px;bottom:-3px;border-bottom-left-radius:11px; }
.message-bubble p[b-ypdczifd9d] { margin:0;padding:.52rem .72rem;overflow-wrap:anywhere;font-size:.86rem;line-height:1.36;white-space:pre-wrap; }

.message-meta[b-ypdczifd9d] { display:flex;align-items:center;gap:.24rem;padding:.16rem .32rem 0;color:#63798a;font-size:.56rem; }
.delivery-status[b-ypdczifd9d] { display:inline-grid;width:14px;place-items:center;color:#718b9d;font-size:.76rem; }
.delivery-status.delivered[b-ypdczifd9d] { color:#4db8f0; }
.delivery-status.failed[b-ypdczifd9d] { color:#ef7886; }
.message-error[b-ypdczifd9d] { max-width:400px;padding:.14rem .3rem;color:#ef8c97;font-size:.6rem;text-align:right; }

.message-media-list[b-ypdczifd9d] { display:grid;max-width:480px;gap:2px;overflow:hidden;border-radius:18px; }
.message-media-list img[b-ypdczifd9d],.message-media-list video[b-ypdczifd9d] { display:block;width:100%;max-height:360px;object-fit:cover; }
.message-media-list audio[b-ypdczifd9d] { width:min(340px,70vw);margin:.45rem; }
.media-processing[b-ypdczifd9d] { display:flex;align-items:center;gap:.4rem;padding:.65rem .75rem;color:#d6e0e7;font-size:.72rem; }
.media-unavailable[b-ypdczifd9d] { display:flex;align-items:center;gap:.4rem;padding:.65rem .75rem;color:#f1a3ab;font-size:.72rem; }
.message-file[b-ypdczifd9d] { display:flex;align-items:center;gap:.55rem;margin:.4rem;padding:.55rem;color:#f3f9fd;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(0,0,0,.18);text-decoration:none; }
.message-file > i[b-ypdczifd9d] { font-size:1.2rem; }
.message-file > span[b-ypdczifd9d] { display:flex;min-width:0;flex-direction:column;font-size:.72rem; }
.message-file small[b-ypdczifd9d] { color:rgba(255,255,255,.66);font-size:.58rem; }

.message-composer[b-ypdczifd9d] {
    display: grid;
    gap: .45rem;
    padding: .58rem .8rem calc(.68rem + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(65, 127, 171, .15);
    background: rgba(2, 8, 14, .91);
    backdrop-filter: blur(18px);
}

.composer-row[b-ypdczifd9d] { display:flex;align-items:flex-end;gap:.48rem; }
.composer-row textarea[b-ypdczifd9d] { min-height:40px;max-height:120px;flex:1;resize:none;padding:.52rem .8rem;color:#f5f7f8;border:1px solid #3a3a3c;border-radius:21px;outline:none;background:#1c1c1e;font-size:.85rem;line-height:1.35; }
.composer-row textarea:focus[b-ypdczifd9d] { border-color:#4aaef0;box-shadow:0 0 0 3px rgba(20,132,205,.12); }
.composer-row textarea[b-ypdczifd9d]::placeholder { color:#77777c; }

.attach-button[b-ypdczifd9d],.send-button[b-ypdczifd9d] { position:relative;display:grid;width:38px;height:38px;flex:0 0 38px;padding:0;overflow:hidden;place-items:center;border-radius:50%;cursor:pointer; }
.attach-button[b-ypdczifd9d] { color:#7acdf8;border:1px solid rgba(70,158,217,.25);background:#182b3a; }
.attach-button:hover[b-ypdczifd9d] { color:#fff;background:#164e73; }
.attach-button[b-ypdczifd9d]  input[type="file"] { position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer; }
.send-button[b-ypdczifd9d] { color:#fff;border:0;background:#0a84ff;font-size:1rem;box-shadow:0 5px 14px rgba(10,132,255,.24); }
.send-button:hover:not(:disabled)[b-ypdczifd9d] { background:#2794ff; }
.send-button:disabled[b-ypdczifd9d] { color:#597082;background:#162b3a;box-shadow:none; }

.selected-media[b-ypdczifd9d] { display:flex;flex-wrap:wrap;gap:.3rem; }
.selected-media > span[b-ypdczifd9d] { display:flex;max-width:260px;align-items:center;gap:.3rem;padding:.32rem .42rem;color:#b4c9d7;border:1px solid rgba(70,151,207,.2);border-radius:9px;background:rgba(13,52,81,.34);font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.selected-media button[b-ypdczifd9d] { display:grid;width:18px;height:18px;padding:0;place-items:center;color:#94b1c4;border:0;border-radius:50%;background:rgba(0,0,0,.2); }

.new-message-overlay[b-ypdczifd9d] { position:fixed;inset:0;display:grid;padding:1rem;place-items:center;z-index:1200;background:rgba(0,2,6,.82);backdrop-filter:blur(10px); }
.new-message-card[b-ypdczifd9d] { display:grid;width:min(620px,100%);max-height:calc(100dvh - 2rem);gap:.72rem;padding:1rem;overflow-y:auto;border:1px solid rgba(68,157,218,.3);border-radius:20px;background:linear-gradient(155deg,#0c2438,#040c15);box-shadow:0 34px 100px rgba(0,0,0,.7); }
.new-message-card > header[b-ypdczifd9d] { display:grid;grid-template-columns:36px 1fr 36px;align-items:center;text-align:center; }
.new-message-card header button[b-ypdczifd9d] { display:grid;width:34px;height:34px;padding:0;place-items:center;color:#84c8ec;border:1px solid rgba(66,145,199,.2);border-radius:50%;background:rgba(13,64,99,.34); }
.new-message-card h2[b-ypdczifd9d] { margin:0;color:#f2f8fc;font-size:1rem;letter-spacing:-.02em; }
.new-message-card > label[b-ypdczifd9d] { display:grid;grid-template-columns:50px 1fr;align-items:center;gap:.55rem; }
.new-message-card > label > span[b-ypdczifd9d] { color:#9ab1c1;font-size:.72rem;font-weight:700; }
.new-message-compose[b-ypdczifd9d] { display:grid;gap:.55rem; }
.new-message-compose textarea[b-ypdczifd9d] { min-height:130px;padding:.72rem;color:#eff6fa;border:1px solid rgba(73,153,209,.3);border-radius:13px;resize:vertical;background:rgba(1,8,15,.7); }
.new-message-compose > div[b-ypdczifd9d] { display:flex;align-items:center;justify-content:space-between;gap:.5rem; }
.new-message-compose .attach-button[b-ypdczifd9d] { display:inline-flex;width:auto;min-width:112px;height:38px;flex:0 0 auto;justify-content:center;gap:.42rem;padding:0 .78rem;border-radius:11px;font-size:.72rem;font-weight:700;white-space:nowrap; }
.conversation-placeholder.compact[b-ypdczifd9d] { min-height:200px; }

.context-menu-dismiss[b-ypdczifd9d] {
    position: fixed;
    inset: 0;
    z-index: 1290;
}

.message-context-menu[b-ypdczifd9d] {
    position: fixed;
    top: min(var(--context-y), calc(100dvh - 78px));
    left: min(var(--context-x), calc(100vw - 228px));
    z-index: 1300;
    width: 216px;
    padding: .32rem;
    border: 1px solid rgba(91, 171, 222, .28);
    border-radius: 13px;
    background: rgba(8, 22, 34, .98);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255, 255, 255, .04);
    backdrop-filter: blur(18px);
}

.message-context-menu button[b-ypdczifd9d] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: .65rem;
    padding: .58rem .62rem;
    color: #f49ca5;
    border: 0;
    border-radius: 10px;
    background: transparent;
    text-align: left;
}

.message-context-menu button:hover[b-ypdczifd9d] { color:#ffd5d9;background:rgba(159,38,52,.28); }
.message-context-menu button > i[b-ypdczifd9d] { font-size:1rem; }
.message-context-menu button > span[b-ypdczifd9d] { display:flex;min-width:0;flex-direction:column; }
.message-context-menu strong[b-ypdczifd9d] { font-size:.74rem; }
.message-context-menu small[b-ypdczifd9d] { color:#8da1af;font-size:.6rem; }

.message-delete-overlay[b-ypdczifd9d] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    padding: 1rem;
    place-items: center;
    background: rgba(0, 3, 7, .8);
    backdrop-filter: blur(10px);
}

.message-delete-card[b-ypdczifd9d] {
    display: grid;
    width: min(430px, 100%);
    justify-items: center;
    padding: 1.25rem;
    color: #eef5f9;
    border: 1px solid rgba(211, 85, 101, .3);
    border-radius: 19px;
    background: linear-gradient(155deg, #14212c, #070d13);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .68);
    text-align: center;
}

.delete-warning-icon[b-ypdczifd9d] { display:grid;width:48px;height:48px;margin-bottom:.65rem;place-items:center;color:#ff9aa4;border:1px solid rgba(236,92,108,.3);border-radius:50%;background:rgba(133,25,40,.3);font-size:1.15rem; }
.message-delete-card h2[b-ypdczifd9d] { margin:0;color:#fff;font-size:1.05rem; }
.message-delete-card p[b-ypdczifd9d] { max-width:350px;margin:.42rem 0 .9rem;color:#8fa4b3;font-size:.72rem;line-height:1.5; }
.message-delete-card .composer-error[b-ypdczifd9d] { width:100%;margin-bottom:.75rem;text-align:left; }
.message-delete-actions[b-ypdczifd9d] { display:flex;width:100%;justify-content:flex-end;gap:.5rem; }
.message-delete-actions .btn[b-ypdczifd9d] { min-width:92px;border-radius:10px;font-size:.72rem;font-weight:700; }

@media (max-width: 767.98px) {
    .messaging-heading[b-ypdczifd9d] { margin-bottom:.5rem; }
    .messaging-heading p[b-ypdczifd9d] { display:none; }
    .new-message-button span[b-ypdczifd9d] { display:none; }
    .message-shell[b-ypdczifd9d] { min-height:0;grid-template-columns:1fr;border-radius:15px; }
    .thread-sidebar[b-ypdczifd9d] { border-right:0; }
    .conversation-panel[b-ypdczifd9d] { display:none; }
    .message-shell.conversation-open .thread-sidebar[b-ypdczifd9d] { display:none; }
    .message-shell.conversation-open .conversation-panel[b-ypdczifd9d] { display:grid; }
    .conversation-back[b-ypdczifd9d] { display:grid; }
    .message-row[b-ypdczifd9d] { max-width:86%; }
    .message-stream[b-ypdczifd9d] { padding:.62rem .7rem .85rem; }
    .conversation-header[b-ypdczifd9d] { padding:.5rem .58rem; }
    .conversation-header > a[b-ypdczifd9d] { width:34px;height:34px; }
    .message-composer[b-ypdczifd9d] { padding-right:.58rem;padding-left:.58rem; }
    .new-message-overlay[b-ypdczifd9d] { padding:.5rem;align-items:end; }
    .new-message-card[b-ypdczifd9d] { max-height:92dvh;border-radius:20px 20px 12px 12px; }
}

@media (max-width: 390px) {
    .messaging-heading h1[b-ypdczifd9d] { font-size:1.42rem; }
    .conversation-avatar[b-ypdczifd9d] { width:36px;height:36px; }
    .message-row[b-ypdczifd9d] { max-width:90%; }
}

/* iOS zooms focused form controls whose computed text size is below 16px. */
@media (pointer: coarse) {
    .composer-row textarea[b-ypdczifd9d],
    .new-message-compose textarea[b-ypdczifd9d],
    .new-message-card input[b-ypdczifd9d],
    .new-message-card select[b-ypdczifd9d] {
        font-size: 16px;
        touch-action: manipulation;
    }
}
/* /Components/Pages/SipTrunks/Index.razor.rz.scp.css */
.trunk-editor-modal[b-j166nz7bqx] {
    background: rgba(0, 3, 8, .82);
    backdrop-filter: blur(10px);
}

.trunk-editor-modal .modal-content[b-j166nz7bqx] {
    overflow: hidden;
    border: 1px solid rgba(67, 157, 222, .28);
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0, rgba(12, 103, 173, .16), transparent 28rem),
        linear-gradient(155deg, #0a1b2c 0%, #050d17 58%, #02070d 100%);
    box-shadow: 0 34px 100px rgba(0, 0, 0, .72), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.trunk-editor-modal .modal-header[b-j166nz7bqx] {
    min-height: 72px;
    padding: .9rem 1.15rem;
    border-color: rgba(74, 148, 201, .17);
    background: rgba(3, 12, 21, .72);
    backdrop-filter: blur(16px);
}

.trunk-editor-modal .modal-title[b-j166nz7bqx] {
    margin: .08rem 0 0;
    color: #eef8ff;
    font-size: 1.12rem;
    font-weight: 750;
    letter-spacing: -.015em;
}

.trunk-editor-eyebrow[b-j166nz7bqx] {
    color: #65bff3;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.trunk-editor-close[b-j166nz7bqx] {
    display: grid;
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 0;
    place-items: center;
    color: #9fc0d6;
    border: 1px solid rgba(92, 160, 208, .2);
    border-radius: 50%;
    background: rgba(13, 43, 67, .66);
}

.trunk-editor-close:hover[b-j166nz7bqx],
.trunk-editor-close:focus-visible[b-j166nz7bqx] {
    color: #fff;
    border-color: rgba(99, 193, 246, .45);
    background: rgba(18, 82, 123, .72);
}

.trunk-editor-modal .modal-body[b-j166nz7bqx] {
    padding: 1rem 1.15rem 0;
    scrollbar-color: #155a8d #040c15;
}

.trunk-editor-tabs[b-j166nz7bqx] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .3rem;
    margin-bottom: 1.15rem;
    padding: .32rem;
    border: 1px solid rgba(73, 153, 211, .22);
    border-radius: 16px;
    background: rgba(1, 7, 13, .84);
    box-shadow: inset 0 1px 7px rgba(0, 0, 0, .56), 0 8px 24px rgba(0, 0, 0, .16);
}

.trunk-editor-tab[b-j166nz7bqx] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 64px;
    align-items: center;
    gap: .72rem;
    padding: .62rem .78rem;
    overflow: hidden;
    color: #7691a5;
    border: 1px solid transparent;
    border-radius: 12px;
    outline: none;
    background: transparent;
    text-align: left;
    transition: color 160ms ease, border-color 160ms ease, background 160ms ease, transform 160ms ease;
    touch-action: manipulation;
}

.trunk-editor-tab:hover[b-j166nz7bqx] {
    color: #b9d2e3;
    background: rgba(20, 78, 118, .16);
}

.trunk-editor-tab:focus-visible[b-j166nz7bqx] {
    border-color: #43aef1;
    box-shadow: 0 0 0 3px rgba(35, 147, 220, .16);
}

.trunk-editor-tab[b-j166nz7bqx]::after {
    position: absolute;
    right: 18%;
    bottom: 0;
    left: 18%;
    height: 2px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, #168cff, #46c8ef);
    box-shadow: 0 0 12px rgba(40, 166, 236, .55);
    content: "";
    opacity: 0;
    transform: scaleX(.4);
    transition: opacity 160ms ease, transform 160ms ease;
}

.trunk-editor-tab > i[b-j166nz7bqx] {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    color: #5caedc;
    border: 1px solid rgba(68, 151, 207, .16);
    border-radius: 10px;
    background: rgba(13, 62, 96, .28);
    font-size: 1rem;
    transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}

.trunk-editor-tab > span[b-j166nz7bqx],
.messaging-enable-card > div:first-child > span:last-child[b-j166nz7bqx],
.messaging-endpoints header > span[b-j166nz7bqx] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.trunk-editor-tab strong[b-j166nz7bqx] {
    color: inherit;
    font-size: .83rem;
    font-weight: 750;
}

.trunk-editor-tab small[b-j166nz7bqx],
.messaging-enable-card small[b-j166nz7bqx],
.messaging-endpoints small[b-j166nz7bqx] {
    margin-top: .05rem;
    color: #648197;
    font-size: .67rem;
}

.trunk-editor-tab.active[b-j166nz7bqx] {
    color: #f1f9ff;
    border-color: rgba(71, 169, 232, .3);
    background:
        linear-gradient(135deg, rgba(18, 90, 142, .52), rgba(7, 32, 52, .82)),
        #0a2135;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 6px 16px rgba(0, 0, 0, .2);
}

.trunk-editor-tab.active[b-j166nz7bqx]::after {
    opacity: 1;
    transform: scaleX(1);
}

.trunk-editor-tab.active > i[b-j166nz7bqx] {
    color: #a9e2ff;
    border-color: rgba(85, 189, 246, .35);
    background: rgba(18, 117, 181, .34);
}

.trunk-editor-form hr[b-j166nz7bqx] {
    border-color: rgba(72, 146, 200, .2);
}

.trunk-editor-form h6[b-j166nz7bqx] {
    color: #dbeaf4;
    font-weight: 750;
}

.trunk-messaging-panel[b-j166nz7bqx] {
    display: grid;
    gap: 0;
}

.trunk-stir-panel[b-j166nz7bqx] {
    display: grid;
    gap: 1rem;
}

.stir-enable-card .messaging-provider-icon[b-j166nz7bqx] {
    color: #91e0ff;
    background: linear-gradient(145deg, rgba(18, 132, 198, .42), rgba(5, 45, 74, .46));
}

.stir-configuration[b-j166nz7bqx] {
    padding: 1rem;
    border: 1px solid rgba(65, 144, 203, .2);
    border-radius: 14px;
    background: rgba(2, 11, 19, .68);
}

.stir-attestation-note[b-j166nz7bqx] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .7rem .8rem;
    color: #819eb3;
    border: 1px solid rgba(65, 144, 203, .18);
    border-radius: 10px;
    background: rgba(12, 52, 79, .28);
    font-size: .73rem;
}

.stir-attestation-note i[b-j166nz7bqx] { color: #5fc5f7; }
.stir-attestation-note strong[b-j166nz7bqx] { color: #bfe6fa; }

.messaging-enable-card[b-j166nz7bqx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(70, 170, 235, .28);
    border-radius: 14px;
    background:
        radial-gradient(circle at 0 0, rgba(24, 136, 207, .18), transparent 14rem),
        linear-gradient(115deg, rgba(10, 50, 79, .7), rgba(4, 19, 32, .88));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.messaging-enable-card > div:first-child[b-j166nz7bqx] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .72rem;
}

.messaging-enable-card strong[b-j166nz7bqx],
.messaging-endpoints strong[b-j166nz7bqx] {
    color: #e8f5fd;
}

.messaging-provider-icon[b-j166nz7bqx] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    color: #83d4ff;
    border: 1px solid rgba(78, 179, 239, .3);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(23, 121, 184, .4), rgba(8, 49, 78, .42));
}

.messaging-endpoints[b-j166nz7bqx] {
    display: grid;
    gap: .76rem;
    padding: 1rem;
    border: 1px solid rgba(65, 144, 203, .2);
    border-radius: 14px;
    background: rgba(2, 11, 19, .68);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.messaging-endpoints header[b-j166nz7bqx] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding-bottom: .25rem;
}

.messaging-endpoints header > i[b-j166nz7bqx] {
    color: #64c7f8;
    font-size: 1.2rem;
}

.messaging-endpoints label > span:first-child[b-j166nz7bqx] {
    display: block;
    margin-bottom: .3rem;
    color: #aec3d3;
    font-size: .76rem;
    font-weight: 700;
}

.messaging-endpoints input[readonly][b-j166nz7bqx] {
    color: #79a6c4;
    background: rgba(1, 8, 15, .88);
}

.callback-diagnostic-note[b-j166nz7bqx] {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    margin-top: .5rem;
    padding: .55rem .65rem;
    color: #e2b66f;
    border: 1px solid rgba(220, 157, 58, .23);
    border-radius: 10px;
    background: rgba(103, 64, 11, .18);
    font-size: .68rem;
    line-height: 1.4;
}

.callback-diagnostic-note i[b-j166nz7bqx] {
    flex: 0 0 auto;
    margin-top: .05rem;
}

.callback-credentials[b-j166nz7bqx] {
    display: grid;
    gap: .75rem;
    margin-top: .15rem;
    padding: .85rem;
    border: 1px solid rgba(67, 151, 210, .22);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(9, 40, 63, .58), rgba(2, 12, 21, .72));
}

.callback-credentials header[b-j166nz7bqx] {
    padding: 0 0 .1rem;
}

.callback-credentials .credential-value[b-j166nz7bqx] {
    color: #c4e9ff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .76rem;
    letter-spacing: .015em;
}

.trunk-editor-modal .modal-footer[b-j166nz7bqx] {
    position: sticky;
    bottom: 0;
    z-index: 4;
    margin: 1rem -1.15rem 0;
    padding: .8rem 1.15rem;
    border-color: rgba(65, 139, 193, .2);
    background: rgba(3, 12, 21, .94);
    backdrop-filter: blur(16px);
}

@media (max-width: 575.98px) {
    .trunk-editor-modal .modal-dialog[b-j166nz7bqx] {
        margin: .5rem;
    }

    .trunk-editor-modal .modal-content[b-j166nz7bqx] {
        max-height: calc(100dvh - 1rem);
        border-radius: 16px;
    }

    .trunk-editor-modal .modal-header[b-j166nz7bqx],
    .trunk-editor-modal .modal-body[b-j166nz7bqx] {
        padding-right: .8rem;
        padding-left: .8rem;
    }

    .trunk-editor-tabs[b-j166nz7bqx] {
        gap: .2rem;
        padding: .25rem;
    }

    .trunk-editor-tab[b-j166nz7bqx] {
        min-height: 50px;
        justify-content: center;
        gap: .42rem;
        padding: .45rem;
        text-align: center;
    }

    .trunk-editor-tab > i[b-j166nz7bqx] {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    .trunk-editor-tab small[b-j166nz7bqx] {
        display: none;
    }

    .messaging-enable-card[b-j166nz7bqx] {
        align-items: flex-start;
        flex-direction: column;
    }

    .messaging-endpoints .input-group[b-j166nz7bqx] {
        display: grid;
        gap: .45rem;
    }

    .messaging-endpoints .input-group > *[b-j166nz7bqx] {
        width: 100%;
        border-radius: 9px !important;
    }

    .trunk-editor-modal .modal-footer[b-j166nz7bqx] {
        margin-right: -.8rem;
        margin-left: -.8rem;
        padding-right: .8rem;
        padding-left: .8rem;
    }
}
