/* Vibboza - Modtools Elite
   Refonte staff premium, ciblee et non destructive. */

.nitro-mod-tools,
.nitro-mod-tools-room,
.nitro-mod-tools-user,
.nitro-mod-tools-user-action,
.nitro-mod-tools-user-message,
.nitro-mod-tools-user-visits,
.nitro-mod-tools-chatlog,
.nitro-mod-tools-tickets,
.nitro-mod-tools-handle-issue {
    --vbz-staff-bg: #0a101a;
    --vbz-staff-bg-soft: #101a2a;
    --vbz-staff-card: rgba(15, 25, 40, .88);
    --vbz-staff-card-2: rgba(20, 33, 52, .78);
    --vbz-staff-line: rgba(255, 255, 255, .12);
    --vbz-staff-line-hot: rgba(255, 204, 77, .42);
    --vbz-staff-text: #f8edd0;
    --vbz-staff-body: #d9e4f1;
    --vbz-staff-muted: #97a6ba;
    --vbz-staff-gold: #ffcf54;
    --vbz-staff-gold-2: #f0a928;
    --vbz-staff-blue: #45c7ff;
    --vbz-staff-red: #ff6767;
    --vbz-staff-green: #65db99;
    --vbz-staff-radius: 15px;
    --vbz-staff-radius-sm: 10px;
    position: relative !important;
    isolation: isolate !important;
    color: var(--vbz-staff-body) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: var(--vbz-staff-radius) !important;
    overflow: hidden !important;
    background-color: var(--vbz-staff-bg) !important;
    background-image:
        radial-gradient(circle at 8% -18%, rgba(255, 207, 84, .22), transparent 34%),
        radial-gradient(circle at 108% 4%, rgba(69, 199, 255, .17), transparent 32%),
        radial-gradient(circle at 52% 118%, rgba(240, 169, 40, .10), transparent 44%),
        linear-gradient(145deg, #18243a 0%, #0a101a 56%, #11100b 100%) !important;
    box-shadow:
        0 26px 74px rgba(0, 0, 0, .50),
        0 0 0 1px rgba(0, 0, 0, .35),
        inset 0 1px 0 rgba(255, 255, 255, .08),
        inset 0 -1px 0 rgba(255, 207, 84, .08) !important;
    backdrop-filter: blur(12px) saturate(1.08) !important;
    animation: vbzStaffPop .16s ease-out !important;
}

@keyframes vbzStaffPop {
    from { opacity: .78; transform: translateY(5px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.nitro-mod-tools { width: 232px !important; }
.nitro-mod-tools-room { width: 318px !important; }
.nitro-mod-tools-user { width: 424px !important; min-height: 386px !important; }
.nitro-mod-tools-user-action { width: 392px !important; }
.nitro-mod-tools-user-message { width: 342px !important; }
.nitro-mod-tools-user-visits { width: 350px !important; min-height: 280px !important; }
.nitro-mod-tools-chatlog { width: min(548px, calc(100vw - 28px)) !important; min-height: 330px !important; }
.nitro-mod-tools-tickets { width: min(560px, calc(100vw - 28px)) !important; min-height: 334px !important; }
.nitro-mod-tools-handle-issue { width: min(580px, calc(100vw - 28px)) !important; min-height: 352px !important; }

.nitro-mod-tools::before,
.nitro-mod-tools-room::before,
.nitro-mod-tools-user::before,
.nitro-mod-tools-user-action::before,
.nitro-mod-tools-user-message::before,
.nitro-mod-tools-user-visits::before,
.nitro-mod-tools-chatlog::before,
.nitro-mod-tools-tickets::before,
.nitro-mod-tools-handle-issue::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    opacity: .20 !important;
    background-image:
        linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px) !important;
    background-size: 18px 18px !important;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .70), transparent 78%) !important;
    z-index: 0 !important;
}

