@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-1slncr389r] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.page[b-1slncr389r]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.75), transparent 82%);
}

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

.sidebar[b-1slncr389r] {
    position: sticky;
    top: 0;
    z-index: 2000;
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 61, 50, 0.35), transparent 15rem),
        linear-gradient(180deg, rgba(20, 26, 35, 0.98), rgba(8, 10, 14, 0.98));
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.3);
}

.top-row[b-1slncr389r] {
    background-color: rgba(0, 0, 0, 0.18);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

@media (max-width: 640.98px) {
    .top-row[b-1slncr389r] {
        justify-content: space-between;
    }

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

@media (min-width: 641px) {
    .page[b-1slncr389r] {
        flex-direction: row;
    }

    .sidebar[b-1slncr389r] {
        width: 270px;
        height: 100vh;
        border-bottom: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .top-row[b-1slncr389r] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-1slncr389r]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    article[b-1slncr389r] {
        padding-left: clamp(2rem, 5vw, 4.5rem) !important;
        padding-right: clamp(1.5rem, 4vw, 3rem) !important;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-bojxz7wm3x] {
    appearance: none;
    cursor: pointer;
    width: 3rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.82%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.4' d='M5 8h20M5 15h20M5 22h20'/%3e%3c/svg%3e") no-repeat center/1.45rem rgba(255, 255, 255, 0.08);
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.navbar-toggler:checked[b-bojxz7wm3x] {
    background-color: rgba(255, 61, 50, 0.22);
    border-color: rgba(255, 61, 50, 0.45);
}

.top-row[b-bojxz7wm3x] {
    height: 3.5rem;
    background: rgba(0, 0, 0, 0.12);
}

.navbar-brand[b-bojxz7wm3x] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.navbar-brand[b-bojxz7wm3x]::before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    background: #ff3d32;
    box-shadow: 0 0 18px rgba(255, 61, 50, 0.9);
}

.bi[b-bojxz7wm3x] {
    display: inline-block;
    position: relative;
    width: 1.15rem;
    height: 1.15rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
    flex: 0 0 auto;
}

.bi-house-door-fill-nav-menu[b-bojxz7wm3x] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-rocket-takeoff-fill-nav-menu[b-bojxz7wm3x] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M12.17 9.53c2.307-2.592 3.278-4.684 3.641-6.218.21-.887.214-1.58.16-2.065a3.6 3.6 0 0 0-.108-.563 2 2 0 0 0-.078-.23V.453c-.073-.164-.168-.234-.352-.295a2 2 0 0 0-.16-.045 4 4 0 0 0-.57-.093c-.49-.044-1.19-.03-2.08.188-1.536.374-3.618 1.343-6.161 3.604l-2.4.238h-.006a2.55 2.55 0 0 0-1.524.734L.15 7.17a.512.512 0 0 0 .433.868l1.896-.271c.28-.04.592.013.955.132.232.076.437.16.655.248l.203.083c.196.816.66 1.58 1.275 2.195.613.614 1.376 1.08 2.191 1.277l.082.202c.089.218.173.424.249.657.118.363.172.676.132.956l-.271 1.9a.512.512 0 0 0 .867.433l2.382-2.386c.41-.41.668-.949.732-1.526zm.11-3.699c-.797.8-1.93.961-2.528.362-.598-.6-.436-1.733.361-2.532.798-.799 1.93-.96 2.528-.361s.437 1.732-.36 2.531Z'/%3E%3Cpath d='M5.205 10.787a7.6 7.6 0 0 0 1.804 1.352c-1.118 1.007-4.929 2.028-5.054 1.903-.126-.127.737-4.189 1.839-5.18.346.69.837 1.35 1.411 1.925'/%3E%3C/svg%3E");
}

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

.nav-item[b-bojxz7wm3x] {
    font-size: 0.93rem;
    padding: 0.18rem 0.85rem;
}

.nav-item:first-of-type[b-bojxz7wm3x] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-bojxz7wm3x] {
    padding-bottom: 1rem;
}

.nav-item[b-bojxz7wm3x]  a {
    position: relative;
    color: rgba(244, 247, 251, 0.74);
    border: 1px solid transparent;
    border-radius: 16px;
    min-height: 3rem;
    display: flex;
    align-items: center;
    line-height: 1.1;
    padding: 0 0.85rem;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.nav-item[b-bojxz7wm3x]  a.active {
    background: linear-gradient(135deg, rgba(255, 61, 50, 0.24), rgba(255, 255, 255, 0.06));
    border-color: rgba(255, 61, 50, 0.38);
    color: white;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 12px 28px rgba(0, 0, 0, 0.22);
}

.nav-item[b-bojxz7wm3x]  a:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: white;
    transform: translateX(2px);
}

.nav-scrollable[b-bojxz7wm3x] {
    display: none;
    padding-bottom: 0.75rem;
}

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

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

    .top-row[b-bojxz7wm3x] {
        height: 4.3rem;
    }

    .nav-scrollable[b-bojxz7wm3x] {
        display: block;
        height: calc(100vh - 4.3rem);
        overflow-y: auto;
        padding-top: 0.25rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-3cyvs4c0hp],
.components-reconnect-repeated-attempt-visible[b-3cyvs4c0hp],
.components-reconnect-failed-visible[b-3cyvs4c0hp],
.components-pause-visible[b-3cyvs4c0hp],
.components-resume-failed-visible[b-3cyvs4c0hp],
.components-rejoining-animation[b-3cyvs4c0hp] {
    display: none;
}

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


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

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

}

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

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

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

