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

/* _content/Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-739djkm78g] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-739djkm78g] {
    flex: 1;
}

.sidebar[b-739djkm78g] {
    background-image: linear-gradient(180deg, #000000, #381f00);
}

.top-row[b-739djkm78g] {
    background-image: linear-gradient(90deg, #000000, #381f00);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

    .sidebar[b-739djkm78g] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

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

#blazor-error-ui[b-739djkm78g] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-739djkm78g] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Web/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-rg61plsfb0] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    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.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-rg61plsfb0] {
        background-color: rgba(255, 255, 255, 0.5);
    }

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

.navbar-brand[b-rg61plsfb0] {
    font-size: 1.1rem;
}

.bi[b-rg61plsfb0] {
    position: static;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.modutils-navbar-icon[b-rg61plsfb0] {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-item[b-rg61plsfb0] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-rg61plsfb0]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-rg61plsfb0]  a.active {
        background-color: rgba(255,255,255,0.37);
        color: white;
    }

    .nav-item[b-rg61plsfb0]  .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

.nav-scrollable[b-rg61plsfb0] {
    display: none;
}

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

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

    .nav-scrollable[b-rg61plsfb0] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/Web/Components/Pages/Backgrounds/AdminBackground.razor.rz.scp.css */
/* Main container for the Admin Background view */
.admin-bg-container[b-w3umlsxb7n] {
    max-width: 800px;
    margin: 2rem auto;
    padding: 20px;
}

/* Card styling */
.admin-bg-card[b-w3umlsxb7n] {
    background-color: #2b2b2b;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
}

/* Title styling */
.admin-bg-title[b-w3umlsxb7n] {
    color: #ff7f00;
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.8rem;
}

/* Background details section */
.bg-details[b-w3umlsxb7n] {
    margin-bottom: 20px;
}

.bg-filename[b-w3umlsxb7n] {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 5px;
}

.bg-upload-info[b-w3umlsxb7n] {
    font-size: 1rem;
    color: #cccccc;
}

/* Image container styling */
.bg-image-container[b-w3umlsxb7n] {
    text-align: center;
    margin-bottom: 20px;
}

.bg-image[b-w3umlsxb7n] {
    max-width: 100%;
    border-radius: 6px;
    border: 2px solid #3a3a3a;
}

/* Admin Actions Panel */
.admin-actions[b-w3umlsxb7n] {
    background-color: #3a3a3a;
    padding: 15px;
    border-radius: 6px;
    text-align: center;
    margin-top: 20px;
}

    .admin-actions h5[b-w3umlsxb7n] {
        color: #ff7f00;
        margin-bottom: 15px;
        font-size: 1.3rem;
    }

/* Button Group */
.button-group[b-w3umlsxb7n] {
    display: flex;
    justify-content: center;
    gap: 15px;
}

    .button-group button[b-w3umlsxb7n] {
        flex: 1;
        padding: 10px;
        border-radius: 4px;
        font-weight: bold;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

/* Custom Button Styles (Overriding Bootstrap Defaults if Needed) */
.btn.btn-success[b-w3umlsxb7n] {
    background-color: #32cd32;
    color: #ffffff;
    border: none;
}

    .btn.btn-success:hover[b-w3umlsxb7n] {
        background-color: #28a428;
    }

.btn.btn-outline-danger[b-w3umlsxb7n] {
    background-color: transparent;
    border: 1px solid #ff4d4d;
    color: #ff4d4d;
}

    .btn.btn-outline-danger:hover[b-w3umlsxb7n] {
        background-color: #ff4d4d;
        color: #2b2b2b;
    }

/* Loading Text */
.loading[b-w3umlsxb7n] {
    text-align: center;
    font-size: 1.2rem;
    color: #ffcc00;
}
/* _content/Web/Components/Pages/Backgrounds/Background.razor.rz.scp.css */
/* Main container for the background information page */
.bg-info-container[b-u3cemo4ibz] {
    max-width: 800px;
    margin: 2rem auto;
    padding: 20px;
}

/* Card styling */
.bg-info-card[b-u3cemo4ibz] {
    background-color: #2b2b2b;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
}

/* Title styling */
.bg-info-title[b-u3cemo4ibz] {
    color: #ff7f00;
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.8rem;
}

/* Alert styling (overriding Bootstrap if needed) */
.alert[b-u3cemo4ibz] {
    background-color: #004085;
    border: none;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 4px;
    margin-bottom: 20px;
    text-align: center;
}

.btn-close[b-u3cemo4ibz] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
}

/* Counters container (flex layout for three counters) */
.counters-container[b-u3cemo4ibz] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.counter-card[b-u3cemo4ibz] {
    background-color: #3a3a3a;
    flex: 1 1 calc(33.333% - 10px);
    text-align: center;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
}

    .counter-card h4[b-u3cemo4ibz] {
        margin: 0 0 10px 0;
        color: #ff7f00;
        font-size: 1.2rem;
    }

.counter-value[b-u3cemo4ibz] {
    font-size: 1.8rem;
    font-weight: bold;
    color: #e0e0e0;
}

/* Upload Action Button */
.upload-action[b-u3cemo4ibz] {
    text-align: center;
    margin-top: 10px;
}