.nitro-mod-tools::after,
.nitro-mod-tools-room::after,
.nitro-mod-tools-user::after,
.nitro-mod-tools-user-action::after,
.nitro-mod-tools-user-message::after,
.nitro-mod-tools-user-visits::after,
.nitro-mod-tools-chatlog::after,
.nitro-mod-tools-tickets::after,
.nitro-mod-tools-handle-issue::after {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    top: 43px !important;
    height: 1px !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, transparent, rgba(255, 207, 84, .55), rgba(69, 199, 255, .35), transparent) !important;
    z-index: 2 !important;
}

.nitro-mod-tools > *,
.nitro-mod-tools-room > *,
.nitro-mod-tools-user > *,
.nitro-mod-tools-user-action > *,
.nitro-mod-tools-user-message > *,
.nitro-mod-tools-user-visits > *,
.nitro-mod-tools-chatlog > *,
.nitro-mod-tools-tickets > *,
.nitro-mod-tools-handle-issue > * {
    position: relative !important;
    z-index: 1 !important;
}

.nitro-mod-tools .nitro-card-header,
.nitro-mod-tools .card-header,
.nitro-mod-tools-room .nitro-card-header,
.nitro-mod-tools-room .card-header,
.nitro-mod-tools-user .nitro-card-header,
.nitro-mod-tools-user .card-header,
.nitro-mod-tools-user-action .nitro-card-header,
.nitro-mod-tools-user-action .card-header,
.nitro-mod-tools-user-message .nitro-card-header,
.nitro-mod-tools-user-message .card-header,
.nitro-mod-tools-user-visits .nitro-card-header,
.nitro-mod-tools-user-visits .card-header,
.nitro-mod-tools-chatlog .nitro-card-header,
.nitro-mod-tools-chatlog .card-header,
.nitro-mod-tools-tickets .nitro-card-header,
.nitro-mod-tools-tickets .card-header,
.nitro-mod-tools-handle-issue .nitro-card-header,
.nitro-mod-tools-handle-issue .card-header {
    min-height: 44px !important;
    padding: 0 13px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: var(--vbz-staff-text) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
    background-color: rgba(5, 10, 18, .84) !important;
    background-image:
        linear-gradient(90deg, rgba(255, 207, 84, .25), rgba(69, 199, 255, .12), transparent 74%) !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .58) !important;
    font-weight: 950 !important;
    letter-spacing: .01em !important;
}

.nitro-mod-tools .nitro-card-header::before,
.nitro-mod-tools-room .nitro-card-header::before,
.nitro-mod-tools-user .nitro-card-header::before,
.nitro-mod-tools-user-action .nitro-card-header::before,
.nitro-mod-tools-user-message .nitro-card-header::before,
.nitro-mod-tools-user-visits .nitro-card-header::before,
.nitro-mod-tools-chatlog .nitro-card-header::before,
.nitro-mod-tools-tickets .nitro-card-header::before,
.nitro-mod-tools-handle-issue .nitro-card-header::before {
    content: "" !important;
    width: 9px !important;
    height: 9px !important;
    flex: 0 0 9px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, #fff0ad 0 22%, var(--vbz-staff-gold) 24% 100%) !important;
    box-shadow: 0 0 16px rgba(255, 207, 84, .70), 0 0 0 3px rgba(255, 207, 84, .10) !important;
}

.nitro-mod-tools .nitro-card-content,
.nitro-mod-tools .card-body,
.nitro-mod-tools-room .nitro-card-content,
.nitro-mod-tools-room .card-body,
.nitro-mod-tools-user .nitro-card-content,
.nitro-mod-tools-user .card-body,
.nitro-mod-tools-user-action .nitro-card-content,
.nitro-mod-tools-user-action .card-body,
.nitro-mod-tools-user-message .nitro-card-content,
.nitro-mod-tools-user-message .card-body,
.nitro-mod-tools-user-visits .nitro-card-content,
.nitro-mod-tools-user-visits .card-body,
.nitro-mod-tools-chatlog .nitro-card-content,
.nitro-mod-tools-chatlog .card-body,
.nitro-mod-tools-tickets .nitro-card-content,
.nitro-mod-tools-tickets .card-body,
.nitro-mod-tools-handle-issue .nitro-card-content,
.nitro-mod-tools-handle-issue .card-body {
    padding: 13px !important;
    gap: 8px !important;
    color: var(--vbz-staff-body) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .04), transparent 42%),
        radial-gradient(circle at 50% 100%, rgba(255, 207, 84, .055), transparent 42%) !important;
}