@keyframes components-reconnect-modal-fadeInOpacity-b-3cyvs4c0hp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/EditSupport.razor.rz.scp.css */
.section-label[b-ngedv85wff] { color:#ffaaa4; font-size:.74rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.admin-login[b-ngedv85wff] { max-width:520px; margin:clamp(1rem,8vh,5rem) auto; }
.admin-login h1[b-ngedv85wff] { margin-top:.6rem; font-size:clamp(2rem,6vw,3.5rem); }
.admin-login form[b-ngedv85wff] { display:grid; gap:.75rem; margin-top:1.5rem; }
.admin-login label[b-ngedv85wff],.admin-field label[b-ngedv85wff] { color:var(--app-text-soft); font-size:.84rem; font-weight:800; }
.admin-login .app-btn[b-ngedv85wff] { justify-self:start; margin-left:0; }
.admin-error[b-ngedv85wff] { color:#ffaaa4; }
.admin-header[b-ngedv85wff] { display:flex; justify-content:space-between; gap:1rem; align-items:end; margin-bottom:1.2rem; }
.admin-header h1[b-ngedv85wff] { margin:.45rem 0; }
.admin-header p[b-ngedv85wff] { margin:0; }
.admin-secondary[b-ngedv85wff] { padding:.65rem 1rem; color:var(--app-text-soft); background:rgba(255,255,255,.06); border:1px solid var(--app-border); border-radius:999px; }
.admin-header-actions[b-ngedv85wff] { display:flex; justify-content:flex-end; gap:.6rem; flex-wrap:wrap; }
.admin-secondary:disabled[b-ngedv85wff] { opacity:.6; }
.admin-layout[b-ngedv85wff] { display:grid; grid-template-columns:minmax(260px,.75fr) minmax(0,1.5fr); gap:1rem; align-items:start; }
.ticket-list[b-ngedv85wff] { display:grid; gap:.55rem; max-height:calc(100vh - 190px); overflow:auto; }
.ticket-list-item[b-ngedv85wff] { display:grid; gap:.4rem; width:100%; padding:1rem; color:var(--app-text); text-align:left; background:rgba(255,255,255,.04); border:1px solid var(--app-border); border-radius:14px; transition:.15s ease; }
.ticket-list-item:hover[b-ngedv85wff],.ticket-list-item.selected[b-ngedv85wff] { background:rgba(255,61,50,.1); border-color:rgba(255,61,50,.4); }
.ticket-list-top[b-ngedv85wff] { display:flex; justify-content:space-between; gap:.5rem; align-items:center; font-family:var(--app-font-mono); font-size:.8rem; }
.ticket-list-subject[b-ngedv85wff] { font-weight:800; overflow-wrap:anywhere; }
.ticket-list-meta[b-ngedv85wff] { color:var(--app-text-muted); font-size:.75rem; }
.status-badge[b-ngedv85wff] { padding:.2rem .45rem; color:var(--app-warning); background:rgba(247,185,85,.1); border-radius:999px; font-family:var(--app-font); font-size:.65rem; text-transform:uppercase; }
.status-resolved[b-ngedv85wff],.status-closed[b-ngedv85wff] { color:var(--app-green); background:rgba(56,217,150,.1); }
.ticket-editor[b-ngedv85wff] { max-width:none; margin:0; }
.ticket-editor h2[b-ngedv85wff] { margin:.35rem 0 1.3rem; }
.editor-grid[b-ngedv85wff] { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.admin-field[b-ngedv85wff] { display:grid; gap:.45rem; margin-bottom:1rem; }
.readonly-value[b-ngedv85wff],.customer-message[b-ngedv85wff] { padding:.8rem; color:var(--app-text-soft); background:rgba(0,0,0,.24); border:1px solid var(--app-border); border-radius:12px; overflow-wrap:anywhere; white-space:pre-wrap; }
.customer-message[b-ngedv85wff] { min-height:100px; }
.admin-note[b-ngedv85wff] { min-height:130px; resize:vertical; }
.admin-field small[b-ngedv85wff] { color:var(--app-text-muted); }
.editor-actions[b-ngedv85wff] { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.editor-actions .app-btn[b-ngedv85wff] { margin-left:0; }
.save-message[b-ngedv85wff] { color:var(--app-green); font-weight:800; }
.empty-state[b-ngedv85wff] { max-width:none; }
@media (max-width:850px) { .admin-layout[b-ngedv85wff],.editor-grid[b-ngedv85wff] { grid-template-columns:1fr; } .ticket-list[b-ngedv85wff] { max-height:340px; } }
.admin-thread[b-ngedv85wff] { display:grid; gap:.7rem; max-height:520px; padding:.7rem; overflow:auto; background:rgba(0,0,0,.18); border:1px solid var(--app-border); border-radius:14px; }
.admin-message[b-ngedv85wff] { width:min(90%,680px); padding:.8rem; border:1px solid var(--app-border); border-radius:12px; background:rgba(255,255,255,.05); }
.admin-message.support-message[b-ngedv85wff] { justify-self:end; border-color:rgba(58,134,255,.3); background:rgba(58,134,255,.09); }
.admin-message header[b-ngedv85wff] { display:flex; justify-content:space-between; gap:1rem; font-size:.75rem; }
.admin-message time[b-ngedv85wff] { color:var(--app-text-muted); }
.admin-message p[b-ngedv85wff] { margin:.6rem 0 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.admin-attachments[b-ngedv85wff] { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.6rem; }
.admin-attachments button[b-ngedv85wff] { padding:.4rem .6rem; color:#c8dcff; background:rgba(58,134,255,.1); border:1px solid rgba(58,134,255,.25); border-radius:9px; font-size:.75rem; }
.admin-reply[b-ngedv85wff] { padding:1rem; border:1px solid rgba(58,134,255,.2); border-radius:14px; background:rgba(58,134,255,.05); }
.admin-reply textarea[b-ngedv85wff] { min-height:110px; resize:vertical; }
.admin-reply .app-btn[b-ngedv85wff] { justify-self:start; margin-left:0; }
.selected-files[b-ngedv85wff] { color:var(--app-text-soft); font-size:.8rem; overflow-wrap:anywhere; }
/* /Components/Pages/Home.razor.rz.scp.css */
/* CSS for Home component */
.edc-discord[b-bs52ox9mpv] {
    --edc-bg: #0c0e13;
    --edc-panel: #151820;
    --edc-line: rgba(255,255,255,.09);
    --edc-text: #f6f7f9;
    --edc-muted: #9fa5b0;
    --edc-red: #ff3038;
    --edc-red-dark: #b30f16;
    position: relative;
    overflow: hidden;
    margin: 48px 0;
    padding: 56px 28px;
    color: var(--edc-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: radial-gradient(circle at 12% 20%, rgba(255,48,56,.15), transparent 32%), linear-gradient(135deg, #101218 0%, #090a0e 100%);
    border: 1px solid var(--edc-line);
    border-radius: 24px;
}

    .edc-discord[b-bs52ox9mpv], .edc-discord *[b-bs52ox9mpv] {
        box-sizing: border-box;
    }

.edc-discord__inner[b-bs52ox9mpv] {
    width: min(1120px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 36px;
    align-items: center;
}

.edc-discord__eyebrow[b-bs52ox9mpv] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ff8d92;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

    .edc-discord__eyebrow[b-bs52ox9mpv]::before {
        content: "";
        width: 30px;
        height: 2px;
        background: var(--edc-red);
    }

.edc-discord h2[b-bs52ox9mpv] {
    margin: 16px 0 16px;
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.02;
    letter-spacing: -.045em;
}

    .edc-discord h2 span[b-bs52ox9mpv] {
        color: var(--edc-red);
    }

.edc-discord__lead[b-bs52ox9mpv] {
    margin: 0;
    max-width: 650px;
    color: var(--edc-muted);
    font-size: 17px;
    line-height: 1.7;
}

.edc-discord__features[b-bs52ox9mpv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 26px 0;
}

.edc-discord__feature[b-bs52ox9mpv] {
    padding: 15px;
    border: 1px solid var(--edc-line);
    border-radius: 13px;
    background: rgba(255,255,255,.03);
}

    .edc-discord__feature strong[b-bs52ox9mpv] {
        display: block;
        margin-bottom: 6px;
        font-size: 14px;
    }

    .edc-discord__feature span[b-bs52ox9mpv] {
        color: #9298a3;
        font-size: 12px;
        line-height: 1.45;
    }

.edc-discord__actions[b-bs52ox9mpv] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.edc-discord__join[b-bs52ox9mpv],
.edc-discord__copy[b-bs52ox9mpv] {
    min-height: 52px;
    border-radius: 12px;
    font: inherit;
    font-weight: 800;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.edc-discord__join[b-bs52ox9mpv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 22px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg, var(--edc-red), var(--edc-red-dark));
    box-shadow: 0 14px 30px rgba(255,48,56,.22);
}

    .edc-discord__join:hover[b-bs52ox9mpv],
    .edc-discord__copy:hover[b-bs52ox9mpv] {
        transform: translateY(-2px);
    }

    .edc-discord__join svg[b-bs52ox9mpv] {
        width: 22px;
        height: 22px;
        fill: currentColor;
    }

.edc-discord__copy[b-bs52ox9mpv] {
    padding: 0 17px;
    color: #e6e8ec;
    cursor: pointer;
    border: 1px solid var(--edc-line);
    background: rgba(255,255,255,.035);
}

.edc-discord__card[b-bs52ox9mpv] {
    position: relative;
    overflow: hidden;
    padding: 26px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 20px;
    background: linear-gradient(155deg, rgba(29,33,41,.97), rgba(15,17,22,.98));
    box-shadow: 0 24px 55px rgba(0,0,0,.38);
}

    .edc-discord__card[b-bs52ox9mpv]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 3px;
        background: linear-gradient(90deg, var(--edc-red), #ff7a7f 42%, #5865f2);
    }

.edc-discord__label[b-bs52ox9mpv] {
    color: #8f949e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.edc-discord__server[b-bs52ox9mpv] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 22px 0;
}

.edc-discord__icon[b-bs52ox9mpv] {
    width: 66px;
    height: 66px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: white;
    background: linear-gradient(145deg, #ff333b, #9d0e14);
    box-shadow: 0 14px 28px rgba(255,48,56,.24);
}

    .edc-discord__icon svg[b-bs52ox9mpv] {
        width: 35px;
        height: 35px;
        fill: currentColor;
    }

.edc-discord__server h3[b-bs52ox9mpv] {
    margin: 0 0 5px;
    font-size: 22px;
}

.edc-discord__server p[b-bs52ox9mpv] {
    margin: 0;
    color: #9ca1ab;
    font-size: 13px;
}

.edc-discord__topics[b-bs52ox9mpv] {
    display: grid;
    gap: 9px;
    padding-top: 18px;
    border-top: 1px solid var(--edc-line);
}

.edc-discord__topic[b-bs52ox9mpv] {
    padding: 12px 13px;
    color: #d4d7dd;
    font-size: 13px;
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 11px;
    background: rgba(255,255,255,.03);
}

    .edc-discord__topic b[b-bs52ox9mpv] {
        margin-right: 8px;
        color: var(--edc-red);
    }

@media (max-width: 900px) {
    .edc-discord__inner[b-bs52ox9mpv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .edc-discord[b-bs52ox9mpv] {
        padding: 40px 18px;
        border-radius: 18px;
    }

    .edc-discord__features[b-bs52ox9mpv] {
        grid-template-columns: 1fr;
    }

    .edc-discord__join[b-bs52ox9mpv], .edc-discord__copy[b-bs52ox9mpv] {
        width: 100%;
    }
}
/* /Components/Pages/Support.razor.rz.scp.css */
.support-hero[b-hkbuuvm9dz] { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(220px,.6fr); gap:1.2rem; align-items:end; margin-bottom:1rem; }
.support-hero h1[b-hkbuuvm9dz] { max-width:760px; }
.support-hero p[b-hkbuuvm9dz] { max-width:700px; font-size:1.05rem; line-height:1.65; }
.support-promise[b-hkbuuvm9dz] { display:grid; gap:.35rem; padding:1.2rem; border:1px solid var(--app-border); border-radius:var(--app-radius-sm); background:rgba(56,217,150,.07); }
.support-promise strong[b-hkbuuvm9dz] { color:var(--app-green); }
.support-promise span[b-hkbuuvm9dz] { color:var(--app-text-muted); font-size:.9rem; line-height:1.5; }
.support-grid[b-hkbuuvm9dz] { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr); gap:1.2rem; align-items:start; }
.support-form-card[b-hkbuuvm9dz] { max-width:none; margin:0; }
.support-grid aside[b-hkbuuvm9dz] { display:grid; gap:1rem; }
.status-card[b-hkbuuvm9dz] { margin:0; }
.support-grid h2[b-hkbuuvm9dz] { margin:.25rem 0 1.25rem; font-size:clamp(1.45rem,3vw,2rem); }
.section-label[b-hkbuuvm9dz] { color:#ffaaa4; font-size:.74rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.support-field[b-hkbuuvm9dz] { display:grid; gap:.45rem; margin-bottom:1rem; }
.support-field label[b-hkbuuvm9dz] { color:var(--app-text-soft); font-size:.84rem; font-weight:800; }
.support-field small[b-hkbuuvm9dz] { color:var(--app-text-muted); line-height:1.4; }
.support-field .form-control[b-hkbuuvm9dz] { width:100%; }
.support-message[b-hkbuuvm9dz] { min-height:170px; resize:vertical; }
.support-submit[b-hkbuuvm9dz] { margin-left:0; }
.validation-summary[b-hkbuuvm9dz] { margin-bottom:1rem; padding:.8rem 1rem; color:#ffb1ab; border:1px solid rgba(255,61,50,.3); border-radius:12px; background:rgba(255,61,50,.08); }
.validation-summary:empty[b-hkbuuvm9dz] { display:none; }
.support-success[b-hkbuuvm9dz] { display:grid; justify-items:start; }
.success-mark[b-hkbuuvm9dz] { display:grid; place-items:center; width:56px; height:56px; margin-bottom:1rem; border-radius:50%; color:#06140e; background:var(--app-green); font-size:1.7rem; font-weight:900; box-shadow:0 0 28px rgba(56,217,150,.28); }
.ticket-number[b-hkbuuvm9dz] { width:100%; margin:1rem 0; padding:1rem; color:#fff; border:1px dashed rgba(255,255,255,.3); border-radius:12px; background:rgba(0,0,0,.25); font-family:var(--app-font-mono); font-size:clamp(1.05rem,3vw,1.5rem); font-weight:800; text-align:center; letter-spacing:.06em; }
.ticket-details[b-hkbuuvm9dz] { display:grid; grid-template-columns:auto 1fr; gap:.65rem 1rem; width:100%; margin:0 0 1rem; }
.ticket-details dt[b-hkbuuvm9dz] { color:var(--app-text-muted); }
.ticket-details dd[b-hkbuuvm9dz] { margin:0; color:var(--app-text); overflow-wrap:anywhere; }
.status-pill[b-hkbuuvm9dz] { display:inline-flex; padding:.2rem .6rem; color:var(--app-green); background:rgba(56,217,150,.1); border:1px solid rgba(56,217,150,.25); border-radius:999px; font-size:.78rem; font-weight:800; text-transform:uppercase; }
.lookup-result[b-hkbuuvm9dz] { display:grid; gap:.3rem; margin-top:1rem; padding:.9rem; color:var(--app-text-soft); background:rgba(56,217,150,.08); border:1px solid rgba(56,217,150,.24); border-radius:12px; }
.lookup-result strong[b-hkbuuvm9dz] { color:var(--app-green); }
.lookup-result span[b-hkbuuvm9dz] { font-size:.85rem; color:var(--app-text-muted); }
.lookup-error[b-hkbuuvm9dz] { background:rgba(255,61,50,.08); border-color:rgba(255,61,50,.24); }
.lookup-error strong[b-hkbuuvm9dz] { color:#ffaaa4; }
.support-tip[b-hkbuuvm9dz] { padding:1rem 1.1rem; border-left:3px solid var(--app-warning); border-radius:0 12px 12px 0; background:rgba(247,185,85,.07); }
.support-tip strong[b-hkbuuvm9dz] { color:var(--app-warning); }
.support-tip p[b-hkbuuvm9dz] { margin:.4rem 0 0; font-size:.88rem; line-height:1.5; }
@media (max-width:850px) { .support-hero[b-hkbuuvm9dz],.support-grid[b-hkbuuvm9dz] { grid-template-columns:1fr; } }
.selected-files[b-hkbuuvm9dz] { color:var(--app-text-soft); font-size:.8rem; overflow-wrap:anywhere; }
.conversation-panel[b-hkbuuvm9dz] { max-width:none; margin-top:1.2rem; }
.conversation-header[b-hkbuuvm9dz] { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.conversation-actions[b-hkbuuvm9dz] { display:flex; align-items:center; justify-content:flex-end; gap:.65rem; flex-wrap:wrap; }
.reload-button[b-hkbuuvm9dz] { padding:.5rem .75rem; color:var(--app-text-soft); background:rgba(255,255,255,.06); border:1px solid var(--app-border); border-radius:999px; font-size:.78rem; font-weight:800; }
.reload-button:hover[b-hkbuuvm9dz] { color:#fff; border-color:var(--app-border-strong); background:rgba(255,255,255,.1); }
.reload-button:disabled[b-hkbuuvm9dz] { opacity:.6; }
.conversation-header h2[b-hkbuuvm9dz] { margin:.35rem 0 1rem; }
.message-thread[b-hkbuuvm9dz] { display:grid; gap:.8rem; margin:1rem 0 1.5rem; }
.support-message-bubble[b-hkbuuvm9dz] { width:min(86%,720px); padding:1rem; border:1px solid var(--app-border); border-radius:16px; background:rgba(255,255,255,.05); }
.support-message-bubble.from-support[b-hkbuuvm9dz] { justify-self:end; border-color:rgba(58,134,255,.3); background:rgba(58,134,255,.09); }
.support-message-bubble header[b-hkbuuvm9dz] { display:flex; justify-content:space-between; gap:1rem; color:var(--app-text); font-size:.8rem; }
.support-message-bubble time[b-hkbuuvm9dz] { color:var(--app-text-muted); }
.support-message-bubble p[b-hkbuuvm9dz] { margin:.7rem 0 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.attachment-list[b-hkbuuvm9dz] { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.8rem; }
.attachment-button[b-hkbuuvm9dz] { padding:.5rem .7rem; color:#c8dcff; background:rgba(58,134,255,.1); border:1px solid rgba(58,134,255,.25); border-radius:10px; font-size:.8rem; }
.attachment-button small[b-hkbuuvm9dz] { color:var(--app-text-muted); }
.reply-box[b-hkbuuvm9dz] { display:grid; gap:.65rem; padding-top:1.2rem; border-top:1px solid var(--app-border); }
.reply-box label[b-hkbuuvm9dz] { font-weight:800; }
.reply-box textarea[b-hkbuuvm9dz] { min-height:120px; resize:vertical; }
.reply-box small[b-hkbuuvm9dz] { color:var(--app-text-muted); }
.reply-box .app-btn[b-hkbuuvm9dz] { justify-self:start; margin-left:0; }
.reply-error[b-hkbuuvm9dz] { color:#ffaaa4; }