.btn-upload[b-u3cemo4ibz] {
    background: linear-gradient(135deg, #ff7f00, #ff4500);
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s ease;
}

    .btn-upload:hover[b-u3cemo4ibz] {
        background: linear-gradient(135deg, #ff4500, #ff7f00);
        box-shadow: 0 0 10px rgba(255, 69, 0, 0.8);
    }

/* Responsive adjustments */
@media (max-width: 576px) {
    .counters-container[b-u3cemo4ibz] {
        flex-direction: column;
    }

    .counter-card[b-u3cemo4ibz] {
        flex: 1 1 100%;
    }
}
/* _content/Web/Components/Pages/Backgrounds/BackgroundTable.razor.rz.scp.css */
/* Main container */
.bg-info-container[b-mvmrelhr49] {
    max-width: 800px;
    margin: 2rem auto;
    padding: 20px;
}

/* Card styling */
.bg-info-card[b-mvmrelhr49] {
    background-color: #2b2b2b;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
}

/* Title styling */
.bg-info-title[b-mvmrelhr49] {
    color: #ff7f00;
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.8rem;
}

/* Alert overrides (if needed) */
.alert[b-mvmrelhr49] {
    background-color: #004085;
    border: none;
    color: #ffffff;
    padding: 10px 15px;
    border-radius: 4px;
    margin-bottom: 20px;
    text-align: center;
}

.btn-close[b-mvmrelhr49] {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
}

/* Counters container */
.counters-container[b-mvmrelhr49] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.counter-card[b-mvmrelhr49] {
    background-color: #3a3a3a;
    flex: 1 1 calc(33.333% - 10px);
    text-align: center;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
}

    .counter-card h4[b-mvmrelhr49] {
        margin: 0 0 10px 0;
        color: #ff7f00;
        font-size: 1.2rem;
    }

.counter-value[b-mvmrelhr49] {
    font-size: 1.8rem;
    font-weight: bold;
    color: #e0e0e0;
}

/* Table styling */
.mod-table[b-mvmrelhr49] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

    .mod-table thead[b-mvmrelhr49] {
        background-color: #3a3a3a;
        color: #f1f1f1;
    }

    .mod-table th[b-mvmrelhr49],
    .mod-table td[b-mvmrelhr49] {
        padding: 12px 15px;
        border-bottom: 1px solid #444;
        text-align: left;
    }

    .mod-table tbody tr:hover[b-mvmrelhr49] {
        background-color: #444;
        transition: background-color 0.2s ease-in-out;
    }

/* Outline Button styling for actions */
.btn-outline-info[b-mvmrelhr49] {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid #ff7f00;
    border-radius: 4px;
    color: #ff7f00;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .btn-outline-info:hover[b-mvmrelhr49] {
        background-color: #ff7f00;
        color: #2b2b2b;
    }

/* Responsive adjustments */
@media (max-width: 576px) {
    .counters-container[b-mvmrelhr49] {
        flex-direction: column;
    }

    .counter-card[b-mvmrelhr49] {
        flex: 1 1 100%;
    }
}
/* _content/Web/Components/Pages/Backgrounds/UploadBackground.razor.rz.scp.css */
/* ----------------------------------------------------
   Background Upload & Requirements – Dark Themed Style
   ----------------------------------------------------
   Color Palette:
     • Card Background: #2b2b2b
     • Inner Panels (inputs, list backgrounds): #3a3a3a
     • Accent (headings, borders, links): #ff7f00
     • Primary Text: #f1f1f1
     • Error: #b00020
     • Disabled Elements: #888 (with reduced opacity)
---------------------------------------------------- */

/* Main container */
.modupdate-container[b-uwn4lgv2ci] {
    max-width: 800px;
    margin: 2rem auto;
    padding: 20px;
}

/* Upload Form Card */
.modupdate-card[b-uwn4lgv2ci] {
    background-color: #2b2b2b;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    margin-bottom: 30px;
}

    .modupdate-card h3[b-uwn4lgv2ci] {
        color: #ff7f00;
        text-align: center;
        margin-bottom: 20px;
        font-size: 1.8rem;
    }

/* Error message */
.error-message[b-uwn4lgv2ci] {
    background-color: #b00020;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
    text-align: center;
}

/* Form group */
.form-group[b-uwn4lgv2ci] {
    margin-bottom: 15px;
}

    .form-group label[b-uwn4lgv2ci] {
        display: block;
        margin-bottom: 5px;
        color: #f1f1f1;
        font-weight: bold;
    }

/* Input File styling */
input[type="file"][b-uwn4lgv2ci] {
    background-color: #3a3a3a;
    border: 1px solid #444;
    color: #f1f1f1;
    padding: 8px;
    border-radius: 4px;
}

/* Progress Bar Styling */
.progress-bar[b-uwn4lgv2ci] {
    width: 100%;
    height: 25px;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 5px;
}

    .progress-bar[b-uwn4lgv2ci]::-webkit-progress-bar {
        background-color: #3a3a3a;
    }

    .progress-bar[b-uwn4lgv2ci]::-webkit-progress-value {
        background-color: #ff7f00;
    }

    .progress-bar[b-uwn4lgv2ci]::-moz-progress-bar {
        background-color: #ff7f00;
    }

/* Button Styling */
.btn[b-uwn4lgv2ci] {
    background-color: #ff7f00;
    color: #2b2b2b;
    padding: 10px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    width: 100%;
    transition: background-color 0.3s ease;
}

    .btn:hover[b-uwn4lgv2ci] {
        background-color: #e06b00;
    }

    .btn:disabled[b-uwn4lgv2ci] {
        background-color: #888;
        cursor: not-allowed;
        opacity: 0.6;
    }

/* Requirements Panel */
.requirements-card[b-uwn4lgv2ci] {
    background-color: #2b2b2b;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
}

    .requirements-card h3[b-uwn4lgv2ci] {
        color: #ff7f00;
        text-align: center;
        margin-bottom: 20px;
        font-size: 1.8rem;
    }

/* Requirements List */
.requirements-list[b-uwn4lgv2ci] {
    list-style-type: disc;
    margin: 0;
    padding-left: 20px;
    font-size: 1.05rem;
    line-height: 1.6;
    color: #f1f1f1;
}

    .requirements-list li[b-uwn4lgv2ci] {
        margin-bottom: 10px;
    }

    /* Link styling inside requirements */
    .requirements-list a[b-uwn4lgv2ci] {
        color: #ff7f00;
        text-decoration: underline;
    }

/* Responsive adjustments */
@media (max-width: 576px) {
    .modupdate-container[b-uwn4lgv2ci] {
        padding: 15px;
    }
}
/* _content/Web/Components/Pages/Groups/AddPlayer.razor.rz.scp.css */
/* Container for centering the add player view */
.addplayer-container[b-u70v3ujvag] {
    max-width: 500px;
    margin: 2rem auto;
}

/* Card styling for the form */
.addplayer-card[b-u70v3ujvag] {
    background-color: #2c2c2c; /* Dark grey background */
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

/* Common spacing for form groups */
.form-group[b-u70v3ujvag] {
    margin-bottom: 1rem;
}

    /* Label styling */
    .form-group label[b-u70v3ujvag] {
        display: block;
        margin-bottom: 0.5rem;
        color: #f1f1f1;
    }

/* Input styling */
.form-control[b-u70v3ujvag] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3a3a3a; /* Slightly lighter dark for input fields */
    color: #f1f1f1;
}

/* Button styling */
.btn[b-u70v3ujvag] {
    display: inline-block;
    background-color: #FF7F00; /* Orange accent */
    color: #ffffff;
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}

    .btn:hover[b-u70v3ujvag] {
        background-color: #e06b00;
    }

/* Alert error styling */
.alert-danger[b-u70v3ujvag] {
    background-color: #b00020; /* Rich red */
    padding: 0.75rem 1.25rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    color: #ffffff;
    text-align: center;
}
/* _content/Web/Components/Pages/Groups/Create.razor.rz.scp.css */
/* Container for centering the group creation view */
.groupcreation-container[b-dhrm6rsq8s] {
    max-width: 500px;
    margin: 2rem auto;
}

/* Card styling for the form */
.groupcreation-card[b-dhrm6rsq8s] {
    background-color: #2c2c2c; /* Dark grey background */
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

/* Common spacing for form groups */
.form-group[b-dhrm6rsq8s] {
    margin-bottom: 1rem;
}

    /* Label styling */
    .form-group label[b-dhrm6rsq8s] {
        display: block;
        margin-bottom: 0.5rem;
        color: #f1f1f1;
    }

/* Input styling */
.form-control[b-dhrm6rsq8s] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3a3a3a; /* Slightly lighter dark for input backgrounds */
    color: #f1f1f1;
}

/* Checkbox styling - adjust spacing if necessary */
.input-checkbox[b-dhrm6rsq8s] {
    margin-right: 0.5rem;
}

/* Button styling */
.btn[b-dhrm6rsq8s] {
    display: inline-block;
    background-color: #FF7F00; /* Orange accent */
    color: #ffffff;
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}

    .btn:hover[b-dhrm6rsq8s] {
        background-color: #e06b00;
    }

/* Alert error styling */
.alert-danger[b-dhrm6rsq8s] {
    background-color: #b00020; /* Rich red */
    padding: 0.75rem 1.25rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    color: #ffffff;
    text-align: center;
}
/* _content/Web/Components/Pages/Groups/GroupDetails.razor.rz.scp.css */
/* General Styling */
.mod-container[b-4vqpmtto19] {
    max-width: 900px;
    margin: 2rem auto;
}

.mod-card[b-4vqpmtto19] {
    background-color: #2c2c2c;
    padding: 1.5rem;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    color: #f1f1f1;
}

/* Header with Title & Create Button */
.mod-header[b-4vqpmtto19] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #ff7f00;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/* Table Title */
h3[b-4vqpmtto19] {
    color: #ff7f00;
    margin: 0;
}

/* Create Button */
.btn-create[b-4vqpmtto19] {
    background: linear-gradient(135deg, #ff7f00, #ff4500);
    color: white;
    padding: 10px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}

    .btn-create:hover[b-4vqpmtto19] {
        background: linear-gradient(135deg, #ff4500, #ff7f00);
        box-shadow: 0 0 10px rgba(255, 127, 0, 0.8);
    }

/* Table */
.mod-table[b-4vqpmtto19] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

    .mod-table thead[b-4vqpmtto19] {
        background-color: #3a3a3a;
        color: #f1f1f1;
    }

    .mod-table th[b-4vqpmtto19],
    .mod-table td[b-4vqpmtto19] {
        padding: 0.8rem;
        border-bottom: 1px solid #444;
        text-align: left;
    }

    .mod-table tbody tr:hover[b-4vqpmtto19] {
        background-color: #3f3f3f;
        transition: background-color 0.2s;
    }

/* Action Buttons */
.btn-outline-info[b-4vqpmtto19] {
    background: none;
    color: #ff7f00;
    border: 1px solid #ff7f00;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}

    .btn-outline-info:hover[b-4vqpmtto19] {
        background: #ff7f00;
        color: black;
    }
/* _content/Web/Components/Pages/Groups/MyGroups.razor.rz.scp.css */
/* General Styling */
.mod-container[b-ag2b92ulor] {
    max-width: 900px;
    margin: 2rem auto;
}

.mod-card[b-ag2b92ulor] {
    background-color: #2c2c2c;
    padding: 1.5rem;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    color: #f1f1f1;
}

/* Header with Title & Create Button */
.mod-header[b-ag2b92ulor] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #ff7f00;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/* Table Title */
h3[b-ag2b92ulor] {
    color: #ff7f00;
    margin: 0;
}

/* Create Button */
.btn-create[b-ag2b92ulor] {
    background: linear-gradient(135deg, #ff7f00, #ff4500);
    color: white;
    padding: 10px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}

    .btn-create:hover[b-ag2b92ulor] {
        background: linear-gradient(135deg, #ff4500, #ff7f00);
        box-shadow: 0 0 10px rgba(255, 127, 0, 0.8);
    }

/* Table */
.mod-table[b-ag2b92ulor] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

    .mod-table thead[b-ag2b92ulor] {
        background-color: #3a3a3a;
        color: #f1f1f1;
    }

    .mod-table th[b-ag2b92ulor],
    .mod-table td[b-ag2b92ulor] {
        padding: 0.8rem;
        border-bottom: 1px solid #444;
        text-align: left;
    }

    .mod-table tbody tr:hover[b-ag2b92ulor] {
        background-color: #3f3f3f;
        transition: background-color 0.2s;
    }

/* Action Buttons */
.btn-outline-info[b-ag2b92ulor] {
    background: none;
    color: #ff7f00;
    border: 1px solid #ff7f00;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}

    .btn-outline-info:hover[b-ag2b92ulor] {
        background: #ff7f00;
        color: black;
    }
/* _content/Web/Components/Pages/Home.razor.rz.scp.css */
*[b-l0gfn74exd] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html[b-l0gfn74exd],
body[b-l0gfn74exd] {
    background-color: #121212;
    color: #f1f1f1;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.4;
}

.auth-wrapper[b-l0gfn74exd] {
    width: 90%;
    max-width: 1000px;
    margin: 1rem auto;
    padding: 0.5rem;
}

.card[b-l0gfn74exd] {
    background-color: #2c2c2c;
    border-radius: 4px;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.not-authorized-card[b-l0gfn74exd] {
    border: 2px solid #ff7f00;
    text-align: center;
}

.card-title[b-l0gfn74exd] {
    font-size: 1.75rem;
    color: #ff7f00;
    margin-bottom: 0.5rem;
}

.card-subtitle[b-l0gfn74exd] {
    font-size: 1rem;
    color: #f1f1f1;
    margin-bottom: 1rem;
}

.user-status[b-l0gfn74exd] {
    background-color: #3a3a3a;
    border-left: 4px solid #ff7f00;
    text-align: center;
    padding: 0.5rem;
}

    .user-status h2[b-l0gfn74exd] {
        font-size: 1.4rem;
        color: #f1f1f1;
    }

.user-name[b-l0gfn74exd] {
    color: #ff7f00;
    font-weight: bold;
}

.stats-grid[b-l0gfn74exd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.stats-item[b-l0gfn74exd] {
    background-color: #2c2c2c;
    border: 1px solid #444;
    border-radius: 4px;
    padding: 0.5rem;
    text-align: center;
}

.stats-title[b-l0gfn74exd] {
    font-size: 1.2rem;
    color: #ff7f00;
    margin-bottom: 0.25rem;
}

.stats-number[b-l0gfn74exd],
.stats-value[b-l0gfn74exd] {
    font-size: 1.4rem;
    color: #f1f1f1;
    font-weight: bold;
}

.btn[b-l0gfn74exd] {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    transition: background 0.3s ease, transform 0.2s ease;
    cursor: pointer;
}

.btn-primary[b-l0gfn74exd] {
    background-color: #ff7f00;
    color: #ffffff;
    border: none;
}

    .btn-primary:hover[b-l0gfn74exd] {
        background-color: #e68a00;
        transform: translateY(-2px);
    }

.btn-secondary[b-l0gfn74exd] {
    background-color: #004085;
    color: #ffffff;
    border: none;
    padding: 0.4rem 0.8rem;
    border-radius: 16px;
}

    .btn-secondary:hover[b-l0gfn74exd] {
        background-color: #003366;
    }

.btn-patreon[b-l0gfn74exd] {
    background-color: #f96854;
    color: #ffffff;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    transition: background 0.3s ease, transform 0.2s ease;
    cursor: pointer;
}

    .btn-patreon:hover[b-l0gfn74exd] {
        background-color: #e25748;
        transform: translateY(-2px);
    }

.btn-view-all[b-l0gfn74exd] {
    background-color: #3a3a3a;
    color: #f1f1f1;
    border: 1px solid #444;
    padding: 0.25rem 0.6rem;
    font-size: 0.8rem;
    border-radius: 12px;
    font-weight: normal;
}

    .btn-view-all:hover[b-l0gfn74exd] {
        background-color: #4f4f4f;
        color: #ff7f00;
        transform: none;
    }

.alert[b-l0gfn74exd] {
    border-radius: 4px;
    padding: 0.5rem;
    margin-bottom: 0.75rem;
    text-align: center;
    font-weight: bold;
}

.alert-warning[b-l0gfn74exd] {
    background-color: #ff7f00;
    color: #ffffff;
}

.alert-info[b-l0gfn74exd] {
    background-color: #1c1c1c;
    color: #ffffff;
}

.token-card[b-l0gfn74exd] {
    background-color: #3a3a3a;
    padding: 0.5rem;
    margin: 0.5rem 0;
    border-radius: 4px;
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
    color: #ff7f00;
}

h4[b-l0gfn74exd] {
    color: #f1f1f1;
    font-size: 1rem;
}

p[b-l0gfn74exd] {
    color: #f1f1f1;
    font-size: 0.9rem;
}

.section[b-l0gfn74exd] {
    margin-bottom: 0.75rem;
}

.section-header[b-l0gfn74exd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #444;
    padding-bottom: 0.25rem;
}

.section-title[b-l0gfn74exd] {
    font-size: 1.3rem;
    color: #ff7f00;
    text-align: center;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #444;
    padding-bottom: 0.25rem;
}

.section-header .section-title[b-l0gfn74exd] {
    flex-grow: 1; 
    text-align: center; 
    margin-bottom: 0; 
    border-bottom: none;
    padding-bottom: 0;
}

.mod-cards[b-l0gfn74exd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.mod-card[b-l0gfn74exd] {
    background-color: #2c2c2c;
    border: 1px solid #444;
    border-radius: 4px;
    padding: 0.5rem;
    transition: transform 0.3s ease;
}

    .mod-card:hover[b-l0gfn74exd] {
        transform: translateY(-3px);
    }

.mod-name[b-l0gfn74exd] {
    font-size: 1rem;
    color: #ff7f00;
    margin-bottom: 0.25rem;
}

.mod-author[b-l0gfn74exd],
.mod-date[b-l0gfn74exd] {
    font-size: 0.8rem;
    margin-bottom: 0.25rem;
}

.support-card[b-l0gfn74exd] {
    background: linear-gradient(90deg, #1c1c1c, #2c2c2c);
    border: 2px solid #ff7f00;
    border-radius: 4px;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.support-text[b-l0gfn74exd] {
    font-size: 1rem;
    margin: 0;
    flex: 1;
    text-align: left;
}

.support-card .btn-patreon[b-l0gfn74exd] {
    flex: 0;
}

a[b-l0gfn74exd] {
    color: #ff7f00;
    text-decoration: none;
    transition: color 0.2s ease;
}

    a:hover[b-l0gfn74exd] {
        text-decoration: underline;
    }

.info-text[b-l0gfn74exd] {
    text-align: center;
    font-size: 0.9rem;
    color: #f1f1f1;
}

.loading-msg[b-l0gfn74exd] {
    text-align: center;
    font-size: 1rem;
    margin-top: 1rem;
    color: #ff7f00;
}

@media (max-width: 600px) {
    .auth-wrapper[b-l0gfn74exd] {
        padding: 0.5rem;
    }

    .btn[b-l0gfn74exd] {
        padding: 0.4rem 0.8rem;
    }

    .section-title[b-l0gfn74exd] {
        font-size: 1.2rem;
    }

    .support-card[b-l0gfn74exd] {
        flex-direction: column;
        text-align: center;
    }

    .support-text[b-l0gfn74exd] {
        margin-bottom: 0.5rem;
    }
}
/* _content/Web/Components/Pages/ModLockingSettings/AllPublics.razor.rz.scp.css */
/* General container for the table view, similar to mod-container but potentially wider */
.table-view-container[b-s7evvs3tur] {
    max-width: 900px; /* Adjust as needed for table content */
    margin: 2rem auto;
    padding: 1rem; /* Add some padding around the container if desired */
}

    /* Styling for the main heading of the view */
    .table-view-container h3[b-s7evvs3tur] {
        text-align: center;
        color: #f1f1f1;
        margin-bottom: 1.5rem;
    }

    /* Styling for the loading message */
    .table-view-container p[b-s7evvs3tur] {
        color: #f1f1f1;
        text-align: center;
        padding: 1rem;
    }

/* Table styling */
.mls-table[b-s7evvs3tur] {
    width: 100%;
    border-collapse: collapse; /* Removes double borders */
    margin-top: 1rem;
    background-color: #2c2c2c; /* Dark grey background */
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    overflow: hidden; /* Ensures border-radius clips child elements */
    color: #f1f1f1;
}

    /* Table header styling */
    .mls-table th[b-s7evvs3tur] {
        background-color: #3a3a3a; /* Slightly lighter dark background for header */
        color: #f1f1f1;
        padding: 0.75rem 1rem;
        text-align: left;
        border-bottom: 2px solid #444; /* Separator line */
        font-weight: bold;
    }

    /* Table body cells styling */
    .mls-table td[b-s7evvs3tur] {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid #444; /* Lighter separator for rows */
        vertical-align: middle;
    }

    /* Remove bottom border from the last row's cells */
    .mls-table tbody tr:last-child td[b-s7evvs3tur] {
        border-bottom: none;
    }

    /* Hover effect for table rows */
    .mls-table tbody tr:hover[b-s7evvs3tur] {
        background-color: #383838; /* Slightly lighter on hover */
    }

    /* Link styling within the table */
    .mls-table td a[b-s7evvs3tur] {
        color: #ff7f00; /* Orange accent color */
        text-decoration: none;
        font-weight: bold;
        transition: color 0.3s ease;
    }

        .mls-table td a:hover[b-s7evvs3tur] {
            color: #e06b00; /* Darker orange on hover */
            text-decoration: underline;
        }

    /* Optional: Style for the "Action" column to center its content if desired */
    .mls-table th:last-child[b-s7evvs3tur],
    .mls-table td:last-child[b-s7evvs3tur] {
        text-align: center;
    }
/* _content/Web/Components/Pages/ModLockingSettings/Information.razor.rz.scp.css */
/* Main container for the information page */
.info-container[b-td3n9sk7lu] {
    max-width: 800px;
    margin: 2rem auto;
    padding: 15px;
}

/* Card styling */
.info-card[b-td3n9sk7lu] {
    background-color: #2c2c2c;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    color: #f1f1f1;
}

    /* Headings */
    .info-card h2[b-td3n9sk7lu],
    .info-card h3[b-td3n9sk7lu] {
        color: #ff7f00;
        margin-bottom: 15px;
        font-weight: bold;
    }

    /* Paragraphs */
    .info-card p[b-td3n9sk7lu] {
        line-height: 1.6;
        margin-bottom: 15px;
        font-size: 1.1rem;
    }

    /* Links */
    .info-card a[b-td3n9sk7lu] {
        color: #ff7f00;
        text-decoration: underline;
    }

    /* Unordered list */
    .info-card ul[b-td3n9sk7lu] {
        margin-bottom: 15px;
        padding-left: 20px;
    }

        .info-card ul li[b-td3n9sk7lu] {
            margin-bottom: 10px;
            font-size: 1.05rem;
        }

    /* Definition List for FAQ */
    .info-card dl[b-td3n9sk7lu] {
        margin: 15px 0;
    }

    .info-card dt[b-td3n9sk7lu] {
        font-weight: bold;
        margin-top: 10px;
        font-size: 1.05rem;
    }

    .info-card dd[b-td3n9sk7lu] {
        margin-left: 20px;
        margin-bottom: 10px;
        font-size: 1.05rem;
    }
/* _content/Web/Components/Pages/ModLockingSettings/Setup.razor.rz.scp.css */
/* Container for centering the mod locking view */
.modlocking-container[b-ctlaen9nvs] {
    max-width: 600px;
    margin: 2rem auto;
    padding: 1rem;
}

/* Header styling for the view */
.modlocking-header[b-ctlaen9nvs] {
    text-align: center;
    color: #f1f1f1;
    margin-bottom: 1.5rem;
}

/* Form container styling */
.modlocking-form[b-ctlaen9nvs] {
    background-color: #2c2c2c; /* Dark grey background */
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    margin-bottom: 1.5rem;
}

/* Common form group spacing */
.form-group[b-ctlaen9nvs] {
    margin-bottom: 1rem;
}

    /* Label styling */
    .form-group label[b-ctlaen9nvs] {
        display: block;
        margin-bottom: 0.5rem;
        color: #f1f1f1;
    }

/* Styling for radio groups */
.input-radio-group[b-ctlaen9nvs] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .input-radio-group input[type="radio"][b-ctlaen9nvs] {
        margin-right: 0.5rem;
    }

/* Submit button styling */
.btn-submit[b-ctlaen9nvs] {
    display: inline-block;
    background-color: #FF7F00; /* Orange accent */
    color: #ffffff;
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    transition: background-color 0.3s ease;
    width: 100%;
}

    .btn-submit:hover[b-ctlaen9nvs] {
        background-color: #e06b00;
    }

/* Button close styling for dismissible alerts */
.btn-close[b-ctlaen9nvs] {
    background: transparent;
    border: none;
    color: #f1f1f1;
    font-size: 1.2rem;
    cursor: pointer;
}

/* Alert styling */
.alert[b-ctlaen9nvs] {
    padding: 0.75rem 1.25rem;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.alert-warning[b-ctlaen9nvs] {
    background-color: #FFA500; /* Orange for warnings */
    color: #121212;
}

.alert-error[b-ctlaen9nvs] {
    background-color: #b00020; /* Rich red for errors */
    color: #ffffff;
}
/* _content/Web/Components/Pages/ModLockingSettings/UploadMod.razor.rz.scp.css */
/* Container for centering the locked mod update card */
.lockedmod-container[b-8aiboozl1p] {
    max-width: 500px;
    margin: 2rem auto;
}

/* The locked mod update card: a dark panel with rounded corners and a subtle shadow */
.lockedmod-card[b-8aiboozl1p] {
    background-color: #2c2c2c; /* Dark grey background */
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

    /* Header styling within the card (if you decide to add a header) */
    .lockedmod-card h3[b-8aiboozl1p] {
        text-align: center;
        color: #f1f1f1;
        margin-bottom: 1.5rem;
    }

/* Common spacing for form groups */
.form-group[b-8aiboozl1p] {
    margin-bottom: 1rem;
}

    /* Label styling */
    .form-group label[b-8aiboozl1p] {
        display: block;
        margin-bottom: 0.5rem;
        color: #f1f1f1;
    }

/* Input file styling */
.input-file[b-8aiboozl1p] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3a3a3a;
    color: #f1f1f1;
}

/* Textarea styling */
.textarea-control[b-8aiboozl1p] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3a3a3a;
    color: #f1f1f1;
    min-height: 100px;
    resize: vertical;
}

/* Button styling */
.btn[b-8aiboozl1p] {
    display: inline-block;
    background-color: #FF7F00; /* Orange accent */
    color: #ffffff;
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}

    .btn:hover[b-8aiboozl1p] {
        background-color: #e06b00;
    }

    .btn:disabled[b-8aiboozl1p] {
        background-color: #888;
        cursor: not-allowed;
    }

/* Error message styling */
.error-message[b-8aiboozl1p] {
    background-color: #b00020; /* Rich red */
    padding: 0.5rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    color: #ffffff;
    text-align: center;
}

/* Styling for the progress element */
.progress-bar[b-8aiboozl1p] {
    width: 100%;
    height: 50px;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 1rem;
}

    .progress-bar[b-8aiboozl1p]::-webkit-progress-bar {
        background-color: #3a3a3a;
    }

    .progress-bar[b-8aiboozl1p]::-webkit-progress-value {
        background-color: #FF7F00;
    }

    .progress-bar[b-8aiboozl1p]::-moz-progress-bar {
        background-color: #FF7F00;
    }
/* _content/Web/Components/Pages/ModLockingSettings/View.razor.rz.scp.css */
/* Dark Theme Color Palette:
   - Card Background: #2c2c2c
   - Panel Background: #3a3a3a
   - Text: #f1f1f1
   - Accent/Highlight: #ff7f00
   - Success Background: #004085 (with white text)
   - Danger Background: #b00020 (with white text)
*/

/* Main Container */
.mls-container[b-s9h2dlvkgj] {
    max-width: 900px;
    margin: 2rem auto;
    padding: 0 15px;
}

/* Alerts */
.mls-alert[b-s9h2dlvkgj] {
    position: relative;
    padding: 0.75rem 1.25rem;
    border-radius: 4px;
    margin: 1rem 0;
    color: #ffffff;
}

.mls-alert-danger[b-s9h2dlvkgj] {
    background-color: #b00020;
}

.mls-alert-success[b-s9h2dlvkgj] {
    background-color: #004085;
}

.mls-alert-label[b-s9h2dlvkgj] {
    font-weight: bold;
}

/* Close Button */
.mls-btn-close[b-s9h2dlvkgj] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 1.2rem;
    color: #ffffff;
    cursor: pointer;
}

/* Card Component */
.mls-card[b-s9h2dlvkgj] {
    background-color: #2c2c2c;
    color: #f1f1f1;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 2rem;
    overflow: hidden;
}

/* Card Header */
.mls-card-header[b-s9h2dlvkgj] {
    background-color: #3a3a3a;
    padding: 1rem;
    text-align: center;
}

.mls-title[b-s9h2dlvkgj] {
    color: #ff7f00;
    margin: 0;
}

.mls-card-subtitle[b-s9h2dlvkgj] {
    margin: 0;
    font-size: 0.9rem;
}

/* Card Body */
.mls-card-body[b-s9h2dlvkgj] {
    padding: 1.5rem;
}

/* Status Panel */
.mls-status[b-s9h2dlvkgj] {
    background-color: #3a3a3a;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.mls-status-warning[b-s9h2dlvkgj] {
    background-color: #ff7f00;
    text-align: center;
}

.mls-status-text[b-s9h2dlvkgj] {
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

/* Emphasis on EA Mod State */
.mls-ea-public[b-s9h2dlvkgj] {
    color: #34c759; /* Green for public */
    font-weight: bold;
}

.mls-ea-coming[b-s9h2dlvkgj] {
    color: #ffcc00; /* Yellow for upcoming public date */
    font-weight: bold;
}

.mls-ea-date[b-s9h2dlvkgj] {
    font-size: 0.9rem;
    color: #cccccc;
}

/* Counters */
.mls-counters[b-s9h2dlvkgj] {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.mls-counter[b-s9h2dlvkgj] {
    background-color: #3a3a3a;
    padding: 0.75rem;
    border-radius: 6px;
    text-align: center;
    min-width: 130px;
}

.mls-counter-label[b-s9h2dlvkgj] {
    font-size: 0.9rem;
    color: #ff7f00;
}

.mls-counter-value[b-s9h2dlvkgj] {
    font-size: 1.2rem;
    font-weight: bold;
}

/* Actions Panel */
.mls-actions[b-s9h2dlvkgj] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 1.5rem;
}

.mls-update-status[b-s9h2dlvkgj] {
    color: #ffcc00;
    font-weight: bold;
    font-size: 1.1rem;
}

/* Buttons */
.mls-btn[b-s9h2dlvkgj] {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s ease, box-shadow 0.3s ease;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}

/* Updated Button Colors */
.mls-btn-primary[b-s9h2dlvkgj] {
    background: linear-gradient(135deg, #ff7f00, #e68a00);
}

    .mls-btn-primary:hover[b-s9h2dlvkgj] {
        background: linear-gradient(135deg, #e68a00, #ff7f00);
        box-shadow: 0 0 10px rgba(255, 127, 0, 0.8);
    }

.mls-btn-danger[b-s9h2dlvkgj] {
    background: linear-gradient(135deg, #d32f2f, #9a0007);
}

    .mls-btn-danger:hover[b-s9h2dlvkgj] {
        background: linear-gradient(135deg, #9a0007, #d32f2f);
        box-shadow: 0 0 10px rgba(211, 47, 47, 0.8);
    }


.mls-btn-warning[b-s9h2dlvkgj] {
    background: linear-gradient(135deg, #004085, #2c5a71);
}

    .mls-btn-warning:hover[b-s9h2dlvkgj] {
        background: linear-gradient(135deg, #2c5a71, #004085);
        box-shadow: 0 0 10px rgba(211, 47, 47, 0.8);
    }

/* Inactive Button Style */
.mls-btn-inactive[b-s9h2dlvkgj] {
    background-color: #555555;
    color: #cccccc;
    border: none;
    cursor: not-allowed;
}

/* Outline Buttons */
.mls-btn-outline-info[b-s9h2dlvkgj] {
    background: none;
    border: 1px solid #ff7f00;
    color: #ff7f00;
    padding: 5px 10px;
    border-radius: 5px;
}

    .mls-btn-outline-info:hover[b-s9h2dlvkgj] {
        background-color: #ff7f00;
        color: #2c2c2c;
    }

.mls-btn-outline-danger[b-s9h2dlvkgj] {
    background: none;
    border: 1px solid #ff4d4d;
    color: #ff4d4d;
    padding: 5px 10px;
    border-radius: 5px;
}

    .mls-btn-outline-danger:hover[b-s9h2dlvkgj] {
        background-color: #ff4d4d;
        color: #2c2c2c;
    }

.mls-btn-sm[b-s9h2dlvkgj] {
    font-size: 0.85rem;
    padding: 5px 8px;
}

/* Tables Section */
.mls-tables[b-s9h2dlvkgj] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.mls-table-panel[b-s9h2dlvkgj] {
    background-color: #2c2c2c;
    border-radius: 6px;
    padding: 1rem;
    flex: 1 1 400px;
    max-width: 450px;
}

    .mls-table-panel h4[b-s9h2dlvkgj] {
        color: #ff7f00;
        text-align: center;
        margin-bottom: 0.75rem;
    }

.mls-table[b-s9h2dlvkgj] {
    width: 100%;
    border-collapse: collapse;
}

    .mls-table thead[b-s9h2dlvkgj] {
        background-color: #3a3a3a;
        color: #f1f1f1;
    }

    .mls-table th[b-s9h2dlvkgj],
    .mls-table td[b-s9h2dlvkgj] {
        padding: 8px;
        border-bottom: 1px solid #444;
        text-align: left;
    }

    .mls-table tbody tr:hover[b-s9h2dlvkgj] {
        background-color: #3f3f3f;
        transition: background 0.2s;
    }

/* Loading Message */
.mls-loading[b-s9h2dlvkgj] {
    color: #ffcc00;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    margin-top: 2rem;
}
/* _content/Web/Components/Pages/Mods/Create.razor.rz.scp.css */
/* Container for centering the mod creation card */
.mod-container[b-o067xpgajo] {
    max-width: 500px;
    margin: 2rem auto;
}

/* The mod creation card: a dark panel with rounded corners and a subtle shadow */
.mod-card[b-o067xpgajo] {
    background-color: #2c2c2c; /* Dark grey background */
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

    /* Header styling within the card */
    .mod-card h3[b-o067xpgajo] {
        text-align: center;
        color: #f1f1f1;
        margin-bottom: 1.5rem;
    }

/* Common spacing for form groups */
.form-group[b-o067xpgajo] {
    margin-bottom: 1rem;
}

    /* Label styling */
    .form-group label[b-o067xpgajo] {
        display: block;
        margin-bottom: 0.5rem;
        color: #f1f1f1;
    }

/* Input fields styling */
.form-control[b-o067xpgajo] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3a3a3a; /* Slightly lighter dark background for inputs */
    color: #f1f1f1;
}

/* Button styling */
.btn[b-o067xpgajo] {
    display: inline-block;
    background-color: #FF7F00; /* Orange accent matching your navbar */
    color: #ffffff;
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}

    .btn:hover[b-o067xpgajo] {
        background-color: #e06b00;
    }

/* Error message styling */
.error-message[b-o067xpgajo] {
    background-color: #b00020; /* Rich red background */
    padding: 0.5rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    color: #ffffff;
    text-align: center;
}
/* _content/Web/Components/Pages/Mods/ModDetails.razor.rz.scp.css */
/* Main Container */
.mod-container[b-jslmrjphwg] {
    max-width: 750px;
    margin: 2rem auto;
    padding: 0 1rem;
}

/* Card Styling */
.mod-card[b-jslmrjphwg] {
    background-color: #272727;
    padding: 1.75rem;
    border-radius: 12px;
    border: 1px solid #3a3a3a;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    color: #e0e0e0;
}

/* Title */
.mod-title[b-jslmrjphwg] {
    color: #ff7f00;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 1.5rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

/* Alert Styling */
.alert-info[b-jslmrjphwg] {
    background-color: #1e1e1e;
    color: #d1ecf1;
    border-left: 5px solid #3399cc;
    padding: 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
}

    .alert-info strong[b-jslmrjphwg] {
        color: #ff7f00;
    }

.btn-close[b-jslmrjphwg] {
    background: none;
    border: none;
    color: #ff7f00;
    font-size: 1.2rem;
    float: right;
    cursor: pointer;
}

/* Mod Info Section */
.mod-info[b-jslmrjphwg] {
    margin-bottom: 1.5rem;
}

    .mod-info p[b-jslmrjphwg] {
        font-size: 1.15rem;
        margin: 0.75rem 0;
    }

.mod-name[b-jslmrjphwg] {
    font-weight: 700;
}

/* Status Messages */
.status-enabled[b-jslmrjphwg],
.status-disabled[b-jslmrjphwg] {
    font-size: 1.1rem;
    font-weight: 600;
}

.status-enabled[b-jslmrjphwg] {
    color: #32cd32;
}

.status-disabled[b-jslmrjphwg] {
    color: #ff4500;
}

/* Counters Panel */
.mod-counters[b-jslmrjphwg] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.counter[b-jslmrjphwg] {
    background-color: #333333;
    border-radius: 8px;
    padding: 0.8rem 1.2rem;
    flex: 1 1 calc(50% - 1rem);
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.counter-label[b-jslmrjphwg] {
    display: block;
    font-size: 0.9rem;
    color: #ff7f00;
    margin-bottom: 0.5rem;
}

.counter-value[b-jslmrjphwg] {
    font-size: 1.3rem;
    font-weight: bold;
}

/* Actions Panel */
.mod-actions[b-jslmrjphwg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    justify-content: center;
    margin-top: 1rem;
}

.update-status[b-jslmrjphwg] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffcc00;
    width: 100%;
    text-align: center;
    margin-bottom: 0.8rem;
}

/* Buttons */
.btn-primary[b-jslmrjphwg],
.btn-warning[b-jslmrjphwg],
.btn-danger[b-jslmrjphwg],
.btn-disabled[b-jslmrjphwg] {
    text-decoration: none;
    padding: 0.75rem 1.2rem;
    font-weight: 600;
    border-radius: 8px;
    transition: background 0.3s, box-shadow 0.3s;
    min-width: 130px;
    text-align: center;
    display: inline-block;
}

/* Primary Button */
.btn-primary[b-jslmrjphwg] {
    background: linear-gradient(135deg, #1a73e8, #135ab6);
    color: #fff;
    border: none;
}

    .btn-primary:hover[b-jslmrjphwg] {
        background: linear-gradient(135deg, #135ab6, #1a73e8);
        box-shadow: 0 0 10px rgba(26, 115, 232, 0.7);
    }

/* Warning Button */
.btn-warning[b-jslmrjphwg] {
    background: linear-gradient(135deg, #ff8c00, #e67e22);
    color: #fff;
}

    .btn-warning:hover[b-jslmrjphwg] {
        background: linear-gradient(135deg, #e67e22, #ff8c00);
        box-shadow: 0 0 10px rgba(230, 126, 34, 0.7);
    }

/* Danger Button */
.btn-danger[b-jslmrjphwg] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: #fff;
}

    .btn-danger:hover[b-jslmrjphwg] {
        background: linear-gradient(135deg, #c0392b, #e74c3c);
        box-shadow: 0 0 10px rgba(231, 76, 60, 0.7);
    }

/* Disabled Button */
.btn-disabled[b-jslmrjphwg] {
    background-color: #555;
    color: #aaa;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
}

/* Loading Text */
.loading[b-jslmrjphwg] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #ffcc00;
    text-align: center;
    margin-top: 1.5rem;
}
/* _content/Web/Components/Pages/Mods/MyMods.razor.rz.scp.css */
/* Main container */
.mod-container[b-jecxq1qyep] {
    max-width: 900px;
    margin: 2rem auto;
}

/* Card */
.mod-card[b-jecxq1qyep] {
    background-color: #2c2c2c;
    padding: 1.5rem;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    color: #f1f1f1;
}

/* Header Section */
.mod-header[b-jecxq1qyep] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #ff7f00;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/* Table title */
h3[b-jecxq1qyep] {
    color: #ff7f00;
    margin: 0;
}

/* Create Button */
.btn-create[b-jecxq1qyep] {
    background: linear-gradient(135deg, #ff7f00, #ff4500);
    color: white;
    padding: 10px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}

    .btn-create:hover[b-jecxq1qyep] {
        background: linear-gradient(135deg, #ff4500, #ff7f00);
        box-shadow: 0 0 10px rgba(255, 127, 0, 0.8);
    }

/* Table Styling */
.mod-table[b-jecxq1qyep] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

    .mod-table thead[b-jecxq1qyep] {
        background-color: #3a3a3a;
        color: #f1f1f1;
    }

    .mod-table th[b-jecxq1qyep],
    .mod-table td[b-jecxq1qyep] {
        padding: 0.8rem;
        border-bottom: 1px solid #444;
        text-align: left;
    }

    .mod-table tbody tr:hover[b-jecxq1qyep] {
        background-color: #3f3f3f;
        transition: background-color 0.2s;
    }

/* Action Buttons */
.btn-outline-info[b-jecxq1qyep] {
    background: none;
    color: #ff7f00;
    border: 1px solid #ff7f00;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}

    .btn-outline-info:hover[b-jecxq1qyep] {
        background: #ff7f00;
        color: black;
    }
/* _content/Web/Components/Pages/Mods/UploadModUpdate.razor.rz.scp.css */
/* Container for centering the mod update card */
.modupdate-container[b-2djqm6tlnd] {
    max-width: 500px;
    margin: 2rem auto;
}

/* The mod update card: a dark panel with rounded corners and a subtle shadow */
.modupdate-card[b-2djqm6tlnd] {
    background-color: #2c2c2c; /* Dark grey background */
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

    /* Header styling within the card */
    .modupdate-card h3[b-2djqm6tlnd] {
        text-align: center;
        color: #f1f1f1;
        margin-bottom: 1.5rem;
    }

/* Common spacing for form groups */
.form-group[b-2djqm6tlnd] {
    margin-bottom: 1rem;
}

    /* Label styling */
    .form-group label[b-2djqm6tlnd] {
        display: block;
        margin-bottom: 0.5rem;
        color: #f1f1f1;
    }

/* Input fields styling */
.form-control[b-2djqm6tlnd] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3a3a3a; /* Lighter dark for inputs */
    color: #f1f1f1;
}

/* Textarea styling - similar to input */
.textarea-control[b-2djqm6tlnd] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3a3a3a;
    color: #f1f1f1;
    min-height: 100px;
    resize: vertical;
}

/* Button styling */
.btn[b-2djqm6tlnd] {
    display: inline-block;
    background-color: #FF7F00; /* Orange accent */
    color: #ffffff;
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}

    .btn:hover[b-2djqm6tlnd] {
        background-color: #e06b00;
    }

    /* Disabled button styling */
    .btn:disabled[b-2djqm6tlnd] {
        background-color: #888;
        cursor: not-allowed;
    }

/* Error message styling */
.error-message[b-2djqm6tlnd] {
    background-color: #b00020; /* Rich red */
    padding: 0.5rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    color: #ffffff;
    text-align: center;
}

/* Styling for the progress element */
.progress-bar[b-2djqm6tlnd] {
    width: 100%;
    height: 50px;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 1rem;
}

    .progress-bar[b-2djqm6tlnd]::-webkit-progress-bar {
        background-color: #3a3a3a;
    }

    .progress-bar[b-2djqm6tlnd]::-webkit-progress-value {
        background-color: #FF7F00;
    }

    .progress-bar[b-2djqm6tlnd]::-moz-progress-bar {
        background-color: #FF7F00;
    }
/* _content/Web/Components/Pages/Notifications/Index.razor.rz.scp.css */
/* Container for notifications */
.notification-container[b-qv52ny3xtl] {
    max-width: 800px;
    margin: 2rem auto;
}

/* Table card */
.notification-card[b-qv52ny3xtl] {
    background-color: #2c2c2c;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    color: #f1f1f1;
}

/* Headings */
h3[b-qv52ny3xtl] {
    color: #FF7F00;
    text-align: center;
}

/* Alert message */
.alert-info[b-qv52ny3xtl] {
    background-color: #004085;
    color: #ffffff;
    border-radius: 4px;
}

/* Table styling */
.notification-table[b-qv52ny3xtl] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

    /* Table header */
    .notification-table thead[b-qv52ny3xtl] {
        background-color: #3a3a3a;
        color: #f1f1f1;
    }

    /* Table rows */
    .notification-table th[b-qv52ny3xtl],
    .notification-table td[b-qv52ny3xtl] {
        padding: 0.8rem;
        border-bottom: 1px solid #444;
    }
    .notification-table th[b-qv52ny3xtl] {
        white-space: nowrap;
    }
    /* Hover effect */
    .notification-table tbody tr:hover[b-qv52ny3xtl] {
        background-color: #3f3f3f;
        transition: background-color 0.2s;
    }
    .notification-table th[b-qv52ny3xtl],
    .notification-table td[b-qv52ny3xtl] {
    }

/* Success message button */
.btn-close[b-qv52ny3xtl] {
    background: none;
    color: white;
    border: none;
    font-size: 1rem;
    cursor: pointer;
}

    .btn-close:hover[b-qv52ny3xtl] {
        color: #ff7f00;
    }
/* _content/Web/Components/Pages/Tickets/AdminTicket.razor.rz.scp.css */
/* ---------------------------------------------------
   Ticket Chat – New Dark Themed Style
   ---------------------------------------------------
   Color Palette:
     • Card / Panel Background: #2b2b2b
     • Inner Panel / Input Background: #242424 or #3a3a3a
     • Accent (Headings, borders, links): #ff7f00
     • Primary Text: #e0e0e0
     • Secondary / Muted Text: #cccccc
     • Button Colors: 
         - Primary: #007bff / hover: #0056b3
         - Danger: #b00020 / hover: #900016
         - Warning: #ff8c00 / hover: #e67600
         - Success: #32cd32 / hover: #28a428
         - Outline styles as specified below.
----------------------------------------------------- */

/* Main Chat Container */
.chat-container[b-q8xcuevkhj] {
    max-width: 900px;
    margin: 2rem auto;
    background-color: #2b2b2b;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    padding: 20px;
    color: #e0e0e0;
}

/* Messages Wrapper */
.messages-wrapper[b-q8xcuevkhj] {
    height: 300px;
    overflow-y: auto;
    padding: 15px;
    background-color: #242424;
    border: 1px solid #444;
    border-radius: 6px;
    margin-bottom: 20px;
}

/* Chat Message Base Style */
.message[b-q8xcuevkhj] {
    margin-bottom: 15px;
    max-width: 70%;
    padding: 10px 15px;
    border-radius: 15px;
    position: relative;
    clear: both;
}

/* Support Messages (left-aligned) */
.support-message[b-q8xcuevkhj] {
    background-color: #3a3a3a;
    float: left;
    border-top-left-radius: 0;
}

/* User Messages (right-aligned) */
.user-message[b-q8xcuevkhj] {
    background-color: #0056b3;
    float: right;
    border-top-right-radius: 0;
}

/* Clearfix for messages wrapper */
.messages-wrapper[b-q8xcuevkhj]::after {
    content: "";
    display: table;
    clear: both;
}

/* Message Text */
.message-text[b-q8xcuevkhj] {
    margin: 0;
    font-size: 1rem;
}

/* Message Info (timestamp and sender) */
.message-info[b-q8xcuevkhj] {
    font-size: 0.8rem;
    color: #cccccc;
    margin-top: 5px;
    text-align: right;
}

/* Message Input Area */
.message-input[b-q8xcuevkhj] {
    margin-bottom: 20px;
}

    .message-input .form-control[b-q8xcuevkhj] {
        background-color: #3a3a3a;
        border: 1px solid #555;
        color: #e0e0e0;
        border-radius: 4px;
        padding: 10px;
        min-height: 80px;
        resize: vertical;
    }

/* Ticket Actions Panel */
.ticket-actions[b-q8xcuevkhj] {
    background-color: #2b2b2b;
    border: 1px solid #444;
    border-radius: 6px;
    padding: 15px;
    margin-top: 20px;
}

    .ticket-actions h5[b-q8xcuevkhj] {
        color: #ff7f00;
        margin-bottom: 10px;
        text-align: center;
    }

.button-group[b-q8xcuevkhj] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

    .button-group button[b-q8xcuevkhj],
    .button-group a[b-q8xcuevkhj] {
        flex: 1 1 auto;
        padding: 10px;
        border: none;
        border-radius: 4px;
        font-weight: bold;
        cursor: pointer;
        transition: background-color 0.3s;
    }

/* Custom Button Styles (Override Bootstrap defaults if needed) */
.btn.btn-danger[b-q8xcuevkhj] {
    background-color: #b00020;
    color: #ffffff;
}

    .btn.btn-danger:hover[b-q8xcuevkhj] {
        background-color: #900016;
    }

.btn.btn-warning[b-q8xcuevkhj] {
    background-color: #ff8c00;
    color: #ffffff;
}

    .btn.btn-warning:hover[b-q8xcuevkhj] {
        background-color: #e67600;
    }

.btn.btn-success[b-q8xcuevkhj] {
    background-color: #32cd32;
    color: #ffffff;
}

    .btn.btn-success:hover[b-q8xcuevkhj] {
        background-color: #28a428;
    }

.btn.btn-outline-danger[b-q8xcuevkhj] {
    background-color: transparent;
    border: 1px solid #ff4d4d;
    color: #ff4d4d;
}

    .btn.btn-outline-danger:hover[b-q8xcuevkhj] {
        background-color: #ff4d4d;
        color: #2b2b2b;
    }

.btn.btn-outline-secondary[b-q8xcuevkhj] {
    background-color: transparent;
    border: 1px solid #888;
    color: #888;
}

    .btn.btn-outline-secondary:hover[b-q8xcuevkhj] {
        background-color: #888;
        color: #2b2b2b;
    }

/* Public Push Actions Panel */
.public-push-actions[b-q8xcuevkhj] {
    background-color: #2b2b2b;
    border: 1px solid #444;
    border-radius: 6px;
    padding: 15px;
    margin-top: 20px;
}

    .public-push-actions h5[b-q8xcuevkhj] {
        color: #ff7f00;
        margin-bottom: 10px;
        text-align: center;
    }

    .public-push-actions .button-group[b-q8xcuevkhj] {
        display: flex;
        gap: 10px;
        justify-content: center;
    }

    .public-push-actions button[b-q8xcuevkhj] {
        flex: 1 1 auto;
        padding: 10px;
        border: none;
        border-radius: 4px;
        font-weight: bold;
        cursor: pointer;
        background-color: #007bff;
        color: #ffffff;
        transition: background-color 0.3s;
    }

        .public-push-actions button:hover[b-q8xcuevkhj] {
            background-color: #0056b3;
        }

/* Mod Information Panel */
.mod-info[b-q8xcuevkhj] {
    background-color: #2b2b2b;
    border: 1px solid #444;
    border-radius: 6px;
    padding: 15px;
    margin-top: 20px;
}

    .mod-info h5[b-q8xcuevkhj] {
        color: #ff7f00;
        margin-bottom: 10px;
        text-align: center;
    }

.mod-details[b-q8xcuevkhj] {
    font-size: 1rem;
    line-height: 1.5;
    color: #e0e0e0;
    text-align: center;
}

/* Override Bootstrap alert styles (if necessary) */
.alert[b-q8xcuevkhj] {
    border-radius: 4px;
    margin-bottom: 1rem;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .chat-container[b-q8xcuevkhj] {
        margin: 1rem;
        padding: 15px;
    }

    .button-group[b-q8xcuevkhj] {
        flex-direction: column;
    }
}
/* _content/Web/Components/Pages/Tickets/AdminTicketPanel.razor.rz.scp.css */
/* ==================================================== */
/*              Global Resets & Base Styles             */
/* ==================================================== */
*[b-e32i5m9x2l] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html[b-e32i5m9x2l],
body[b-e32i5m9x2l] {
    background-color: #121212;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #f1f1f1;
}

/* ==================================================== */
/*                   Container & Layout                 */
/* ==================================================== */
.container[b-e32i5m9x2l] {
    max-width: 1000px;
    margin: 2rem auto;
    padding: 0 1rem;
}

.admin-panel[b-e32i5m9x2l] {
    /* additional spacing if needed */
}

/* ==================================================== */
/*                       Alert Styles                   */
/* ==================================================== */
.alert[b-e32i5m9x2l] {
    position: relative;
    background-color: #004085; /* dark info background */
    border: 1px solid #004085;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    color: #ffffff;
}

    .alert strong[b-e32i5m9x2l] {
        color: #ff7f00; /* accent */
    }

/* Customized close button */
.btn-close[b-e32i5m9x2l] {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 1.2rem;
    color: #ffffff;
    cursor: pointer;
}

/* ==================================================== */
/*                   Heading Styles                     */
/* ==================================================== */
.panel-title[b-e32i5m9x2l] {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #ff7f00;
}

/* ==================================================== */
/*                     Table Styles                     */
/* ==================================================== */
.ticket-table[b-e32i5m9x2l] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
}

    .ticket-table thead[b-e32i5m9x2l] {
        background-color: #2c2c2c;
    }

        .ticket-table thead th[b-e32i5m9x2l] {
            padding: 1rem;
            text-align: left;
            border-bottom: 2px solid #444;
            color: #ff7f00;
            font-weight: bold;
        }

    .ticket-table tbody td[b-e32i5m9x2l] {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid #333;
        vertical-align: middle;
    }

    .ticket-table tbody tr:hover[b-e32i5m9x2l] {
        background-color: #1f1f1f;
    }

/* ==================================================== */
/*                      Button Styles                   */
/* ==================================================== */
.btn[b-e32i5m9x2l] {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.3s ease, transform 0.2s ease;
    cursor: pointer;
}

.btn-view[b-e32i5m9x2l] {
    background-color: transparent;
    border: 2px solid #ff7f00;
    color: #ff7f00;
}

    .btn-view:hover[b-e32i5m9x2l] {
        background-color: #ff7f00;
        color: #121212;
    }

/* ==================================================== */
/*                  Responsive Adjustments              */
/* ==================================================== */
@media (max-width: 600px) {
    .ticket-table thead th[b-e32i5m9x2l],
    .ticket-table tbody td[b-e32i5m9x2l] {
        padding: 0.5rem;
    }

    .panel-title[b-e32i5m9x2l] {
        font-size: 1.5rem;
    }
}
/* _content/Web/Components/Pages/Tickets/CreateTicket.razor.rz.scp.css */
/* Container for ticket creation form */
.ticket-container[b-gf67li6wiv] {
    max-width: 600px;
    margin: 2rem auto;
}

/* Card styling */
.ticket-card[b-gf67li6wiv] {
    background-color: #2c2c2c;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
    .ticket-card h3[b-gf67li6wiv] {
        text-align: center;
        color: #f1f1f1; /* Light text */
        margin-bottom: 1.5rem;
    }

/* Common spacing */
.form-group[b-gf67li6wiv] {
    margin-bottom: 1rem;
}

    /* Label styling */
    .form-group label[b-gf67li6wiv] {
        display: block;
        margin-bottom: 0.5rem;
        color: #f1f1f1;
    }

/* Input fields */
.form-control[b-gf67li6wiv],
select[b-gf67li6wiv] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3a3a3a;
    color: #f1f1f1;
}

/* Textarea specific styles */
textarea[b-gf67li6wiv] {
    height: 100px;
    resize: vertical;
}

/* Submit button */
.btn[b-gf67li6wiv] {
    background-color: #FF7F00;
    color: #ffffff;
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    font-size: 1rem;
    transition: background-color 0.3s;
}

    .btn:hover[b-gf67li6wiv] {
        background-color: #e06b00;
    }

/* Alert box */
.alert-danger[b-gf67li6wiv] {
    background-color: #b00020;
    padding: 0.75rem 1.25rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    color: #ffffff;
    text-align: center;
}
/* _content/Web/Components/Pages/Tickets/MyTickets.razor.rz.scp.css */
/* Support Ticket Container */
.ticket-container[b-7c515ylbxq] {
    max-width: 900px;
    margin: 2rem auto;
}

/* Card Styling */
.ticket-card[b-7c515ylbxq] {
    background-color: #2c2c2c;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    color: #f1f1f1;
}

/* Headings */
h3[b-7c515ylbxq] {
    color: #FF7F00;
    text-align: center;
    margin-bottom: 1rem;
}

/* Alert Styling */
.alert-info[b-7c515ylbxq] {
    background-color: #004085;
    color: #ffffff;
    border-radius: 4px;
}

/* Table Styling */
.ticket-table[b-7c515ylbxq] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

    .ticket-table thead[b-7c515ylbxq] {
        background-color: #3a3a3a;
        color: #f1f1f1;
    }

    .ticket-table th[b-7c515ylbxq],
    .ticket-table td[b-7c515ylbxq] {
        padding: 0.8rem;
        border-bottom: 1px solid #444;
    }

    .ticket-table tbody tr:hover[b-7c515ylbxq] {
        background-color: #3f3f3f;
        transition: background-color 0.2s;
    }

/* Improved Create Button */
.btn-create[b-7c515ylbxq] {
    background-color: #28a745;
    color: white;
    padding: 8px 15px;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.2s;
}

    .btn-create:hover[b-7c515ylbxq] {
        background-color: #218838;
    }

.ticket-header[b-7c515ylbxq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.btn-outline-info[b-7c515ylbxq] {
    color: #17a2b8;
    border: 1px solid #17a2b8;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
}

    .btn-outline-info:hover[b-7c515ylbxq] {
        background-color: #17a2b8;
        color: white;
    }
/* _content/Web/Components/Pages/Tickets/Ticket.razor.rz.scp.css */
.chat-container[b-mpvh5b94g5] {
    background-color: #2c2c2c;
    padding: 1.5rem;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    color: #f1f1f1;
    text-align: center;
    max-width: 600px;
    margin: auto;
}

.messages-wrapper[b-mpvh5b94g5] {
    max-height: 500px;
    overflow-y: auto;
    border-radius: 8px;
    background: #333;
    padding: 1rem;
}

.message[b-mpvh5b94g5] {
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
    max-width: 80%;
}

.user-message[b-mpvh5b94g5] {
    background-color: #007bff;
    color: white;
    align-self: flex-end;
    text-align: right;
    margin-left: auto;
}

.support-message[b-mpvh5b94g5] {
    background-color: #444;
    color: #f1f1f1;
    align-self: flex-start;
    text-align: left;
}

.message-text[b-mpvh5b94g5] {
    margin: 0;
    font-size: 1rem;
}

.message-info[b-mpvh5b94g5] {
    font-size: 0.8rem;
    color: #bbb;
    margin-top: 5px;
}

.timestamp[b-mpvh5b94g5] {
    font-style: italic;
}

.message-input-wrapper[b-mpvh5b94g5] {
    margin-top: 15px;
}

.message-input[b-mpvh5b94g5] {
    width: 100%;
    min-height: 60px;
    padding: 10px;
    border-radius: 6px;
}

.send-button[b-mpvh5b94g5] {
    margin-top: 10px;
    width: 100%;
}
/* _content/Web/Components/Pages/User/Login.razor.rz.scp.css */
/* Container that centers the login card */
.login-container[b-w6abhbzm4c] {
    max-width: 400px;
    margin: 2rem auto;
}

/* The login card: a dark panel with rounded corners and a subtle shadow */
.login-card[b-w6abhbzm4c] {
    background-color: #2c2c2c; /* Dark grey background for contrast */
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

    /* Heading styling */
    .login-card h3[b-w6abhbzm4c] {
        text-align: center;
        color: #f1f1f1; /* Light text */
        margin-bottom: 1.5rem;
    }

/* Form group spacing */
.form-group[b-w6abhbzm4c] {
    margin-bottom: 1rem;
}

    /* Label styling */
    .form-group label[b-w6abhbzm4c] {
        display: block;
        margin-bottom: 0.5rem;
        color: #f1f1f1;
    }

/* Input styling */
.form-control[b-w6abhbzm4c] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3a3a3a; /* Slightly lighter dark for input background */
    color: #f1f1f1; /* Light text for readability */
}

/* Button styling */
.btn[b-w6abhbzm4c] {
    display: inline-block;
    background-color: #FF7F00; /* Orange accent */
    color: #ffffff;
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}

    .btn:hover[b-w6abhbzm4c] {
        background-color: #e06b00; /* A slightly darker shade on hover */
    }

/* Error message styling */
.error-message[b-w6abhbzm4c] {
    background-color: #b00020; /* A rich red for error alerts */
    padding: 0.5rem;
    border-radius: 4px;
    margin-top: 1rem;
    color: #ffffff;
    text-align: center;
}
/* _content/Web/Components/Pages/User/Register.razor.rz.scp.css */
/* Container that centers the registration card */
.register-container[b-33ms3jt5mt] {
    max-width: 400px;
    margin: 2rem auto;
}

/* The registration card: a dark panel with rounded corners and a subtle shadow */
.register-card[b-33ms3jt5mt] {
    background-color: #2c2c2c; /* Dark grey background */
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

    /* Heading styling */
    .register-card h3[b-33ms3jt5mt] {
        text-align: center;
        color: #f1f1f1; /* Light text for contrast */
        margin-bottom: 1.5rem;
    }

/* Form group spacing */
.form-group[b-33ms3jt5mt] {
    margin-bottom: 1rem;
}

    /* Label styling */
    .form-group label[b-33ms3jt5mt] {
        display: block;
        margin-bottom: 0.5rem;
        color: #f1f1f1;
    }

/* Input styling */
.form-control[b-33ms3jt5mt] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #444;
    border-radius: 4px;
    background-color: #3a3a3a; /* Slightly lighter dark background for inputs */
    color: #f1f1f1;
}

/* Button styling */
.btn[b-33ms3jt5mt] {
    display: inline-block;
    background-color: #FF7F00; /* Orange accent to match your navbar gradient */
    color: #ffffff;
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}

    .btn:hover[b-33ms3jt5mt] {
        background-color: #e06b00; /* A slightly darker shade on hover */
    }

/* Error message styling */
.error-message[b-33ms3jt5mt] {
    background-color: #b00020; /* Rich red background for error messages */
    padding: 0.5rem;
    border-radius: 4px;
    margin-top: 1rem;
    color: #ffffff;
    text-align: center;
}