.nitro-mod-tools .nitro-card-content > .d-flex,
.nitro-mod-tools-room .nitro-card-content > .d-flex,
.nitro-mod-tools-user .nitro-card-content > .d-flex,
.nitro-mod-tools-user-action .nitro-card-content > .d-flex,
.nitro-mod-tools-user-message .nitro-card-content > .d-flex,
.nitro-mod-tools-tickets .nitro-card-content > .d-flex,
.nitro-mod-tools-handle-issue .nitro-card-content > .d-flex {
    gap: 8px !important;
}

.nitro-mod-tools .btn,
.nitro-mod-tools button,
.nitro-mod-tools-room .btn,
.nitro-mod-tools-room button,
.nitro-mod-tools-user .btn,
.nitro-mod-tools-user button,
.nitro-mod-tools-user-action .btn,
.nitro-mod-tools-user-action button,
.nitro-mod-tools-user-message .btn,
.nitro-mod-tools-user-message button,
.nitro-mod-tools-user-visits .btn,
.nitro-mod-tools-user-visits button,
.nitro-mod-tools-chatlog .btn,
.nitro-mod-tools-chatlog button,
.nitro-mod-tools-tickets .btn,
.nitro-mod-tools-tickets button,
.nitro-mod-tools-handle-issue .btn,
.nitro-mod-tools-handle-issue button {
    min-height: 34px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    color: var(--vbz-staff-text) !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .48) !important;
    background-color: rgba(17, 29, 46, .94) !important;
    background-image:
        linear-gradient(180deg, rgba(69, 199, 255, .18), rgba(255, 255, 255, .035)),
        radial-gradient(circle at 18% 0%, rgba(255, 207, 84, .14), transparent 34%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .13),
        0 5px 14px rgba(0, 0, 0, .20) !important;
    transition: transform .12s ease, border-color .12s ease, background-color .12s ease, box-shadow .12s ease, filter .12s ease !important;
}

.nitro-mod-tools .btn.position-relative,
.nitro-mod-tools button.position-relative {
    width: 100% !important;
    justify-content: center !important;
    padding-left: 36px !important;
    padding-right: 12px !important;
    text-align: center !important;
}

.nitro-mod-tools .icon,
.nitro-mod-tools-room .icon,
.nitro-mod-tools-user .icon,
.nitro-mod-tools-chatlog .icon,
.nitro-mod-tools-tickets .icon {
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .48)) saturate(1.08) !important;
}

.nitro-mod-tools .btn:hover,
.nitro-mod-tools button:hover,
.nitro-mod-tools-room .btn:hover,
.nitro-mod-tools-room button:hover,
.nitro-mod-tools-user .btn:hover,
.nitro-mod-tools-user button:hover,
.nitro-mod-tools-user-action .btn:hover,
.nitro-mod-tools-user-action button:hover,
.nitro-mod-tools-user-message .btn:hover,
.nitro-mod-tools-user-message button:hover,
.nitro-mod-tools-user-visits .btn:hover,
.nitro-mod-tools-user-visits button:hover,
.nitro-mod-tools-chatlog .btn:hover,
.nitro-mod-tools-chatlog button:hover,
.nitro-mod-tools-tickets .btn:hover,
.nitro-mod-tools-tickets button:hover,
.nitro-mod-tools-handle-issue .btn:hover,
.nitro-mod-tools-handle-issue button:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(255, 207, 84, .62) !important;
    filter: brightness(1.07) !important;
    background-color: rgba(26, 43, 67, .98) !important;
    box-shadow:
        0 9px 20px rgba(0, 0, 0, .27),
        0 0 0 2px rgba(255, 207, 84, .11),
        inset 0 1px 0 rgba(255, 255, 255, .17) !important;
}

.nitro-mod-tools .btn:active,
.nitro-mod-tools button:active,
.nitro-mod-tools-room .btn:active,
.nitro-mod-tools-room button:active,
.nitro-mod-tools-user .btn:active,
.nitro-mod-tools-user button:active,
.nitro-mod-tools-tickets .btn:active,
.nitro-mod-tools-tickets button:active {
    transform: translateY(0) scale(.99) !important;
}

.nitro-mod-tools .btn:disabled,
.nitro-mod-tools .btn.disabled,
.nitro-mod-tools button:disabled,
.nitro-mod-tools-room .btn:disabled,
.nitro-mod-tools-room .btn.disabled,
.nitro-mod-tools-room button:disabled,
.nitro-mod-tools-user .btn:disabled,
.nitro-mod-tools-user .btn.disabled,
.nitro-mod-tools-user button:disabled {
    opacity: .50 !important;
    filter: grayscale(.22) !important;
    transform: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.nitro-mod-tools .btn-danger,
.nitro-mod-tools-room .btn-danger,
.nitro-mod-tools-user .btn-danger,
.nitro-mod-tools-user-action .btn-danger,
.nitro-mod-tools-tickets .btn-danger,
.nitro-mod-tools-handle-issue .btn-danger {
    border-color: rgba(255, 103, 103, .46) !important;
    background-color: rgba(90, 24, 31, .94) !important;
    background-image: linear-gradient(180deg, rgba(255, 103, 103, .32), rgba(255, 255, 255, .035)) !important;
}

.nitro-mod-tools .btn-success,
.nitro-mod-tools-room .btn-success,
.nitro-mod-tools-user .btn-success,
.nitro-mod-tools-user-action .btn-success,
.nitro-mod-tools-tickets .btn-success,
.nitro-mod-tools-handle-issue .btn-success {
    border-color: rgba(101, 219, 153, .44) !important;
    background-color: rgba(18, 74, 50, .94) !important;
    background-image: linear-gradient(180deg, rgba(101, 219, 153, .26), rgba(255, 255, 255, .035)) !important;
}

.nitro-mod-tools .btn-secondary,
.nitro-mod-tools-room .btn-secondary,
.nitro-mod-tools-user .btn-secondary,
.nitro-mod-tools-tickets .btn-secondary,
.nitro-mod-tools-handle-issue .btn-secondary {
    border-color: rgba(151, 166, 186, .30) !important;
    background-color: rgba(23, 32, 45, .94) !important;
}

.nitro-mod-tools input,
.nitro-mod-tools textarea,
.nitro-mod-tools select,
.nitro-mod-tools-room input,
.nitro-mod-tools-room textarea,
.nitro-mod-tools-room select,
.nitro-mod-tools-user input,
.nitro-mod-tools-user textarea,
.nitro-mod-tools-user select,
.nitro-mod-tools-user-action input,
.nitro-mod-tools-user-action textarea,
.nitro-mod-tools-user-action select,
.nitro-mod-tools-user-message input,
.nitro-mod-tools-user-message textarea,
.nitro-mod-tools-user-message select,
.nitro-mod-tools-chatlog input,
.nitro-mod-tools-chatlog textarea,
.nitro-mod-tools-chatlog select,
.nitro-mod-tools-tickets input,
.nitro-mod-tools-tickets textarea,
.nitro-mod-tools-tickets select,
.nitro-mod-tools-handle-issue input,
.nitro-mod-tools-handle-issue textarea,
.nitro-mod-tools-handle-issue select {
    min-height: 32px !important;
    border-radius: var(--vbz-staff-radius-sm) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    color: #fff7df !important;
    font-weight: 760 !important;
    background-color: rgba(4, 9, 17, .76) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 1px 0 rgba(255, 255, 255, .03) !important;
    outline: none !important;
}

.nitro-mod-tools textarea,
.nitro-mod-tools-room textarea,
.nitro-mod-tools-user textarea,
.nitro-mod-tools-user-action textarea,
.nitro-mod-tools-user-message textarea {
    min-height: 88px !important;
    padding: 9px 10px !important;
    resize: vertical !important;
}

.nitro-mod-tools input:focus,
.nitro-mod-tools textarea:focus,
.nitro-mod-tools select:focus,
.nitro-mod-tools-room input:focus,
.nitro-mod-tools-room textarea:focus,
.nitro-mod-tools-room select:focus,
.nitro-mod-tools-user input:focus,
.nitro-mod-tools-user textarea:focus,
.nitro-mod-tools-user select:focus,
.nitro-mod-tools-user-action input:focus,
.nitro-mod-tools-user-action textarea:focus,
.nitro-mod-tools-user-action select:focus,
.nitro-mod-tools-user-message input:focus,
.nitro-mod-tools-user-message textarea:focus,
.nitro-mod-tools-user-message select:focus {
    border-color: rgba(255, 207, 84, .58) !important;
    box-shadow: 0 0 0 2px rgba(255, 207, 84, .13), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.nitro-mod-tools .form-check,
.nitro-mod-tools-room .form-check,
.nitro-mod-tools-user .form-check,
.nitro-mod-tools-user-action .form-check {
    margin: 4px 0 !important;
    padding: 7px 9px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(16, 26, 42, .72), rgba(7, 13, 22, .58)) !important;
}

.nitro-mod-tools .form-check-input,
.nitro-mod-tools-room .form-check-input,
.nitro-mod-tools-user .form-check-input,
.nitro-mod-tools-user-action .form-check-input {
    width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    border-radius: 5px !important;
    accent-color: #ffcf54 !important;
}

.nitro-mod-tools .text-black,
.nitro-mod-tools-room .text-black,
.nitro-mod-tools-user .text-black,
.nitro-mod-tools-user-action .text-black,
.nitro-mod-tools-user-message .text-black,
.nitro-mod-tools-user-visits .text-black,
.nitro-mod-tools-chatlog .text-black,
.nitro-mod-tools-tickets .text-black,
.nitro-mod-tools-handle-issue .text-black {
    color: var(--vbz-staff-body) !important;
}

.nitro-mod-tools b,
.nitro-mod-tools strong,
.nitro-mod-tools .fw-bold,
.nitro-mod-tools-room b,
.nitro-mod-tools-room strong,
.nitro-mod-tools-room .fw-bold,
.nitro-mod-tools-user b,
.nitro-mod-tools-user strong,
.nitro-mod-tools-user .fw-bold,
.nitro-mod-tools-chatlog b,
.nitro-mod-tools-chatlog strong,
.nitro-mod-tools-chatlog .fw-bold,
.nitro-mod-tools-tickets b,
.nitro-mod-tools-tickets strong,
.nitro-mod-tools-tickets .fw-bold,
.nitro-mod-tools-handle-issue b,
.nitro-mod-tools-handle-issue strong,
.nitro-mod-tools-handle-issue .fw-bold {
    color: #fff1bd !important;
    font-weight: 950 !important;
}

.nitro-mod-tools .username,
.nitro-mod-tools-room .username,
.nitro-mod-tools-user .username,
.nitro-mod-tools-chatlog .username,
.nitro-mod-tools-user-visits .username,
.nitro-mod-tools [class*="primary"],
.nitro-mod-tools-user [class*="primary"],
.nitro-mod-tools-chatlog [class*="primary"] {
    color: var(--vbz-staff-gold) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.nitro-mod-tools .table,
.nitro-mod-tools-user .table,
.nitro-mod-tools-chatlog .table,
.nitro-mod-tools-tickets .table,
.nitro-mod-tools-handle-issue .table {
    width: 100% !important;
    margin: 0 !important;
    color: var(--vbz-staff-body) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: 13px !important;
    overflow: hidden !important;
    background: rgba(8, 15, 25, .62) !important;
}

.nitro-mod-tools .table th,
.nitro-mod-tools .table td,
.nitro-mod-tools-user .table th,
.nitro-mod-tools-user .table td,
.nitro-mod-tools-chatlog .table th,
.nitro-mod-tools-chatlog .table td,
.nitro-mod-tools-tickets .table th,
.nitro-mod-tools-tickets .table td,
.nitro-mod-tools-handle-issue .table th,
.nitro-mod-tools-handle-issue .table td,
.nitro-mod-tools .table > :not(caption)>*>*,
.nitro-mod-tools-user .table > :not(caption)>*>*,
.nitro-mod-tools-chatlog .table > :not(caption)>*>*,
.nitro-mod-tools-tickets .table > :not(caption)>*>*,
.nitro-mod-tools-handle-issue .table > :not(caption)>*>* {
    padding: 7px 8px !important;
    color: var(--vbz-staff-body) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .085) !important;
    background-color: transparent !important;
    box-shadow: none !important;
    vertical-align: middle !important;
}

.nitro-mod-tools .table th,
.nitro-mod-tools-user .table th,
.nitro-mod-tools-chatlog .table th,
.nitro-mod-tools-tickets .table th,
.nitro-mod-tools-handle-issue .table th {
    color: #fff0b5 !important;
    background: linear-gradient(180deg, rgba(255, 207, 84, .12), rgba(255, 255, 255, .02)) !important;
    font-weight: 950 !important;
}

.nitro-mod-tools .table tr:hover td,
.nitro-mod-tools-user .table tr:hover td,
.nitro-mod-tools-chatlog .table tr:hover td,
.nitro-mod-tools-tickets .table tr:hover td,
.nitro-mod-tools-handle-issue .table tr:hover td {
    background: rgba(255, 207, 84, .045) !important;
}

.nitro-mod-tools .table tr:last-child td,
.nitro-mod-tools-user .table tr:last-child td,
.nitro-mod-tools-chatlog .table tr:last-child td,
.nitro-mod-tools-tickets .table tr:last-child td,
.nitro-mod-tools-handle-issue .table tr:last-child td {
    border-bottom: 0 !important;
}

.nitro-mod-tools-chatlog .log-entry,
.nitro-mod-tools-user-visits .log-entry,
.nitro-mod-tools-tickets .log-entry,
.nitro-mod-tools-handle-issue .log-entry {
    margin-bottom: 7px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(255, 255, 255, .105) !important;
    border-radius: 12px !important;
    color: var(--vbz-staff-body) !important;
    background: linear-gradient(180deg, rgba(15, 26, 42, .88), rgba(7, 13, 22, .72)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.nitro-mod-tools-chatlog .log-entry.highlighted,
.nitro-mod-tools-user-visits .log-entry.highlighted,
.nitro-mod-tools-tickets .log-entry.highlighted,
.nitro-mod-tools-handle-issue .log-entry.highlighted {
    border-color: rgba(255, 103, 103, .84) !important;
    box-shadow: 0 0 0 2px rgba(255, 103, 103, .14), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

.nitro-mod-tools .grid,
.nitro-mod-tools-room .grid,
.nitro-mod-tools-user .grid,
.nitro-mod-tools-user-visits .grid,
.nitro-mod-tools-chatlog .grid,
.nitro-mod-tools-tickets .grid,
.nitro-mod-tools-handle-issue .grid {
    gap: 6px 8px !important;
}

.nitro-mod-tools .g-col-2,
.nitro-mod-tools .g-col-3,
.nitro-mod-tools .g-col-4,
.nitro-mod-tools .g-col-7,
.nitro-mod-tools-user .g-col-2,
.nitro-mod-tools-user .g-col-3,
.nitro-mod-tools-user .g-col-4,
.nitro-mod-tools-user .g-col-7,
.nitro-mod-tools-user-visits .g-col-2,
.nitro-mod-tools-user-visits .g-col-3,
.nitro-mod-tools-user-visits .g-col-4,
.nitro-mod-tools-user-visits .g-col-7,
.nitro-mod-tools-chatlog .g-col-2,
.nitro-mod-tools-chatlog .g-col-3,
.nitro-mod-tools-chatlog .g-col-4,
.nitro-mod-tools-chatlog .g-col-7,
.nitro-mod-tools-tickets .g-col-2,
.nitro-mod-tools-tickets .g-col-3,
.nitro-mod-tools-tickets .g-col-4,
.nitro-mod-tools-tickets .g-col-7,
.nitro-mod-tools-handle-issue .g-col-2,
.nitro-mod-tools-handle-issue .g-col-3,
.nitro-mod-tools-handle-issue .g-col-4,
.nitro-mod-tools-handle-issue .g-col-7 {
    min-height: 26px !important;
    display: flex !important;
    align-items: center !important;
}

.nitro-mod-tools-tickets .nav,
.nitro-mod-tools-tickets .nav-tabs,
.nitro-mod-tools-handle-issue .nav,
.nitro-mod-tools-handle-issue .nav-tabs {
    gap: 6px !important;
    padding: 5px !important;
    border: 1px solid rgba(255, 255, 255, .105) !important;
    border-radius: 13px !important;
    background: rgba(6, 12, 21, .58) !important;
}

.nitro-mod-tools-tickets .nav-link,
.nitro-mod-tools-handle-issue .nav-link {
    border: 0 !important;
    border-radius: 10px !important;
    color: var(--vbz-staff-muted) !important;
    font-weight: 900 !important;
    background: transparent !important;
}

.nitro-mod-tools-tickets .nav-link.active,
.nitro-mod-tools-handle-issue .nav-link.active {
    color: #211800 !important;
    background: linear-gradient(180deg, #ffe28a, #edb22d) !important;
    box-shadow: 0 5px 14px rgba(255, 207, 84, .19), inset 0 1px 0 rgba(255, 255, 255, .36) !important;
}

.nitro-mod-tools ::-webkit-scrollbar,
.nitro-mod-tools-room ::-webkit-scrollbar,
.nitro-mod-tools-user ::-webkit-scrollbar,
.nitro-mod-tools-user-action ::-webkit-scrollbar,
.nitro-mod-tools-user-message ::-webkit-scrollbar,
.nitro-mod-tools-user-visits ::-webkit-scrollbar,
.nitro-mod-tools-chatlog ::-webkit-scrollbar,
.nitro-mod-tools-tickets ::-webkit-scrollbar,
.nitro-mod-tools-handle-issue ::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}

.nitro-mod-tools ::-webkit-scrollbar-thumb,
.nitro-mod-tools-room ::-webkit-scrollbar-thumb,
.nitro-mod-tools-user ::-webkit-scrollbar-thumb,
.nitro-mod-tools-user-action ::-webkit-scrollbar-thumb,
.nitro-mod-tools-user-message ::-webkit-scrollbar-thumb,
.nitro-mod-tools-user-visits ::-webkit-scrollbar-thumb,
.nitro-mod-tools-chatlog ::-webkit-scrollbar-thumb,
.nitro-mod-tools-tickets ::-webkit-scrollbar-thumb,
.nitro-mod-tools-handle-issue ::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(255, 207, 84, .52), rgba(69, 199, 255, .26)) !important;
}

@media (max-width: 720px) {
    .nitro-mod-tools-room,
    .nitro-mod-tools-user,
    .nitro-mod-tools-user-action,
    .nitro-mod-tools-user-message,
    .nitro-mod-tools-user-visits,
    .nitro-mod-tools-chatlog,
    .nitro-mod-tools-tickets,
    .nitro-mod-tools-handle-issue {
        width: calc(100vw - 24px) !important;
        max-height: calc(100vh - 24px) !important;
    }
}
