/*
 * MARKUZI BONUS V2 — Admin Theme / Phase 1
 * Scope: existing admin layout and shared admin components only.
 * No routes, controllers, database configuration or Blade logic are changed.
 */

.admin-shell {
    --mk-bg: #030812;
    --mk-bg-soft: #07111f;
    --mk-panel: rgba(8, 20, 36, 0.78);
    --mk-panel-strong: rgba(8, 22, 39, 0.94);
    --mk-panel-hover: rgba(13, 32, 54, 0.94);
    --mk-border: rgba(91, 193, 255, 0.17);
    --mk-border-strong: rgba(60, 211, 255, 0.38);
    --mk-cyan: #27d8ff;
    --mk-cyan-bright: #76e9ff;
    --mk-cyan-dark: #009ac7;
    --mk-blue: #4296ff;
    --mk-text: #f4f8ff;
    --mk-text-soft: #a8b8ca;
    --mk-text-muted: #70849a;
    --mk-success: #39e7a0;
    --mk-warning: #ffc857;
    --mk-danger: #ff5f78;
    --mk-purple: #a98cff;
    --mk-radius-xl: 24px;
    --mk-radius-lg: 18px;
    --mk-radius-md: 13px;
    --mk-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
    --mk-glow: 0 0 0 1px rgba(39, 216, 255, 0.08), 0 0 34px rgba(39, 216, 255, 0.08);

    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: 292px minmax(0, 1fr);
    min-height: 100vh;
    overflow: hidden;
    color: var(--mk-text);
    background:
        radial-gradient(circle at 76% 9%, rgba(23, 116, 185, 0.18), transparent 26rem),
        radial-gradient(circle at 22% 88%, rgba(38, 77, 150, 0.13), transparent 30rem),
        linear-gradient(135deg, #02060e 0%, #04101d 45%, #020711 100%);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.admin-shell::before,
.admin-shell::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
}

.admin-shell::before {
    opacity: 0.42;
    background-image:
        radial-gradient(circle, rgba(115, 226, 255, 0.55) 0 1px, transparent 1.5px),
        radial-gradient(circle, rgba(255, 255, 255, 0.22) 0 1px, transparent 1.3px);
    background-size: 54px 54px, 91px 91px;
    background-position: 0 0, 23px 17px;
    mask-image: linear-gradient(to bottom, black, transparent 88%);
}

.admin-shell::after {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.15), transparent 25%, transparent 75%, rgba(0, 0, 0, 0.12));
}

.admin-shell *,
.admin-shell *::before,
.admin-shell *::after {
    box-sizing: border-box;
}

.admin-shell a {
    color: inherit;
}

.admin-sidebar {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100vh;
    padding: 24px 18px 18px;
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 1px solid var(--mk-border);
    background:
        linear-gradient(180deg, rgba(6, 20, 35, 0.98), rgba(3, 11, 21, 0.97)),
        radial-gradient(circle at top, rgba(39, 216, 255, 0.08), transparent 18rem);
    box-shadow: 18px 0 55px rgba(0, 0, 0, 0.22);
    scrollbar-width: thin;
    scrollbar-color: rgba(39, 216, 255, 0.3) transparent;
}

.admin-sidebar::-webkit-scrollbar { width: 6px; }
.admin-sidebar::-webkit-scrollbar-thumb {
    border-radius: 99px;
    background: rgba(39, 216, 255, 0.28);
}

.admin-brand {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 72px;
    padding: 10px 52px 18px 6px;
    margin-bottom: 13px;
    text-decoration: none;
    border-bottom: 1px solid rgba(112, 205, 255, 0.12);
}

.admin-brand::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 72px;
    height: 1px;
    background: linear-gradient(90deg, var(--mk-cyan), transparent);
    box-shadow: 0 0 14px rgba(39, 216, 255, 0.75);
}

.admin-brand-mark {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border: 1px solid rgba(87, 225, 255, 0.6);
    border-radius: 15px;
    color: #c9f8ff;
    background:
        linear-gradient(145deg, rgba(39, 216, 255, 0.24), rgba(20, 74, 132, 0.3)),
        rgba(7, 22, 38, 0.9);
    box-shadow:
        inset 0 0 18px rgba(39, 216, 255, 0.14),
        0 0 26px rgba(39, 216, 255, 0.2);
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -0.08em;
    text-shadow: 0 0 14px rgba(89, 231, 255, 0.9);
}

.admin-brand strong,
.admin-brand small {
    display: block;
}

.admin-brand strong {
    color: #f8fcff;
    font-size: 17px;
    font-weight: 850;
    letter-spacing: 0.12em;
}

.admin-brand small {
    margin-top: 3px;
    color: var(--mk-cyan);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.admin-notification-bell {
    position: absolute;
    top: 31px;
    right: 20px;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(96, 202, 255, 0.18);
    border-radius: 12px;
    color: var(--mk-text-soft);
    text-decoration: none;
    background: rgba(10, 27, 46, 0.86);
    transition: 180ms ease;
}

.admin-notification-bell:hover,
.admin-notification-bell:focus-visible {
    color: var(--mk-cyan-bright);
    border-color: rgba(39, 216, 255, 0.52);
    transform: translateY(-1px);
    box-shadow: 0 0 24px rgba(39, 216, 255, 0.18);
    outline: none;
}

.admin-notification-bell.has-unread {
    color: var(--mk-cyan-bright);
    border-color: rgba(39, 216, 255, 0.38);
}

.admin-notification-bell-svg { width: 19px; height: 19px; }

.admin-notification-badge {
    position: absolute;
    top: -7px;
    right: -7px;
    display: grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border: 2px solid #071322;
    border-radius: 999px;
    color: #03111b;
    background: var(--mk-cyan);
    box-shadow: 0 0 14px rgba(39, 216, 255, 0.75);
    font-size: 10px;
    font-weight: 900;
}

.admin-navigation {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 5px;
    padding: 5px 0 18px;
}

.admin-nav-link,
.admin-nav-group > summary {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: var(--mk-text-soft);
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.admin-nav-group > summary {
    justify-content: space-between;
    list-style: none;
}

.admin-nav-group > summary::-webkit-details-marker { display: none; }

.admin-nav-group-label {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.admin-nav-icon {
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    border: 1px solid rgba(107, 194, 246, 0.13);
    border-radius: 8px;
    color: #8bb2ca;
    background: rgba(25, 55, 79, 0.35);
    font-size: 13px;
    transition: 160ms ease;
}

.admin-nav-link:hover,
.admin-nav-group > summary:hover {
    color: var(--mk-text);
    border-color: rgba(77, 195, 255, 0.18);
    background: rgba(21, 47, 72, 0.54);
    transform: translateX(2px);
}

.admin-nav-link:hover .admin-nav-icon,
.admin-nav-group > summary:hover .admin-nav-icon,
.admin-nav-link.is-active .admin-nav-icon,
.admin-nav-group[open] > summary .admin-nav-icon {
    color: var(--mk-cyan-bright);
    border-color: rgba(39, 216, 255, 0.4);
    background: rgba(39, 216, 255, 0.12);
    box-shadow: 0 0 16px rgba(39, 216, 255, 0.11);
}

.admin-nav-link.is-active,
.admin-nav-group[open] > summary {
    color: #effcff;
    border-color: rgba(39, 216, 255, 0.34);
    background:
        linear-gradient(90deg, rgba(21, 121, 171, 0.34), rgba(17, 60, 95, 0.22)),
        rgba(10, 29, 48, 0.84);
    box-shadow: inset 3px 0 0 var(--mk-cyan), 0 0 22px rgba(39, 216, 255, 0.07);
}

.admin-nav-chevron {
    color: #708aa0;
    font-size: 16px;
    transition: transform 180ms ease, color 180ms ease;
}

.admin-nav-group[open] .admin-nav-chevron {
    color: var(--mk-cyan);
    transform: rotate(180deg);
}

.admin-nav-children {
    display: grid;
    gap: 4px;
    margin: 5px 0 8px 19px;
    padding: 5px 0 5px 20px;
    border-left: 1px solid rgba(70, 181, 235, 0.2);
}

.admin-nav-children a {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 36px;
    padding: 7px 10px;
    border-radius: 9px;
    color: #8fa4b8;
    text-decoration: none;
    font-size: 13px;
    transition: 160ms ease;
}

.admin-nav-children a::before {
    content: "";
    position: absolute;
    left: -24px;
    width: 7px;
    height: 7px;
    border: 1px solid rgba(102, 197, 244, 0.34);
    border-radius: 50%;
    background: #081827;
}

.admin-nav-children a:hover,
.admin-nav-children a.is-active {
    color: #effcff;
    background: rgba(25, 65, 94, 0.48);
}

.admin-nav-children a.is-active::before {
    border-color: var(--mk-cyan);
    background: var(--mk-cyan);
    box-shadow: 0 0 12px rgba(39, 216, 255, 0.8);
}

.admin-sidebar-footer {
    display: grid;
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid rgba(88, 190, 239, 0.12);
}

.admin-user-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    margin-bottom: 3px;
    border: 1px solid rgba(80, 180, 231, 0.16);
    border-radius: 13px;
    background: rgba(10, 26, 43, 0.72);
}

.admin-user-avatar {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 1px solid rgba(39, 216, 255, 0.42);
    border-radius: 12px;
    color: #d5faff;
    background: linear-gradient(145deg, rgba(39, 216, 255, 0.23), rgba(56, 92, 175, 0.24));
    box-shadow: inset 0 0 14px rgba(39, 216, 255, 0.12);
    font-weight: 900;
}

.admin-user-card strong,
.admin-user-card small { display: block; }
.admin-user-card strong { color: #eef8ff; font-size: 13px; }
.admin-user-card small { margin-top: 2px; color: var(--mk-cyan); font-size: 11px; }

.admin-back-link,
.admin-logout-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #849aad;
    text-decoration: none;
    background: transparent;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
    transition: 160ms ease;
}

.admin-back-link:hover,
.admin-back-link.is-active,
.admin-logout-button:hover {
    color: #e8f8ff;
    border-color: rgba(74, 190, 244, 0.18);
    background: rgba(22, 52, 78, 0.48);
}

.admin-logout-button:hover {
    color: #ffd8de;
    border-color: rgba(255, 95, 120, 0.26);
    background: rgba(124, 32, 50, 0.18);
}

.admin-main {
    position: relative;
    z-index: 1;
    min-width: 0;
    padding: 28px clamp(20px, 3vw, 48px) 56px;
}

.admin-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 92px;
    padding: 20px 24px;
    margin-bottom: 24px;
    overflow: hidden;
    border: 1px solid var(--mk-border);
    border-radius: var(--mk-radius-xl);
    background:
        linear-gradient(120deg, rgba(11, 31, 52, 0.92), rgba(7, 20, 36, 0.78)),
        rgba(7, 19, 34, 0.82);
    box-shadow: var(--mk-shadow), var(--mk-glow);
    backdrop-filter: blur(18px);
}

.admin-header::after {
    content: "";
    position: absolute;
    top: -70px;
    right: -35px;
    width: 260px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(39, 216, 255, 0.13), transparent 70%);
    pointer-events: none;
}

.admin-header .eyebrow,
.admin-shell .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 6px;
    color: var(--mk-cyan);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.admin-header h1 {
    margin: 0;
    color: #f7fbff;
    font-size: clamp(24px, 3vw, 38px);
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.admin-header-status {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid rgba(57, 231, 160, 0.18);
    border-radius: 999px;
    color: #a6c1b7;
    background: rgba(13, 48, 38, 0.35);
    font-size: 12px;
    font-weight: 700;
}

.admin-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mk-success);
    box-shadow: 0 0 12px rgba(57, 231, 160, 0.9);
}

/* Shared surfaces */
.admin-shell :is(
    .admin-form-card,
    .admin-table-card,
    .dashboard-panel,
    .dashboard-stat-card,
    .admin-stat-card,
    .admin-empty-card,
    .casino-meta-card,
    .casino-form-card,
    .casino-option-panel,
    .archive-casino-card,
    .trash-casino-card,
    .community-foundation-card,
    .developer-category-card,
    .developer-area-card,
    .message-hub-panel,
    .message-hub-stat,
    .message-recipient-panel,
    .support-workspace-card,
    .support-admin-meta-card,
    .support-category-form-card,
    .support-ticket-filter-card,
    .support-ticket-table-card,
    .support-rating-ticket-card,
    .permission-usage-card,
    .role-permission-summary-card
) {
    border: 1px solid var(--mk-border);
    border-radius: var(--mk-radius-lg);
    color: var(--mk-text);
    background:
        linear-gradient(145deg, rgba(10, 28, 47, 0.88), rgba(5, 16, 29, 0.82)),
        var(--mk-panel);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22), var(--mk-glow);
    backdrop-filter: blur(16px);
}

.admin-page-heading,
.support-admin-intro,
.news-hub-heading,
.message-hub-panel-heading,
.support-workspace-card-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.admin-page-heading h2,
.support-admin-intro h2,
.news-hub-heading h2,
.message-hub-panel-heading h2,
.support-workspace-card-heading h3 {
    margin: 0 0 7px;
    color: #f4f9ff;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.admin-page-heading p,
.support-admin-intro p,
.news-hub-heading p,
.message-hub-panel-heading p,
.support-workspace-card-heading p,
.admin-shell .admin-field-hint,
.admin-shell .admin-muted {
    color: var(--mk-text-soft);
}

.admin-shell .button,
.admin-shell button.button,
.admin-shell .table-action-button,
.admin-shell .news-workflow-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 15px;
    border: 1px solid rgba(97, 207, 255, 0.24);
    border-radius: 11px;
    color: #dff9ff;
    text-decoration: none;
    background: rgba(16, 45, 70, 0.78);
    box-shadow: none;
    font: inherit;
    font-size: 13px;
    font-weight: 760;
    cursor: pointer;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.admin-shell .button:hover,
.admin-shell button.button:hover,
.admin-shell .table-action-button:hover,
.admin-shell .news-workflow-button:hover {
    transform: translateY(-1px);
    border-color: rgba(39, 216, 255, 0.58);
    background: rgba(21, 65, 97, 0.9);
    box-shadow: 0 0 22px rgba(39, 216, 255, 0.12);
}

.admin-shell :is(.button-primary, .support-submit-button) {
    color: #021017;
    border-color: rgba(109, 233, 255, 0.72);
    background: linear-gradient(135deg, #65e9ff, #1ab5e5 58%, #158ed4);
    box-shadow: 0 12px 26px rgba(12, 177, 224, 0.18), inset 0 1px 0 rgba(255,255,255,.4);
}

.admin-shell :is(.button-primary, .support-submit-button):hover {
    color: #010b10;
    background: linear-gradient(135deg, #8df0ff, #32c8ef 58%, #1ca2e3);
    box-shadow: 0 14px 30px rgba(18, 198, 239, 0.26), 0 0 22px rgba(39, 216, 255, 0.18);
}

.admin-shell :is(.button-secondary, .button-ghost) {
    color: #bdd0df;
    background: rgba(11, 30, 48, 0.72);
}

.admin-shell :is(.table-action-delete, .is-danger) {
    color: #ffd2d9;
    border-color: rgba(255, 95, 120, 0.25);
    background: rgba(127, 35, 52, 0.18);
}

.admin-form-card,
.admin-table-card,
.support-ticket-filter-card,
.support-ticket-table-card {
    padding: clamp(17px, 2.2vw, 26px);
}

.admin-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.admin-field-full { grid-column: 1 / -1; }

.admin-field label,
.admin-filter-field label,
.admin-search-field label,
.news-editor-field label {
    display: block;
    margin-bottom: 7px;
    color: #d7e4ef;
    font-size: 12px;
    font-weight: 760;
}

.admin-shell :is(
    input[type="text"], input[type="email"], input[type="password"], input[type="number"],
    input[type="date"], input[type="datetime-local"], input[type="time"], input[type="search"],
    input[type="url"], select, textarea
) {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid rgba(99, 188, 235, 0.2);
    border-radius: 11px;
    color: #eef8ff;
    background: rgba(3, 14, 25, 0.74);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
    font: inherit;
    outline: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.admin-shell textarea { min-height: 120px; resize: vertical; }

.admin-shell :is(input, select, textarea):focus {
    border-color: rgba(39, 216, 255, 0.65);
    background: rgba(4, 18, 31, 0.92);
    box-shadow: 0 0 0 3px rgba(39, 216, 255, 0.1), 0 0 24px rgba(39, 216, 255, 0.07);
}

.admin-shell ::placeholder { color: #5f7589; }
.admin-shell select option { color: #eef8ff; background: #081521; }

.admin-form-actions,
.admin-toolbar,
.admin-toolbar-actions,
.admin-page-heading-actions,
.support-ticket-filter-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.admin-form-actions {
    justify-content: flex-end;
    padding-top: 20px;
    margin-top: 22px;
    border-top: 1px solid rgba(92, 190, 238, 0.12);
}

.admin-table-wrap,
.archive-casino-table-wrap,
.trash-casino-table-wrap {
    overflow-x: auto;
    border-radius: 13px;
    scrollbar-width: thin;
    scrollbar-color: rgba(39, 216, 255, 0.25) transparent;
}

.admin-shell :is(.admin-table, .casino-table, .archive-casino-table, .trash-casino-table, .support-ticket-table, .permission-table, .casino-meta-table, .casino-tag-table) {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: #dce8f1;
}

.admin-shell :is(.admin-table, .casino-table, .archive-casino-table, .trash-casino-table, .support-ticket-table, .permission-table, .casino-meta-table, .casino-tag-table) th {
    padding: 12px 13px;
    border-bottom: 1px solid rgba(90, 191, 240, 0.18);
    color: #7f9bad;
    background: rgba(8, 27, 44, 0.76);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.11em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-shell :is(.admin-table, .casino-table, .archive-casino-table, .trash-casino-table, .support-ticket-table, .permission-table, .casino-meta-table, .casino-tag-table) td {
    padding: 14px 13px;
    border-bottom: 1px solid rgba(91, 174, 218, 0.09);
    vertical-align: middle;
}

.admin-shell :is(.admin-table, .casino-table, .archive-casino-table, .trash-casino-table, .support-ticket-table, .permission-table, .casino-meta-table, .casino-tag-table) tbody tr {
    transition: background 150ms ease;
}

.admin-shell :is(.admin-table, .casino-table, .archive-casino-table, .trash-casino-table, .support-ticket-table, .permission-table, .casino-meta-table, .casino-tag-table) tbody tr:hover {
    background: rgba(24, 68, 97, 0.24);
}

.admin-table-actions,
.casino-table-actions,
.archive-casino-actions,
.trash-casino-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-end;
}

.admin-shell :is(.role-pill, .badge, .support-status-badge, .support-priority-badge, .support-ticket-tag, .casino-status, .admin-user-status, .admin-planned-badge, .news-hub-category, .message-hub-priority) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    padding: 5px 9px;
    border: 1px solid rgba(77, 198, 248, 0.22);
    border-radius: 999px;
    color: #bfefff;
    background: rgba(17, 73, 99, 0.34);
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.admin-flash-success,
.admin-flash-error,
.support-admin-alert {
    padding: 13px 15px;
    margin-bottom: 16px;
    border: 1px solid;
    border-radius: 12px;
    font-size: 13px;
}

.admin-flash-success,
.support-admin-alert-success {
    color: #c9ffe7;
    border-color: rgba(57, 231, 160, 0.28);
    background: rgba(21, 105, 74, 0.2);
}

.admin-flash-error {
    color: #ffd3db;
    border-color: rgba(255, 95, 120, 0.3);
    background: rgba(120, 32, 50, 0.2);
}

.form-error { margin: 6px 0 0; color: #ff9eae; font-size: 11px; }

.admin-no-results,
.admin-empty-card,
.dashboard-empty-state,
.support-admin-empty,
.message-hub-empty,
.community-module-placeholder {
    padding: 28px;
    border: 1px dashed rgba(93, 193, 240, 0.23);
    border-radius: 14px;
    color: var(--mk-text-soft);
    background: rgba(7, 20, 34, 0.42);
    text-align: center;
}

.admin-pagination,
.message-hub-pagination,
.archive-casino-pagination,
.trash-casino-pagination,
.developer-trash-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 20px;
}

.admin-pagination a,
.admin-pagination span,
.pagination-disabled {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid rgba(83, 187, 238, 0.18);
    border-radius: 10px;
    color: #a8bdcc;
    background: rgba(8, 26, 43, 0.7);
    text-decoration: none;
}

/* Dashboard and statistics */
.dashboard-v2,
.news-hub-page,
.personal-notifications,
.support-admin-overview {
    display: grid;
    gap: 22px;
}

.dashboard-hero,
.community-foundation-hero,
.developer-area-hero,
.personal-notifications-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid var(--mk-border);
    border-radius: var(--mk-radius-xl);
    background:
        radial-gradient(circle at 88% 22%, rgba(39, 216, 255, 0.16), transparent 18rem),
        linear-gradient(135deg, rgba(12, 39, 64, 0.92), rgba(6, 19, 34, 0.86));
    box-shadow: var(--mk-shadow), var(--mk-glow);
}

.dashboard-stat-grid,
.admin-stat-grid,
.casino-stat-grid,
.support-workspace-stats,
.message-hub-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.dashboard-stat-card,
.admin-stat-card,
.message-hub-stat {
    position: relative;
    overflow: hidden;
    min-height: 128px;
    padding: 18px;
}

.dashboard-stat-card::after,
.admin-stat-card::after,
.message-hub-stat::after {
    content: "";
    position: absolute;
    right: -38px;
    bottom: -58px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(39, 216, 255, 0.12), transparent 70%);
}

.dashboard-stat-label,
.admin-page-metric span {
    color: var(--mk-text-soft);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.dashboard-stat-value,
.admin-page-metric strong {
    display: block;
    margin: 9px 0 5px;
    color: #f5fbff;
    font-size: clamp(27px, 3vw, 38px);
    font-weight: 880;
    letter-spacing: -.04em;
}

.dashboard-stat-note { color: var(--mk-text-muted); font-size: 11px; }

.dashboard-panel-grid,
.community-foundation-grid,
.developer-area-grid,
.news-hub-grid,
.support-workspace-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.dashboard-panel { padding: 20px; }
.dashboard-action-list { display: grid; gap: 9px; }
.dashboard-action-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 11px 13px;
    border: 1px solid rgba(89, 187, 235, .14);
    border-radius: 11px;
    color: #cbdce8;
    background: rgba(8, 27, 44, .52);
    text-decoration: none;
    transition: 160ms ease;
}
.dashboard-action-link:hover { border-color: rgba(39,216,255,.36); background: rgba(18,54,80,.66); transform: translateX(2px); }

/* Module-specific neutral polish */
.community-foundation-card,
.developer-area-card,
.news-hub-card,
.support-workspace-card {
    padding: 18px;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.community-foundation-card:hover,
.developer-area-card:hover,
.news-hub-card:hover,
.support-workspace-card:hover {
    transform: translateY(-2px);
    border-color: rgba(39, 216, 255, 0.36);
    background: var(--mk-panel-hover);
}

.admin-shell hr { border: 0; border-top: 1px solid rgba(88, 187, 236, 0.12); }

.admin-shell :focus-visible {
    outline: 2px solid rgba(74, 223, 255, 0.8);
    outline-offset: 3px;
}

@media (max-width: 1180px) {
    .admin-shell { grid-template-columns: 252px minmax(0, 1fr); }
    .admin-sidebar { padding-inline: 14px; }
    .dashboard-stat-grid,
    .admin-stat-grid,
    .casino-stat-grid,
    .support-workspace-stats,
    .message-hub-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .admin-shell {
        display: block;
        overflow: visible;
    }

    .admin-sidebar {
        position: relative;
        height: auto;
        max-height: none;
        padding: 16px;
        border-right: 0;
        border-bottom: 1px solid var(--mk-border);
    }

    .admin-brand { min-height: 62px; margin-bottom: 10px; }
    .admin-notification-bell { top: 22px; right: 18px; }

    .admin-navigation {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .admin-nav-group { min-width: 0; }
    .admin-nav-group[open] { grid-column: 1 / -1; }
    .admin-nav-children { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .admin-sidebar-footer {
        grid-template-columns: minmax(0, 1fr) repeat(3, auto);
        align-items: center;
    }

    .admin-user-card { margin: 0; }
    .admin-back-link,
    .admin-logout-button { width: auto; justify-content: center; }

    .admin-main { padding: 20px 16px 42px; }
    .admin-header { border-radius: 18px; }
}

@media (max-width: 680px) {
    .admin-navigation { grid-template-columns: 1fr; }
    .admin-nav-group[open] { grid-column: auto; }
    .admin-nav-children { grid-template-columns: 1fr; }

    .admin-sidebar-footer { grid-template-columns: 1fr 1fr; }
    .admin-user-card { grid-column: 1 / -1; }

    .admin-header,
    .admin-page-heading,
    .support-admin-intro,
    .news-hub-heading,
    .message-hub-panel-heading,
    .support-workspace-card-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-header-status { align-self: flex-start; }

    .admin-form-grid,
    .dashboard-stat-grid,
    .admin-stat-grid,
    .casino-stat-grid,
    .support-workspace-stats,
    .message-hub-stats,
    .dashboard-panel-grid,
    .community-foundation-grid,
    .developer-area-grid,
    .news-hub-grid,
    .support-workspace-grid {
        grid-template-columns: 1fr;
    }

    .admin-field-full { grid-column: auto; }
    .admin-form-actions,
    .admin-toolbar,
    .admin-toolbar-actions,
    .admin-page-heading-actions,
    .support-ticket-filter-actions { align-items: stretch; }

    .admin-shell .button,
    .admin-shell button.button { width: 100%; }

    .admin-table-card,
    .admin-form-card,
    .support-ticket-filter-card,
    .support-ticket-table-card { padding: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .admin-shell *,
    .admin-shell *::before,
    .admin-shell *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* BEGIN MARKUZI-PHASE-2-MESSAGE-CENTER */
.admin-shell .mk-message-center,
.admin-shell .mk-notification-center {
    --mk-cyan: #39d8ff;
    --mk-cyan-strong: #00bfff;
    --mk-blue: #1689ff;
    --mk-panel: rgba(4, 19, 39, 0.82);
    --mk-panel-soft: rgba(7, 27, 52, 0.72);
    --mk-border: rgba(77, 207, 255, 0.2);
    --mk-border-strong: rgba(77, 207, 255, 0.38);
    --mk-text: #f4f8ff;
    --mk-muted: #91a8c2;
    --mk-success: #38e4b1;
    --mk-danger: #ff647b;
    --mk-warning: #ffd253;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    color: var(--mk-text);
}

.admin-shell .mk-message-center *,
.admin-shell .mk-notification-center * {
    box-sizing: border-box;
}

.admin-shell .mk-kicker {
    display: block;
    margin-bottom: 7px;
    color: var(--mk-cyan);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.admin-shell .mk-message-hero,
.admin-shell .mk-notification-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    border: 1px solid var(--mk-border);
    border-radius: 20px;
    background:
        radial-gradient(circle at 82% 20%, rgba(0, 180, 255, 0.16), transparent 33%),
        linear-gradient(135deg, rgba(8, 35, 65, 0.92), rgba(2, 12, 29, 0.94));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 18px 52px rgba(0, 0, 0, 0.23);
    padding: 26px 28px;
}

.admin-shell .mk-message-hero::after,
.admin-shell .mk-notification-hero::after {
    position: absolute;
    z-index: -1;
    right: 3%;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(57, 216, 255, 0.12);
    border-radius: 50%;
    box-shadow:
        0 0 55px rgba(0, 191, 255, 0.16),
        inset 0 0 44px rgba(0, 191, 255, 0.09);
    content: "";
    transform: translateY(-6%);
}

.admin-shell .mk-message-hero h2,
.admin-shell .mk-notification-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 2.5vw, 2.25rem);
    line-height: 1.08;
}

.admin-shell .mk-message-hero p,
.admin-shell .mk-notification-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #adc1d9;
    font-size: 0.86rem;
    line-height: 1.65;
}

.admin-shell .mk-primary-action,
.admin-shell .mk-secondary-action {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 43px;
    border-radius: 11px;
    font-size: 0.78rem;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.admin-shell .mk-primary-action {
    border: 1px solid rgba(73, 226, 255, 0.64);
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    box-shadow:
        0 0 25px rgba(0, 174, 255, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
    color: #00101f;
    padding: 0 17px;
}

.admin-shell .mk-primary-action:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.admin-shell .mk-secondary-action {
    border: 1px solid var(--mk-border-strong);
    background: rgba(6, 30, 56, 0.85);
    color: #c4f5ff;
    padding: 0 16px;
}

.admin-shell .mk-message-stats,
.admin-shell .mk-notification-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.admin-shell .mk-stat-card,
.admin-shell .mk-notification-stats article {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    border: 1px solid var(--mk-border);
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(8, 30, 57, 0.92), rgba(3, 15, 32, 0.94));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.02),
        0 15px 35px rgba(0, 0, 0, 0.16);
    padding: 17px;
}

.admin-shell .mk-stat-card.is-success {
    border-color: rgba(56, 228, 177, 0.24);
}

.admin-shell .mk-stat-card.is-danger {
    border-color: rgba(255, 100, 123, 0.28);
}

.admin-shell .mk-stat-icon,
.admin-shell .mk-notification-stats article > span {
    display: grid;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgba(64, 213, 255, 0.35);
    border-radius: 50%;
    background: rgba(0, 133, 197, 0.1);
    box-shadow: 0 0 20px rgba(0, 173, 255, 0.12);
    color: var(--mk-cyan);
    font-size: 1.35rem;
    font-weight: 900;
}

.admin-shell .mk-stat-card.is-success .mk-stat-icon {
    border-color: rgba(56, 228, 177, 0.36);
    color: var(--mk-success);
}

.admin-shell .mk-stat-card.is-danger .mk-stat-icon {
    border-color: rgba(255, 100, 123, 0.36);
    color: var(--mk-danger);
}

.admin-shell .mk-stat-card strong,
.admin-shell .mk-notification-stats strong {
    display: block;
    color: #fff;
    font-size: clamp(1.28rem, 2vw, 1.75rem);
    line-height: 1;
}

.admin-shell .mk-stat-card div > span {
    display: block;
    margin-top: 6px;
    color: #dce9f8;
    font-size: 0.78rem;
    font-weight: 800;
}

.admin-shell .mk-stat-card small,
.admin-shell .mk-notification-stats small {
    display: block;
    margin-top: 4px;
    color: var(--mk-muted);
    font-size: 0.69rem;
    line-height: 1.35;
}

.admin-shell .mk-message-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 285px;
    gap: 16px;
    margin-top: 16px;
}

.admin-shell .mk-panel {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--mk-border);
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(6, 26, 50, 0.92), rgba(2, 14, 30, 0.94));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.02),
        0 18px 45px rgba(0, 0, 0, 0.18);
}

.admin-shell .mk-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 66px;
    border-bottom: 1px solid rgba(72, 173, 220, 0.16);
    padding: 15px 18px;
}

.admin-shell .mk-panel-heading h3 {
    margin: 0;
    color: #f8fbff;
    font-size: 1rem;
}

.admin-shell .mk-panel-counter {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    border: 1px solid rgba(77, 207, 255, 0.2);
    border-radius: 999px;
    background: rgba(6, 37, 67, 0.78);
    color: #9adff2;
    font-size: 0.68rem;
    font-weight: 800;
    padding: 0 10px;
}

.admin-shell .mk-table-scroll {
    overflow-x: auto;
}

.admin-shell .mk-message-table {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
}

.admin-shell .mk-message-table th {
    border-bottom: 1px solid rgba(80, 150, 190, 0.16);
    color: #8ca4bf;
    font-size: 0.65rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-align: left;
    text-transform: uppercase;
    padding: 13px 15px;
}

.admin-shell .mk-message-table td {
    border-bottom: 1px solid rgba(80, 150, 190, 0.12);
    color: #dce8f6;
    font-size: 0.76rem;
    vertical-align: middle;
    padding: 13px 15px;
}

.admin-shell .mk-message-table tbody tr {
    transition: background 160ms ease;
}

.admin-shell .mk-message-table tbody tr:hover {
    background: rgba(8, 75, 111, 0.18);
}

.admin-shell .mk-message-table tbody tr:last-child td {
    border-bottom: 0;
}

.admin-shell .mk-message-title-cell {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 260px;
}

.admin-shell .mk-type-icon {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(57, 216, 255, 0.32);
    border-radius: 50%;
    background: rgba(0, 142, 202, 0.1);
    box-shadow: 0 0 16px rgba(0, 190, 255, 0.1);
    color: var(--mk-cyan);
    font-weight: 950;
}

.admin-shell .mk-message-title-cell strong,
.admin-shell .mk-cell-primary {
    display: block;
    color: #f2f7fd;
    font-size: 0.76rem;
    font-weight: 850;
}

.admin-shell .mk-type-badge,
.admin-shell .mk-status-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 22px;
    margin-top: 5px;
    border: 1px solid rgba(70, 205, 255, 0.18);
    border-radius: 6px;
    background: rgba(0, 132, 190, 0.12);
    color: #70dcff;
    font-size: 0.62rem;
    font-weight: 850;
    padding: 0 7px;
}

.admin-shell .mk-type-icon.type-giveaway,
.admin-shell .mk-type-badge.type-giveaway,
.admin-shell .mk-type-dot.type-giveaway {
    border-color: rgba(255, 210, 83, 0.34);
    background: rgba(255, 196, 0, 0.1);
    color: var(--mk-warning);
}

.admin-shell .mk-type-icon.type-event,
.admin-shell .mk-type-badge.type-event,
.admin-shell .mk-type-dot.type-event {
    border-color: rgba(173, 104, 255, 0.35);
    background: rgba(124, 64, 213, 0.12);
    color: #bf8cff;
}

.admin-shell .mk-type-icon.type-security,
.admin-shell .mk-type-badge.type-security,
.admin-shell .mk-type-dot.type-security {
    border-color: rgba(255, 100, 123, 0.35);
    background: rgba(213, 41, 76, 0.12);
    color: #ff7589;
}

.admin-shell .mk-type-icon.type-bonus,
.admin-shell .mk-type-badge.type-bonus,
.admin-shell .mk-type-dot.type-bonus {
    border-color: rgba(56, 228, 177, 0.35);
    background: rgba(21, 171, 126, 0.12);
    color: #59e8bd;
}

.admin-shell .mk-cell-secondary {
    display: block;
    margin-top: 4px;
    color: #89a1bd;
    font-size: 0.67rem;
}

.admin-shell .mk-cell-error {
    color: #ff8899;
}

.admin-shell .mk-channel-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.admin-shell .mk-channel-list span {
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border: 1px solid rgba(57, 216, 255, 0.22);
    border-radius: 8px;
    background: rgba(4, 47, 78, 0.75);
    color: var(--mk-cyan);
    font-size: 0.85rem;
}

.admin-shell .mk-status-badge {
    margin-top: 0;
    background: rgba(56, 228, 177, 0.1);
    border-color: rgba(56, 228, 177, 0.22);
    color: var(--mk-success);
}

.admin-shell .mk-status-badge.status-partially_failed {
    background: rgba(255, 210, 83, 0.1);
    border-color: rgba(255, 210, 83, 0.22);
    color: var(--mk-warning);
}

.admin-shell .mk-status-badge.status-failed {
    background: rgba(255, 100, 123, 0.1);
    border-color: rgba(255, 100, 123, 0.22);
    color: var(--mk-danger);
}

.admin-shell .mk-status-badge.status-draft {
    background: rgba(132, 151, 180, 0.09);
    border-color: rgba(132, 151, 180, 0.18);
    color: #9fb0c5;
}

.admin-shell .mk-date {
    display: block;
    color: #dce7f4;
    font-size: 0.72rem;
}

.admin-shell .mk-empty-state,
.admin-shell .mk-notification-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 190px;
    color: #9fb2c8;
    padding: 30px;
    text-align: left;
}

.admin-shell .mk-empty-state > span,
.admin-shell .mk-notification-empty > span {
    display: grid;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid var(--mk-border);
    border-radius: 50%;
    background: rgba(0, 137, 195, 0.1);
    color: var(--mk-cyan);
    font-size: 1.3rem;
}

.admin-shell .mk-empty-state strong,
.admin-shell .mk-notification-empty strong {
    color: #f3f8ff;
}

.admin-shell .mk-empty-state p,
.admin-shell .mk-notification-empty p {
    margin: 5px 0 0;
    font-size: 0.76rem;
    line-height: 1.55;
}

.admin-shell .mk-message-sidebar {
    display: grid;
    align-content: start;
    gap: 16px;
}

.admin-shell .mk-quick-actions,
.admin-shell .mk-type-list {
    padding: 8px 12px 12px;
}

.admin-shell .mk-quick-actions a {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(75, 151, 188, 0.12);
    color: inherit;
    text-decoration: none;
    padding: 11px 5px;
}

.admin-shell .mk-quick-actions a:last-child {
    border-bottom: 0;
}

.admin-shell .mk-quick-actions a:hover {
    color: #fff;
}

.admin-shell .mk-quick-icon {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid var(--mk-border);
    border-radius: 9px;
    background: rgba(0, 127, 181, 0.11);
    color: var(--mk-cyan);
}

.admin-shell .mk-quick-actions strong {
    display: block;
    color: #eaf4ff;
    font-size: 0.71rem;
}

.admin-shell .mk-quick-actions small {
    display: block;
    margin-top: 3px;
    color: #839ab5;
    font-size: 0.63rem;
}

.admin-shell .mk-quick-actions b {
    color: #79a1bf;
    font-size: 1rem;
}

.admin-shell .mk-type-list > div {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 29px;
    color: #cbd9e8;
    font-size: 0.69rem;
}

.admin-shell .mk-type-list strong {
    display: inline-grid;
    min-width: 25px;
    min-height: 20px;
    place-items: center;
    border: 1px solid rgba(65, 190, 232, 0.14);
    border-radius: 999px;
    background: rgba(0, 114, 161, 0.13);
    color: #78dfff;
    font-size: 0.61rem;
}

.admin-shell .mk-type-dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mk-cyan);
    box-shadow: 0 0 8px currentColor;
    color: var(--mk-cyan);
}

.admin-shell .mk-message-analytics {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 16px;
    margin-top: 16px;
}

.admin-shell .mk-delivery-overview {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: center;
    gap: 22px;
    padding: 20px;
}

.admin-shell .mk-rate-ring {
    display: grid;
    width: 132px;
    height: 132px;
    place-items: center;
    border-radius: 50%;
    background:
        radial-gradient(circle, #07182d 55%, transparent 57%),
        conic-gradient(
            var(--mk-success) 0deg var(--mk-rate-angle),
            rgba(255, 100, 123, 0.78) var(--mk-rate-angle) 360deg
        );
    box-shadow:
        0 0 24px rgba(56, 228, 177, 0.14),
        inset 0 0 20px rgba(255, 255, 255, 0.04);
}

.admin-shell .mk-rate-ring div {
    text-align: center;
}

.admin-shell .mk-rate-ring strong {
    display: block;
    color: #fff;
    font-size: 1.24rem;
}

.admin-shell .mk-rate-ring small {
    color: #91a7c0;
    font-size: 0.65rem;
}

.admin-shell .mk-delivery-overview dl {
    display: grid;
    gap: 10px;
    margin: 0;
}

.admin-shell .mk-delivery-overview dl > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid rgba(75, 151, 188, 0.11);
    padding-bottom: 9px;
}

.admin-shell .mk-delivery-overview dl > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.admin-shell .mk-delivery-overview dt,
.admin-shell .mk-delivery-overview dd {
    margin: 0;
    color: #cbd8e8;
    font-size: 0.72rem;
}

.admin-shell .mk-delivery-overview dt span {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 6px;
    border-radius: 50%;
}

.admin-shell .mk-delivery-overview dt .is-success {
    background: var(--mk-success);
}

.admin-shell .mk-delivery-overview dt .is-danger {
    background: var(--mk-danger);
}

.admin-shell .mk-delivery-overview dt .is-muted {
    background: #6c84a1;
}

.admin-shell .mk-delivery-overview dd {
    color: #fff;
    font-weight: 850;
}

.admin-shell .mk-channel-chart {
    display: grid;
    gap: 15px;
    padding: 22px 20px 24px;
}

.admin-shell .mk-channel-chart > div {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr) 35px;
    align-items: center;
    gap: 10px;
}

.admin-shell .mk-channel-chart span,
.admin-shell .mk-channel-chart strong {
    color: #c5d4e5;
    font-size: 0.7rem;
}

.admin-shell .mk-channel-chart strong {
    color: #fff;
    text-align: right;
}

.admin-shell .mk-channel-track {
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(45, 82, 113, 0.35);
}

.admin-shell .mk-channel-track i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0c7eff, #20d4ff);
    box-shadow: 0 0 16px rgba(0, 177, 255, 0.25);
}

.admin-shell .mk-pagination {
    border-top: 1px solid rgba(75, 151, 188, 0.13);
    padding: 14px 18px;
}

/* Notifications */
.admin-shell .mk-notification-center {
    display: grid;
    gap: 16px;
}

.admin-shell .mk-notification-stats {
    margin-top: 0;
}

.admin-shell .mk-notification-stats article.is-unread {
    border-color: rgba(57, 216, 255, 0.36);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.02),
        0 0 28px rgba(0, 177, 255, 0.09);
}

.admin-shell .mk-notification-panel {
    overflow: hidden;
}

.admin-shell .mk-notification-list {
    display: grid;
}

.admin-shell .mk-notification-item {
    position: relative;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;
    min-height: 112px;
    border-bottom: 1px solid rgba(75, 151, 188, 0.12);
    background: rgba(3, 15, 31, 0.22);
    padding: 16px 18px;
    transition:
        background 160ms ease,
        border-color 160ms ease;
}

.admin-shell .mk-notification-item:last-child {
    border-bottom: 0;
}

.admin-shell .mk-notification-item.is-unread {
    background:
        linear-gradient(90deg, rgba(0, 153, 220, 0.12), rgba(3, 15, 31, 0.26) 38%);
}

.admin-shell .mk-notification-item.is-unread::before {
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--mk-cyan);
    box-shadow: 0 0 13px rgba(57, 216, 255, 0.68);
    content: "";
}

.admin-shell .mk-notification-item:hover {
    background-color: rgba(8, 71, 105, 0.16);
}

.admin-shell .mk-notification-icon {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(57, 216, 255, 0.34);
    border-radius: 13px;
    background: rgba(0, 128, 183, 0.11);
    color: var(--mk-cyan);
    font-weight: 950;
}

.admin-shell .mk-notification-item.tone-news .mk-notification-icon {
    border-color: rgba(92, 153, 255, 0.35);
    background: rgba(41, 91, 187, 0.13);
    color: #78b0ff;
}

.admin-shell .mk-notification-item.tone-support .mk-notification-icon {
    border-color: rgba(56, 228, 177, 0.34);
    background: rgba(22, 159, 120, 0.12);
    color: var(--mk-success);
}

.admin-shell .mk-notification-item.tone-danger .mk-notification-icon {
    border-color: rgba(255, 100, 123, 0.34);
    background: rgba(205, 35, 66, 0.12);
    color: var(--mk-danger);
}

.admin-shell .mk-notification-title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-shell .mk-notification-title-row strong {
    color: #f5f9ff;
    font-size: 0.85rem;
}

.admin-shell .mk-unread-badge {
    display: inline-grid;
    min-height: 21px;
    place-items: center;
    border: 1px solid rgba(57, 216, 255, 0.26);
    border-radius: 999px;
    background: rgba(0, 146, 207, 0.13);
    color: #79e2ff;
    font-size: 0.58rem;
    font-weight: 900;
    padding: 0 7px;
    text-transform: uppercase;
}

.admin-shell .mk-notification-copy p {
    max-width: 850px;
    margin: 7px 0 0;
    color: #a9bad0;
    font-size: 0.76rem;
    line-height: 1.55;
}

.admin-shell .mk-notification-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-top: 10px;
    color: #7189a5;
    font-size: 0.64rem;
}

.admin-shell .mk-notification-meta span::before {
    margin-right: 6px;
    content: "•";
}

.admin-shell .mk-notification-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-shell .mk-open-action,
.admin-shell .mk-read-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 33px;
    border-radius: 8px;
    font-size: 0.66rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
    padding: 0 11px;
}

.admin-shell .mk-open-action {
    border: 1px solid rgba(57, 216, 255, 0.28);
    background: rgba(0, 132, 191, 0.12);
    color: #82e5ff;
}

.admin-shell .mk-read-action {
    border: 1px solid rgba(103, 142, 178, 0.24);
    background: rgba(13, 39, 64, 0.78);
    color: #b7c9dc;
}

@media (max-width: 1180px) {
    .admin-shell .mk-message-stats,
    .admin-shell .mk-notification-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-shell .mk-message-layout {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-message-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .admin-shell .mk-message-hero,
    .admin-shell .mk-notification-hero {
        align-items: flex-start;
        flex-direction: column;
        padding: 21px;
    }

    .admin-shell .mk-primary-action,
    .admin-shell .mk-secondary-action {
        width: 100%;
    }

    .admin-shell .mk-message-stats,
    .admin-shell .mk-notification-stats,
    .admin-shell .mk-message-sidebar,
    .admin-shell .mk-message-analytics {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-notification-item {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .admin-shell .mk-notification-actions {
        grid-column: 1 / -1;
        justify-content: stretch;
        padding-left: 57px;
    }

    .admin-shell .mk-notification-actions > *,
    .admin-shell .mk-notification-actions form,
    .admin-shell .mk-open-action,
    .admin-shell .mk-read-action {
        width: 100%;
    }

    .admin-shell .mk-delivery-overview {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .admin-shell .mk-delivery-overview dl {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .admin-shell .mk-message-stats,
    .admin-shell .mk-notification-stats {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-channel-chart > div {
        grid-template-columns: 80px minmax(0, 1fr) 28px;
    }

    .admin-shell .mk-notification-actions {
        padding-left: 0;
    }
}
/* END MARKUZI-PHASE-2-MESSAGE-CENTER */


/* BEGIN MARKUZI-PHASE-3-SIDEBAR-NOTIFICATIONS */
@media (min-width: 961px) {
    .admin-shell {
        align-items: start;
    }

    .admin-shell .admin-sidebar {
        position: sticky !important;
        top: 0;
        align-self: start;
        height: 100vh;
        height: 100dvh;
        max-height: 100vh;
        max-height: 100dvh;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-color: rgba(52, 204, 255, 0.45) rgba(3, 17, 36, 0.55);
        scrollbar-width: thin;
    }

    .admin-shell .admin-sidebar::-webkit-scrollbar {
        width: 6px;
    }

    .admin-shell .admin-sidebar::-webkit-scrollbar-track {
        background: rgba(3, 17, 36, 0.55);
    }

    .admin-shell .admin-sidebar::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(52, 204, 255, 0.4);
    }
}

.admin-shell .mk-notification-hero-actions {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px;
}

.admin-shell .mk-danger-action,
.admin-shell .mk-delete-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 100, 123, 0.32);
    border-radius: 9px;
    background: rgba(183, 37, 64, 0.12);
    color: #ff91a2;
    font-size: 0.66rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
}

.admin-shell .mk-danger-action {
    min-height: 43px;
    padding: 0 14px;
}

.admin-shell .mk-delete-action {
    min-height: 33px;
    padding: 0 11px;
}

.admin-shell .mk-danger-action:hover,
.admin-shell .mk-delete-action:hover {
    border-color: rgba(255, 100, 123, 0.58);
    background: rgba(205, 42, 73, 0.2);
    color: #ffd7dd;
}

.admin-shell .mk-cleanup-note {
    border: 1px solid rgba(56, 228, 177, 0.22);
    border-radius: 11px;
    background: rgba(25, 154, 119, 0.1);
    color: #8af0d1;
    font-size: 0.72rem;
    line-height: 1.5;
    padding: 10px 13px;
}

.admin-shell .mk-retention-note {
    margin: 0;
    color: #7189a5;
    font-size: 0.66rem;
    line-height: 1.55;
    text-align: center;
}

@media (max-width: 960px) {
    .admin-shell .admin-sidebar {
        position: static !important;
        height: auto;
        max-height: none;
        overflow: visible;
    }
}

@media (max-width: 760px) {
    .admin-shell .mk-notification-hero-actions {
        width: 100%;
        justify-content: stretch;
    }

    .admin-shell .mk-notification-hero-actions form,
    .admin-shell .mk-notification-hero-actions button {
        width: 100%;
    }
}
/* END MARKUZI-PHASE-3-SIDEBAR-NOTIFICATIONS */

/* BEGIN MARKUZI-PHASE-3-1-STICKY-FIX */
@media (min-width: 961px) {
    html,
    body {
        overflow-x: clip !important;
    }

    .admin-shell {
        align-items: start !important;
        overflow: visible !important;
    }

    .admin-shell .admin-sidebar {
        position: sticky !important;
        top: 0 !important;
        z-index: 30 !important;

        align-self: start !important;

        height: 100vh !important;
        height: 100dvh !important;

        max-height: 100vh !important;
        max-height: 100dvh !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        overscroll-behavior: contain;
    }
}

@media (max-width: 960px) {
    .admin-shell .admin-sidebar {
        position: static !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}
/* END MARKUZI-PHASE-3-1-STICKY-FIX */


/* BEGIN MARKUZI-PHASE-4-DASHBOARD */
.admin-shell .mk-dashboard {
    --mk-db-cyan: #3bdcff;
    --mk-db-blue: #168cff;
    --mk-db-mint: #3ce4b4;
    --mk-db-gold: #ffd35e;
    --mk-db-danger: #ff6f87;
    --mk-db-text: #f4f8ff;
    --mk-db-muted: #8da5bf;
    --mk-db-border: rgba(75, 205, 255, 0.2);
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 16px;
    margin: 0 auto;
    color: var(--mk-db-text);
}

.admin-shell .mk-dashboard * {
    box-sizing: border-box;
}

.admin-shell .mk-dashboard-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    overflow: hidden;
    min-height: 190px;
    border: 1px solid var(--mk-db-border);
    border-radius: 21px;
    background:
        radial-gradient(circle at 82% 32%, rgba(0, 178, 255, 0.2), transparent 31%),
        radial-gradient(circle at 68% 20%, rgba(60, 228, 180, 0.07), transparent 25%),
        linear-gradient(135deg, rgba(7, 35, 65, 0.95), rgba(2, 13, 30, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 24px 60px rgba(0, 0, 0, 0.22);
    padding: 30px;
}

.admin-shell .mk-dashboard-hero::before,
.admin-shell .mk-dashboard-hero::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(59, 220, 255, 0.13);
    border-radius: 50%;
    content: "";
}

.admin-shell .mk-dashboard-hero::before {
    top: -105px;
    right: 7%;
    width: 290px;
    height: 290px;
    box-shadow:
        0 0 65px rgba(0, 178, 255, 0.12),
        inset 0 0 48px rgba(0, 178, 255, 0.08);
}

.admin-shell .mk-dashboard-hero::after {
    right: 23%;
    bottom: -150px;
    width: 240px;
    height: 240px;
}

.admin-shell .mk-dashboard .mk-kicker {
    display: block;
    margin-bottom: 8px;
    color: var(--mk-db-cyan);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.admin-shell .mk-dashboard-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.7rem);
    line-height: 1.04;
}

.admin-shell .mk-dashboard-hero p {
    max-width: 720px;
    margin: 12px 0 0;
    color: #aec2d8;
    font-size: 0.84rem;
    line-height: 1.65;
}

.admin-shell .mk-dashboard-role-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 17px;
}

.admin-shell .mk-dashboard-role-list span {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    border: 1px solid rgba(59, 220, 255, 0.22);
    border-radius: 999px;
    background: rgba(0, 128, 182, 0.12);
    color: #90e9ff;
    font-size: 0.64rem;
    font-weight: 850;
    padding: 0 10px;
}

.admin-shell .mk-dashboard-version {
    position: relative;
    z-index: 1;
    display: grid;
    flex: 0 0 250px;
    min-height: 112px;
    align-content: center;
    border: 1px solid rgba(79, 210, 255, 0.25);
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(5, 36, 65, 0.82), rgba(3, 17, 35, 0.86));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 0 35px rgba(0, 170, 255, 0.09);
    padding: 18px 20px;
}

.admin-shell .mk-dashboard-version span,
.admin-shell .mk-dashboard-version small {
    color: #829cb8;
    font-size: 0.65rem;
}

.admin-shell .mk-dashboard-version strong {
    display: block;
    margin: 5px 0 7px;
    color: #fff;
    font-size: 1rem;
}

.admin-shell .mk-dashboard-primary-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.admin-shell .mk-dashboard-stat {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    min-height: 108px;
    border: 1px solid var(--mk-db-border);
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(7, 30, 56, 0.94), rgba(3, 15, 32, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.02),
        0 17px 38px rgba(0, 0, 0, 0.16);
    padding: 18px;
}

.admin-shell .mk-dashboard-stat.is-warning {
    border-color: rgba(255, 211, 94, 0.24);
}

.admin-shell .mk-dashboard-stat.is-live {
    border-color: rgba(60, 228, 180, 0.26);
}

.admin-shell .mk-dashboard-stat-icon {
    display: grid;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.35);
    border-radius: 50%;
    background: rgba(0, 138, 199, 0.1);
    box-shadow: 0 0 22px rgba(0, 178, 255, 0.11);
    color: var(--mk-db-cyan);
    font-size: 1.25rem;
    font-weight: 950;
}

.admin-shell .mk-dashboard-stat.is-warning .mk-dashboard-stat-icon {
    border-color: rgba(255, 211, 94, 0.34);
    background: rgba(199, 144, 0, 0.09);
    color: var(--mk-db-gold);
}

.admin-shell .mk-dashboard-stat.is-live .mk-dashboard-stat-icon {
    border-color: rgba(60, 228, 180, 0.34);
    background: rgba(14, 170, 125, 0.09);
    color: var(--mk-db-mint);
}

.admin-shell .mk-dashboard-stat strong {
    display: block;
    color: #fff;
    font-size: clamp(1.4rem, 2.1vw, 1.9rem);
    line-height: 1;
}

.admin-shell .mk-dashboard-stat div > span {
    display: block;
    margin-top: 7px;
    color: #dce8f5;
    font-size: 0.76rem;
    font-weight: 850;
}

.admin-shell .mk-dashboard-stat small {
    display: block;
    margin-top: 4px;
    color: var(--mk-db-muted);
    font-size: 0.65rem;
    line-height: 1.35;
}

.admin-shell .mk-dashboard-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 16px;
}

.admin-shell .mk-dashboard-panel {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--mk-db-border);
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.02),
        0 20px 48px rgba(0, 0, 0, 0.18);
}

.admin-shell .mk-dashboard-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 67px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.15);
    padding: 15px 18px;
}

.admin-shell .mk-dashboard-panel-heading h3 {
    margin: 0;
    color: #f8fbff;
    font-size: 1rem;
}

.admin-shell .mk-dashboard-legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    color: #849db8;
    font-size: 0.63rem;
}

.admin-shell .mk-dashboard-legend span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.admin-shell .mk-dashboard-legend i {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.admin-shell .mk-dashboard .is-users {
    background: #1a8dff;
}

.admin-shell .mk-dashboard .is-support {
    background: #3ce4b4;
}

.admin-shell .mk-dashboard .is-notifications {
    background: #a474ff;
}

.admin-shell .mk-dashboard-chart {
    display: grid;
    grid-template-columns: repeat(7, minmax(48px, 1fr));
    gap: 12px;
    min-height: 265px;
    align-items: end;
    padding: 25px 22px 16px;
}

.admin-shell .mk-dashboard-chart-day {
    display: grid;
    grid-template-rows: 190px auto auto;
    gap: 4px;
    min-width: 0;
    text-align: center;
}

.admin-shell .mk-dashboard-chart-bars {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 4px;
    min-height: 190px;
    border-bottom: 1px solid rgba(73, 178, 224, 0.18);
    background:
        repeating-linear-gradient(
            to top,
            transparent 0,
            transparent 45px,
            rgba(102, 168, 202, 0.07) 46px,
            transparent 47px
        );
}

.admin-shell .mk-dashboard-chart-bars i {
    display: block;
    width: min(12px, 25%);
    min-height: 0;
    border-radius: 5px 5px 2px 2px;
    box-shadow: 0 0 12px rgba(0, 176, 255, 0.1);
    transition: filter 160ms ease;
}

.admin-shell .mk-dashboard-chart-bars i:hover {
    filter: brightness(1.22);
}

.admin-shell .mk-dashboard-chart-day strong {
    color: #cbd9e8;
    font-size: 0.67rem;
}

.admin-shell .mk-dashboard-chart-day small {
    color: #6f88a5;
    font-size: 0.58rem;
}

.admin-shell .mk-dashboard-chart-summary {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid rgba(74, 166, 211, 0.12);
}

.admin-shell .mk-dashboard-chart-summary > div {
    border-right: 1px solid rgba(74, 166, 211, 0.12);
    padding: 13px 17px;
}

.admin-shell .mk-dashboard-chart-summary > div:last-child {
    border-right: 0;
}

.admin-shell .mk-dashboard-chart-summary span {
    color: #7d95b0;
    font-size: 0.61rem;
}

.admin-shell .mk-dashboard-chart-summary strong {
    float: right;
    color: #fff;
    font-size: 0.75rem;
}

.admin-shell .mk-dashboard-actions {
    padding: 8px 12px 12px;
}

.admin-shell .mk-dashboard-actions a {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 61px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.11);
    color: inherit;
    text-decoration: none;
    padding: 8px 5px;
}

.admin-shell .mk-dashboard-actions a:last-child {
    border-bottom: 0;
}

.admin-shell .mk-dashboard-actions a > span {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.22);
    border-radius: 10px;
    background: rgba(0, 135, 190, 0.1);
    color: var(--mk-db-cyan);
    font-size: 0.9rem;
}

.admin-shell .mk-dashboard-actions a:hover > span {
    border-color: rgba(59, 220, 255, 0.48);
    box-shadow: 0 0 18px rgba(0, 178, 255, 0.11);
}

.admin-shell .mk-dashboard-actions strong {
    display: block;
    color: #eaf4ff;
    font-size: 0.71rem;
}

.admin-shell .mk-dashboard-actions small {
    display: block;
    margin-top: 3px;
    color: #8199b4;
    font-size: 0.62rem;
}

.admin-shell .mk-dashboard-actions b {
    color: #6d91ae;
    font-size: 1rem;
}

.admin-shell .mk-dashboard-secondary-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.admin-shell .mk-dashboard-secondary-stats article {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 84px;
    border: 1px solid var(--mk-db-border);
    border-radius: 15px;
    background:
        linear-gradient(145deg, rgba(7, 30, 56, 0.9), rgba(3, 16, 33, 0.94));
    padding: 15px 17px;
}

.admin-shell .mk-dashboard-secondary-stats article > span {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.23);
    border-radius: 12px;
    background: rgba(0, 132, 187, 0.1);
    color: var(--mk-db-cyan);
}

.admin-shell .mk-dashboard-secondary-stats strong {
    display: block;
    color: #fff;
    font-size: 1.15rem;
}

.admin-shell .mk-dashboard-secondary-stats small {
    display: block;
    margin-top: 4px;
    color: #8ba2bb;
    font-size: 0.66rem;
    line-height: 1.4;
}

.admin-shell .mk-dashboard-lower-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.65fr);
    gap: 16px;
}

.admin-shell .mk-dashboard-feed {
    display: grid;
}

.admin-shell .mk-dashboard-feed article {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 83px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.11);
    padding: 12px 17px;
}

.admin-shell .mk-dashboard-feed article:last-child {
    border-bottom: 0;
}

.admin-shell .mk-dashboard-feed-icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.26);
    border-radius: 11px;
    background: rgba(0, 135, 190, 0.09);
    color: var(--mk-db-cyan);
    font-weight: 950;
}

.admin-shell .mk-dashboard-feed article.type-support .mk-dashboard-feed-icon {
    border-color: rgba(60, 228, 180, 0.3);
    background: rgba(17, 158, 117, 0.1);
    color: var(--mk-db-mint);
}

.admin-shell .mk-dashboard-feed article.type-news .mk-dashboard-feed-icon {
    border-color: rgba(164, 116, 255, 0.3);
    background: rgba(107, 65, 190, 0.11);
    color: #bd91ff;
}

.admin-shell .mk-dashboard-feed strong {
    display: block;
    color: #f1f7ff;
    font-size: 0.75rem;
}

.admin-shell .mk-dashboard-feed p {
    margin: 4px 0 0;
    color: #8da3bd;
    font-size: 0.66rem;
    line-height: 1.42;
}

.admin-shell .mk-dashboard-feed time {
    display: block;
    margin-top: 5px;
    color: #667f9b;
    font-size: 0.59rem;
}

.admin-shell .mk-dashboard-feed article > a {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.2);
    border-radius: 8px;
    color: #83def6;
    font-size: 1rem;
    text-decoration: none;
}

.admin-shell .mk-dashboard-online-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 28px;
    border: 1px solid rgba(60, 228, 180, 0.21);
    border-radius: 999px;
    background: rgba(17, 158, 117, 0.09);
    color: #7beac8;
    font-size: 0.62rem;
    font-weight: 850;
    padding: 0 10px;
}

.admin-shell .mk-dashboard-online-badge i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--mk-db-mint);
    box-shadow: 0 0 10px rgba(60, 228, 180, 0.7);
}

.admin-shell .mk-dashboard-system-list {
    padding: 10px 17px 4px;
}

.admin-shell .mk-dashboard-system-list > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.1);
}

.admin-shell .mk-dashboard-system-list > div:last-child {
    border-bottom: 0;
}

.admin-shell .mk-dashboard-system-list span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #9db0c7;
    font-size: 0.68rem;
}

.admin-shell .mk-dashboard-system-list span i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.admin-shell .mk-dashboard-system-list span i.is-ready {
    background: var(--mk-db-mint);
    box-shadow: 0 0 8px rgba(60, 228, 180, 0.55);
}

.admin-shell .mk-dashboard-system-list span i.is-error {
    background: var(--mk-db-danger);
    box-shadow: 0 0 8px rgba(255, 111, 135, 0.55);
}

.admin-shell .mk-dashboard-system-list strong {
    max-width: 55%;
    overflow: hidden;
    color: #e7f1fc;
    font-size: 0.67rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .mk-dashboard-system-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 11px 17px 17px;
    min-height: 40px;
    border: 1px solid rgba(59, 220, 255, 0.2);
    border-radius: 10px;
    background: rgba(0, 132, 187, 0.09);
    color: #8fe7ff;
    font-size: 0.68rem;
    font-weight: 850;
    text-decoration: none;
    padding: 0 12px;
}

.admin-shell .mk-dashboard-empty {
    color: #8198b1;
    font-size: 0.69rem;
    line-height: 1.55;
    padding: 22px 18px;
    text-align: center;
}

@media (max-width: 1220px) {
    .admin-shell .mk-dashboard-primary-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-shell .mk-dashboard-main-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-dashboard-actions-panel {
        order: 2;
    }

    .admin-shell .mk-dashboard-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-shell .mk-dashboard-actions a:nth-child(odd) {
        border-right: 1px solid rgba(74, 166, 211, 0.11);
    }

    .admin-shell .mk-dashboard-lower-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .admin-shell .mk-dashboard-hero {
        align-items: stretch;
        flex-direction: column;
        padding: 22px;
    }

    .admin-shell .mk-dashboard-version {
        flex-basis: auto;
        width: 100%;
    }

    .admin-shell .mk-dashboard-primary-stats,
    .admin-shell .mk-dashboard-secondary-stats,
    .admin-shell .mk-dashboard-actions {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-dashboard-actions a:nth-child(odd) {
        border-right: 0;
    }

    .admin-shell .mk-dashboard-panel-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-shell .mk-dashboard-chart {
        gap: 6px;
        overflow-x: auto;
        padding-inline: 12px;
    }

    .admin-shell .mk-dashboard-chart-day {
        min-width: 44px;
    }

    .admin-shell .mk-dashboard-chart-summary {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-dashboard-chart-summary > div {
        border-right: 0;
        border-bottom: 1px solid rgba(74, 166, 211, 0.12);
    }

    .admin-shell .mk-dashboard-chart-summary > div:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 480px) {
    .admin-shell .mk-dashboard-primary-stats {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-dashboard-feed article {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .admin-shell .mk-dashboard-feed article > a {
        grid-column: 1 / -1;
        width: 100%;
    }
}
/* END MARKUZI-PHASE-4-DASHBOARD */


/* BEGIN MARKUZI-PHASE-5-ROLE-DASHBOARD-VERSIONS */
.admin-shell .mk-dashboard-version {
    gap: 2px;
}

.admin-shell .mk-dashboard-version-manage {
    display: inline-flex;
    width: fit-content;
    margin-top: 12px;
    color: #79e3ff;
    font-size: 0.63rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-dashboard-version-manage:hover {
    color: #d6f8ff;
}

.admin-shell .mk-simple-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.admin-shell .mk-simple-stat-card {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 105px;
    border: 1px solid rgba(75, 205, 255, 0.2);
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(7, 30, 56, 0.94), rgba(3, 15, 32, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.02),
        0 17px 38px rgba(0, 0, 0, 0.16);
    color: inherit;
    text-decoration: none;
    padding: 18px;
}

.admin-shell .mk-simple-stat-card > span {
    display: grid;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.32);
    border-radius: 50%;
    background: rgba(0, 138, 199, 0.1);
    color: #3bdcff;
    font-size: 1.15rem;
    font-weight: 900;
}

.admin-shell .mk-simple-stat-card.is-editor > span {
    border-color: rgba(164, 116, 255, 0.34);
    background: rgba(107, 65, 190, 0.12);
    color: #bd91ff;
}

.admin-shell .mk-simple-stat-card strong {
    display: block;
    color: #fff;
    font-size: 1.7rem;
    line-height: 1;
}

.admin-shell .mk-simple-stat-card small {
    display: block;
    margin-top: 7px;
    color: #91a7bf;
    font-size: 0.67rem;
    line-height: 1.4;
}

.admin-shell a.mk-simple-stat-card:hover {
    border-color: rgba(59, 220, 255, 0.4);
    transform: translateY(-1px);
}

.admin-shell .mk-simple-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
    gap: 16px;
}

/* Version manager */
.admin-shell .mk-version-manager {
    --mk-version-cyan: #3bdcff;
    --mk-version-muted: #8da5bf;
    --mk-version-border: rgba(75, 205, 255, 0.2);
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 16px;
    margin: 0 auto;
}

.admin-shell .mk-version-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    border: 1px solid var(--mk-version-border);
    border-radius: 20px;
    background:
        radial-gradient(circle at 83% 30%, rgba(0, 178, 255, 0.18), transparent 32%),
        linear-gradient(135deg, rgba(7, 35, 65, 0.95), rgba(2, 13, 30, 0.96));
    padding: 27px 29px;
}

.admin-shell .mk-version-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.7rem, 2.8vw, 2.35rem);
}

.admin-shell .mk-version-hero p {
    max-width: 730px;
    margin: 10px 0 0;
    color: #a9bdd3;
    font-size: 0.82rem;
    line-height: 1.62;
}

.admin-shell .mk-current-version-card {
    display: grid;
    flex: 0 0 250px;
    min-height: 105px;
    align-content: center;
    border: 1px solid rgba(75, 205, 255, 0.27);
    border-radius: 15px;
    background: rgba(4, 29, 55, 0.78);
    padding: 17px 19px;
}

.admin-shell .mk-current-version-card span,
.admin-shell .mk-current-version-card small {
    color: #819ab6;
    font-size: 0.63rem;
}

.admin-shell .mk-current-version-card strong {
    margin: 5px 0;
    color: #fff;
    font-size: 1.35rem;
}

.admin-shell .mk-version-grid {
    display: grid;
    grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1.28fr);
    gap: 16px;
}

.admin-shell .mk-version-panel {
    overflow: hidden;
    border: 1px solid var(--mk-version-border);
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
}

.admin-shell .mk-version-panel > header {
    border-bottom: 1px solid rgba(74, 166, 211, 0.15);
    padding: 16px 18px;
}

.admin-shell .mk-version-panel h3 {
    margin: 0;
    color: #f8fbff;
    font-size: 1rem;
}

.admin-shell .mk-version-form {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.admin-shell .mk-version-form label {
    display: grid;
    gap: 7px;
}

.admin-shell .mk-version-form label > span {
    color: #dce8f5;
    font-size: 0.7rem;
    font-weight: 800;
}

.admin-shell .mk-version-form input,
.admin-shell .mk-version-form textarea {
    width: 100%;
    border: 1px solid rgba(75, 205, 255, 0.2);
    border-radius: 10px;
    outline: 0;
    background: rgba(2, 15, 32, 0.86);
    color: #f4f8ff;
    font: inherit;
    padding: 11px 12px;
}

.admin-shell .mk-version-form input:focus,
.admin-shell .mk-version-form textarea:focus {
    border-color: rgba(59, 220, 255, 0.52);
    box-shadow: 0 0 0 3px rgba(0, 175, 255, 0.08);
}

.admin-shell .mk-version-form label small {
    color: #738ba6;
    font-size: 0.61rem;
}

.admin-shell .mk-version-checkbox {
    grid-template-columns: auto 1fr;
    align-items: center;
}

.admin-shell .mk-version-checkbox input {
    width: 17px;
    height: 17px;
}

.admin-shell .mk-version-primary {
    min-height: 42px;
    border: 1px solid rgba(73, 226, 255, 0.64);
    border-radius: 10px;
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    color: #00101f;
    font-size: 0.72rem;
    font-weight: 900;
    cursor: pointer;
}

.admin-shell .mk-version-list,
.admin-shell .mk-version-trash-list {
    display: grid;
}

.admin-shell .mk-version-list article,
.admin-shell .mk-version-trash-list article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.11);
    padding: 15px 18px;
}

.admin-shell .mk-version-list article:last-child,
.admin-shell .mk-version-trash-list article:last-child {
    border-bottom: 0;
}

.admin-shell .mk-version-list article.is-current {
    background:
        linear-gradient(90deg, rgba(0, 157, 221, 0.12), transparent 50%);
}

.admin-shell .mk-version-list-main > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-shell .mk-version-list-main strong,
.admin-shell .mk-version-trash-list strong {
    color: #fff;
    font-size: 0.86rem;
}

.admin-shell .mk-version-list-main > div span {
    border: 1px solid rgba(60, 228, 180, 0.25);
    border-radius: 999px;
    background: rgba(17, 158, 117, 0.1);
    color: #7beac8;
    font-size: 0.56rem;
    font-weight: 900;
    padding: 3px 7px;
    text-transform: uppercase;
}

.admin-shell .mk-version-list-main h4 {
    margin: 8px 0 0;
    color: #dce8f5;
    font-size: 0.76rem;
}

.admin-shell .mk-version-list-main p {
    margin: 7px 0 0;
    color: #8fa5bd;
    font-size: 0.67rem;
    line-height: 1.5;
    white-space: pre-line;
}

.admin-shell .mk-version-list-main small {
    display: block;
    margin-top: 8px;
    color: #6f87a2;
    font-size: 0.59rem;
}

.admin-shell .mk-version-list-actions,
.admin-shell .mk-version-trash-list article > div:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 7px;
}

.admin-shell .mk-version-list-actions button,
.admin-shell .mk-version-trash-list button {
    min-height: 32px;
    border: 1px solid rgba(59, 220, 255, 0.23);
    border-radius: 8px;
    background: rgba(0, 132, 187, 0.1);
    color: #8ee7ff;
    font-size: 0.61rem;
    font-weight: 850;
    cursor: pointer;
    padding: 0 10px;
}

.admin-shell .mk-version-list-actions button.is-danger,
.admin-shell .mk-version-trash-list button.is-danger {
    border-color: rgba(255, 100, 123, 0.3);
    background: rgba(183, 37, 64, 0.12);
    color: #ff91a2;
}

.admin-shell .mk-version-trash-list article > div:first-child {
    display: grid;
    gap: 4px;
}

.admin-shell .mk-version-trash-list article > div:first-child span {
    color: #859db7;
    font-size: 0.66rem;
}

.admin-shell .mk-version-empty {
    color: #7e96b0;
    font-size: 0.69rem;
    padding: 24px 18px;
    text-align: center;
}

.admin-shell .mk-version-error {
    border: 1px solid rgba(255, 100, 123, 0.26);
    border-radius: 11px;
    background: rgba(183, 37, 64, 0.1);
    color: #ffb2be;
    font-size: 0.7rem;
    padding: 12px 14px;
}

.admin-shell .mk-version-error ul {
    margin: 7px 0 0;
    padding-left: 18px;
}

@media (max-width: 1180px) {
    .admin-shell .mk-simple-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-shell .mk-simple-dashboard-grid,
    .admin-shell .mk-version-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .admin-shell .mk-simple-stat-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-version-hero {
        align-items: stretch;
        flex-direction: column;
        padding: 22px;
    }

    .admin-shell .mk-current-version-card {
        flex-basis: auto;
        width: 100%;
    }

    .admin-shell .mk-version-list article,
    .admin-shell .mk-version-trash-list article {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-version-list-actions,
    .admin-shell .mk-version-trash-list article > div:last-child {
        justify-content: flex-start;
    }
}
/* END MARKUZI-PHASE-5-ROLE-DASHBOARD-VERSIONS */


/* BEGIN MARKUZI-PHASE-7-USERS-AVATARS */
.admin-shell .mk-user-avatar {
    display: inline-grid;
    flex: 0 0 var(--mk-avatar-size);
    width: var(--mk-avatar-size);
    height: var(--mk-avatar-size);
    overflow: hidden;
    place-items: center;
    border: 1px solid rgba(63, 216, 255, 0.34);
    border-radius: 14px;
    background:
        linear-gradient(145deg, rgba(30, 224, 220, 0.92), rgba(47, 181, 255, 0.92));
    box-shadow:
        0 0 19px rgba(0, 183, 255, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
    color: #00263a;
    font-size: calc(var(--mk-avatar-size) * 0.36);
    font-weight: 950;
    line-height: 1;
}

.admin-shell .mk-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-shell .admin-user-avatar.mk-user-avatar {
    border-radius: 12px;
}

.admin-shell .mk-user-management {
    --mk-user-cyan: #3bdcff;
    --mk-user-muted: #8da5bf;
    --mk-user-border: rgba(75, 205, 255, 0.2);
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 16px;
    margin: 0 auto;
}

.admin-shell .mk-user-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    border: 1px solid var(--mk-user-border);
    border-radius: 20px;
    background:
        radial-gradient(circle at 84% 24%, rgba(0, 178, 255, 0.17), transparent 30%),
        linear-gradient(135deg, rgba(7, 35, 65, 0.95), rgba(2, 13, 30, 0.96));
    padding: 27px 29px;
}

.admin-shell .mk-user-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.7rem, 2.8vw, 2.35rem);
}

.admin-shell .mk-user-hero p {
    max-width: 730px;
    margin: 10px 0 0;
    color: #a9bdd3;
    font-size: 0.82rem;
    line-height: 1.62;
}

.admin-shell .mk-user-primary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 1px solid rgba(73, 226, 255, 0.64);
    border-radius: 10px;
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    color: #00101f;
    font-size: 0.72rem;
    font-weight: 900;
    text-decoration: none;
    padding: 0 15px;
    white-space: nowrap;
}

.admin-shell .mk-user-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.admin-shell .mk-user-stat-grid article {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 92px;
    border: 1px solid var(--mk-user-border);
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(7, 30, 56, 0.94), rgba(3, 15, 32, 0.96));
    padding: 16px;
}

.admin-shell .mk-user-stat-grid article > span {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.3);
    border-radius: 50%;
    background: rgba(0, 138, 199, 0.1);
    color: var(--mk-user-cyan);
    font-weight: 950;
}

.admin-shell .mk-user-stat-grid article.is-warning > span {
    border-color: rgba(255, 211, 94, 0.34);
    background: rgba(199, 144, 0, 0.09);
    color: #ffd35e;
}

.admin-shell .mk-user-stat-grid article.is-avatar > span {
    border-color: rgba(60, 228, 180, 0.34);
    background: rgba(14, 170, 125, 0.09);
    color: #3ce4b4;
}

.admin-shell .mk-user-stat-grid strong {
    display: block;
    color: #fff;
    font-size: 1.45rem;
    line-height: 1;
}

.admin-shell .mk-user-stat-grid small {
    display: block;
    margin-top: 6px;
    color: #8ca4bd;
    font-size: 0.65rem;
}

.admin-shell .mk-user-panel {
    overflow: hidden;
    border: 1px solid var(--mk-user-border);
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
}

.admin-shell .mk-user-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 67px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.15);
    padding: 15px 18px;
}

.admin-shell .mk-user-panel-heading h3 {
    margin: 0;
    color: #f8fbff;
    font-size: 1rem;
}

.admin-shell .mk-user-counter {
    border: 1px solid rgba(59, 220, 255, 0.2);
    border-radius: 999px;
    background: rgba(0, 132, 187, 0.1);
    color: #80e5ff;
    font-size: 0.62rem;
    font-weight: 850;
    padding: 6px 10px;
}

.admin-shell .mk-user-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.12);
    padding: 15px 18px;
}

.admin-shell .mk-user-toolbar label {
    display: grid;
    flex: 1;
    max-width: 560px;
    gap: 7px;
}

.admin-shell .mk-user-toolbar label > span {
    color: #cbd9e8;
    font-size: 0.66rem;
    font-weight: 800;
}

.admin-shell .mk-user-toolbar input {
    min-height: 40px;
    border: 1px solid rgba(75, 205, 255, 0.2);
    border-radius: 10px;
    outline: 0;
    background: rgba(2, 15, 32, 0.86);
    color: #f4f8ff;
    padding: 0 12px;
}

.admin-shell .mk-user-toolbar div {
    display: flex;
    gap: 8px;
}

.admin-shell .mk-user-toolbar button,
.admin-shell .mk-user-toolbar a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    border: 1px solid rgba(59, 220, 255, 0.24);
    border-radius: 9px;
    background: rgba(0, 132, 187, 0.1);
    color: #8ee7ff;
    font-size: 0.65rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
    padding: 0 12px;
}

.admin-shell .mk-user-table-scroll {
    overflow-x: auto;
}

.admin-shell .mk-user-table {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
}

.admin-shell .mk-user-table th {
    border-bottom: 1px solid rgba(74, 166, 211, 0.15);
    color: #8199b5;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-align: left;
    text-transform: uppercase;
    padding: 12px 15px;
}

.admin-shell .mk-user-table td {
    border-bottom: 1px solid rgba(74, 166, 211, 0.1);
    color: #dbe7f4;
    font-size: 0.71rem;
    vertical-align: middle;
    padding: 13px 15px;
}

.admin-shell .mk-user-table tbody tr:hover {
    background: rgba(6, 73, 108, 0.15);
}

.admin-shell .mk-user-table tbody tr:last-child td {
    border-bottom: 0;
}

.admin-shell .mk-user-identity {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 220px;
}

.admin-shell .mk-user-identity strong {
    display: block;
    color: #f4f8ff;
    font-size: 0.75rem;
}

.admin-shell .mk-user-identity small,
.admin-shell .mk-user-2fa-rule {
    display: block;
    margin-top: 4px;
    color: #768ea9;
    font-size: 0.59rem;
}

.admin-shell .mk-user-email {
    color: #cbd9e8;
}

.admin-shell .mk-user-role {
    display: inline-flex;
    min-height: 23px;
    align-items: center;
    border: 1px solid rgba(59, 220, 255, 0.22);
    border-radius: 999px;
    background: rgba(0, 132, 187, 0.1);
    color: #83e5ff;
    font-size: 0.61rem;
    font-weight: 850;
    padding: 0 8px;
}

.admin-shell .mk-user-status-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.admin-shell .mk-user-status-list span,
.admin-shell .mk-avatar-state {
    display: inline-flex;
    min-height: 23px;
    align-items: center;
    border: 1px solid rgba(124, 148, 177, 0.2);
    border-radius: 7px;
    background: rgba(72, 92, 118, 0.1);
    color: #9db0c7;
    font-size: 0.58rem;
    font-weight: 850;
    padding: 0 7px;
}

.admin-shell .mk-user-status-list .is-active,
.admin-shell .mk-avatar-state.is-set {
    border-color: rgba(60, 228, 180, 0.22);
    background: rgba(17, 158, 117, 0.09);
    color: #71e7c3;
}

.admin-shell .mk-user-status-list .is-warning {
    border-color: rgba(255, 211, 94, 0.25);
    background: rgba(199, 144, 0, 0.09);
    color: #ffd86f;
}

.admin-shell .mk-user-status-list .is-danger {
    border-color: rgba(255, 100, 123, 0.28);
    background: rgba(183, 37, 64, 0.11);
    color: #ff91a2;
}

.admin-shell .mk-user-edit-action {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    border: 1px solid rgba(59, 220, 255, 0.24);
    border-radius: 8px;
    background: rgba(0, 132, 187, 0.1);
    color: #8ee7ff;
    font-size: 0.61rem;
    font-weight: 850;
    text-decoration: none;
    padding: 0 10px;
}

.admin-shell .mk-user-protected,
.admin-shell .mk-user-muted,
.admin-shell .mk-user-date {
    color: #7d94ad;
    font-size: 0.63rem;
}

.admin-shell .mk-user-empty {
    color: #8198b1;
    padding: 28px 18px;
    text-align: center;
}

.admin-shell .mk-user-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid rgba(74, 166, 211, 0.12);
    color: #8299b2;
    font-size: 0.64rem;
    padding: 14px 18px;
}

.admin-shell .mk-user-pagination a {
    color: #83e5ff;
    text-decoration: none;
}

/* Profile avatar */
.admin-shell .mk-profile-avatar-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 16px;
    border: 1px solid rgba(75, 205, 255, 0.2);
    border-radius: 17px;
    background:
        radial-gradient(circle at 15% 30%, rgba(0, 178, 255, 0.12), transparent 34%),
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
    padding: 20px;
}

.admin-shell .mk-profile-avatar-preview {
    display: flex;
    align-items: center;
    gap: 18px;
}

.admin-shell .mk-profile-avatar-preview h3 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 1rem;
}

.admin-shell .mk-profile-avatar-preview p {
    margin: 7px 0 0;
    color: #8fa5bd;
    font-size: 0.67rem;
    line-height: 1.5;
}

.admin-shell .mk-profile-avatar-actions {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.admin-shell .mk-profile-avatar-actions form:first-child {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 9px;
}

.admin-shell .mk-avatar-file-field {
    display: grid;
    gap: 6px;
}

.admin-shell .mk-avatar-file-field > span {
    color: #dce8f5;
    font-size: 0.65rem;
    font-weight: 800;
}

.admin-shell .mk-avatar-file-field input {
    max-width: 280px;
    border: 1px solid rgba(75, 205, 255, 0.2);
    border-radius: 9px;
    background: rgba(2, 15, 32, 0.86);
    color: #a9bdd3;
    font-size: 0.62rem;
    padding: 8px;
}

.admin-shell .mk-avatar-delete-button {
    min-height: 40px;
    border: 1px solid rgba(255, 100, 123, 0.28);
    border-radius: 9px;
    background: rgba(183, 37, 64, 0.11);
    color: #ff91a2;
    font-size: 0.64rem;
    font-weight: 850;
    cursor: pointer;
    padding: 0 11px;
}

/* Existing user forms receive the MARKUZI style without changing logic. */
.admin-shell .admin-form-card,
.admin-shell .user-security-actions-card,
.admin-shell .admin-account-protection,
.admin-shell .account-protection-card {
    border-color: rgba(75, 205, 255, 0.2);
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
}

@media (max-width: 1180px) {
    .admin-shell .mk-user-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-shell .mk-profile-avatar-card {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 760px) {
    .admin-shell .mk-user-hero,
    .admin-shell .mk-user-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-shell .mk-user-primary-action {
        width: 100%;
    }

    .admin-shell .mk-user-stat-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-user-toolbar label {
        max-width: none;
    }

    .admin-shell .mk-user-toolbar div,
    .admin-shell .mk-user-toolbar button,
    .admin-shell .mk-user-toolbar a {
        width: 100%;
    }

    .admin-shell .mk-profile-avatar-preview {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-shell .mk-profile-avatar-actions,
    .admin-shell .mk-profile-avatar-actions form,
    .admin-shell .mk-profile-avatar-actions button {
        width: 100%;
    }

    .admin-shell .mk-avatar-file-field,
    .admin-shell .mk-avatar-file-field input {
        width: 100%;
        max-width: none;
    }
}
/* END MARKUZI-PHASE-7-USERS-AVATARS */


/* BEGIN MARKUZI-PHASE-8-ADMIN-AVATAR-DELETE */
.admin-shell .mk-avatar-admin-cell {
    display: grid;
    justify-items: start;
    gap: 7px;
}

.admin-shell .mk-avatar-admin-cell form {
    margin: 0;
}

.admin-shell .mk-avatar-admin-delete {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 100, 123, 0.3);
    border-radius: 7px;
    background: rgba(183, 37, 64, 0.11);
    color: #ff91a2;
    font-size: 0.57rem;
    font-weight: 850;
    cursor: pointer;
    padding: 0 8px;
}

.admin-shell .mk-avatar-admin-delete:hover {
    border-color: rgba(255, 100, 123, 0.55);
    background: rgba(205, 42, 73, 0.19);
    color: #ffd9df;
}
/* END MARKUZI-PHASE-8-ADMIN-AVATAR-DELETE */


/* BEGIN MARKUZI-PHASE-9-USER-TRASH */
.admin-shell .mk-user-hero-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px;
}

.admin-shell .mk-user-trash-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 1px solid rgba(59, 220, 255, 0.24);
    border-radius: 10px;
    background: rgba(0, 132, 187, 0.1);
    color: #8ee7ff;
    font-size: 0.67rem;
    font-weight: 850;
    text-decoration: none;
    padding: 0 13px;
    white-space: nowrap;
}

.admin-shell .mk-user-trash-action:hover {
    border-color: rgba(59, 220, 255, 0.44);
    background: rgba(0, 132, 187, 0.17);
    color: #d8f8ff;
}

.admin-shell .mk-user-row-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.admin-shell .mk-user-row-actions form {
    margin: 0;
}

.admin-shell .mk-user-delete-action,
.admin-shell .mk-user-force-delete-action {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 100, 123, 0.3);
    border-radius: 8px;
    background: rgba(183, 37, 64, 0.11);
    color: #ff91a2;
    font-size: 0.61rem;
    font-weight: 850;
    cursor: pointer;
    padding: 0 10px;
}

.admin-shell .mk-user-delete-action:hover,
.admin-shell .mk-user-force-delete-action:hover {
    border-color: rgba(255, 100, 123, 0.55);
    background: rgba(205, 42, 73, 0.19);
    color: #ffd9df;
}

.admin-shell .mk-user-restore-action {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(60, 228, 180, 0.28);
    border-radius: 8px;
    background: rgba(17, 158, 117, 0.1);
    color: #75e8c5;
    font-size: 0.61rem;
    font-weight: 850;
    cursor: pointer;
    padding: 0 10px;
}

.admin-shell .mk-user-restore-action:hover {
    border-color: rgba(60, 228, 180, 0.5);
    background: rgba(17, 158, 117, 0.17);
    color: #d4fff2;
}

.admin-shell .mk-user-trash-hero {
    background:
        radial-gradient(circle at 84% 24%, rgba(255, 100, 123, 0.11), transparent 30%),
        radial-gradient(circle at 72% 35%, rgba(0, 178, 255, 0.11), transparent 31%),
        linear-gradient(135deg, rgba(7, 35, 65, 0.95), rgba(2, 13, 30, 0.96));
}

.admin-shell .mk-user-reference-state {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    border: 1px solid rgba(124, 148, 177, 0.2);
    border-radius: 7px;
    background: rgba(72, 92, 118, 0.1);
    color: #9db0c7;
    font-size: 0.58rem;
    font-weight: 850;
    padding: 0 7px;
}

.admin-shell .mk-user-reference-state.is-clear {
    border-color: rgba(60, 228, 180, 0.22);
    background: rgba(17, 158, 117, 0.09);
    color: #71e7c3;
}

.admin-shell .mk-user-reference-state.is-blocked {
    border-color: rgba(255, 211, 94, 0.25);
    background: rgba(199, 144, 0, 0.09);
    color: #ffd86f;
}

.admin-shell .mk-trash-empty {
    display: grid;
    justify-items: center;
    gap: 7px;
}

.admin-shell .mk-trash-empty > span {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.22);
    border-radius: 50%;
    background: rgba(0, 132, 187, 0.08);
    color: #79e3ff;
    font-size: 1.2rem;
}

.admin-shell .mk-trash-empty strong {
    color: #eaf4ff;
    font-size: 0.78rem;
}

.admin-shell .mk-trash-empty p {
    max-width: 480px;
    margin: 0;
    color: #8098b2;
    font-size: 0.66rem;
    line-height: 1.5;
}

.admin-shell .mk-user-trash-note {
    margin: 0;
    color: #7189a5;
    font-size: 0.65rem;
    line-height: 1.55;
    text-align: center;
}

@media (max-width: 760px) {
    .admin-shell .mk-user-hero-actions,
    .admin-shell .mk-user-hero-actions a {
        width: 100%;
    }
}
/* END MARKUZI-PHASE-9-USER-TRASH */


/* BEGIN MARKUZI-PHASE-10-ROLES-PERMISSIONS */
.admin-shell .mk-role-center,
.admin-shell .mk-role-editor {
    --mk-role-cyan: #3bdcff;
    --mk-role-blue: #168cff;
    --mk-role-mint: #3ce4b4;
    --mk-role-purple: #ae83ff;
    --mk-role-gold: #ffd35e;
    --mk-role-danger: #ff7890;
    --mk-role-text: #f3f8ff;
    --mk-role-muted: #8da5bf;
    --mk-role-border: rgba(75, 205, 255, 0.2);
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 16px;
    margin: 0 auto;
    color: var(--mk-role-text);
}

.admin-shell .mk-role-center *,
.admin-shell .mk-role-editor * {
    box-sizing: border-box;
}

.admin-shell .mk-role-hero,
.admin-shell .mk-role-editor-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    overflow: hidden;
    border: 1px solid var(--mk-role-border);
    border-radius: 21px;
    background:
        radial-gradient(circle at 84% 28%, rgba(0, 178, 255, 0.18), transparent 31%),
        radial-gradient(circle at 70% 20%, rgba(174, 131, 255, 0.08), transparent 25%),
        linear-gradient(135deg, rgba(7, 35, 65, 0.96), rgba(2, 13, 30, 0.97));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 24px 60px rgba(0, 0, 0, 0.2);
    padding: 28px 30px;
}

.admin-shell .mk-role-hero h2,
.admin-shell .mk-role-editor-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.55rem);
    line-height: 1.06;
}

.admin-shell .mk-role-hero p,
.admin-shell .mk-role-editor-hero p {
    max-width: 760px;
    margin: 11px 0 0;
    color: #a8bdd4;
    font-size: 0.82rem;
    line-height: 1.65;
}

.admin-shell .mk-role-secondary-action {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(59, 220, 255, 0.28);
    border-radius: 10px;
    background: rgba(0, 132, 187, 0.11);
    color: #8ee7ff;
    font-size: 0.68rem;
    font-weight: 850;
    text-decoration: none;
    padding: 0 14px;
    white-space: nowrap;
}

.admin-shell .mk-role-secondary-action:hover {
    border-color: rgba(59, 220, 255, 0.48);
    background: rgba(0, 132, 187, 0.18);
    color: #e1faff;
}

.admin-shell .mk-role-stats,
.admin-shell .mk-role-editor-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.admin-shell .mk-role-stats article,
.admin-shell .mk-role-editor-stats article {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 92px;
    border: 1px solid var(--mk-role-border);
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(7, 30, 56, 0.94), rgba(3, 15, 32, 0.96));
    padding: 16px;
}

.admin-shell .mk-role-stats article > span,
.admin-shell .mk-role-editor-stats article > span {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.3);
    border-radius: 50%;
    background: rgba(0, 138, 199, 0.1);
    color: var(--mk-role-cyan);
    font-size: 1rem;
    font-weight: 950;
}

.admin-shell .mk-role-stats article.is-protected > span,
.admin-shell .mk-role-editor-stats article.is-critical > span {
    border-color: rgba(255, 211, 94, 0.32);
    background: rgba(199, 144, 0, 0.09);
    color: var(--mk-role-gold);
}

.admin-shell .mk-role-stats strong,
.admin-shell .mk-role-editor-stats strong {
    display: block;
    color: #fff;
    font-size: 1.45rem;
    line-height: 1;
}

.admin-shell .mk-role-stats small,
.admin-shell .mk-role-editor-stats small {
    display: block;
    margin-top: 6px;
    color: #8ca4bd;
    font-size: 0.65rem;
}

.admin-shell .mk-role-panel {
    overflow: hidden;
    border: 1px solid var(--mk-role-border);
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.02),
        0 20px 48px rgba(0, 0, 0, 0.16);
}

.admin-shell .mk-role-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 67px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.15);
    padding: 15px 18px;
}

.admin-shell .mk-role-panel-heading h3 {
    margin: 0;
    color: #f8fbff;
    font-size: 1rem;
}

.admin-shell .mk-role-panel-note {
    border: 1px solid rgba(59, 220, 255, 0.19);
    border-radius: 999px;
    background: rgba(0, 132, 187, 0.09);
    color: #80e5ff;
    font-size: 0.61rem;
    font-weight: 850;
    padding: 6px 10px;
}

.admin-shell .mk-role-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 16px;
}

.admin-shell .mk-role-card {
    display: grid;
    align-content: start;
    gap: 15px;
    min-width: 0;
    border: 1px solid rgba(70, 191, 240, 0.18);
    border-radius: 16px;
    background:
        radial-gradient(circle at 90% 8%, rgba(24, 140, 255, 0.1), transparent 34%),
        linear-gradient(145deg, rgba(6, 29, 54, 0.9), rgba(3, 15, 31, 0.95));
    padding: 17px;
}

.admin-shell .mk-role-card.tone-developer {
    border-color: rgba(59, 220, 255, 0.34);
}

.admin-shell .mk-role-card.tone-admin {
    border-color: rgba(255, 211, 94, 0.26);
    background:
        radial-gradient(circle at 90% 8%, rgba(255, 211, 94, 0.08), transparent 34%),
        linear-gradient(145deg, rgba(6, 29, 54, 0.9), rgba(3, 15, 31, 0.95));
}

.admin-shell .mk-role-card.tone-editor {
    border-color: rgba(174, 131, 255, 0.27);
}

.admin-shell .mk-role-card.tone-twitch {
    border-color: rgba(164, 105, 255, 0.28);
}

.admin-shell .mk-role-card > header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.admin-shell .mk-role-card-icon {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.28);
    border-radius: 13px;
    background: rgba(0, 132, 187, 0.1);
    color: var(--mk-role-cyan);
    font-size: 1rem;
    font-weight: 950;
}

.admin-shell .tone-admin .mk-role-card-icon {
    border-color: rgba(255, 211, 94, 0.3);
    background: rgba(199, 144, 0, 0.08);
    color: var(--mk-role-gold);
}

.admin-shell .tone-editor .mk-role-card-icon,
.admin-shell .tone-twitch .mk-role-card-icon {
    border-color: rgba(174, 131, 255, 0.31);
    background: rgba(108, 67, 191, 0.1);
    color: #bf9aff;
}

.admin-shell .mk-role-title-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.admin-shell .mk-role-title-line h3 {
    margin: 0;
    color: #fff;
    font-size: 0.9rem;
}

.admin-shell .mk-role-system-badge {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    border: 1px solid rgba(255, 211, 94, 0.24);
    border-radius: 999px;
    background: rgba(199, 144, 0, 0.08);
    color: #ffd970;
    font-size: 0.53rem;
    font-weight: 900;
    padding: 0 7px;
    text-transform: uppercase;
}

.admin-shell .mk-role-card header p {
    margin: 7px 0 0;
    color: #879fb8;
    font-size: 0.64rem;
    line-height: 1.5;
}

.admin-shell .mk-role-card-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid rgba(75, 170, 215, 0.13);
    border-radius: 11px;
    background: rgba(1, 12, 26, 0.35);
}

.admin-shell .mk-role-card-metrics > div {
    border-right: 1px solid rgba(75, 170, 215, 0.12);
    padding: 10px;
    text-align: center;
}

.admin-shell .mk-role-card-metrics > div:last-child {
    border-right: 0;
}

.admin-shell .mk-role-card-metrics strong {
    display: block;
    color: #f6faff;
    font-size: 0.82rem;
}

.admin-shell .mk-role-card-metrics small {
    display: block;
    margin-top: 3px;
    color: #718aa6;
    font-size: 0.55rem;
}

.admin-shell .mk-role-coverage > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #8199b3;
    font-size: 0.59rem;
}

.admin-shell .mk-role-coverage strong {
    color: #cfeeff;
    font-size: 0.61rem;
}

.admin-shell .mk-role-coverage > i {
    display: block;
    overflow: hidden;
    height: 6px;
    margin-top: 7px;
    border-radius: 999px;
    background: rgba(61, 88, 116, 0.25);
}

.admin-shell .mk-role-coverage > i > b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #168cff, #3bdcff);
    box-shadow: 0 0 10px rgba(59, 220, 255, 0.3);
}

.admin-shell .mk-role-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid rgba(75, 170, 215, 0.12);
    padding-top: 12px;
}

.admin-shell .mk-role-card-footer > span {
    color: #738ca8;
    font-size: 0.57rem;
}

.admin-shell .mk-role-card-footer a {
    color: #84e6ff;
    font-size: 0.61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-role-matrix-scroll {
    overflow-x: auto;
}

.admin-shell .mk-role-matrix {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
}

.admin-shell .mk-role-matrix th,
.admin-shell .mk-role-matrix td {
    border-bottom: 1px solid rgba(74, 166, 211, 0.1);
    padding: 11px 14px;
    text-align: center;
}

.admin-shell .mk-role-matrix th {
    color: #7f97b1;
    font-size: 0.59rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.admin-shell .mk-role-matrix th:first-child,
.admin-shell .mk-role-matrix td:first-child {
    text-align: left;
}

.admin-shell .mk-role-matrix tbody tr:hover {
    background: rgba(6, 73, 108, 0.12);
}

.admin-shell .mk-role-matrix-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #dce8f5;
    font-size: 0.68rem;
    font-weight: 800;
}

.admin-shell .mk-role-matrix-group i {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.2);
    border-radius: 8px;
    background: rgba(0, 132, 187, 0.08);
    color: #79e3ff;
    font-style: normal;
}

.admin-shell .mk-role-matrix td > strong {
    color: #d9e7f4;
    font-size: 0.68rem;
}

.admin-shell .mk-role-matrix-value {
    display: inline-grid;
    width: 30px;
    height: 26px;
    place-items: center;
    border: 1px solid rgba(124, 148, 177, 0.17);
    border-radius: 7px;
    background: rgba(72, 92, 118, 0.08);
    color: #7f97b1;
    font-size: 0.61rem;
    font-weight: 900;
}

.admin-shell .mk-role-matrix-value.is-partial {
    border-color: rgba(59, 220, 255, 0.22);
    background: rgba(0, 132, 187, 0.09);
    color: #7ee3ff;
}

.admin-shell .mk-role-matrix-value.is-full {
    border-color: rgba(60, 228, 180, 0.24);
    background: rgba(17, 158, 117, 0.09);
    color: #75e8c5;
}

.admin-shell .mk-role-empty {
    color: #8198b1;
    font-size: 0.69rem;
    padding: 25px 18px;
    text-align: center;
}

/* Role editor */
.admin-shell .mk-role-editor-heading > a {
    display: inline-flex;
    margin-bottom: 13px;
    color: #7bdff8;
    font-size: 0.64rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-role-editor-title {
    display: flex;
    align-items: center;
    gap: 14px;
}

.admin-shell .mk-role-editor-title > span {
    display: grid;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.34);
    border-radius: 16px;
    background: rgba(0, 132, 187, 0.11);
    box-shadow: 0 0 24px rgba(0, 178, 255, 0.11);
    color: var(--mk-role-cyan);
    font-size: 1.25rem;
    font-weight: 950;
}

.admin-shell .mk-role-editor-summary {
    display: grid;
    flex: 0 0 250px;
    min-height: 108px;
    align-content: center;
    border: 1px solid rgba(75, 205, 255, 0.25);
    border-radius: 15px;
    background: rgba(4, 29, 55, 0.78);
    padding: 17px 19px;
}

.admin-shell .mk-role-editor-summary span,
.admin-shell .mk-role-editor-summary small {
    color: #819ab6;
    font-size: 0.63rem;
}

.admin-shell .mk-role-editor-summary strong {
    margin: 5px 0;
    color: #fff;
    font-size: 1rem;
}

.admin-shell .mk-role-security-warning,
.admin-shell .mk-role-security-tip {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid rgba(255, 211, 94, 0.24);
    border-radius: 13px;
    background: rgba(199, 144, 0, 0.08);
    padding: 13px 15px;
}

.admin-shell .mk-role-security-tip {
    border-color: rgba(59, 220, 255, 0.22);
    background: rgba(0, 132, 187, 0.08);
}

.admin-shell .mk-role-security-warning > span,
.admin-shell .mk-role-security-tip > span {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(255, 211, 94, 0.28);
    border-radius: 10px;
    color: #ffd970;
    font-weight: 950;
}

.admin-shell .mk-role-security-tip > span {
    border-color: rgba(59, 220, 255, 0.28);
    color: #7de4ff;
}

.admin-shell .mk-role-security-warning strong,
.admin-shell .mk-role-security-tip strong {
    color: #fff3c9;
    font-size: 0.72rem;
}

.admin-shell .mk-role-security-tip strong {
    color: #dff8ff;
}

.admin-shell .mk-role-security-warning p,
.admin-shell .mk-role-security-tip p {
    margin: 5px 0 0;
    color: #b9a970;
    font-size: 0.64rem;
    line-height: 1.5;
}

.admin-shell .mk-role-security-tip p {
    color: #88a9c4;
}

.admin-shell .mk-role-toolbar {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 230px auto;
    align-items: end;
    gap: 12px;
    border: 1px solid var(--mk-role-border);
    border-radius: 15px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
    padding: 15px;
}

.admin-shell .mk-role-toolbar label {
    display: grid;
    gap: 7px;
}

.admin-shell .mk-role-toolbar label > span {
    color: #cbd9e8;
    font-size: 0.64rem;
    font-weight: 800;
}

.admin-shell .mk-role-toolbar input,
.admin-shell .mk-role-toolbar select {
    width: 100%;
    min-height: 40px;
    border: 1px solid rgba(75, 205, 255, 0.2);
    border-radius: 10px;
    outline: 0;
    background: rgba(2, 15, 32, 0.86);
    color: #f4f8ff;
    font: inherit;
    font-size: 0.67rem;
    padding: 0 11px;
}

.admin-shell .mk-role-toolbar input:focus,
.admin-shell .mk-role-toolbar select:focus {
    border-color: rgba(59, 220, 255, 0.5);
    box-shadow: 0 0 0 3px rgba(0, 175, 255, 0.07);
}

.admin-shell .mk-role-toolbar > button,
.admin-shell .mk-role-group-actions button {
    min-height: 40px;
    border: 1px solid rgba(59, 220, 255, 0.22);
    border-radius: 9px;
    background: rgba(0, 132, 187, 0.09);
    color: #86e5ff;
    font-size: 0.62rem;
    font-weight: 850;
    cursor: pointer;
    padding: 0 11px;
}

.admin-shell .mk-role-permission-groups {
    display: grid;
    gap: 13px;
}

.admin-shell .mk-role-permission-group {
    overflow: hidden;
    border: 1px solid var(--mk-role-border);
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
}

.admin-shell .mk-role-permission-group > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    min-height: 70px;
    cursor: pointer;
    list-style: none;
    padding: 14px 17px;
}

.admin-shell .mk-role-permission-group > summary::-webkit-details-marker {
    display: none;
}

.admin-shell .mk-role-permission-group > summary > div:first-child {
    display: flex;
    align-items: center;
    gap: 11px;
}

.admin-shell .mk-role-group-icon {
    display: grid;
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.25);
    border-radius: 11px;
    background: rgba(0, 132, 187, 0.09);
    color: #7ee4ff;
    font-weight: 950;
}

.admin-shell .mk-role-permission-group h3 {
    margin: 0;
    color: #f5f9ff;
    font-size: 0.87rem;
}

.admin-shell .mk-role-group-summary {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #7891ab;
    font-size: 0.6rem;
}

.admin-shell .mk-role-group-summary b {
    color: #d6e8f7;
}

.admin-shell .mk-role-group-summary i {
    color: #72dff9;
    font-size: 0.9rem;
    font-style: normal;
    transition: transform 160ms ease;
}

.admin-shell .mk-role-permission-group[open] .mk-role-group-summary i {
    transform: rotate(180deg);
}

.admin-shell .mk-role-group-actions {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    border-top: 1px solid rgba(74, 166, 211, 0.11);
    border-bottom: 1px solid rgba(74, 166, 211, 0.11);
    background: rgba(1, 11, 24, 0.2);
    padding: 9px 15px;
}

.admin-shell .mk-role-group-actions button {
    min-height: 31px;
    font-size: 0.57rem;
}

.admin-shell .mk-role-permission-list {
    display: grid;
}

.admin-shell .mk-role-permission-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-height: 88px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.1);
    padding: 13px 16px;
}

.admin-shell .mk-role-permission-row:last-child {
    border-bottom: 0;
}

.admin-shell .mk-role-permission-row:hover {
    background: rgba(6, 73, 108, 0.1);
}

.admin-shell .mk-role-permission-row.is-critical {
    background:
        linear-gradient(90deg, rgba(255, 211, 94, 0.045), transparent 48%);
}

.admin-shell .mk-role-permission-row.is-locked {
    background:
        linear-gradient(90deg, rgba(174, 131, 255, 0.055), transparent 48%);
}

.admin-shell .mk-role-permission-row > label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    cursor: pointer;
}

.admin-shell .mk-role-permission-row > label > input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.admin-shell .mk-role-checkbox-ui {
    display: grid;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    margin-top: 2px;
    place-items: center;
    border: 1px solid rgba(75, 205, 255, 0.28);
    border-radius: 8px;
    background: rgba(1, 14, 29, 0.74);
    color: transparent;
    transition:
        border-color 150ms ease,
        background 150ms ease,
        box-shadow 150ms ease;
}

.admin-shell .mk-role-checkbox-ui i {
    font-size: 0.66rem;
    font-style: normal;
}

.admin-shell .mk-role-permission-row input:checked + .mk-role-checkbox-ui {
    border-color: rgba(59, 220, 255, 0.7);
    background: linear-gradient(135deg, #168cff, #3bdcff);
    box-shadow: 0 0 15px rgba(59, 220, 255, 0.18);
    color: #001423;
}

.admin-shell .mk-role-permission-row input:disabled + .mk-role-checkbox-ui {
    border-color: rgba(174, 131, 255, 0.35);
    opacity: 0.75;
}

.admin-shell .mk-role-permission-copy {
    min-width: 0;
}

.admin-shell .mk-role-permission-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.admin-shell .mk-role-permission-title strong {
    color: #edf5ff;
    font-size: 0.72rem;
}

.admin-shell .mk-role-permission-title em {
    display: inline-flex;
    min-height: 20px;
    align-items: center;
    border: 1px solid rgba(255, 211, 94, 0.22);
    border-radius: 999px;
    background: rgba(199, 144, 0, 0.08);
    color: #ffd970;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 900;
    padding: 0 6px;
    text-transform: uppercase;
}

.admin-shell .mk-role-permission-copy > small {
    display: block;
    margin-top: 4px;
    color: #6f8ba7;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.57rem;
}

.admin-shell .mk-role-permission-copy > p {
    margin: 6px 0 0;
    color: #8ba1ba;
    font-size: 0.62rem;
    line-height: 1.48;
}

.admin-shell .mk-role-lock-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 7px;
}

.admin-shell .mk-role-lock-actions form {
    margin: 0;
}

.admin-shell .mk-role-locked-label {
    display: inline-flex;
    min-height: 25px;
    align-items: center;
    border: 1px solid rgba(174, 131, 255, 0.25);
    border-radius: 7px;
    background: rgba(108, 67, 191, 0.09);
    color: #c5a6ff;
    font-size: 0.54rem;
    font-weight: 850;
    padding: 0 8px;
}

.admin-shell .mk-role-lock-button,
.admin-shell .mk-role-unlock-button {
    min-height: 30px;
    border: 1px solid rgba(59, 220, 255, 0.2);
    border-radius: 7px;
    background: rgba(0, 132, 187, 0.08);
    color: #80e2fb;
    font-size: 0.55rem;
    font-weight: 850;
    cursor: pointer;
    padding: 0 8px;
}

.admin-shell .mk-role-unlock-button {
    border-color: rgba(255, 211, 94, 0.24);
    background: rgba(199, 144, 0, 0.08);
    color: #ffd970;
}

.admin-shell .mk-role-savebar {
    position: sticky;
    z-index: 20;
    bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid rgba(59, 220, 255, 0.3);
    border-radius: 14px;
    background: rgba(3, 18, 37, 0.93);
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(14px);
    padding: 12px 14px;
}

.admin-shell .mk-role-savebar strong {
    display: block;
    color: #edf7ff;
    font-size: 0.7rem;
}

.admin-shell .mk-role-savebar small {
    display: block;
    margin-top: 4px;
    color: #7891ab;
    font-size: 0.58rem;
}

.admin-shell .mk-role-savebar small.is-dirty {
    color: #ffd970;
}

.admin-shell .mk-role-savebar > div:last-child {
    display: flex;
    gap: 8px;
}

.admin-shell .mk-role-savebar a,
.admin-shell .mk-role-savebar button {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(75, 205, 255, 0.2);
    border-radius: 9px;
    background: rgba(0, 132, 187, 0.08);
    color: #8ce6ff;
    font-size: 0.63rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
    padding: 0 12px;
}

.admin-shell .mk-role-savebar button {
    border-color: rgba(73, 226, 255, 0.62);
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    color: #00101f;
}

.admin-shell .mk-role-no-results {
    border: 1px dashed rgba(75, 205, 255, 0.22);
    border-radius: 13px;
    color: #8198b1;
    font-size: 0.69rem;
    padding: 27px 18px;
    text-align: center;
}

@media (max-width: 1180px) {
    .admin-shell .mk-role-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-shell .mk-role-toolbar {
        grid-template-columns: 1fr 220px;
    }

    .admin-shell .mk-role-toolbar > button {
        grid-column: 1 / -1;
    }
}

@media (max-width: 820px) {
    .admin-shell .mk-role-hero,
    .admin-shell .mk-role-editor-hero {
        align-items: stretch;
        flex-direction: column;
        padding: 22px;
    }

    .admin-shell .mk-role-editor-summary {
        flex-basis: auto;
        width: 100%;
    }

    .admin-shell .mk-role-stats,
    .admin-shell .mk-role-editor-stats,
    .admin-shell .mk-role-card-grid {
        grid-template-columns: 1fr 1fr;
    }

    .admin-shell .mk-role-permission-row {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-role-lock-actions {
        justify-content: flex-start;
        padding-left: 39px;
    }
}

@media (max-width: 620px) {
    .admin-shell .mk-role-stats,
    .admin-shell .mk-role-editor-stats,
    .admin-shell .mk-role-card-grid,
    .admin-shell .mk-role-toolbar {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-role-toolbar > button {
        grid-column: auto;
    }

    .admin-shell .mk-role-panel-heading,
    .admin-shell .mk-role-editor-title,
    .admin-shell .mk-role-savebar {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-shell .mk-role-card-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-shell .mk-role-group-actions,
    .admin-shell .mk-role-savebar > div:last-child,
    .admin-shell .mk-role-savebar a,
    .admin-shell .mk-role-savebar button {
        width: 100%;
    }

    .admin-shell .mk-role-group-actions {
        flex-direction: column;
    }

    .admin-shell .mk-role-permission-row > label {
        align-items: flex-start;
    }

    .admin-shell .mk-role-lock-actions {
        padding-left: 0;
    }
}
/* END MARKUZI-PHASE-10-ROLES-PERMISSIONS */

/* BEGIN MARKUZI-PHASE-11-COMMUNITY-EVENTS */
.admin-shell .mk-community-center,
.admin-shell .mk-event-workspace,
.admin-shell .mk-event-form-page,
.admin-shell .mk-participant-page {
    --mk-event-cyan: #3bdcff;
    --mk-event-mint: #3ce4b4;
    --mk-event-purple: #b68cff;
    --mk-event-gold: #ffd35e;
    --mk-event-danger: #ff7890;
    --mk-event-border: rgba(75, 205, 255, .2);
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 16px;
    margin: 0 auto;
}

.admin-shell .mk-community-center *,
.admin-shell .mk-event-workspace *,
.admin-shell .mk-event-form-page *,
.admin-shell .mk-participant-page * {
    box-sizing: border-box;
}

.admin-shell .mk-community-hero,
.admin-shell .mk-event-hero,
.admin-shell .mk-event-form-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    overflow: hidden;
    border: 1px solid var(--mk-event-border);
    border-radius: 21px;
    background:
        radial-gradient(circle at 84% 27%, rgba(0, 178, 255, .18), transparent 31%),
        radial-gradient(circle at 70% 17%, rgba(182, 140, 255, .08), transparent 25%),
        linear-gradient(135deg, rgba(7, 35, 65, .96), rgba(2, 13, 30, .97));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 24px 60px rgba(0, 0, 0, .2);
    padding: 28px 30px;
}

.admin-shell .mk-community-hero h2,
.admin-shell .mk-event-hero h2,
.admin-shell .mk-event-form-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.07;
}

.admin-shell .mk-community-hero p,
.admin-shell .mk-event-hero p,
.admin-shell .mk-event-form-hero p {
    max-width: 760px;
    margin: 11px 0 0;
    color: #a8bdd4;
    font-size: .82rem;
    line-height: 1.65;
}

.admin-shell .mk-community-primary,
.admin-shell .mk-event-primary,
.admin-shell .mk-event-secondary {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(73, 226, 255, .64);
    border-radius: 10px;
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    color: #00101f;
    font-size: .68rem;
    font-weight: 900;
    text-decoration: none;
    padding: 0 14px;
    white-space: nowrap;
}

.admin-shell .mk-event-secondary {
    border-color: rgba(59, 220, 255, .25);
    background: rgba(0, 132, 187, .1);
    color: #8ee7ff;
}

.admin-shell .mk-event-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-shell .mk-community-stats,
.admin-shell .mk-event-stats,
.admin-shell .mk-participant-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.admin-shell .mk-community-stats article,
.admin-shell .mk-event-stats article,
.admin-shell .mk-participant-stats article {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 92px;
    border: 1px solid var(--mk-event-border);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(7, 30, 56, .94), rgba(3, 15, 32, .96));
    padding: 16px;
}

.admin-shell .mk-community-stats article > span,
.admin-shell .mk-event-stats article > span {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, .3);
    border-radius: 50%;
    background: rgba(0, 138, 199, .1);
    color: var(--mk-event-cyan);
    font-weight: 950;
}

.admin-shell .mk-community-stats strong,
.admin-shell .mk-event-stats strong,
.admin-shell .mk-participant-stats strong {
    display: block;
    color: #fff;
    font-size: 1.43rem;
    line-height: 1;
}

.admin-shell .mk-community-stats small,
.admin-shell .mk-event-stats small,
.admin-shell .mk-participant-stats small {
    display: block;
    margin-top: 6px;
    color: #8ca4bd;
    font-size: .65rem;
}

.admin-shell .mk-participant-stats article {
    display: grid;
    justify-items: center;
    text-align: center;
}

.admin-shell .mk-community-module-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.admin-shell .mk-community-module-grid > a {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    min-height: 105px;
    border: 1px solid var(--mk-event-border);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(6, 28, 53, .94), rgba(2, 14, 30, .96));
    color: inherit;
    text-decoration: none;
    padding: 17px;
}

.admin-shell .mk-community-module-grid > a:hover {
    border-color: rgba(59, 220, 255, .4);
    transform: translateY(-1px);
}

.admin-shell .mk-community-module-grid > a > span {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, .28);
    border-radius: 13px;
    background: rgba(0, 132, 187, .1);
    color: var(--mk-event-cyan);
    font-weight: 950;
}

.admin-shell .mk-community-module-grid a.accent-purple > span {
    border-color: rgba(182, 140, 255, .31);
    background: rgba(108, 67, 191, .1);
    color: var(--mk-event-purple);
}

.admin-shell .mk-community-module-grid a.accent-gold > span {
    border-color: rgba(255, 211, 94, .3);
    background: rgba(199, 144, 0, .08);
    color: var(--mk-event-gold);
}

.admin-shell .mk-community-module-grid a.accent-mint > span {
    border-color: rgba(60, 228, 180, .3);
    background: rgba(17, 158, 117, .09);
    color: var(--mk-event-mint);
}

.admin-shell .mk-community-module-grid strong {
    display: block;
    color: #f3f8ff;
    font-size: .78rem;
}

.admin-shell .mk-community-module-grid small {
    display: block;
    margin-top: 6px;
    color: #829bb5;
    font-size: .63rem;
    line-height: 1.45;
}

.admin-shell .mk-community-module-grid b {
    color: #74dff9;
    font-size: 1rem;
}

.admin-shell .mk-event-filters {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 210px 210px auto;
    align-items: end;
    gap: 11px;
    border: 1px solid var(--mk-event-border);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(6, 27, 51, .94), rgba(2, 14, 30, .96));
    padding: 15px;
}

.admin-shell .mk-event-filters.is-trash {
    grid-template-columns: minmax(260px, 1fr) auto;
}

.admin-shell .mk-event-filters label,
.admin-shell .mk-event-form label,
.admin-shell .mk-participant-create label {
    display: grid;
    gap: 7px;
}

.admin-shell .mk-event-filters label > span,
.admin-shell .mk-event-form label > span,
.admin-shell .mk-participant-create label > span {
    color: #cbd9e8;
    font-size: .64rem;
    font-weight: 800;
}

.admin-shell .mk-event-form label > small {
    color: #718ba7;
    font-size: .56rem;
}

.admin-shell .mk-event-filters input,
.admin-shell .mk-event-filters select,
.admin-shell .mk-event-form input,
.admin-shell .mk-event-form select,
.admin-shell .mk-event-form textarea,
.admin-shell .mk-participant-create input,
.admin-shell .mk-participant-create select,
.admin-shell .mk-participant-create textarea,
.admin-shell .mk-participant-update input,
.admin-shell .mk-participant-update select {
    width: 100%;
    min-height: 40px;
    border: 1px solid rgba(75, 205, 255, .2);
    border-radius: 10px;
    outline: 0;
    background: rgba(2, 15, 32, .86);
    color: #f4f8ff;
    font: inherit;
    font-size: .67rem;
    padding: 0 11px;
}

.admin-shell .mk-event-filters input:focus,
.admin-shell .mk-event-filters select:focus,
.admin-shell .mk-event-form input:focus,
.admin-shell .mk-event-form select:focus,
.admin-shell .mk-event-form textarea:focus,
.admin-shell .mk-participant-create input:focus,
.admin-shell .mk-participant-create select:focus,
.admin-shell .mk-participant-create textarea:focus {
    border-color: rgba(59, 220, 255, .52);
    box-shadow: 0 0 0 3px rgba(0, 175, 255, .07);
}

.admin-shell .mk-event-form textarea,
.admin-shell .mk-participant-create textarea {
    padding: 11px;
    resize: vertical;
}

.admin-shell .mk-event-filters > div {
    display: flex;
    gap: 7px;
}

.admin-shell .mk-event-filters button,
.admin-shell .mk-event-filters a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(59, 220, 255, .22);
    border-radius: 9px;
    background: rgba(0, 132, 187, .09);
    color: #86e5ff;
    font-size: .62rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
    padding: 0 11px;
}

.admin-shell .mk-event-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.admin-shell .mk-event-card {
    position: relative;
    display: grid;
    align-content: start;
    gap: 15px;
    min-width: 0;
    border: 1px solid rgba(70, 191, 240, .19);
    border-radius: 17px;
    background:
        radial-gradient(circle at 90% 5%, rgba(24, 140, 255, .1), transparent 32%),
        linear-gradient(145deg, rgba(6, 29, 54, .94), rgba(3, 15, 31, .97));
    padding: 17px;
}

.admin-shell .mk-event-card > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.admin-shell .mk-event-card > header > time {
    display: grid;
    width: 55px;
    min-height: 58px;
    place-items: center;
    align-content: center;
    border: 1px solid rgba(59, 220, 255, .3);
    border-radius: 13px;
    background: rgba(0, 132, 187, .1);
    color: #eafaff;
}

.admin-shell .mk-event-card > header > time.is-past {
    border-color: rgba(124, 148, 177, .2);
    background: rgba(72, 92, 118, .09);
    color: #90a5bb;
}

.admin-shell .mk-event-card time strong {
    font-size: 1.2rem;
    line-height: 1;
}

.admin-shell .mk-event-card time span {
    margin-top: 4px;
    color: #6fdffb;
    font-size: .52rem;
    font-weight: 900;
}

.admin-shell .mk-event-card > header > div {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 6px;
}

.admin-shell .mk-event-type,
.admin-shell .mk-event-status {
    display: inline-flex;
    min-height: 23px;
    align-items: center;
    border: 1px solid rgba(59, 220, 255, .2);
    border-radius: 999px;
    background: rgba(0, 132, 187, .08);
    color: #82e5ff;
    font-size: .55rem;
    font-weight: 850;
    padding: 0 7px;
}

.admin-shell .mk-event-status.is-draft {
    border-color: rgba(124, 148, 177, .2);
    background: rgba(72, 92, 118, .09);
    color: #a1b2c5;
}

.admin-shell .mk-event-status.is-scheduled {
    border-color: rgba(182, 140, 255, .26);
    background: rgba(108, 67, 191, .09);
    color: #c6a7ff;
}

.admin-shell .mk-event-status.is-published,
.admin-shell .mk-event-status.is-live {
    border-color: rgba(60, 228, 180, .24);
    background: rgba(17, 158, 117, .09);
    color: #76e9c7;
}

.admin-shell .mk-event-status.is-cancelled {
    border-color: rgba(255, 100, 123, .28);
    background: rgba(183, 37, 64, .1);
    color: #ff91a2;
}

.admin-shell .mk-event-status.is-past {
    color: #839ab3;
}

.admin-shell .mk-event-card-copy h3 {
    margin: 0;
    color: #fff;
    font-size: .92rem;
    line-height: 1.35;
}

.admin-shell .mk-event-card-copy p {
    min-height: 57px;
    margin: 7px 0 0;
    color: #879fb8;
    font-size: .64rem;
    line-height: 1.52;
}

.admin-shell .mk-event-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin: 0;
}

.admin-shell .mk-event-meta > div {
    min-width: 0;
    border: 1px solid rgba(75, 170, 215, .12);
    border-radius: 9px;
    background: rgba(1, 12, 26, .32);
    padding: 9px;
}

.admin-shell .mk-event-meta dt {
    color: #718ba7;
    font-size: .52rem;
    font-weight: 850;
    text-transform: uppercase;
}

.admin-shell .mk-event-meta dd {
    overflow: hidden;
    margin: 5px 0 0;
    color: #d3e1ef;
    font-size: .61rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .mk-event-card > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    border-top: 1px solid rgba(75, 170, 215, .11);
    padding-top: 12px;
}

.admin-shell .mk-event-card > footer > div {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.admin-shell .mk-event-card > footer a,
.admin-shell .mk-event-card details summary {
    color: #82e5ff;
    font-size: .6rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-event-card details {
    position: relative;
}

.admin-shell .mk-event-card details summary {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, .2);
    border-radius: 8px;
    background: rgba(0, 132, 187, .08);
    cursor: pointer;
    list-style: none;
}

.admin-shell .mk-event-card details summary::-webkit-details-marker {
    display: none;
}

.admin-shell .mk-event-card details > div {
    position: absolute;
    z-index: 20;
    right: 0;
    bottom: 38px;
    display: grid;
    min-width: 150px;
    gap: 5px;
    border: 1px solid rgba(59, 220, 255, .23);
    border-radius: 10px;
    background: #061a31;
    box-shadow: 0 18px 35px rgba(0, 0, 0, .35);
    padding: 7px;
}

.admin-shell .mk-event-card details form {
    margin: 0;
}

.admin-shell .mk-event-card details button {
    width: 100%;
    min-height: 31px;
    border: 0;
    border-radius: 7px;
    background: rgba(0, 132, 187, .09);
    color: #8ae5ff;
    font-size: .57rem;
    font-weight: 850;
    cursor: pointer;
    text-align: left;
    padding: 0 9px;
}

.admin-shell .mk-event-card details button.is-danger {
    background: rgba(183, 37, 64, .11);
    color: #ff91a2;
}

.admin-shell .mk-event-empty {
    display: grid;
    grid-column: 1 / -1;
    justify-items: center;
    gap: 7px;
    border: 1px dashed rgba(75, 205, 255, .22);
    border-radius: 14px;
    color: #8198b1;
    padding: 32px 18px;
    text-align: center;
}

.admin-shell .mk-event-empty > span {
    color: #75e2ff;
    font-size: 1.3rem;
}

.admin-shell .mk-event-empty strong {
    color: #e8f3ff;
    font-size: .78rem;
}

.admin-shell .mk-event-empty p {
    margin: 0;
    font-size: .64rem;
}

.admin-shell .mk-event-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #8299b2;
    font-size: .64rem;
}

.admin-shell .mk-event-pagination a {
    color: #83e5ff;
    text-decoration: none;
}

/* Event form */
.admin-shell .mk-event-form-hero > div:first-child > a {
    display: inline-flex;
    margin-bottom: 12px;
    color: #7bdff8;
    font-size: .64rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-event-form-summary {
    display: grid;
    flex: 0 0 245px;
    min-height: 106px;
    align-content: center;
    border: 1px solid rgba(75, 205, 255, .25);
    border-radius: 15px;
    background: rgba(4, 29, 55, .78);
    padding: 17px 19px;
}

.admin-shell .mk-event-form-summary span,
.admin-shell .mk-event-form-summary small {
    color: #819ab6;
    font-size: .63rem;
}

.admin-shell .mk-event-form-summary strong {
    margin: 5px 0;
    color: #fff;
    font-size: 1rem;
}

.admin-shell .mk-event-errors {
    border: 1px solid rgba(255, 100, 123, .26);
    border-radius: 11px;
    background: rgba(183, 37, 64, .1);
    color: #ffb2be;
    font-size: .68rem;
    padding: 12px 14px;
}

.admin-shell .mk-event-errors ul {
    margin: 7px 0 0;
    padding-left: 18px;
}

.admin-shell .mk-event-form {
    display: grid;
    gap: 14px;
}

.admin-shell .mk-event-form-card {
    overflow: hidden;
    border: 1px solid var(--mk-event-border);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(6, 27, 51, .94), rgba(2, 14, 30, .96));
}

.admin-shell .mk-event-form-card > header {
    border-bottom: 1px solid rgba(74, 166, 211, .14);
    padding: 15px 18px;
}

.admin-shell .mk-event-form-card h3 {
    margin: 0;
    color: #f8fbff;
    font-size: .95rem;
}

.admin-shell .mk-event-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    padding: 18px;
}

.admin-shell .mk-event-form-grid .is-wide {
    grid-column: 1 / -1;
}

.admin-shell .mk-event-form-actions {
    position: sticky;
    z-index: 15;
    bottom: 14px;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    border: 1px solid rgba(59, 220, 255, .3);
    border-radius: 14px;
    background: rgba(3, 18, 37, .93);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .34);
    backdrop-filter: blur(14px);
    padding: 12px;
}

.admin-shell .mk-event-form-actions a,
.admin-shell .mk-event-form-actions button {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(75, 205, 255, .21);
    border-radius: 9px;
    background: rgba(0, 132, 187, .08);
    color: #8ce6ff;
    font-size: .63rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
    padding: 0 12px;
}

.admin-shell .mk-event-form-actions button {
    border-color: rgba(73, 226, 255, .62);
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    color: #00101f;
}

/* Participants */
.admin-shell .mk-participant-layout {
    display: grid;
    grid-template-columns: minmax(300px, .65fr) minmax(0, 1.35fr);
    gap: 14px;
}

.admin-shell .mk-participant-create {
    display: grid;
    gap: 13px;
    padding: 18px;
}

.admin-shell .mk-participant-create button {
    min-height: 41px;
    border: 1px solid rgba(73, 226, 255, .62);
    border-radius: 9px;
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    color: #00101f;
    font-size: .64rem;
    font-weight: 900;
    cursor: pointer;
}

.admin-shell .mk-participant-list {
    display: grid;
}

.admin-shell .mk-participant-list > article {
    display: grid;
    grid-template-columns: minmax(200px, .8fr) minmax(300px, 1.2fr) auto;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(74, 166, 211, .1);
    padding: 13px 16px;
}

.admin-shell .mk-participant-list > article:last-child {
    border-bottom: 0;
}

.admin-shell .mk-participant-identity {
    display: flex;
    align-items: center;
    gap: 10px;
}

.admin-shell .mk-participant-identity > span {
    display: grid;
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, .28);
    border-radius: 11px;
    background: rgba(0, 132, 187, .09);
    color: #7ee4ff;
    font-weight: 950;
}

.admin-shell .mk-participant-identity strong {
    display: block;
    color: #edf5ff;
    font-size: .7rem;
}

.admin-shell .mk-participant-identity small {
    display: block;
    margin-top: 4px;
    color: #7891ab;
    font-size: .57rem;
}

.admin-shell .mk-participant-update {
    display: grid;
    grid-template-columns: 145px minmax(130px, 1fr) auto;
    gap: 7px;
}

.admin-shell .mk-participant-update button,
.admin-shell .mk-participant-delete {
    min-height: 36px;
    border: 1px solid rgba(59, 220, 255, .22);
    border-radius: 8px;
    background: rgba(0, 132, 187, .09);
    color: #86e5ff;
    font-size: .58rem;
    font-weight: 850;
    cursor: pointer;
    padding: 0 9px;
}

.admin-shell .mk-participant-delete {
    border-color: rgba(255, 100, 123, .28);
    background: rgba(183, 37, 64, .1);
    color: #ff91a2;
}

/* Trash */
.admin-shell .mk-event-trash-hero {
    background:
        radial-gradient(circle at 84% 24%, rgba(255, 100, 123, .11), transparent 30%),
        radial-gradient(circle at 72% 35%, rgba(0, 178, 255, .11), transparent 31%),
        linear-gradient(135deg, rgba(7, 35, 65, .95), rgba(2, 13, 30, .96));
}

.admin-shell .mk-event-trash-list {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--mk-event-border);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(6, 27, 51, .94), rgba(2, 14, 30, .96));
}

.admin-shell .mk-event-trash-list > article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid rgba(74, 166, 211, .11);
    padding: 15px 17px;
}

.admin-shell .mk-event-trash-list > article:last-child {
    border-bottom: 0;
}

.admin-shell .mk-event-trash-list h3 {
    margin: 8px 0 0;
    color: #fff;
    font-size: .8rem;
}

.admin-shell .mk-event-trash-list p {
    margin: 7px 0 0;
    color: #7f97b1;
    font-size: .61rem;
}

.admin-shell .mk-event-trash-list > article > div:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.admin-shell .mk-event-trash-list form {
    margin: 0;
}

.admin-shell .mk-event-restore,
.admin-shell .mk-event-force-delete {
    min-height: 34px;
    border: 1px solid rgba(60, 228, 180, .27);
    border-radius: 8px;
    background: rgba(17, 158, 117, .09);
    color: #75e8c5;
    font-size: .59rem;
    font-weight: 850;
    cursor: pointer;
    padding: 0 10px;
}

.admin-shell .mk-event-force-delete {
    border-color: rgba(255, 100, 123, .28);
    background: rgba(183, 37, 64, .1);
    color: #ff91a2;
}

/* Simple dashboard event brief */
.admin-shell .mk-simple-events {
    overflow: hidden;
    border: 1px solid rgba(75, 205, 255, .2);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(6, 27, 51, .94), rgba(2, 14, 30, .96));
}

.admin-shell .mk-simple-events > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid rgba(74, 166, 211, .14);
    padding: 15px 18px;
}

.admin-shell .mk-simple-events h3 {
    margin: 0;
    color: #fff;
    font-size: .95rem;
}

.admin-shell .mk-simple-events > header > a {
    color: #82e5ff;
    font-size: .61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-simple-events > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-shell .mk-simple-events article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    border-right: 1px solid rgba(74, 166, 211, .1);
    border-bottom: 1px solid rgba(74, 166, 211, .1);
    padding: 13px 16px;
}

.admin-shell .mk-simple-events article:nth-child(2n) {
    border-right: 0;
}

.admin-shell .mk-simple-events article > time {
    display: grid;
    width: 44px;
    height: 47px;
    place-items: center;
    align-content: center;
    border: 1px solid rgba(59, 220, 255, .28);
    border-radius: 11px;
    background: rgba(0, 132, 187, .09);
}

.admin-shell .mk-simple-events time strong {
    color: #fff;
    font-size: .9rem;
    line-height: 1;
}

.admin-shell .mk-simple-events time span {
    margin-top: 3px;
    color: #70dffb;
    font-size: .48rem;
    font-weight: 900;
}

.admin-shell .mk-simple-events article > div > span,
.admin-shell .mk-simple-events article > div > small,
.admin-shell .mk-simple-events article > span {
    color: #7891ab;
    font-size: .56rem;
}

.admin-shell .mk-simple-events article > div > strong {
    display: block;
    margin: 4px 0;
    color: #edf5ff;
    font-size: .68rem;
}

.admin-shell .mk-simple-events article > span {
    white-space: nowrap;
}

@media (max-width: 1180px) {
    .admin-shell .mk-community-module-grid,
    .admin-shell .mk-event-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-shell .mk-event-filters {
        grid-template-columns: 1fr 1fr;
    }

    .admin-shell .mk-event-filters > div {
        grid-column: 1 / -1;
    }

    .admin-shell .mk-participant-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .admin-shell .mk-community-stats,
    .admin-shell .mk-event-stats,
    .admin-shell .mk-participant-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-shell .mk-event-form-grid,
    .admin-shell .mk-simple-events > div {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-event-form-grid .is-wide {
        grid-column: auto;
    }

    .admin-shell .mk-simple-events article,
    .admin-shell .mk-simple-events article:nth-child(2n) {
        border-right: 0;
    }

    .admin-shell .mk-participant-list > article {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-participant-update {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 660px) {
    .admin-shell .mk-community-hero,
    .admin-shell .mk-event-hero,
    .admin-shell .mk-event-form-hero {
        align-items: stretch;
        flex-direction: column;
        padding: 22px;
    }

    .admin-shell .mk-event-form-summary {
        flex-basis: auto;
        width: 100%;
    }

    .admin-shell .mk-community-stats,
    .admin-shell .mk-event-stats,
    .admin-shell .mk-participant-stats,
    .admin-shell .mk-community-module-grid,
    .admin-shell .mk-event-grid,
    .admin-shell .mk-event-filters {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-event-filters > div {
        grid-column: auto;
    }

    .admin-shell .mk-event-filters > div,
    .admin-shell .mk-event-filters button,
    .admin-shell .mk-event-filters a,
    .admin-shell .mk-event-hero-actions,
    .admin-shell .mk-event-hero-actions a,
    .admin-shell .mk-event-form-actions,
    .admin-shell .mk-event-form-actions a,
    .admin-shell .mk-event-form-actions button {
        width: 100%;
    }

    .admin-shell .mk-event-card > footer,
    .admin-shell .mk-event-trash-list > article {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-shell .mk-simple-events article {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .admin-shell .mk-simple-events article > span {
        grid-column: 2;
    }
}
/* END MARKUZI-PHASE-11-COMMUNITY-EVENTS */


/* BEGIN MARKUZI-PHASE-12-2-TICKET-TAGS-LAST-EDITOR */
.admin-shell .support-ticket-overview-tags {
    display: flex;
    min-width: 125px;
    max-width: 260px;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.admin-shell .support-ticket-overview-tag,
.admin-shell .support-ticket-overview-tag-empty {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    border: 1px solid rgba(59, 220, 255, 0.28);
    border-radius: 999px;
    background: rgba(0, 132, 187, 0.11);
    color: #8ce7ff;
    font-size: 0.57rem;
    font-weight: 900;
    line-height: 1;
    padding: 0 8px;
    white-space: nowrap;
}

.admin-shell .support-ticket-overview-tag-empty {
    border-color: rgba(124, 148, 177, 0.2);
    background: rgba(72, 92, 118, 0.09);
    color: #7f97b1;
    font-weight: 750;
}

.admin-shell .support-ticket-overview-tag.support-ticket-tag-green,
.admin-shell .support-ticket-overview-tag.support-ticket-tag-mint {
    border-color: rgba(60, 228, 180, 0.32);
    background: rgba(17, 158, 117, 0.11);
    color: #7cebc9;
}

.admin-shell .support-ticket-overview-tag.support-ticket-tag-yellow,
.admin-shell .support-ticket-overview-tag.support-ticket-tag-gold,
.admin-shell .support-ticket-overview-tag.support-ticket-tag-orange {
    border-color: rgba(255, 211, 94, 0.32);
    background: rgba(199, 144, 0, 0.1);
    color: #ffda73;
}

.admin-shell .support-ticket-overview-tag.support-ticket-tag-red,
.admin-shell .support-ticket-overview-tag.support-ticket-tag-danger {
    border-color: rgba(255, 100, 123, 0.34);
    background: rgba(183, 37, 64, 0.12);
    color: #ff9cac;
}

.admin-shell .support-ticket-overview-tag.support-ticket-tag-purple,
.admin-shell .support-ticket-overview-tag.support-ticket-tag-violet {
    border-color: rgba(182, 140, 255, 0.34);
    background: rgba(108, 67, 191, 0.12);
    color: #c9adff;
}

.admin-shell .support-ticket-overview-tag.support-ticket-tag-gray,
.admin-shell .support-ticket-overview-tag.support-ticket-tag-neutral {
    border-color: rgba(124, 148, 177, 0.25);
    background: rgba(72, 92, 118, 0.11);
    color: #a9bacd;
}

.admin-shell .support-ticket-last-editor {
    display: flex;
    min-width: 145px;
    align-items: center;
    gap: 8px;
}

.admin-shell .support-ticket-last-editor > span {
    display: block;
    min-width: 0;
}

.admin-shell .support-ticket-last-editor strong {
    display: block;
    overflow: hidden;
    max-width: 145px;
    color: #edf6ff;
    font-size: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .support-ticket-last-editor small {
    display: block;
    margin-top: 4px;
    color: #7891ab;
    font-size: 0.54rem;
    white-space: nowrap;
}

.admin-shell .support-ticket-last-editor-empty {
    display: inline-flex;
    min-width: 125px;
    color: #7189a4;
    font-size: 0.57rem;
    line-height: 1.4;
}

.admin-shell .support-ticket-table {
    min-width: 1450px;
}

@media (max-width: 900px) {
    .admin-shell .support-ticket-overview-tags {
        min-width: 105px;
        max-width: 180px;
    }

    .admin-shell .support-ticket-last-editor {
        min-width: 130px;
    }
}
/* END MARKUZI-PHASE-12-2-TICKET-TAGS-LAST-EDITOR */


/* BEGIN MARKUZI-PHASE-13-CASINOS-CONTENT */
.admin-shell .mk-casino-workspace,
.admin-shell .mk-casino-form-page,
.admin-shell .mk-casino-archive-page {
    --mk-casino-cyan: #3bdcff;
    --mk-casino-mint: #3ce4b4;
    --mk-casino-gold: #ffd35e;
    --mk-casino-purple: #b68cff;
    --mk-casino-danger: #ff7890;
    --mk-casino-border: rgba(75, 205, 255, 0.2);
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 16px;
    margin: 0 auto;
}

.admin-shell .mk-casino-hero,
.admin-shell .mk-casino-form-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    border: 1px solid var(--mk-casino-border);
    border-radius: 21px;
    background:
        radial-gradient(circle at 84% 26%, rgba(0, 178, 255, 0.18), transparent 31%),
        radial-gradient(circle at 70% 18%, rgba(182, 140, 255, 0.08), transparent 25%),
        linear-gradient(135deg, rgba(7, 35, 65, 0.96), rgba(2, 13, 30, 0.97));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 24px 60px rgba(0, 0, 0, 0.2);
    padding: 28px 30px;
}

.admin-shell .mk-casino-hero.is-archive {
    background:
        radial-gradient(circle at 84% 24%, rgba(182, 140, 255, 0.12), transparent 30%),
        radial-gradient(circle at 72% 35%, rgba(0, 178, 255, 0.11), transparent 31%),
        linear-gradient(135deg, rgba(7, 35, 65, 0.95), rgba(2, 13, 30, 0.96));
}

.admin-shell .mk-casino-hero.is-trash {
    background:
        radial-gradient(circle at 84% 24%, rgba(255, 100, 123, 0.11), transparent 30%),
        radial-gradient(circle at 72% 35%, rgba(0, 178, 255, 0.11), transparent 31%),
        linear-gradient(135deg, rgba(7, 35, 65, 0.95), rgba(2, 13, 30, 0.96));
}

.admin-shell .mk-casino-hero h2,
.admin-shell .mk-casino-form-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.07;
}

.admin-shell .mk-casino-hero p,
.admin-shell .mk-casino-form-hero p {
    max-width: 760px;
    margin: 11px 0 0;
    color: #a8bdd4;
    font-size: 0.82rem;
    line-height: 1.65;
}

.admin-shell .mk-casino-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.admin-shell .mk-casino-primary,
.admin-shell .mk-casino-secondary {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(73, 226, 255, 0.64);
    border-radius: 10px;
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    color: #00101f;
    font-size: 0.68rem;
    font-weight: 900;
    text-decoration: none;
    padding: 0 14px;
    white-space: nowrap;
}

.admin-shell .mk-casino-secondary {
    border-color: rgba(59, 220, 255, 0.25);
    background: rgba(0, 132, 187, 0.1);
    color: #8ee7ff;
}

.admin-shell .mk-casino-secondary > span {
    display: inline-grid;
    min-width: 21px;
    height: 21px;
    place-items: center;
    border-radius: 999px;
    background: rgba(59, 220, 255, 0.12);
    font-size: 0.55rem;
}

.admin-shell .mk-casino-stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 13px;
}

.admin-shell .mk-casino-stats article {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 88px;
    border: 1px solid var(--mk-casino-border);
    border-radius: 15px;
    background:
        linear-gradient(145deg, rgba(7, 30, 56, 0.94), rgba(3, 15, 32, 0.96));
    padding: 15px;
}

.admin-shell .mk-casino-stats article > span {
    display: grid;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.3);
    border-radius: 50%;
    background: rgba(0, 138, 199, 0.1);
    color: var(--mk-casino-cyan);
    font-weight: 950;
}

.admin-shell .mk-casino-stats article.is-paused > span {
    border-color: rgba(182, 140, 255, 0.3);
    background: rgba(108, 67, 191, 0.09);
    color: #c7a8ff;
}

.admin-shell .mk-casino-stats article.is-warning > span {
    border-color: rgba(255, 211, 94, 0.3);
    background: rgba(199, 144, 0, 0.08);
    color: var(--mk-casino-gold);
}

.admin-shell .mk-casino-stats article.is-verified > span {
    border-color: rgba(60, 228, 180, 0.3);
    background: rgba(17, 158, 117, 0.09);
    color: var(--mk-casino-mint);
}

.admin-shell .mk-casino-stats strong {
    display: block;
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
}

.admin-shell .mk-casino-stats small {
    display: block;
    margin-top: 6px;
    color: #8ca4bd;
    font-size: 0.62rem;
}

.admin-shell .mk-casino-filters {
    display: grid;
    grid-template-columns: minmax(250px, 1.35fr) repeat(6, minmax(145px, 0.65fr));
    gap: 10px;
    border: 1px solid var(--mk-casino-border);
    border-radius: 15px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
    padding: 15px;
}

.admin-shell .mk-casino-filters label,
.admin-shell .mk-casino-form label,
.admin-shell .mk-casino-archive-filter label {
    display: grid;
    align-content: start;
    gap: 7px;
}

.admin-shell .mk-casino-filters label > span,
.admin-shell .mk-casino-form label > span,
.admin-shell .mk-casino-archive-filter label > span {
    color: #cbd9e8;
    font-size: 0.62rem;
    font-weight: 800;
}

.admin-shell .mk-casino-filters input,
.admin-shell .mk-casino-filters select,
.admin-shell .mk-casino-form input,
.admin-shell .mk-casino-form select,
.admin-shell .mk-casino-form textarea,
.admin-shell .mk-casino-archive-filter input {
    width: 100%;
    min-height: 40px;
    border: 1px solid rgba(75, 205, 255, 0.2);
    border-radius: 10px;
    outline: 0;
    background: rgba(2, 15, 32, 0.86);
    color: #f4f8ff;
    font: inherit;
    font-size: 0.65rem;
    padding: 0 10px;
}

.admin-shell .mk-casino-form textarea {
    padding: 11px;
    resize: vertical;
}

.admin-shell .mk-casino-filter-actions {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    gap: 7px;
}

.admin-shell .mk-casino-filter-actions button,
.admin-shell .mk-casino-filter-actions a,
.admin-shell .mk-casino-archive-filter button,
.admin-shell .mk-casino-archive-filter a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(59, 220, 255, 0.22);
    border-radius: 9px;
    background: rgba(0, 132, 187, 0.09);
    color: #86e5ff;
    font-size: 0.61rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
    padding: 0 10px;
}

.admin-shell .mk-casino-view-toggle {
    margin-left: auto;
}

.admin-shell .mk-casino-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.admin-shell .mk-casino-card {
    display: grid;
    align-content: start;
    gap: 14px;
    min-width: 0;
    border: 1px solid rgba(70, 191, 240, 0.19);
    border-radius: 17px;
    background:
        radial-gradient(circle at 90% 5%, rgba(24, 140, 255, 0.1), transparent 32%),
        linear-gradient(145deg, rgba(6, 29, 54, 0.94), rgba(3, 15, 31, 0.97));
    padding: 17px;
}

.admin-shell .mk-casino-card > header,
.admin-shell .mk-casino-card > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
}

.admin-shell .mk-casino-card-identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.admin-shell .mk-casino-card-identity > img,
.admin-shell .mk-casino-card-identity > span,
.admin-shell .mk-dashboard-casino-list img,
.admin-shell .mk-dashboard-casino-list > a > span {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    object-fit: contain;
    border: 1px solid rgba(59, 220, 255, 0.25);
    border-radius: 12px;
    background: rgba(0, 132, 187, 0.08);
    color: #7ee4ff;
    font-size: 0.9rem;
    font-weight: 950;
    padding: 5px;
}

.admin-shell .mk-casino-card-identity > div {
    min-width: 0;
}

.admin-shell .mk-casino-card-identity > div > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.admin-shell .mk-casino-card-identity h3 {
    overflow: hidden;
    margin: 0;
    color: #fff;
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .mk-casino-card-identity small {
    display: block;
    overflow: hidden;
    margin-top: 5px;
    color: #7891ab;
    font-size: 0.55rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .mk-casino-verified {
    display: inline-flex;
    min-height: 21px;
    align-items: center;
    border: 1px solid rgba(60, 228, 180, 0.26);
    border-radius: 999px;
    background: rgba(17, 158, 117, 0.09);
    color: #75e8c5;
    font-size: 0.5rem;
    font-weight: 900;
    padding: 0 6px;
}

.admin-shell .mk-casino-status {
    display: inline-flex;
    min-height: 23px;
    align-items: center;
    border: 1px solid rgba(124, 148, 177, 0.2);
    border-radius: 999px;
    background: rgba(72, 92, 118, 0.09);
    color: #9db0c7;
    font-size: 0.54rem;
    font-weight: 850;
    padding: 0 7px;
    white-space: nowrap;
}

.admin-shell .mk-casino-status.is-published {
    border-color: rgba(60, 228, 180, 0.26);
    background: rgba(17, 158, 117, 0.09);
    color: #75e8c5;
}

.admin-shell .mk-casino-status.is-paused {
    border-color: rgba(182, 140, 255, 0.28);
    background: rgba(108, 67, 191, 0.1);
    color: #c6a7ff;
}

.admin-shell .mk-casino-offer {
    position: relative;
    display: grid;
    gap: 5px;
    min-height: 92px;
    border: 1px solid rgba(75, 170, 215, 0.13);
    border-radius: 11px;
    background: rgba(1, 12, 26, 0.34);
    padding: 12px;
}

.admin-shell .mk-casino-offer > span,
.admin-shell .mk-casino-health span,
.admin-shell .mk-casino-meta-columns section > span {
    color: #718ba7;
    font-size: 0.52rem;
    font-weight: 850;
    text-transform: uppercase;
}

.admin-shell .mk-casino-offer strong {
    color: #eaf5ff;
    font-size: 0.73rem;
    line-height: 1.4;
}

.admin-shell .mk-casino-offer small {
    color: #87a0ba;
    font-size: 0.6rem;
}

.admin-shell .mk-casino-offer code {
    position: absolute;
    right: 9px;
    bottom: 9px;
    border: 1px solid rgba(255, 211, 94, 0.24);
    border-radius: 7px;
    background: rgba(199, 144, 0, 0.08);
    color: #ffd970;
    font-size: 0.56rem;
    font-weight: 900;
    padding: 5px 7px;
}

.admin-shell .mk-casino-health > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.admin-shell .mk-casino-health strong {
    color: #d6e8f7;
    font-size: 0.61rem;
}

.admin-shell .mk-casino-health > i {
    display: block;
    overflow: hidden;
    height: 6px;
    margin: 7px 0;
    border-radius: 999px;
    background: rgba(61, 88, 116, 0.25);
}

.admin-shell .mk-casino-health > i > b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #168cff, #3bdcff);
}

.admin-shell .mk-casino-health > small {
    display: block;
    overflow: hidden;
    color: #d3aa58;
    font-size: 0.55rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .mk-casino-health > small.is-complete {
    color: #72e5c2;
}

.admin-shell .mk-casino-meta-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

.admin-shell .mk-casino-meta-columns section {
    min-width: 0;
}

.admin-shell .mk-casino-meta-columns section > div,
.admin-shell .mk-casino-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 7px;
}

.admin-shell .mk-casino-meta-columns b,
.admin-shell .mk-casino-tags span {
    display: inline-flex;
    min-height: 21px;
    align-items: center;
    border: 1px solid rgba(59, 220, 255, 0.18);
    border-radius: 999px;
    background: rgba(0, 132, 187, 0.07);
    color: #7ee3ff;
    font-size: 0.5rem;
    font-weight: 800;
    padding: 0 6px;
}

.admin-shell .mk-casino-meta-columns em,
.admin-shell .mk-casino-tags em {
    color: #7189a4;
    font-size: 0.56rem;
    font-style: normal;
}

.admin-shell .mk-casino-tags {
    min-height: 22px;
    margin-top: 0;
}

.admin-shell .mk-casino-tags span {
    border-color: rgba(182, 140, 255, 0.21);
    background: rgba(108, 67, 191, 0.08);
    color: #c4a5ff;
}

.admin-shell .mk-casino-card > footer {
    border-top: 1px solid rgba(75, 170, 215, 0.11);
    padding-top: 12px;
}

.admin-shell .mk-casino-updated {
    display: flex;
    align-items: center;
    gap: 8px;
}

.admin-shell .mk-casino-updated strong {
    display: block;
    color: #dce9f6;
    font-size: 0.59rem;
}

.admin-shell .mk-casino-updated small {
    display: block;
    margin-top: 3px;
    color: #718aa5;
    font-size: 0.51rem;
}

.admin-shell .mk-casino-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.admin-shell .mk-casino-actions form {
    margin: 0;
}

.admin-shell .mk-casino-actions > a,
.admin-shell .mk-casino-actions > form button,
.admin-shell .mk-casino-actions details summary {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(59, 220, 255, 0.2);
    border-radius: 8px;
    background: rgba(0, 132, 187, 0.08);
    color: #82e5ff;
    font-size: 0.56rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
    padding: 0 8px;
}

.admin-shell .mk-casino-actions .is-publish {
    border-color: rgba(60, 228, 180, 0.26);
    background: rgba(17, 158, 117, 0.09);
    color: #75e8c5;
}

.admin-shell .mk-casino-actions .is-pause {
    border-color: rgba(182, 140, 255, 0.26);
    background: rgba(108, 67, 191, 0.09);
    color: #c6a7ff;
}

.admin-shell .mk-casino-actions details {
    position: relative;
}

.admin-shell .mk-casino-actions details summary {
    width: 31px;
    list-style: none;
    padding: 0;
}

.admin-shell .mk-casino-actions details > div {
    position: absolute;
    z-index: 25;
    right: 0;
    bottom: 38px;
    display: grid;
    min-width: 145px;
    gap: 5px;
    border: 1px solid rgba(59, 220, 255, 0.23);
    border-radius: 10px;
    background: #061a31;
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.35);
    padding: 7px;
}

.admin-shell .mk-casino-actions details button {
    width: 100%;
    min-height: 31px;
    border: 0;
    border-radius: 7px;
    background: rgba(0, 132, 187, 0.09);
    color: #8ae5ff;
    font-size: 0.57rem;
    font-weight: 850;
    cursor: pointer;
    text-align: left;
    padding: 0 9px;
}

.admin-shell .mk-casino-actions details button.is-danger {
    background: rgba(183, 37, 64, 0.11);
    color: #ff91a2;
}

.admin-shell .mk-casino-empty {
    display: grid;
    grid-column: 1 / -1;
    justify-items: center;
    gap: 7px;
    border: 1px dashed rgba(75, 205, 255, 0.22);
    border-radius: 14px;
    color: #8198b1;
    padding: 32px 18px;
    text-align: center;
}

.admin-shell .mk-casino-empty > span {
    color: #75e2ff;
    font-size: 1.25rem;
}

.admin-shell .mk-casino-empty strong {
    color: #eef6ff;
    font-size: 0.75rem;
}

.admin-shell .mk-casino-empty p {
    margin: 0;
    font-size: 0.63rem;
}

.admin-shell .mk-casino-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #8299b2;
    font-size: 0.62rem;
}

.admin-shell .mk-casino-pagination a {
    color: #83e5ff;
    text-decoration: none;
}

/* Compact mode */
.admin-shell .mk-casino-card-grid.is-compact {
    grid-template-columns: 1fr;
}

.admin-shell .mk-casino-card-grid.is-compact .mk-casino-card {
    grid-template-columns: minmax(220px, 0.8fr) minmax(240px, 1fr) minmax(180px, 0.7fr) minmax(220px, 0.9fr);
    align-items: center;
    gap: 12px;
}

.admin-shell .mk-casino-card-grid.is-compact .mk-casino-card > header {
    align-items: flex-start;
}

.admin-shell .mk-casino-card-grid.is-compact .mk-casino-meta-columns,
.admin-shell .mk-casino-card-grid.is-compact .mk-casino-tags {
    display: none;
}

.admin-shell .mk-casino-card-grid.is-compact .mk-casino-offer {
    min-height: 75px;
}

.admin-shell .mk-casino-card-grid.is-compact .mk-casino-card > footer {
    border-top: 0;
    padding-top: 0;
}

/* Form */
.admin-shell .mk-casino-form-hero > div:first-child > a {
    display: inline-flex;
    margin-bottom: 12px;
    color: #7bdff8;
    font-size: 0.64rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-casino-form-summary {
    display: grid;
    flex: 0 0 255px;
    min-height: 106px;
    align-content: center;
    border: 1px solid rgba(75, 205, 255, 0.25);
    border-radius: 15px;
    background: rgba(4, 29, 55, 0.78);
    padding: 17px 19px;
}

.admin-shell .mk-casino-form-summary span,
.admin-shell .mk-casino-form-summary small {
    color: #819ab6;
    font-size: 0.63rem;
}

.admin-shell .mk-casino-form-summary strong {
    margin: 5px 0;
    color: #fff;
    font-size: 1rem;
}

.admin-shell .mk-casino-errors {
    border: 1px solid rgba(255, 100, 123, 0.26);
    border-radius: 11px;
    background: rgba(183, 37, 64, 0.1);
    color: #ffb2be;
    font-size: 0.68rem;
    padding: 12px 14px;
}

.admin-shell .mk-casino-errors ul {
    margin: 7px 0 0;
    padding-left: 18px;
}

.admin-shell .mk-casino-form {
    display: grid;
    gap: 14px;
}

.admin-shell .mk-casino-form-card {
    overflow: hidden;
    border: 1px solid var(--mk-casino-border);
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
}

.admin-shell .mk-casino-form-card > header {
    border-bottom: 1px solid rgba(74, 166, 211, 0.14);
    padding: 15px 18px;
}

.admin-shell .mk-casino-form-card h3 {
    margin: 0;
    color: #f8fbff;
    font-size: 0.95rem;
}

.admin-shell .mk-casino-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    padding: 18px;
}

.admin-shell .mk-casino-form-grid .is-wide {
    grid-column: 1 / -1;
}

.admin-shell .mk-casino-switch {
    display: flex !important;
    align-items: center;
    align-self: end;
    gap: 9px !important;
    min-height: 40px;
    cursor: pointer;
}

.admin-shell .mk-casino-switch input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.admin-shell .mk-casino-switch > span {
    position: relative;
    display: block;
    width: 39px;
    height: 22px;
    border: 1px solid rgba(75, 205, 255, 0.25);
    border-radius: 999px;
    background: rgba(45, 67, 91, 0.5);
}

.admin-shell .mk-casino-switch > span::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #88a0b8;
    content: "";
    transition: transform 150ms ease;
}

.admin-shell .mk-casino-switch input:checked + span {
    background: rgba(17, 158, 117, 0.25);
}

.admin-shell .mk-casino-switch input:checked + span::after {
    background: #3ce4b4;
    transform: translateX(17px);
}

.admin-shell .mk-casino-switch strong {
    color: #dce8f5;
    font-size: 0.65rem;
}

.admin-shell .mk-casino-media-grid {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    padding: 18px;
}

.admin-shell .mk-casino-logo-preview {
    display: grid;
    width: 140px;
    height: 105px;
    place-items: center;
    border: 1px dashed rgba(59, 220, 255, 0.3);
    border-radius: 14px;
    background: rgba(0, 132, 187, 0.07);
}

.admin-shell .mk-casino-logo-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 12px;
}

.admin-shell .mk-casino-logo-preview span {
    color: #7ee4ff;
    font-size: 1.5rem;
    font-weight: 950;
}

.admin-shell .mk-casino-media-grid small {
    display: block;
    margin-top: 8px;
    color: #7891ab;
    font-size: 0.57rem;
}

.admin-shell .mk-casino-remove-logo {
    display: flex !important;
    align-items: center;
    gap: 7px !important;
    margin-top: 12px;
    color: #ff9cac;
    font-size: 0.61rem;
}

.admin-shell .mk-casino-remove-logo input {
    width: auto;
    min-height: auto;
}

.admin-shell .mk-casino-relation-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
    padding: 18px;
}

.admin-shell .mk-casino-relation-grid > section {
    overflow: hidden;
    border: 1px solid rgba(75, 170, 215, 0.14);
    border-radius: 12px;
    background: rgba(1, 12, 26, 0.28);
}

.admin-shell .mk-casino-relation-grid > section > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid rgba(75, 170, 215, 0.12);
    padding: 11px 12px;
}

.admin-shell .mk-casino-relation-grid header strong {
    color: #edf5ff;
    font-size: 0.68rem;
}

.admin-shell .mk-casino-relation-grid header small {
    color: #7891ab;
    font-size: 0.54rem;
}

.admin-shell .mk-casino-relation-grid > section > div {
    display: grid;
    max-height: 260px;
    overflow-y: auto;
    padding: 8px;
}

.admin-shell .mk-casino-relation-grid label {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px !important;
    min-height: 35px;
    border-radius: 8px;
    cursor: pointer;
    padding: 5px 7px;
}

.admin-shell .mk-casino-relation-grid label:hover {
    background: rgba(0, 132, 187, 0.08);
}

.admin-shell .mk-casino-relation-grid input {
    width: auto;
    min-height: auto;
}

.admin-shell .mk-casino-relation-grid label span {
    color: #cbd9e8;
    font-size: 0.61rem;
}

.admin-shell .mk-casino-relation-grid label em {
    color: #ffd970;
    font-size: 0.49rem;
    font-style: normal;
}

.admin-shell .mk-casino-relation-grid p {
    margin: 0;
    color: #7891ab;
    font-size: 0.61rem;
    padding: 13px;
}

.admin-shell .mk-casino-content-check {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    border: 1px solid rgba(60, 228, 180, 0.22);
    border-radius: 13px;
    background: rgba(17, 158, 117, 0.07);
    padding: 13px 15px;
}

.admin-shell .mk-casino-content-check > span {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(60, 228, 180, 0.28);
    border-radius: 10px;
    color: #75e8c5;
    font-weight: 950;
}

.admin-shell .mk-casino-content-check strong {
    color: #dffff5;
    font-size: 0.7rem;
}

.admin-shell .mk-casino-content-check p {
    margin: 5px 0 0;
    color: #83a99d;
    font-size: 0.62rem;
    line-height: 1.48;
}

.admin-shell .mk-casino-form-actions {
    position: sticky;
    z-index: 15;
    bottom: 14px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    border: 1px solid rgba(59, 220, 255, 0.3);
    border-radius: 14px;
    background: rgba(3, 18, 37, 0.93);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(14px);
    padding: 12px;
}

.admin-shell .mk-casino-form-actions a,
.admin-shell .mk-casino-form-actions button {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(75, 205, 255, 0.21);
    border-radius: 9px;
    background: rgba(0, 132, 187, 0.08);
    color: #8ce6ff;
    font-size: 0.63rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
    padding: 0 12px;
}

.admin-shell .mk-casino-form-actions button {
    border-color: rgba(73, 226, 255, 0.62);
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    color: #00101f;
}

/* Archive and trash */
.admin-shell .mk-casino-archive-filter {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    align-items: end;
    gap: 11px;
    border: 1px solid var(--mk-casino-border);
    border-radius: 15px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
    padding: 15px;
}

.admin-shell .mk-casino-archive-filter > div {
    display: flex;
    gap: 7px;
}

.admin-shell .mk-casino-archive-list {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--mk-casino-border);
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
}

.admin-shell .mk-casino-archive-list > article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.11);
    padding: 14px 17px;
}

.admin-shell .mk-casino-archive-list > article:last-child {
    border-bottom: 0;
}

.admin-shell .mk-casino-archive-list h3 {
    margin: 0;
    color: #fff;
    font-size: 0.78rem;
}

.admin-shell .mk-casino-archive-list > article > div:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.admin-shell .mk-casino-restore,
.admin-shell .mk-casino-delete {
    min-height: 34px;
    border: 1px solid rgba(60, 228, 180, 0.27);
    border-radius: 8px;
    background: rgba(17, 158, 117, 0.09);
    color: #75e8c5;
    font-size: 0.59rem;
    font-weight: 850;
    cursor: pointer;
    padding: 0 10px;
}

.admin-shell .mk-casino-delete {
    border-color: rgba(255, 100, 123, 0.28);
    background: rgba(183, 37, 64, 0.1);
    color: #ff91a2;
}

/* Existing meta and tag screens */
.admin-shell .casino-meta-grid {
    gap: 15px;
}

.admin-shell .casino-meta-grid > .admin-table-card,
.admin-shell .casino-meta-form-card,
.admin-shell .casino-tag-table {
    border-color: rgba(75, 205, 255, 0.2);
}

.admin-shell .casino-meta-card-heading {
    border-bottom: 1px solid rgba(74, 166, 211, 0.14);
    padding: 15px 18px;
}

.admin-shell .casino-meta-chip,
.admin-shell .payment-method-chip,
.admin-shell .casino-tag-label {
    border-radius: 999px;
}

/* Dashboard */
.admin-shell .mk-dashboard-casino-brief {
    overflow: hidden;
    border: 1px solid rgba(75, 205, 255, 0.2);
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
}

.admin-shell .mk-dashboard-casino-brief > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.14);
    padding: 14px 17px;
}

.admin-shell .mk-dashboard-casino-brief h3 {
    margin: 0;
    color: #f7fbff;
    font-size: 0.94rem;
}

.admin-shell .mk-dashboard-casino-brief > header > a {
    color: #82e5ff;
    font-size: 0.61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-dashboard-casino-layout {
    display: grid;
    grid-template-columns: minmax(220px, 0.35fr) minmax(0, 1fr);
}

.admin-shell .mk-dashboard-casino-numbers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-right: 1px solid rgba(74, 166, 211, 0.1);
}

.admin-shell .mk-dashboard-casino-numbers article {
    border-right: 1px solid rgba(74, 166, 211, 0.1);
    border-bottom: 1px solid rgba(74, 166, 211, 0.1);
    padding: 13px 16px;
}

.admin-shell .mk-dashboard-casino-numbers strong {
    display: block;
    color: #fff;
    font-size: 1.08rem;
}

.admin-shell .mk-dashboard-casino-numbers small {
    display: block;
    margin-top: 4px;
    color: #7891ab;
    font-size: 0.56rem;
}

.admin-shell .mk-dashboard-casino-numbers .is-warning strong {
    color: #ffd970;
}

.admin-shell .mk-dashboard-casino-list {
    display: grid;
}

.admin-shell .mk-dashboard-casino-list > a {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.1);
    color: inherit;
    text-decoration: none;
    padding: 10px 14px;
}

.admin-shell .mk-dashboard-casino-list img,
.admin-shell .mk-dashboard-casino-list > a > span {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
}

.admin-shell .mk-dashboard-casino-list strong {
    display: block;
    color: #edf5ff;
    font-size: 0.65rem;
}

.admin-shell .mk-dashboard-casino-list small {
    display: block;
    overflow: hidden;
    max-width: 500px;
    margin-top: 4px;
    color: #7891ab;
    font-size: 0.54rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1280px) {
    .admin-shell .mk-casino-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .admin-shell .mk-casino-filters .is-search {
        grid-column: span 2;
    }

    .admin-shell .mk-casino-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-shell .mk-casino-card-grid.is-compact .mk-casino-card {
        grid-template-columns: minmax(210px, 0.8fr) minmax(220px, 1fr) minmax(180px, 0.7fr);
    }

    .admin-shell .mk-casino-card-grid.is-compact .mk-casino-card > footer {
        grid-column: 1 / -1;
    }
}

@media (max-width: 940px) {
    .admin-shell .mk-casino-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .admin-shell .mk-casino-relation-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-dashboard-casino-layout {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-dashboard-casino-numbers {
        border-right: 0;
        border-bottom: 1px solid rgba(74, 166, 211, 0.1);
    }
}

@media (max-width: 700px) {
    .admin-shell .mk-casino-hero,
    .admin-shell .mk-casino-form-hero {
        align-items: stretch;
        flex-direction: column;
        padding: 22px;
    }

    .admin-shell .mk-casino-hero-actions,
    .admin-shell .mk-casino-hero-actions a {
        width: 100%;
    }

    .admin-shell .mk-casino-stats,
    .admin-shell .mk-casino-filters,
    .admin-shell .mk-casino-card-grid,
    .admin-shell .mk-casino-form-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-casino-filters .is-search,
    .admin-shell .mk-casino-form-grid .is-wide {
        grid-column: auto;
    }

    .admin-shell .mk-casino-filter-actions,
    .admin-shell .mk-casino-filter-actions button,
    .admin-shell .mk-casino-filter-actions a,
    .admin-shell .mk-casino-archive-filter,
    .admin-shell .mk-casino-archive-filter > div,
    .admin-shell .mk-casino-archive-filter button,
    .admin-shell .mk-casino-archive-filter a,
    .admin-shell .mk-casino-form-actions,
    .admin-shell .mk-casino-form-actions a,
    .admin-shell .mk-casino-form-actions button {
        width: 100%;
    }

    .admin-shell .mk-casino-view-toggle {
        margin-left: 0;
    }

    .admin-shell .mk-casino-card-grid.is-compact .mk-casino-card {
        display: grid;
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-casino-media-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-casino-archive-list > article,
    .admin-shell .mk-casino-card > footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-shell .mk-casino-actions {
        justify-content: flex-start;
    }
}
/* END MARKUZI-PHASE-13-CASINOS-CONTENT */


/* BEGIN MARKUZI-PHASE-13-1-SORTING-META-DELETE */
.admin-shell .mk-casino-card-order {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 7px;
}

.admin-shell .mk-casino-card-order > small {
    margin-top: 0;
}

.admin-shell .mk-casino-position-badge,
.admin-shell .mk-casino-sort-badge {
    display: inline-flex;
    min-height: 27px;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(255, 211, 94, 0.34);
    border-radius: 8px;
    background:
        linear-gradient(
            135deg,
            rgba(199, 144, 0, 0.15),
            rgba(110, 73, 0, 0.08)
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 0 16px rgba(255, 195, 53, 0.05);
    color: #ffdc77;
    padding: 0 8px;
    white-space: nowrap;
}

.admin-shell .mk-casino-position-badge b,
.admin-shell .mk-casino-sort-badge b {
    color: #fff2b3;
    font-size: 0.66rem;
    font-weight: 950;
}

.admin-shell .mk-casino-position-badge em,
.admin-shell .mk-casino-sort-badge small {
    color: #d8b65f;
    font-size: 0.49rem;
    font-style: normal;
    font-weight: 850;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.admin-shell .mk-casino-sort-badge {
    min-width: 82px;
    justify-content: center;
}

.admin-shell .casino-meta-grid .table-action-delete,
.admin-shell .casino-tag-table .table-action-delete {
    box-shadow: inset 0 0 0 1px rgba(255, 120, 144, 0.02);
}

.admin-shell .casino-meta-grid .role-pill,
.admin-shell .casino-tag-table .role-pill {
    min-width: 29px;
    justify-content: center;
}

@media (max-width: 700px) {
    .admin-shell .mk-casino-card-order {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* END MARKUZI-PHASE-13-1-SORTING-META-DELETE */


/* BEGIN MARKUZI-PHASE-14-NEWS-MANAGEMENT */
.admin-shell .mk-news-workspace,
.admin-shell .mk-news-form-page,
.admin-shell .mk-news-trash-page,
.admin-shell .mk-news-hub {
    --mk-news-cyan: #3bdcff;
    --mk-news-mint: #3ce4b4;
    --mk-news-gold: #ffd35e;
    --mk-news-purple: #b68cff;
    --mk-news-danger: #ff7890;
    --mk-news-border: rgba(75, 205, 255, 0.2);
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 16px;
    margin: 0 auto;
}

.admin-shell .mk-news-hero,
.admin-shell .mk-news-form-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    border: 1px solid var(--mk-news-border);
    border-radius: 21px;
    background:
        radial-gradient(circle at 84% 26%, rgba(0, 178, 255, 0.18), transparent 31%),
        radial-gradient(circle at 70% 18%, rgba(182, 140, 255, 0.08), transparent 25%),
        linear-gradient(135deg, rgba(7, 35, 65, 0.96), rgba(2, 13, 30, 0.97));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 24px 60px rgba(0, 0, 0, 0.2);
    padding: 28px 30px;
}

.admin-shell .mk-news-hero.is-trash {
    background:
        radial-gradient(circle at 84% 24%, rgba(255, 100, 123, 0.11), transparent 30%),
        radial-gradient(circle at 72% 35%, rgba(0, 178, 255, 0.11), transparent 31%),
        linear-gradient(135deg, rgba(7, 35, 65, 0.95), rgba(2, 13, 30, 0.96));
}

.admin-shell .mk-news-hero h2,
.admin-shell .mk-news-form-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.07;
}

.admin-shell .mk-news-hero p,
.admin-shell .mk-news-form-hero p {
    max-width: 760px;
    margin: 11px 0 0;
    color: #a8bdd4;
    font-size: 0.82rem;
    line-height: 1.65;
}

.admin-shell .mk-news-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.admin-shell .mk-news-primary,
.admin-shell .mk-news-secondary {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(73, 226, 255, 0.64);
    border-radius: 10px;
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    color: #00101f;
    font-size: 0.68rem;
    font-weight: 900;
    text-decoration: none;
    padding: 0 14px;
    white-space: nowrap;
}

.admin-shell .mk-news-secondary {
    border-color: rgba(59, 220, 255, 0.25);
    background: rgba(0, 132, 187, 0.1);
    color: #8ee7ff;
}

.admin-shell .mk-news-secondary > span {
    display: inline-grid;
    min-width: 21px;
    height: 21px;
    place-items: center;
    border-radius: 999px;
    background: rgba(59, 220, 255, 0.12);
    font-size: 0.55rem;
}

.admin-shell .mk-news-stat-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 13px;
}

.admin-shell .mk-news-stat-grid article {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 88px;
    border: 1px solid var(--mk-news-border);
    border-radius: 15px;
    background:
        linear-gradient(145deg, rgba(7, 30, 56, 0.94), rgba(3, 15, 32, 0.96));
    padding: 15px;
}

.admin-shell .mk-news-stat-grid article > span {
    display: grid;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, 0.3);
    border-radius: 50%;
    background: rgba(0, 138, 199, 0.1);
    color: var(--mk-news-cyan);
    font-weight: 950;
}

.admin-shell .mk-news-stat-grid article.is-review > span,
.admin-shell .mk-news-stat-grid article.is-rejected > span {
    border-color: rgba(255, 211, 94, 0.3);
    background: rgba(199, 144, 0, 0.08);
    color: var(--mk-news-gold);
}

.admin-shell .mk-news-stat-grid article.is-scheduled > span {
    border-color: rgba(182, 140, 255, 0.3);
    background: rgba(108, 67, 191, 0.09);
    color: #c7a8ff;
}

.admin-shell .mk-news-stat-grid article.is-published > span {
    border-color: rgba(60, 228, 180, 0.3);
    background: rgba(17, 158, 117, 0.09);
    color: var(--mk-news-mint);
}

.admin-shell .mk-news-stat-grid strong {
    display: block;
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
}

.admin-shell .mk-news-stat-grid small {
    display: block;
    margin-top: 6px;
    color: #8ca4bd;
    font-size: 0.62rem;
}

.admin-shell .mk-news-filters,
.admin-shell .mk-news-trash-filter {
    display: grid;
    grid-template-columns: minmax(260px, 1.3fr) repeat(3, minmax(160px, 0.65fr)) auto;
    align-items: end;
    gap: 10px;
    border: 1px solid var(--mk-news-border);
    border-radius: 15px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
    padding: 15px;
}

.admin-shell .mk-news-filters label,
.admin-shell .mk-news-trash-filter label,
.admin-shell .mk-news-editor-grid label,
.admin-shell .mk-news-workflow-panel label {
    display: grid;
    align-content: start;
    gap: 7px;
}

.admin-shell .mk-news-filters label > span,
.admin-shell .mk-news-trash-filter label > span,
.admin-shell .mk-news-editor-grid label > span,
.admin-shell .mk-news-workflow-panel label > span {
    color: #cbd9e8;
    font-size: 0.62rem;
    font-weight: 800;
}

.admin-shell .mk-news-filters input,
.admin-shell .mk-news-filters select,
.admin-shell .mk-news-trash-filter input,
.admin-shell .mk-news-editor-grid input,
.admin-shell .mk-news-editor-grid select,
.admin-shell .mk-news-editor-grid textarea,
.admin-shell .mk-news-workflow-panel input,
.admin-shell .mk-news-workflow-panel textarea {
    width: 100%;
    min-height: 40px;
    border: 1px solid rgba(75, 205, 255, 0.2);
    border-radius: 10px;
    outline: 0;
    background: rgba(2, 15, 32, 0.86);
    color: #f4f8ff;
    font: inherit;
    font-size: 0.65rem;
    padding: 0 10px;
}

.admin-shell .mk-news-editor-grid textarea,
.admin-shell .mk-news-workflow-panel textarea {
    padding: 11px;
    resize: vertical;
}

.admin-shell .mk-news-filters > div,
.admin-shell .mk-news-trash-filter > div {
    display: flex;
    gap: 7px;
}

.admin-shell .mk-news-filters button,
.admin-shell .mk-news-filters a,
.admin-shell .mk-news-trash-filter button,
.admin-shell .mk-news-trash-filter a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(59, 220, 255, 0.22);
    border-radius: 9px;
    background: rgba(0, 132, 187, 0.09);
    color: #86e5ff;
    font-size: 0.61rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
    padding: 0 10px;
}

.admin-shell .mk-news-list-panel,
.admin-shell .mk-news-editor-card,
.admin-shell .mk-news-workflow-panel,
.admin-shell .mk-news-trash-list,
.admin-shell .mk-dashboard-news-brief {
    overflow: hidden;
    border: 1px solid var(--mk-news-border);
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
}

.admin-shell .mk-news-list-panel > header,
.admin-shell .mk-news-workflow-panel > header,
.admin-shell .mk-dashboard-news-brief > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.14);
    padding: 14px 17px;
}

.admin-shell .mk-news-list-panel h3,
.admin-shell .mk-news-workflow-panel h3,
.admin-shell .mk-dashboard-news-brief h3 {
    margin: 0;
    color: #f7fbff;
    font-size: 0.94rem;
}

.admin-shell .mk-news-list-panel > header > span {
    color: #7891ab;
    font-size: 0.59rem;
}

.admin-shell .mk-news-management-list {
    display: grid;
}

.admin-shell .mk-news-management-list > article {
    display: grid;
    grid-template-columns: auto minmax(300px, 1.35fr) minmax(165px, 0.6fr) minmax(140px, 0.55fr) auto;
    align-items: center;
    gap: 13px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.1);
    padding: 14px 16px;
}

.admin-shell .mk-news-management-list > article:last-child {
    border-bottom: 0;
}

.admin-shell .mk-news-list-image,
.admin-shell .mk-news-trash-image {
    display: grid;
    flex: 0 0 76px;
    width: 76px;
    height: 58px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(59, 220, 255, 0.2);
    border-radius: 11px;
    background: rgba(0, 132, 187, 0.08);
    color: #83e5ff;
    font-size: 1rem;
    font-weight: 950;
}

.admin-shell .mk-news-list-image img,
.admin-shell .mk-news-trash-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-shell .mk-news-list-main {
    min-width: 0;
}

.admin-shell .mk-news-list-main > div:first-child {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.admin-shell .mk-news-list-main h3 {
    margin: 8px 0 0;
    color: #edf5ff;
    font-size: 0.78rem;
}

.admin-shell .mk-news-list-main p {
    display: -webkit-box;
    overflow: hidden;
    margin: 7px 0 0;
    color: #8198b1;
    font-size: 0.61rem;
    line-height: 1.48;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.admin-shell .mk-news-status,
.admin-shell .mk-news-category,
.admin-shell .mk-news-bypass-badge {
    display: inline-flex;
    min-height: 23px;
    align-items: center;
    border: 1px solid rgba(124, 148, 177, 0.2);
    border-radius: 999px;
    background: rgba(72, 92, 118, 0.09);
    color: #9db0c7;
    font-size: 0.52rem;
    font-weight: 850;
    padding: 0 7px;
    white-space: nowrap;
}

.admin-shell .mk-news-status.is-published {
    border-color: rgba(60, 228, 180, 0.26);
    background: rgba(17, 158, 117, 0.09);
    color: #75e8c5;
}

.admin-shell .mk-news-status.is-pending_review,
.admin-shell .mk-news-status.is-rejected {
    border-color: rgba(255, 211, 94, 0.26);
    background: rgba(199, 144, 0, 0.08);
    color: #ffd970;
}

.admin-shell .mk-news-status.is-scheduled {
    border-color: rgba(182, 140, 255, 0.28);
    background: rgba(108, 67, 191, 0.1);
    color: #c6a7ff;
}

.admin-shell .mk-news-category {
    border-color: rgba(59, 220, 255, 0.22);
    background: rgba(0, 132, 187, 0.08);
    color: #82e5ff;
}

.admin-shell .mk-news-bypass-badge {
    border-color: rgba(255, 211, 94, 0.3);
    background: rgba(199, 144, 0, 0.1);
    color: #ffda73;
}

.admin-shell .mk-news-review-note {
    margin-top: 8px;
    border-left: 2px solid rgba(255, 211, 94, 0.48);
    color: #c9a857;
    font-size: 0.58rem;
    padding-left: 8px;
}

.admin-shell .mk-news-list-author {
    display: flex;
    align-items: center;
    gap: 8px;
}

.admin-shell .mk-news-list-author strong,
.admin-shell .mk-news-list-time strong {
    display: block;
    color: #dce9f6;
    font-size: 0.6rem;
}

.admin-shell .mk-news-list-author small,
.admin-shell .mk-news-list-time span {
    display: block;
    margin-top: 4px;
    color: #718aa5;
    font-size: 0.52rem;
}

.admin-shell .mk-news-list-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.admin-shell .mk-news-list-actions form {
    margin: 0;
}

.admin-shell .mk-news-list-actions > a,
.admin-shell .mk-news-list-actions > form button,
.admin-shell .mk-news-list-actions details summary {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(59, 220, 255, 0.2);
    border-radius: 8px;
    background: rgba(0, 132, 187, 0.08);
    color: #82e5ff;
    font-size: 0.56rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
    padding: 0 8px;
}

.admin-shell .mk-news-list-actions .is-publish {
    border-color: rgba(60, 228, 180, 0.26);
    background: rgba(17, 158, 117, 0.09);
    color: #75e8c5;
}

.admin-shell .mk-news-list-actions details {
    position: relative;
}

.admin-shell .mk-news-list-actions details summary {
    width: 31px;
    list-style: none;
    padding: 0;
}

.admin-shell .mk-news-list-actions details > div {
    position: absolute;
    z-index: 25;
    right: 0;
    bottom: 38px;
    display: grid;
    min-width: 145px;
    gap: 5px;
    border: 1px solid rgba(59, 220, 255, 0.23);
    border-radius: 10px;
    background: #061a31;
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.35);
    padding: 7px;
}

.admin-shell .mk-news-list-actions details button {
    width: 100%;
    min-height: 31px;
    border: 0;
    border-radius: 7px;
    background: rgba(0, 132, 187, 0.09);
    color: #8ae5ff;
    font-size: 0.57rem;
    font-weight: 850;
    cursor: pointer;
    text-align: left;
    padding: 0 9px;
}

.admin-shell .mk-news-list-actions details button.is-danger {
    background: rgba(183, 37, 64, 0.11);
    color: #ff91a2;
}

.admin-shell .mk-news-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid rgba(74, 166, 211, 0.11);
    color: #8299b2;
    font-size: 0.62rem;
    padding: 13px 16px;
}

.admin-shell .mk-news-pagination a {
    color: #83e5ff;
    text-decoration: none;
}

.admin-shell .mk-news-empty {
    display: grid;
    justify-items: center;
    gap: 7px;
    color: #8198b1;
    font-size: 0.65rem;
    padding: 28px 18px;
    text-align: center;
}

.admin-shell .mk-news-empty > span {
    color: #75e2ff;
    font-size: 1.25rem;
}

.admin-shell .mk-news-empty strong {
    color: #eef6ff;
    font-size: 0.75rem;
}

.admin-shell .mk-news-empty p {
    margin: 0;
}

/* News hub */
.admin-shell .mk-news-hub-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.admin-shell .mk-news-hub-grid > article {
    overflow: hidden;
    border: 1px solid var(--mk-news-border);
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(6, 27, 51, 0.94), rgba(2, 14, 30, 0.96));
}

.admin-shell .mk-news-hub-image {
    display: grid;
    width: 100%;
    height: 155px;
    place-items: center;
    overflow: hidden;
    background: rgba(0, 132, 187, 0.08);
    color: #82e5ff;
    font-size: 1.4rem;
    font-weight: 950;
    text-decoration: none;
}

.admin-shell .mk-news-hub-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-shell .mk-news-hub-grid > article > div {
    padding: 15px;
}

.admin-shell .mk-news-hub-meta,
.admin-shell .mk-news-hub-grid footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.admin-shell .mk-news-hub-meta span,
.admin-shell .mk-news-hub-meta time {
    color: #7fdff8;
    font-size: 0.54rem;
    font-weight: 850;
}

.admin-shell .mk-news-hub-grid h3 {
    margin: 10px 0 0;
    color: #fff;
    font-size: 0.82rem;
}

.admin-shell .mk-news-hub-grid p {
    margin: 8px 0 13px;
    color: #8198b1;
    font-size: 0.61rem;
    line-height: 1.5;
}

.admin-shell .mk-news-hub-grid footer {
    border-top: 1px solid rgba(74, 166, 211, 0.1);
    padding-top: 11px;
}

.admin-shell .mk-news-hub-grid footer small {
    color: #718aa5;
    font-size: 0.54rem;
}

.admin-shell .mk-news-hub-grid footer a {
    color: #82e5ff;
    font-size: 0.56rem;
    font-weight: 850;
    text-decoration: none;
}

/* Form */
.admin-shell .mk-news-form-hero > div:first-child > a {
    display: inline-flex;
    margin-bottom: 12px;
    color: #7bdff8;
    font-size: 0.64rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-news-form-summary {
    display: grid;
    flex: 0 0 265px;
    min-height: 106px;
    align-content: center;
    border: 1px solid rgba(75, 205, 255, 0.25);
    border-radius: 15px;
    background: rgba(4, 29, 55, 0.78);
    padding: 17px 19px;
}

.admin-shell .mk-news-form-summary span,
.admin-shell .mk-news-form-summary small {
    color: #819ab6;
    font-size: 0.63rem;
}

.admin-shell .mk-news-form-summary strong {
    margin: 5px 0;
    color: #fff;
    font-size: 1rem;
}

.admin-shell .mk-news-errors {
    border: 1px solid rgba(255, 100, 123, 0.26);
    border-radius: 11px;
    background: rgba(183, 37, 64, 0.1);
    color: #ffb2be;
    font-size: 0.68rem;
    padding: 12px 14px;
}

.admin-shell .mk-news-errors ul {
    margin: 7px 0 0;
    padding-left: 18px;
}

.admin-shell .mk-news-form-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(310px, 0.55fr);
    align-items: start;
    gap: 14px;
}

.admin-shell .mk-news-editor-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    padding: 18px;
}

.admin-shell .mk-news-editor-grid .is-wide {
    grid-column: 1 / -1;
}

.admin-shell .mk-news-editor-grid label > small {
    color: #7891ab;
    font-size: 0.56rem;
}

.admin-shell .mk-news-image-preview {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    border-top: 1px solid rgba(74, 166, 211, 0.12);
    padding: 16px 18px;
}

.admin-shell .mk-news-image-preview img {
    width: 180px;
    height: 110px;
    object-fit: cover;
    border-radius: 11px;
}

.admin-shell .mk-news-image-preview label {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #ff9cac;
    font-size: 0.61rem;
}

.admin-shell .mk-news-editor-actions {
    position: sticky;
    z-index: 15;
    bottom: 14px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    border-top: 1px solid rgba(74, 166, 211, 0.12);
    background: rgba(3, 18, 37, 0.92);
    backdrop-filter: blur(14px);
    padding: 12px 18px;
}

.admin-shell .mk-news-editor-actions a,
.admin-shell .mk-news-editor-actions button,
.admin-shell .mk-news-workflow-panel button {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(75, 205, 255, 0.21);
    border-radius: 9px;
    background: rgba(0, 132, 187, 0.08);
    color: #8ce6ff;
    font-size: 0.62rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
    padding: 0 11px;
}

.admin-shell .mk-news-editor-actions button,
.admin-shell .mk-news-workflow-primary {
    border-color: rgba(73, 226, 255, 0.62) !important;
    background: linear-gradient(135deg, #0aa5ff, #15d5ff) !important;
    color: #00101f !important;
}

.admin-shell .mk-news-workflow-panel {
    position: sticky;
    top: 16px;
    display: grid;
}

.admin-shell .mk-news-workflow-panel > header {
    align-items: flex-start;
    flex-direction: column;
}

.admin-shell .mk-news-workflow-panel > form,
.admin-shell .mk-news-bypass-box,
.admin-shell .mk-news-workflow-meta,
.admin-shell .mk-news-workflow-note,
.admin-shell .mk-news-workflow-readonly {
    border-bottom: 1px solid rgba(74, 166, 211, 0.11);
    margin: 0;
    padding: 14px 16px;
}

.admin-shell .mk-news-workflow-meta {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px 12px;
}

.admin-shell .mk-news-workflow-meta span {
    color: #7891ab;
    font-size: 0.57rem;
}

.admin-shell .mk-news-workflow-meta strong {
    color: #dce9f6;
    font-size: 0.6rem;
}

.admin-shell .mk-news-workflow-note {
    border-left: 2px solid rgba(255, 211, 94, 0.48);
    background: rgba(199, 144, 0, 0.05);
}

.admin-shell .mk-news-workflow-note strong {
    color: #ffd970;
    font-size: 0.63rem;
}

.admin-shell .mk-news-workflow-note p,
.admin-shell .mk-news-workflow-readonly {
    color: #a88f55;
    font-size: 0.59rem;
    line-height: 1.48;
}

.admin-shell .mk-news-workflow-panel form {
    display: grid;
    gap: 9px;
}

.admin-shell .mk-news-workflow-panel form > small {
    color: #7891ab;
    font-size: 0.55rem;
    line-height: 1.4;
}

.admin-shell .mk-news-workflow-panel form button {
    width: 100%;
}

.admin-shell .mk-news-workflow-reject {
    border-color: rgba(255, 211, 94, 0.28) !important;
    background: rgba(199, 144, 0, 0.09) !important;
    color: #ffd970 !important;
}

.admin-shell .mk-news-workflow-delete {
    border-color: rgba(255, 100, 123, 0.28) !important;
    background: rgba(183, 37, 64, 0.1) !important;
    color: #ff91a2 !important;
}

.admin-shell .mk-news-bypass-box {
    background:
        linear-gradient(
            135deg,
            rgba(199, 144, 0, 0.08),
            rgba(80, 50, 0, 0.03)
        );
}

.admin-shell .mk-news-bypass-box > header {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 11px;
}

.admin-shell .mk-news-bypass-box > header > span {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(255, 211, 94, 0.32);
    border-radius: 10px;
    color: #ffd970;
}

.admin-shell .mk-news-bypass-box > header strong,
.admin-shell .mk-news-bypass-box > header small {
    display: block;
}

.admin-shell .mk-news-bypass-box > header strong {
    color: #ffe8a1;
    font-size: 0.66rem;
}

.admin-shell .mk-news-bypass-box > header small {
    margin-top: 4px;
    color: #a88f55;
    font-size: 0.54rem;
}

.admin-shell .mk-news-bypass-box button {
    border-color: rgba(255, 211, 94, 0.36) !important;
    background: linear-gradient(135deg, #f7c43c, #ffdf77) !important;
    color: #271900 !important;
}

/* Trash */
.admin-shell .mk-news-trash-filter {
    grid-template-columns: minmax(260px, 1fr) auto;
}

.admin-shell .mk-news-trash-list {
    display: grid;
}

.admin-shell .mk-news-trash-list > article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.1);
    padding: 14px 16px;
}

.admin-shell .mk-news-trash-list h3 {
    margin: 7px 0 0;
    color: #fff;
    font-size: 0.75rem;
}

.admin-shell .mk-news-trash-list small {
    display: block;
    margin-top: 6px;
    color: #7891ab;
    font-size: 0.56rem;
}

.admin-shell .mk-news-trash-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.admin-shell .mk-news-trash-actions button {
    min-height: 35px;
    border: 1px solid rgba(60, 228, 180, 0.27);
    border-radius: 8px;
    background: rgba(17, 158, 117, 0.09);
    color: #75e8c5;
    font-size: 0.59rem;
    font-weight: 850;
    cursor: pointer;
    padding: 0 10px;
}

.admin-shell .mk-news-trash-actions button.is-delete {
    border-color: rgba(255, 100, 123, 0.28);
    background: rgba(183, 37, 64, 0.1);
    color: #ff91a2;
}

/* Dashboard */
.admin-shell .mk-dashboard-news-brief > header > a {
    color: #82e5ff;
    font-size: 0.61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-dashboard-news-layout {
    display: grid;
    grid-template-columns: minmax(220px, 0.35fr) minmax(0, 1fr);
}

.admin-shell .mk-dashboard-news-numbers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-right: 1px solid rgba(74, 166, 211, 0.1);
}

.admin-shell .mk-dashboard-news-numbers article {
    border-right: 1px solid rgba(74, 166, 211, 0.1);
    border-bottom: 1px solid rgba(74, 166, 211, 0.1);
    padding: 13px 16px;
}

.admin-shell .mk-dashboard-news-numbers strong {
    display: block;
    color: #fff;
    font-size: 1.08rem;
}

.admin-shell .mk-dashboard-news-numbers small {
    display: block;
    margin-top: 4px;
    color: #7891ab;
    font-size: 0.56rem;
}

.admin-shell .mk-dashboard-news-numbers .is-review strong {
    color: #ffd970;
}

.admin-shell .mk-dashboard-news-numbers .is-scheduled strong {
    color: #c6a7ff;
}

.admin-shell .mk-dashboard-news-numbers .is-published strong {
    color: #75e8c5;
}

.admin-shell .mk-dashboard-news-list {
    display: grid;
}

.admin-shell .mk-dashboard-news-list > a {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(74, 166, 211, 0.1);
    color: inherit;
    text-decoration: none;
    padding: 10px 14px;
}

.admin-shell .mk-dashboard-news-list strong {
    display: block;
    color: #edf5ff;
    font-size: 0.65rem;
}

.admin-shell .mk-dashboard-news-list small,
.admin-shell .mk-dashboard-news-list time {
    display: block;
    margin-top: 4px;
    color: #7891ab;
    font-size: 0.54rem;
}

@media (max-width: 1280px) {
    .admin-shell .mk-news-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .admin-shell .mk-news-filters .is-search {
        grid-column: span 2;
    }

    .admin-shell .mk-news-filters > div {
        grid-column: 1 / -1;
    }

    .admin-shell .mk-news-management-list > article {
        grid-template-columns: auto minmax(280px, 1fr) minmax(150px, 0.55fr) auto;
    }

    .admin-shell .mk-news-list-time {
        display: none;
    }

    .admin-shell .mk-news-hub-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 950px) {
    .admin-shell .mk-news-form-layout,
    .admin-shell .mk-dashboard-news-layout {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-news-workflow-panel {
        position: static;
    }

    .admin-shell .mk-dashboard-news-numbers {
        border-right: 0;
        border-bottom: 1px solid rgba(74, 166, 211, 0.1);
    }

    .admin-shell .mk-news-management-list > article {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .admin-shell .mk-news-list-author {
        display: none;
    }
}

@media (max-width: 700px) {
    .admin-shell .mk-news-hero,
    .admin-shell .mk-news-form-hero {
        align-items: stretch;
        flex-direction: column;
        padding: 22px;
    }

    .admin-shell .mk-news-hero-actions,
    .admin-shell .mk-news-hero-actions a,
    .admin-shell .mk-news-filters,
    .admin-shell .mk-news-stat-grid,
    .admin-shell .mk-news-hub-grid,
    .admin-shell .mk-news-editor-grid,
    .admin-shell .mk-news-trash-filter {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .admin-shell .mk-news-filters .is-search,
    .admin-shell .mk-news-editor-grid .is-wide,
    .admin-shell .mk-news-filters > div {
        grid-column: auto;
    }

    .admin-shell .mk-news-filters > div,
    .admin-shell .mk-news-filters button,
    .admin-shell .mk-news-filters a,
    .admin-shell .mk-news-trash-filter > div,
    .admin-shell .mk-news-trash-filter button,
    .admin-shell .mk-news-trash-filter a {
        width: 100%;
    }

    .admin-shell .mk-news-management-list > article,
    .admin-shell .mk-news-trash-list > article {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-news-list-image,
    .admin-shell .mk-news-trash-image {
        width: 100%;
        height: 150px;
    }

    .admin-shell .mk-news-list-actions {
        justify-content: flex-start;
    }

    .admin-shell .mk-news-image-preview {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-news-image-preview img {
        width: 100%;
        height: 180px;
    }
}
/* END MARKUZI-PHASE-14-NEWS-MANAGEMENT */


/* BEGIN MARKUZI-PHASE-15-DEVELOPER-SYSTEM */
.admin-shell :is(
    .mk-dev-overview,
    .mk-dev-system-page,
    .mk-dev-audit-page,
    .mk-dev-tools-page,
    .mk-dev-modules-page
) {
    --mk-dev-cyan: #3bdcff;
    --mk-dev-mint: #3ce4b4;
    --mk-dev-gold: #ffd35e;
    --mk-dev-danger: #ff7890;
    --mk-dev-border: rgba(75, 205, 255, .2);
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 16px;
    margin: 0 auto;
}

.admin-shell :is(.mk-dev-hero, .mk-dev-system-hero, .mk-dev-page-hero) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    padding: 28px 30px;
    border: 1px solid var(--mk-dev-border);
    border-radius: 21px;
    background:
        radial-gradient(circle at 85% 28%, rgba(0,178,255,.18), transparent 31%),
        radial-gradient(circle at 72% 14%, rgba(182,140,255,.08), transparent 25%),
        linear-gradient(135deg, rgba(7,35,65,.96), rgba(2,13,30,.97));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 24px 60px rgba(0,0,0,.2);
}

.admin-shell :is(.mk-dev-hero, .mk-dev-system-hero, .mk-dev-page-hero) h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.55rem);
    line-height: 1.06;
}

.admin-shell :is(.mk-dev-hero, .mk-dev-system-hero, .mk-dev-page-hero) p {
    max-width: 760px;
    margin: 11px 0 0;
    color: #a8bdd4;
    font-size: .82rem;
    line-height: 1.65;
}

.admin-shell :is(.mk-dev-system-hero, .mk-dev-page-hero) > div:first-child > a {
    display: inline-flex;
    margin-bottom: 12px;
    color: #7bdff8;
    font-size: .63rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-dev-health-card {
    display: grid;
    flex: 0 0 280px;
    min-height: 112px;
    align-content: center;
    padding: 17px 19px;
    border: 1px solid rgba(60,228,180,.27);
    border-radius: 15px;
    background: rgba(17,158,117,.08);
}

.admin-shell .mk-dev-health-card.is-warning {
    border-color: rgba(255,211,94,.3);
    background: rgba(199,144,0,.08);
}

.admin-shell .mk-dev-health-card.is-error {
    border-color: rgba(255,100,123,.3);
    background: rgba(183,37,64,.1);
}

.admin-shell .mk-dev-health-card :is(span, small) {
    color: #819ab6;
    font-size: .62rem;
}

.admin-shell .mk-dev-health-card strong {
    margin: 5px 0;
    color: #80eccb;
    font-size: 1rem;
}

.admin-shell .mk-dev-health-card.is-warning strong { color: #ffdb75; }
.admin-shell .mk-dev-health-card.is-error strong { color: #ff91a2; }

.admin-shell .mk-dev-readonly-badge {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(59,220,255,.24);
    border-radius: 999px;
    background: rgba(0,132,187,.08);
    color: #82e5ff;
    font-size: .62rem;
    font-weight: 900;
    white-space: nowrap;
}

.admin-shell .mk-dev-stat-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 13px;
}

.admin-shell .mk-dev-stat-grid article {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 88px;
    padding: 15px;
    border: 1px solid var(--mk-dev-border);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(7,30,56,.94), rgba(3,15,32,.96));
}

.admin-shell .mk-dev-stat-grid article > span {
    display: grid;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid rgba(59,220,255,.3);
    border-radius: 50%;
    background: rgba(0,138,199,.1);
    color: var(--mk-dev-cyan);
    font-weight: 950;
}

.admin-shell .mk-dev-stat-grid article.is-ready > span {
    border-color: rgba(60,228,180,.3);
    background: rgba(17,158,117,.09);
    color: var(--mk-dev-mint);
}

.admin-shell .mk-dev-stat-grid article.is-warning > span {
    border-color: rgba(255,211,94,.3);
    background: rgba(199,144,0,.08);
    color: var(--mk-dev-gold);
}

.admin-shell .mk-dev-stat-grid article.is-danger > span {
    border-color: rgba(255,100,123,.3);
    background: rgba(183,37,64,.1);
    color: var(--mk-dev-danger);
}

.admin-shell .mk-dev-stat-grid strong {
    display: block;
    color: #fff;
    font-size: 1.3rem;
    line-height: 1;
}

.admin-shell .mk-dev-stat-grid small {
    display: block;
    margin-top: 6px;
    color: #8ca4bd;
    font-size: .6rem;
}

.admin-shell :is(.mk-dev-main-grid, .mk-dev-system-layout) {
    display: grid;
    grid-template-columns: minmax(0, 1.28fr) minmax(315px, .72fr);
    align-items: start;
    gap: 14px;
}

.admin-shell .mk-dev-panel {
    overflow: hidden;
    border: 1px solid var(--mk-dev-border);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(6,27,51,.94), rgba(2,14,30,.96));
}

.admin-shell .mk-dev-panel > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 17px;
    border-bottom: 1px solid rgba(74,166,211,.14);
}

.admin-shell .mk-dev-panel > header h3 {
    margin: 0;
    color: #f7fbff;
    font-size: .92rem;
}

.admin-shell .mk-dev-panel > header > a {
    color: #82e5ff;
    font-size: .6rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-dev-section-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.admin-shell .mk-dev-section-list > a {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 11px;
    min-height: 92px;
    padding: 13px 15px;
    border-right: 1px solid rgba(74,166,211,.1);
    border-bottom: 1px solid rgba(74,166,211,.1);
    color: inherit;
    text-decoration: none;
}

.admin-shell .mk-dev-section-list > a:hover { background: rgba(0,132,187,.06); }

.admin-shell .mk-dev-section-list > a > span {
    display: grid;
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid rgba(59,220,255,.26);
    border-radius: 11px;
    background: rgba(0,132,187,.08);
    color: #83e5ff;
    font-weight: 950;
}

.admin-shell .mk-dev-section-list :is(strong, small) { display: block; }
.admin-shell .mk-dev-section-list strong { color: #eef6ff; font-size: .68rem; }
.admin-shell .mk-dev-section-list small {
    margin-top: 5px;
    color: #7891ab;
    font-size: .56rem;
    line-height: 1.4;
}
.admin-shell .mk-dev-section-list b { color: #72dff8; }

.admin-shell .mk-dev-warning-list { display: grid; }

.admin-shell .mk-dev-warning-list article {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: 10px;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(74,166,211,.1);
}

.admin-shell .mk-dev-warning-list article > span,
.admin-shell .mk-dev-check-list article > i {
    width: 8px;
    height: 8px;
    margin-top: 4px;
    border-radius: 50%;
    background: var(--mk-dev-gold);
    box-shadow: 0 0 10px rgba(255,211,94,.55);
}

.admin-shell .mk-dev-warning-list article.is-error > span,
.admin-shell .mk-dev-check-list article.is-error > i {
    background: var(--mk-dev-danger);
    box-shadow: 0 0 10px rgba(255,120,144,.55);
}

.admin-shell .mk-dev-warning-list strong { color: #eaf3fd; font-size: .65rem; }
.admin-shell .mk-dev-warning-list p {
    margin: 5px 0 0;
    color: #8198b1;
    font-size: .57rem;
    line-height: 1.45;
}

.admin-shell .mk-dev-module-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0,1fr));
}

.admin-shell .mk-dev-module-strip article {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: 9px;
    padding: 13px;
    border-right: 1px solid rgba(74,166,211,.1);
}

.admin-shell .mk-dev-module-strip article > span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    background: rgba(0,132,187,.08);
    color: #83e5ff;
}

.admin-shell .mk-dev-module-strip :is(strong, small) { display: block; }
.admin-shell .mk-dev-module-strip strong { color: #eaf3fd; font-size: .59rem; }
.admin-shell .mk-dev-module-strip small { margin-top: 4px; color: #7891ab; font-size: .51rem; }

.admin-shell .mk-dev-module-strip article > i {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mk-dev-mint);
}
.admin-shell .mk-dev-module-strip article.is-partial > i { background: var(--mk-dev-gold); }
.admin-shell .mk-dev-module-strip article.is-missing > i { background: var(--mk-dev-danger); }

.admin-shell .mk-dev-empty {
    display: grid;
    justify-items: center;
    gap: 7px;
    padding: 26px 17px;
    color: #8198b1;
    font-size: .63rem;
    text-align: center;
}
.admin-shell .mk-dev-empty > span { color: #75e2ff; font-size: 1.2rem; }
.admin-shell .mk-dev-empty strong { color: #eef6ff; }

/* System */
.admin-shell .mk-dev-fact-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0,1fr));
    gap: 12px;
}

.admin-shell .mk-dev-fact-grid article {
    display: grid;
    min-height: 84px;
    align-content: center;
    gap: 5px;
    padding: 15px;
    border: 1px solid var(--mk-dev-border);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(7,30,56,.94), rgba(3,15,32,.96));
}

.admin-shell .mk-dev-fact-grid :is(span, small) { color: #7891ab; font-size: .56rem; }
.admin-shell .mk-dev-fact-grid strong {
    overflow: hidden;
    color: #eef6ff;
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.admin-shell .mk-dev-fact-grid .is-ready strong { color: #75e8c5; }
.admin-shell .mk-dev-fact-grid .is-warning strong { color: #ffd970; }

.admin-shell .mk-dev-check-totals { display: flex; gap: 5px; }

.admin-shell :is(.mk-dev-check-totals span, .mk-dev-state) {
    display: inline-grid;
    min-width: 24px;
    min-height: 24px;
    place-items: center;
    padding: 0 7px;
    border: 1px solid rgba(60,228,180,.25);
    border-radius: 999px;
    background: rgba(17,158,117,.09);
    color: #75e8c5;
    font-size: .53rem;
    font-weight: 900;
}

.admin-shell :is(.mk-dev-check-totals .is-warning, .mk-dev-state.is-warning) {
    border-color: rgba(255,211,94,.26);
    background: rgba(199,144,0,.08);
    color: #ffd970;
}

.admin-shell :is(.mk-dev-check-totals .is-error, .mk-dev-state.is-error) {
    border-color: rgba(255,100,123,.28);
    background: rgba(183,37,64,.1);
    color: #ff91a2;
}

.admin-shell .mk-dev-check-list { display: grid; }

.admin-shell .mk-dev-check-list article {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: start;
    gap: 11px;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(74,166,211,.1);
}

.admin-shell .mk-dev-check-list article.is-ok > i {
    background: var(--mk-dev-mint);
    box-shadow: 0 0 10px rgba(60,228,180,.55);
}

.admin-shell .mk-dev-check-list article > div > strong { color: #eaf3fd; font-size: .66rem; }
.admin-shell .mk-dev-check-list article > div > p {
    margin: 5px 0 0;
    color: #8198b1;
    font-size: .58rem;
    line-height: 1.45;
}

.admin-shell .mk-dev-check-list article > span {
    display: inline-flex;
    min-height: 23px;
    align-items: center;
    padding: 0 7px;
    border: 1px solid rgba(60,228,180,.24);
    border-radius: 999px;
    color: #75e8c5;
    font-size: .52rem;
    font-weight: 900;
}
.admin-shell .mk-dev-check-list article.is-warning > span { border-color: rgba(255,211,94,.25); color: #ffd970; }
.admin-shell .mk-dev-check-list article.is-error > span { border-color: rgba(255,100,123,.27); color: #ff91a2; }

.admin-shell .mk-dev-check-list dl {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 12px;
    margin: 8px 0 0;
}
.admin-shell .mk-dev-check-list dl > div { display: flex; gap: 5px; font-size: .52rem; }
.admin-shell .mk-dev-check-list dt { color: #6f87a1; }
.admin-shell .mk-dev-check-list dd { margin: 0; color: #adc1d5; }

.admin-shell .mk-dev-runtime-list { display: grid; }

.admin-shell :is(.mk-dev-runtime-list, .mk-dev-path-list) > div {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 15px;
    border-bottom: 1px solid rgba(74,166,211,.1);
}

.admin-shell :is(.mk-dev-runtime-list, .mk-dev-path-list) span { color: #8198b1; font-size: .59rem; }
.admin-shell :is(.mk-dev-runtime-list, .mk-dev-path-list) strong {
    max-width: 58%;
    overflow: hidden;
    color: #dce9f6;
    font-size: .59rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .mk-dev-security-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 13px 15px;
    border-top: 1px solid rgba(74,166,211,.1);
    background: rgba(0,132,187,.04);
    color: #7792ad;
    font-size: .56rem;
    line-height: 1.45;
}
.admin-shell .mk-dev-security-note span { color: #78e4ff; }
.admin-shell .mk-dev-security-note p { margin: 0; }

.admin-shell .mk-dev-page-actions {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.admin-shell .mk-dev-page-actions a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid rgba(59,220,255,.2);
    border-radius: 9px;
    background: rgba(0,132,187,.08);
    color: #82e5ff;
    font-size: .61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-dev-page-actions a.is-primary {
    border-color: rgba(73,226,255,.62);
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    color: #00101f;
}

/* Audit */
.admin-shell :is(.mk-dev-audit-stats, .mk-dev-module-stats) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
}

.admin-shell :is(.mk-dev-audit-stats, .mk-dev-module-stats) article {
    padding: 14px 16px;
    border: 1px solid var(--mk-dev-border);
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(7,30,56,.94), rgba(3,15,32,.96));
}

.admin-shell :is(.mk-dev-audit-stats, .mk-dev-module-stats) :is(strong, small) { display: block; }
.admin-shell :is(.mk-dev-audit-stats, .mk-dev-module-stats) strong { color: #fff; font-size: 1.15rem; }
.admin-shell :is(.mk-dev-audit-stats, .mk-dev-module-stats) small { margin-top: 5px; color: #7891ab; font-size: .56rem; }

.admin-shell .mk-dev-audit-filters {
    display: grid;
    grid-template-columns: minmax(240px,1.2fr) minmax(190px,.8fr) minmax(170px,.7fr) 145px 145px auto;
    align-items: end;
    gap: 9px;
    padding: 14px;
    border: 1px solid var(--mk-dev-border);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(6,27,51,.94), rgba(2,14,30,.96));
}

.admin-shell .mk-dev-audit-filters label { display: grid; gap: 6px; }
.admin-shell .mk-dev-audit-filters label > span { color: #cbd9e8; font-size: .57rem; font-weight: 800; }

.admin-shell .mk-dev-audit-filters :is(input, select) {
    width: 100%;
    min-height: 39px;
    padding: 0 9px;
    border: 1px solid rgba(75,205,255,.2);
    border-radius: 9px;
    outline: 0;
    background: rgba(2,15,32,.86);
    color: #f4f8ff;
    font: inherit;
    font-size: .6rem;
}

.admin-shell .mk-dev-audit-filters > div { display: flex; gap: 6px; }

.admin-shell .mk-dev-audit-filters :is(button, a) {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border: 1px solid rgba(59,220,255,.21);
    border-radius: 8px;
    background: rgba(0,132,187,.08);
    color: #82e5ff;
    font-size: .57rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.admin-shell .mk-dev-audit-list { display: grid; }

.admin-shell .mk-dev-audit-list > article {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: 11px;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(74,166,211,.1);
}

.admin-shell .mk-dev-audit-dot {
    width: 8px;
    height: 8px;
    margin-top: 5px;
    border-radius: 50%;
    background: #6ce2ff;
    box-shadow: 0 0 9px rgba(59,220,255,.52);
}

.admin-shell .mk-dev-audit-main {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.admin-shell .mk-dev-audit-main > div:first-child {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.admin-shell .mk-dev-audit-main code {
    overflow: hidden;
    color: #87e6ff;
    font-size: .59rem;
    text-overflow: ellipsis;
}

.admin-shell .mk-dev-audit-main > div:first-child > span { color: #7891ab; font-size: .54rem; }

.admin-shell .mk-dev-audit-actor { display: flex; align-items: center; gap: 7px; }
.admin-shell .mk-dev-audit-actor :is(strong, small) { display: block; }
.admin-shell .mk-dev-audit-actor strong { color: #dce9f6; font-size: .57rem; }
.admin-shell .mk-dev-audit-actor small { margin-top: 3px; color: #6f87a1; font-size: .49rem; }

.admin-shell .mk-dev-audit-list > article > time { color: #7891ab; font-size: .53rem; white-space: nowrap; }
.admin-shell .mk-dev-audit-list details { grid-column: 2 / -1; }
.admin-shell .mk-dev-audit-list summary {
    width: fit-content;
    color: #73dff8;
    font-size: .55rem;
    font-weight: 800;
    cursor: pointer;
}

.admin-shell .mk-dev-audit-list pre {
    max-height: 320px;
    overflow: auto;
    margin: 8px 0 0;
    padding: 11px;
    border: 1px solid rgba(75,205,255,.14);
    border-radius: 9px;
    background: rgba(0,5,14,.66);
    color: #afc4d7;
    font-size: .55rem;
    line-height: 1.5;
    white-space: pre-wrap;
}

.admin-shell .mk-dev-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 16px;
    border-top: 1px solid rgba(74,166,211,.11);
    color: #8299b2;
    font-size: .6rem;
}
.admin-shell .mk-dev-pagination a { color: #83e5ff; text-decoration: none; }

/* Tools */
.admin-shell .mk-dev-tool-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    align-items: start;
    gap: 14px;
}

.admin-shell .mk-dev-tool-numbers {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
}

.admin-shell .mk-dev-tool-numbers article {
    padding: 15px;
    border-right: 1px solid rgba(74,166,211,.1);
    border-bottom: 1px solid rgba(74,166,211,.1);
}

.admin-shell .mk-dev-tool-numbers :is(strong, small) { display: block; }
.admin-shell .mk-dev-tool-numbers strong { color: #fff; font-size: 1rem; }
.admin-shell .mk-dev-tool-numbers small { margin-top: 5px; color: #7891ab; font-size: .55rem; }
.admin-shell .mk-dev-tool-numbers article.is-danger strong { color: #ff91a2; }

.admin-shell :is(.mk-dev-code-list, .mk-dev-schedule-list) {
    display: grid;
    padding: 10px 14px;
    border-top: 1px solid rgba(74,166,211,.1);
}

.admin-shell .mk-dev-code-list code {
    overflow: hidden;
    padding: 5px 0;
    color: #9edff0;
    font-size: .54rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .mk-dev-schedule-list article {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 5px 10px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(74,166,211,.1);
}

.admin-shell .mk-dev-schedule-list code { color: #85e5ff; font-size: .58rem; }
.admin-shell .mk-dev-schedule-list span { color: #dce9f6; font-size: .56rem; }
.admin-shell .mk-dev-schedule-list small { grid-column: 1 / -1; color: #7891ab; font-size: .51rem; }

.admin-shell .mk-dev-tool-note {
    margin: 0;
    padding: 11px 14px;
    border-top: 1px solid rgba(74,166,211,.1);
    color: #718aa4;
    font-size: .54rem;
    line-height: 1.45;
}

.admin-shell .mk-dev-path-list { display: grid; }
.admin-shell .mk-dev-path-list span { display: flex; align-items: center; gap: 7px; }

.admin-shell .mk-dev-path-list i,
.admin-shell .mk-dev-module-grid details p > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--mk-dev-mint);
}
.admin-shell .mk-dev-path-list i.is-warning { background: var(--mk-dev-gold); }
.admin-shell .mk-dev-path-list i.is-error,
.admin-shell .mk-dev-module-grid details p > span.is-error { background: var(--mk-dev-danger); }

.admin-shell .mk-dev-note-list { display: grid; gap: 9px; padding: 14px; }
.admin-shell .mk-dev-note-list p {
    display: flex;
    gap: 8px;
    margin: 0;
    color: #8299b2;
    font-size: .58rem;
    line-height: 1.45;
}
.admin-shell .mk-dev-note-list p span { color: #75e8c5; }

/* Modules */
.admin-shell .mk-dev-module-stats { grid-template-columns: repeat(3, minmax(0,1fr)); }
.admin-shell .mk-dev-module-stats article.is-ready strong { color: #75e8c5; }
.admin-shell .mk-dev-module-stats article.is-warning strong { color: #ffd970; }
.admin-shell .mk-dev-module-stats article.is-danger strong { color: #ff91a2; }

.admin-shell .mk-dev-module-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 13px;
}

.admin-shell .mk-dev-module-grid > article {
    overflow: hidden;
    border: 1px solid var(--mk-dev-border);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(6,27,51,.94), rgba(2,14,30,.96));
}

.admin-shell .mk-dev-module-grid > article > header {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 15px;
}

.admin-shell .mk-dev-module-grid > article > header > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(59,220,255,.24);
    border-radius: 11px;
    background: rgba(0,132,187,.08);
    color: #83e5ff;
}

.admin-shell .mk-dev-module-grid > article > header :is(strong, small) { display: block; }
.admin-shell .mk-dev-module-grid > article > header strong { color: #eef6ff; font-size: .69rem; }
.admin-shell .mk-dev-module-grid > article > header small {
    margin-top: 5px;
    color: #7891ab;
    font-size: .55rem;
    line-height: 1.4;
}

.admin-shell .mk-dev-module-grid > article > header > i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mk-dev-mint);
    box-shadow: 0 0 9px rgba(60,228,180,.5);
}
.admin-shell .mk-dev-module-grid > article.is-partial > header > i {
    background: var(--mk-dev-gold);
    box-shadow: 0 0 9px rgba(255,211,94,.5);
}
.admin-shell .mk-dev-module-grid > article.is-missing > header > i {
    background: var(--mk-dev-danger);
    box-shadow: 0 0 9px rgba(255,120,144,.5);
}

.admin-shell .mk-dev-module-progress {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 15px;
    border-top: 1px solid rgba(74,166,211,.1);
}

.admin-shell .mk-dev-module-progress > div {
    flex: 1;
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(89,126,160,.13);
}

.admin-shell .mk-dev-module-progress > div i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #12aef1, #59e6ff);
}

.admin-shell .mk-dev-module-progress > span { color: #7891ab; font-size: .53rem; }

.admin-shell .mk-dev-module-grid details {
    padding: 10px 15px;
    border-top: 1px solid rgba(74,166,211,.1);
}

.admin-shell .mk-dev-module-grid summary {
    color: #76dff8;
    font-size: .56rem;
    font-weight: 850;
    cursor: pointer;
}

.admin-shell .mk-dev-module-grid details > div { display: grid; gap: 7px; margin-top: 9px; }
.admin-shell .mk-dev-module-grid details p {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #7891ab;
    font-size: .53rem;
}
.admin-shell .mk-dev-module-grid details code { color: #a8c9da; }

.admin-shell .mk-dev-module-grid > article > a {
    display: flex;
    min-height: 38px;
    align-items: center;
    padding: 0 15px;
    border-top: 1px solid rgba(74,166,211,.1);
    color: #82e5ff;
    font-size: .57rem;
    font-weight: 850;
    text-decoration: none;
}

@media (max-width: 1280px) {
    .admin-shell .mk-dev-stat-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .admin-shell .mk-dev-module-strip { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .admin-shell .mk-dev-fact-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .admin-shell .mk-dev-audit-filters { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .admin-shell .mk-dev-audit-filters .is-search { grid-column: span 2; }
    .admin-shell .mk-dev-audit-filters > div { grid-column: 1 / -1; }
}

@media (max-width: 950px) {
    .admin-shell :is(.mk-dev-main-grid, .mk-dev-system-layout, .mk-dev-tool-grid) { grid-template-columns: 1fr; }
    .admin-shell .mk-dev-audit-main { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 700px) {
    .admin-shell :is(.mk-dev-hero, .mk-dev-system-hero, .mk-dev-page-hero) {
        align-items: stretch;
        flex-direction: column;
        padding: 22px;
    }

    .admin-shell .mk-dev-health-card { flex-basis: auto; width: 100%; }

    .admin-shell :is(
        .mk-dev-stat-grid,
        .mk-dev-fact-grid,
        .mk-dev-audit-stats,
        .mk-dev-module-stats,
        .mk-dev-module-grid,
        .mk-dev-section-list,
        .mk-dev-module-strip,
        .mk-dev-audit-filters
    ) { grid-template-columns: 1fr; }

    .admin-shell .mk-dev-audit-filters .is-search,
    .admin-shell .mk-dev-audit-filters > div { grid-column: auto; }

    .admin-shell .mk-dev-audit-filters > div,
    .admin-shell .mk-dev-audit-filters :is(button, a),
    .admin-shell .mk-dev-page-actions,
    .admin-shell .mk-dev-page-actions a { width: 100%; }

    .admin-shell .mk-dev-page-actions { flex-direction: column; }

    .admin-shell :is(.mk-dev-check-list article, .mk-dev-audit-list > article) {
        grid-template-columns: auto minmax(0,1fr);
    }

    .admin-shell .mk-dev-check-list article > span,
    .admin-shell .mk-dev-audit-list > article > time {
        grid-column: 2;
        justify-self: start;
    }

    .admin-shell .mk-dev-audit-list details { grid-column: 2; }
}
/* END MARKUZI-PHASE-15-DEVELOPER-SYSTEM */


/* BEGIN MARKUZI-PHASE-15-1-AUDIT-STORIES */
.admin-shell .mk-audit-story-list {
    display: grid;
    gap: 12px;
    padding: 14px;
}

.admin-shell .mk-audit-story {
    overflow: hidden;
    border: 1px solid rgba(75, 205, 255, .18);
    border-radius: 15px;
    background:
        radial-gradient(
            circle at 3% 0,
            rgba(59, 220, 255, .055),
            transparent 20rem
        ),
        linear-gradient(
            145deg,
            rgba(5, 24, 47, .94),
            rgba(2, 13, 28, .97)
        );
}

.admin-shell .mk-audit-story.is-create,
.admin-shell .mk-audit-story.is-publish,
.admin-shell .mk-audit-story.is-restore,
.admin-shell .mk-audit-story.is-send {
    border-color: rgba(60, 228, 180, .22);
}

.admin-shell .mk-audit-story.is-delete,
.admin-shell .mk-audit-story.is-danger {
    border-color: rgba(255, 100, 123, .24);
}

.admin-shell .mk-audit-story-header {
    display: grid;
    grid-template-columns:
        auto
        minmax(0, 1fr)
        minmax(170px, auto)
        auto;
    align-items: center;
    gap: 13px;
    min-height: 88px;
    padding: 15px 16px;
}

.admin-shell .mk-audit-story-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, .3);
    border-radius: 12px;
    background: rgba(0, 132, 187, .1);
    color: #82e5ff;
    font-size: 1rem;
    font-weight: 950;
}

.admin-shell :is(
    .mk-audit-story.is-create,
    .mk-audit-story.is-publish,
    .mk-audit-story.is-restore,
    .mk-audit-story.is-send
) .mk-audit-story-icon {
    border-color: rgba(60, 228, 180, .3);
    background: rgba(17, 158, 117, .1);
    color: #78eac7;
}

.admin-shell :is(
    .mk-audit-story.is-delete,
    .mk-audit-story.is-danger
) .mk-audit-story-icon {
    border-color: rgba(255, 100, 123, .31);
    background: rgba(183, 37, 64, .12);
    color: #ff91a2;
}

.admin-shell .mk-audit-story-heading {
    min-width: 0;
}

.admin-shell .mk-audit-event-label {
    display: inline-flex;
    min-height: 20px;
    align-items: center;
    border: 1px solid rgba(59, 220, 255, .18);
    border-radius: 999px;
    background: rgba(0, 132, 187, .07);
    color: #7ddff7;
    font-size: .51rem;
    font-weight: 900;
    letter-spacing: .045em;
    padding: 0 7px;
    text-transform: uppercase;
}

.admin-shell .mk-audit-story-heading h4 {
    margin: 7px 0 0;
    color: #f4f9ff;
    font-size: .78rem;
}

.admin-shell .mk-audit-story-heading p {
    margin: 6px 0 0;
    color: #9bb0c6;
    font-size: .61rem;
    line-height: 1.48;
}

.admin-shell .mk-audit-story-person {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.admin-shell .mk-audit-system-avatar {
    display: grid;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid rgba(182, 140, 255, .3);
    border-radius: 50%;
    background: rgba(108, 67, 191, .1);
    color: #c9abff;
    font-size: .68rem;
    font-weight: 900;
}

.admin-shell .mk-audit-story-person :is(strong, small),
.admin-shell .mk-audit-story-header time :is(strong, small) {
    display: block;
}

.admin-shell .mk-audit-story-person strong {
    overflow: hidden;
    color: #e7f0fa;
    font-size: .6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .mk-audit-story-person small {
    margin-top: 3px;
    color: #7188a1;
    font-size: .5rem;
}

.admin-shell .mk-audit-story-header time {
    text-align: right;
    white-space: nowrap;
}

.admin-shell .mk-audit-story-header time strong {
    color: #b6c8d9;
    font-size: .57rem;
}

.admin-shell .mk-audit-story-header time small {
    margin-top: 3px;
    color: #6f87a1;
    font-size: .49rem;
}

.admin-shell .mk-audit-change-section {
    border-top: 1px solid rgba(74, 166, 211, .1);
    padding: 13px 16px 15px;
}

.admin-shell .mk-audit-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.admin-shell .mk-audit-section-title > span {
    color: #8ba2b9;
    font-size: .55rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.admin-shell .mk-audit-section-title > strong {
    display: inline-grid;
    min-width: 23px;
    height: 23px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, .22);
    border-radius: 999px;
    background: rgba(0, 132, 187, .08);
    color: #82e5ff;
    font-size: .52rem;
}

.admin-shell .mk-audit-change-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.admin-shell .mk-audit-change {
    overflow: hidden;
    border: 1px solid rgba(75, 205, 255, .14);
    border-radius: 11px;
    background: rgba(1, 10, 23, .52);
}

.admin-shell .mk-audit-change > header {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 10px;
    border-bottom: 1px solid rgba(74, 166, 211, .09);
}

.admin-shell .mk-audit-change > header strong {
    color: #dce8f4;
    font-size: .56rem;
}

.admin-shell .mk-audit-change > header span {
    display: inline-flex;
    min-height: 19px;
    align-items: center;
    border: 1px solid rgba(59, 220, 255, .18);
    border-radius: 999px;
    color: #7cdff7;
    font-size: .47rem;
    font-weight: 900;
    padding: 0 6px;
    text-transform: uppercase;
}

.admin-shell .mk-audit-change.is-added > header span {
    border-color: rgba(60, 228, 180, .23);
    color: #78eac7;
}

.admin-shell .mk-audit-change.is-removed > header span {
    border-color: rgba(255, 100, 123, .25);
    color: #ff91a2;
}

.admin-shell .mk-audit-value-flow {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 10px;
}

.admin-shell .mk-audit-value-flow > div {
    min-width: 0;
}

.admin-shell .mk-audit-value-flow small {
    display: block;
    margin-bottom: 4px;
    color: #687f98;
    font-size: .46rem;
    font-weight: 850;
    text-transform: uppercase;
}

.admin-shell .mk-audit-value-flow span {
    display: block;
    overflow: hidden;
    color: #a9bbcd;
    font-size: .57rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .mk-audit-value-flow > div:last-child span {
    color: #f0f6fd;
    font-weight: 800;
}

.admin-shell .mk-audit-value-flow > b {
    color: #55dfff;
    font-size: .72rem;
}

.admin-shell .mk-audit-password-change {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 10px;
}

.admin-shell .mk-audit-password-change > span {
    color: #7c91a8;
    font-size: .57rem;
    letter-spacing: .08em;
}

.admin-shell .mk-audit-password-change > strong {
    color: #ffd970;
    font-size: .57rem;
}

.admin-shell .mk-audit-more-changes {
    margin: 9px 0 0;
    color: #748ba4;
    font-size: .52rem;
}

.admin-shell .mk-audit-meta-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 11px 16px;
    border-top: 1px solid rgba(74, 166, 211, .1);
    background: rgba(0, 132, 187, .025);
}

.admin-shell .mk-audit-meta-strip > span {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    border: 1px solid rgba(75, 205, 255, .13);
    border-radius: 8px;
    background: rgba(1, 10, 23, .48);
    padding: 0 8px;
}

.admin-shell .mk-audit-meta-strip small {
    color: #7188a1;
    font-size: .48rem;
}

.admin-shell .mk-audit-meta-strip strong {
    overflow: hidden;
    max-width: 260px;
    color: #ccd9e6;
    font-size: .52rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .mk-audit-detail-panel {
    border-top: 1px solid rgba(74, 166, 211, .1);
}

.admin-shell .mk-audit-detail-panel > summary {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #78dff8;
    font-size: .55rem;
    font-weight: 850;
    cursor: pointer;
    list-style: none;
    padding: 0 16px;
}

.admin-shell .mk-audit-detail-panel > summary::-webkit-details-marker {
    display: none;
}

.admin-shell .mk-audit-detail-panel[open] > summary span {
    transform: rotate(180deg);
}

.admin-shell .mk-audit-detail-content {
    display: grid;
    gap: 12px;
    padding: 0 16px 15px;
}

.admin-shell .mk-audit-detail-content h5 {
    margin: 0 0 8px;
    color: #dfeaf5;
    font-size: .58rem;
}

.admin-shell .mk-audit-detail-list {
    display: grid;
    gap: 6px;
}

.admin-shell .mk-audit-detail-list > div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    min-height: 33px;
    padding: 7px 9px;
    border: 1px solid rgba(75, 205, 255, .12);
    border-radius: 8px;
    background: rgba(1, 10, 23, .46);
}

.admin-shell .mk-audit-detail-list strong {
    color: #8299b2;
    font-size: .52rem;
}

.admin-shell .mk-audit-detail-list span {
    color: #d3dfeb;
    font-size: .52rem;
    text-align: right;
}

.admin-shell .mk-audit-raw-data {
    border: 1px solid rgba(75, 205, 255, .12);
    border-radius: 9px;
    background: rgba(0, 5, 14, .55);
}

.admin-shell .mk-audit-raw-data > summary {
    color: #718ca5;
    font-size: .52rem;
    font-weight: 800;
    cursor: pointer;
    padding: 10px;
}

.admin-shell .mk-audit-raw-data pre {
    max-height: 330px;
    overflow: auto;
    margin: 0;
    padding: 11px;
    border-top: 1px solid rgba(75, 205, 255, .1);
    color: #9eb5c9;
    font-size: .52rem;
    line-height: 1.55;
    white-space: pre-wrap;
}

.admin-shell .mk-audit-story-footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 32px;
    padding: 0 16px;
    border-top: 1px solid rgba(74, 166, 211, .08);
    background: rgba(0, 5, 14, .2);
}

.admin-shell .mk-audit-story-footer code {
    color: #5d829b;
    font-size: .47rem;
}

.admin-shell .mk-audit-story-footer span {
    color: #617991;
    font-size: .47rem;
}

@media (max-width: 1050px) {
    .admin-shell .mk-audit-story-header {
        grid-template-columns:
            auto
            minmax(0, 1fr)
            auto;
    }

    .admin-shell .mk-audit-story-person {
        grid-column: 2;
    }

    .admin-shell .mk-audit-story-header time {
        grid-column: 3;
        grid-row: 1;
    }
}

@media (max-width: 720px) {
    .admin-shell .mk-audit-story-list {
        padding: 9px;
    }

    .admin-shell .mk-audit-story-header {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .admin-shell .mk-audit-story-person,
    .admin-shell .mk-audit-story-header time {
        grid-column: 2;
    }

    .admin-shell .mk-audit-story-header time {
        grid-row: auto;
        text-align: left;
    }

    .admin-shell .mk-audit-change-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-audit-value-flow {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-audit-value-flow > b {
        transform: rotate(90deg);
        justify-self: start;
    }

    .admin-shell .mk-audit-detail-list > div {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-shell .mk-audit-detail-list span {
        text-align: left;
    }
}
/* END MARKUZI-PHASE-15-1-AUDIT-STORIES */


/* BEGIN MARKUZI-PHASE-16-1-COMMUNITY-FOUNDATION */
.admin-shell .mk-community-phase-16
    .mk-community-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.admin-shell .mk-community-roadmap-pill,
.admin-shell .mk-community-status-ready {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    border: 1px solid rgba(60, 228, 180, .25);
    border-radius: 999px;
    background: rgba(17, 158, 117, .09);
    color: #78eac7;
    font-size: .54rem;
    font-weight: 900;
    padding: 0 10px;
    white-space: nowrap;
}

.admin-shell .mk-community-roadmap {
    overflow: hidden;
    border: 1px solid rgba(75, 205, 255, .18);
    border-radius: 16px;
    background:
        linear-gradient(
            145deg,
            rgba(6, 27, 51, .94),
            rgba(2, 14, 30, .96)
        );
}

.admin-shell .mk-community-roadmap > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid rgba(74, 166, 211, .12);
    padding: 14px 17px;
}

.admin-shell .mk-community-roadmap > header h3 {
    margin: 0;
    color: #f5f9ff;
    font-size: .9rem;
}

.admin-shell .mk-community-roadmap > header > span {
    color: #7891ab;
    font-size: .55rem;
}

.admin-shell .mk-community-roadmap > div {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 13px 16px;
}

.admin-shell .mk-community-roadmap > div > span {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(75, 205, 255, .14);
    border-radius: 9px;
    background: rgba(0, 132, 187, .045);
    color: #a1b5c9;
    font-size: .53rem;
    font-weight: 800;
    padding: 0 9px;
}

.admin-shell .mk-community-roadmap > div > span b {
    color: #73dff8;
    font-size: .49rem;
}

.admin-shell .mk-community-roadmap > div > span.is-ready {
    border-color: rgba(60, 228, 180, .23);
    background: rgba(17, 158, 117, .07);
    color: #80e7c8;
}

.admin-shell .mk-community-module-grid > a {
    position: relative;
    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto
        auto;
}

.admin-shell .mk-community-module-grid > a > em {
    display: inline-flex;
    min-height: 21px;
    align-items: center;
    border: 1px solid rgba(59, 220, 255, .17);
    border-radius: 999px;
    color: #77dff8;
    font-size: .47rem;
    font-style: normal;
    font-weight: 900;
    padding: 0 7px;
    white-space: nowrap;
}

.admin-shell .mk-community-module-grid > a > em.is-ready {
    border-color: rgba(60, 228, 180, .23);
    color: #78eac7;
}

.admin-shell .mk-community-module-page {
    --mk-community-accent: #3bdcff;
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 16px;
    margin: 0 auto;
}

.admin-shell .mk-community-module-page.accent-blue {
    --mk-community-accent: #50b8ff;
}

.admin-shell .mk-community-module-page.accent-gold {
    --mk-community-accent: #ffd35e;
}

.admin-shell .mk-community-module-page.accent-mint {
    --mk-community-accent: #3ce4b4;
}

.admin-shell .mk-community-module-page.accent-purple {
    --mk-community-accent: #b68cff;
}

.admin-shell .mk-community-module-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    border: 1px solid rgba(75, 205, 255, .2);
    border-radius: 21px;
    background:
        radial-gradient(
            circle at 84% 27%,
            color-mix(
                in srgb,
                var(--mk-community-accent) 18%,
                transparent
            ),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            rgba(7, 35, 65, .96),
            rgba(2, 13, 30, .97)
        );
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .025),
        0 24px 60px rgba(0, 0, 0, .2);
    padding: 28px 30px;
}

.admin-shell .mk-community-module-hero > div:first-child > a {
    display: inline-flex;
    margin-bottom: 12px;
    color: #79dff8;
    font-size: .61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-community-module-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.07;
}

.admin-shell .mk-community-module-hero p {
    max-width: 760px;
    margin: 11px 0 0;
    color: #a8bdd4;
    font-size: .8rem;
    line-height: 1.65;
}

.admin-shell .mk-community-module-symbol {
    display: grid;
    flex: 0 0 230px;
    min-height: 132px;
    place-items: center;
    align-content: center;
    gap: 6px;
    border: 1px solid
        color-mix(
            in srgb,
            var(--mk-community-accent) 30%,
            transparent
        );
    border-radius: 16px;
    background:
        color-mix(
            in srgb,
            var(--mk-community-accent) 8%,
            transparent
        );
}

.admin-shell .mk-community-module-symbol > span {
    color: var(--mk-community-accent);
    font-size: 2rem;
}

.admin-shell .mk-community-module-symbol strong {
    color: #eef6ff;
    font-size: .66rem;
}

.admin-shell .mk-community-module-symbol small {
    color: #7891ab;
    font-size: .52rem;
}

.admin-shell .mk-community-module-layout {
    display: grid;
    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(310px, .75fr);
    align-items: start;
    gap: 14px;
}

.admin-shell .mk-community-module-card {
    overflow: hidden;
    border: 1px solid rgba(75, 205, 255, .18);
    border-radius: 17px;
    background:
        linear-gradient(
            145deg,
            rgba(6, 27, 51, .94),
            rgba(2, 14, 30, .96)
        );
}

.admin-shell .mk-community-module-card > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid rgba(74, 166, 211, .12);
    padding: 14px 17px;
}

.admin-shell .mk-community-module-card > header h3 {
    margin: 0;
    color: #f5f9ff;
    font-size: .9rem;
}

.admin-shell .mk-community-feature-list {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
}

.admin-shell .mk-community-feature-list article {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    min-height: 72px;
    border-right: 1px solid rgba(74, 166, 211, .09);
    border-bottom: 1px solid rgba(74, 166, 211, .09);
    padding: 13px 15px;
}

.admin-shell .mk-community-feature-list article > span {
    display: grid;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    place-items: center;
    border: 1px solid
        color-mix(
            in srgb,
            var(--mk-community-accent) 30%,
            transparent
        );
    border-radius: 50%;
    color: var(--mk-community-accent);
    font-size: .55rem;
    font-weight: 950;
}

.admin-shell .mk-community-feature-list p {
    margin: 3px 0 0;
    color: #9bb0c5;
    font-size: .58rem;
    line-height: 1.5;
}

.admin-shell .mk-community-module-facts {
    display: grid;
    margin: 0;
}

.admin-shell .mk-community-module-facts > div {
    display: flex;
    min-height: 43px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid rgba(74, 166, 211, .09);
    padding: 0 15px;
}

.admin-shell .mk-community-module-facts dt {
    color: #7e95ad;
    font-size: .56rem;
}

.admin-shell .mk-community-module-facts dd {
    margin: 0;
    color: #dce8f4;
    font-size: .56rem;
    font-weight: 850;
}

.admin-shell .mk-community-stream-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-top: 1px solid rgba(74, 166, 211, .09);
    background: rgba(108, 67, 191, .055);
    padding: 13px 15px;
}

.admin-shell .mk-community-stream-note > span {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    border: 1px solid rgba(182, 140, 255, .28);
    border-radius: 7px;
    color: #c8aaff;
    font-size: .48rem;
    font-weight: 950;
    padding: 0 7px;
}

.admin-shell .mk-community-stream-note p {
    margin: 1px 0 0;
    color: #8e9fb3;
    font-size: .55rem;
    line-height: 1.48;
}

.admin-shell .mk-community-module-actions {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.admin-shell .mk-community-module-actions a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    border: 1px solid rgba(59, 220, 255, .2);
    border-radius: 9px;
    background: rgba(0, 132, 187, .07);
    color: #82e5ff;
    font-size: .58rem;
    font-weight: 850;
    text-decoration: none;
    padding: 0 11px;
}

.admin-shell .mk-community-module-actions > span {
    color: #7188a1;
    font-size: .53rem;
}

@media (max-width: 1000px) {
    .admin-shell .mk-community-module-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .admin-shell .mk-community-phase-16
        .mk-community-hero-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .admin-shell .mk-community-module-grid > a {
        grid-template-columns:
            auto
            minmax(0, 1fr)
            auto;
    }

    .admin-shell .mk-community-module-grid > a > em {
        grid-column: 2;
        justify-self: start;
    }

    .admin-shell .mk-community-module-hero {
        align-items: stretch;
        flex-direction: column;
        padding: 22px;
    }

    .admin-shell .mk-community-module-symbol {
        flex-basis: auto;
        width: 100%;
    }

    .admin-shell .mk-community-feature-list {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-community-module-card > header,
    .admin-shell .mk-community-module-actions {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* END MARKUZI-PHASE-16-1-COMMUNITY-FOUNDATION */


/* BEGIN MARKUZI-PHASE-16-2-COMMUNITY-NOTES */
.admin-shell .mk-community-notes-page {
    --note-cyan: #3bdcff;
    --note-mint: #3ce4b4;
    --note-gold: #ffd35e;
    --note-danger: #ff7890;
    --note-border: rgba(75, 205, 255, .19);
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 15px;
    margin: 0 auto;
}

.admin-shell .mk-note-page-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    overflow: hidden;
    padding: 27px 29px;
    border: 1px solid var(--note-border);
    border-radius: 20px;
    background:
        radial-gradient(circle at 85% 23%, rgba(59,220,255,.17), transparent 31%),
        radial-gradient(circle at 72% 12%, rgba(182,140,255,.08), transparent 24%),
        linear-gradient(135deg, rgba(7,35,65,.96), rgba(2,13,30,.97));
}

.admin-shell .mk-note-page-hero > div:first-child > a {
    display: inline-flex;
    margin-bottom: 11px;
    color: #79dff8;
    font-size: .61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-note-page-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.7rem, 3vw, 2.45rem);
}

.admin-shell .mk-note-page-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #a7bbd0;
    font-size: .79rem;
    line-height: 1.62;
}

.admin-shell .mk-note-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.admin-shell :is(
    .mk-note-hero-actions a,
    .mk-note-form-actions a,
    .mk-note-form-actions button
) {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid rgba(59,220,255,.21);
    border-radius: 9px;
    background: rgba(0,132,187,.08);
    color: #82e5ff;
    font-size: .59rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-note-hero-actions a.is-primary,
.admin-shell .mk-note-form-actions button {
    border-color: rgba(73,226,255,.62);
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    color: #00101f;
}

.admin-shell .mk-note-hero-symbol {
    display: grid;
    width: 74px;
    height: 74px;
    place-items: center;
    border: 1px solid rgba(59,220,255,.28);
    border-radius: 18px;
    background: rgba(0,132,187,.09);
    color: #7fe5ff;
    font-size: 1.6rem;
    font-weight: 950;
}

.admin-shell .mk-note-flash {
    padding: 11px 13px;
    border: 1px solid rgba(60,228,180,.25);
    border-radius: 10px;
    background: rgba(17,158,117,.08);
    color: #81e8c9;
    font-size: .61rem;
}

.admin-shell .mk-note-stat-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 11px;
}

.admin-shell .mk-note-stat-grid article {
    display: flex;
    min-height: 80px;
    align-items: center;
    gap: 11px;
    padding: 13px 14px;
    border: 1px solid var(--note-border);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(7,30,56,.94), rgba(3,15,32,.96));
}

.admin-shell .mk-note-stat-grid article > span {
    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid rgba(59,220,255,.27);
    border-radius: 11px;
    background: rgba(0,132,187,.08);
    color: #82e5ff;
    font-size: .62rem;
    font-weight: 950;
}

.admin-shell .mk-note-stat-grid :is(strong, small) {
    display: block;
}

.admin-shell .mk-note-stat-grid strong {
    color: #fff;
    font-size: 1.13rem;
}

.admin-shell .mk-note-stat-grid small {
    margin-top: 5px;
    color: #8299b1;
    font-size: .54rem;
}

.admin-shell .mk-note-filters {
    display: grid;
    grid-template-columns: minmax(250px, 1.3fr) repeat(3, minmax(145px, .55fr)) auto;
    align-items: end;
    gap: 8px;
    padding: 13px;
    border: 1px solid var(--note-border);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(6,27,51,.94), rgba(2,14,30,.96));
}

.admin-shell :is(
    .mk-note-filters label,
    .mk-note-form-fields label,
    .mk-note-overlay-settings > label,
    .mk-note-overlay-settings .is-two-column > label
) {
    display: grid;
    gap: 6px;
}

.admin-shell :is(
    .mk-note-filters,
    .mk-note-form-fields,
    .mk-note-overlay-settings
) label > span {
    color: #cbd9e8;
    font-size: .56rem;
    font-weight: 800;
}

.admin-shell :is(
    .mk-note-filters,
    .mk-note-form-fields,
    .mk-note-overlay-settings
) :is(input, select, textarea) {
    width: 100%;
    min-height: 39px;
    padding: 0 9px;
    border: 1px solid rgba(75,205,255,.2);
    border-radius: 9px;
    outline: 0;
    background: rgba(2,15,32,.86);
    color: #f4f8ff;
    font: inherit;
    font-size: .59rem;
}

.admin-shell .mk-note-form-fields textarea {
    min-height: 190px;
    padding: 10px;
    line-height: 1.5;
    resize: vertical;
}

.admin-shell .mk-note-filters > div {
    display: flex;
    gap: 6px;
}

.admin-shell .mk-note-filters :is(button, a) {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border: 1px solid rgba(59,220,255,.21);
    border-radius: 8px;
    background: rgba(0,132,187,.08);
    color: #82e5ff;
    font-size: .56rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.admin-shell .mk-note-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
    align-items: start;
    gap: 13px;
}

.admin-shell :is(
    .mk-note-list-panel,
    .mk-note-overlay-panel,
    .mk-note-form-card
) {
    overflow: hidden;
    border: 1px solid var(--note-border);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(6,27,51,.94), rgba(2,14,30,.96));
}

.admin-shell :is(
    .mk-note-list-panel,
    .mk-note-overlay-panel,
    .mk-note-form-card
) > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(74,166,211,.12);
}

.admin-shell :is(
    .mk-note-list-panel,
    .mk-note-overlay-panel,
    .mk-note-form-card
) > header h3 {
    margin: 0;
    color: #f5f9ff;
    font-size: .86rem;
}

.admin-shell .mk-note-list-panel > header > span {
    color: #7891ab;
    font-size: .52rem;
}

.admin-shell .mk-note-card-list {
    display: grid;
    gap: 9px;
    padding: 11px;
}

.admin-shell .mk-note-card {
    --mk-note-accent: #3bdcff;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--mk-note-accent) 26%, transparent);
    border-radius: 13px;
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--mk-note-accent) 8%, transparent), transparent 28%),
        rgba(1,11,24,.52);
}

.admin-shell .mk-note-card.is-trashed {
    opacity: .72;
    filter: grayscale(.4);
}

.admin-shell .mk-note-card-order {
    display: grid;
    width: 48px;
    align-content: center;
    justify-items: center;
    gap: 5px;
    padding: 8px 5px;
    border-right: 1px solid rgba(74,166,211,.1);
    background: rgba(0,5,14,.24);
}

.admin-shell .mk-note-card-order strong {
    color: var(--mk-note-accent);
    font-size: .53rem;
}

.admin-shell .mk-note-card-order form {
    margin: 0;
}

.admin-shell .mk-note-card-order button {
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border: 1px solid rgba(59,220,255,.15);
    border-radius: 7px;
    background: rgba(0,132,187,.06);
    color: #77def7;
    cursor: pointer;
}

.admin-shell .mk-note-card-content {
    min-width: 0;
    padding: 12px 13px;
}

.admin-shell .mk-note-card-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.admin-shell .mk-note-card-badges > span {
    display: inline-flex;
    min-height: 20px;
    align-items: center;
    padding: 0 6px;
    border: 1px solid rgba(75,205,255,.16);
    border-radius: 999px;
    color: #8ba7bf;
    font-size: .46rem;
    font-weight: 900;
    text-transform: uppercase;
}

.admin-shell .mk-note-card-badges > span.is-public,
.admin-shell .mk-note-card-badges > span.is-active {
    border-color: rgba(60,228,180,.23);
    color: #78eac7;
}

.admin-shell .mk-note-card-badges > span.is-overlay {
    border-color: rgba(182,140,255,.27);
    color: #c8aaff;
}

.admin-shell .mk-note-card-badges > span.is-scheduled {
    border-color: rgba(255,211,94,.25);
    color: #ffd970;
}

.admin-shell .mk-note-card-badges > span.is-expired {
    border-color: rgba(255,100,123,.25);
    color: #ff91a2;
}

.admin-shell .mk-note-card h4 {
    margin: 8px 0 0;
    color: #f1f7fd;
    font-size: .69rem;
}

.admin-shell .mk-note-card-content > p {
    margin: 7px 0 0;
    color: #96abc0;
    font-size: .57rem;
    line-height: 1.5;
    white-space: pre-line;
}

.admin-shell .mk-note-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 9px;
}

.admin-shell .mk-note-card-meta span {
    color: #7188a1;
    font-size: .49rem;
}

.admin-shell .mk-note-card-meta strong {
    color: #a9bdcf;
}

.admin-shell .mk-note-card-actions {
    display: grid;
    min-width: 125px;
    align-content: center;
    gap: 6px;
    padding: 10px;
    border-left: 1px solid rgba(74,166,211,.1);
}

.admin-shell .mk-note-card-actions form {
    margin: 0;
}

.admin-shell .mk-note-card-actions :is(a, button) {
    display: flex;
    width: 100%;
    min-height: 31px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border: 1px solid rgba(59,220,255,.16);
    border-radius: 7px;
    background: rgba(0,132,187,.055);
    color: #82e5ff;
    font: inherit;
    font-size: .49rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.admin-shell .mk-note-card-actions .is-overlay-active {
    border-color: rgba(182,140,255,.27);
    color: #c8aaff;
}

.admin-shell .mk-note-card-actions .is-delete {
    border-color: rgba(255,100,123,.22);
    color: #ff91a2;
}

.admin-shell .mk-note-card-actions .is-restore {
    border-color: rgba(60,228,180,.23);
    color: #78eac7;
}

.admin-shell .mk-note-empty {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 35px 18px;
    color: #8299b2;
    font-size: .6rem;
    text-align: center;
}

.admin-shell .mk-note-empty > span {
    color: #7fe5ff;
    font-size: 1.35rem;
}

.admin-shell .mk-note-empty strong {
    color: #eaf3fd;
}

.admin-shell .mk-note-empty a,
.admin-shell .mk-note-pagination a {
    color: #82e5ff;
    text-decoration: none;
}

.admin-shell .mk-note-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-top: 1px solid rgba(74,166,211,.11);
    color: #8299b2;
    font-size: .57rem;
}

.admin-shell .mk-note-overlay-panel > header > span {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 0 7px;
    border: 1px solid rgba(255,100,123,.24);
    border-radius: 999px;
    color: #ff91a2;
    font-size: .49rem;
    font-weight: 900;
}

.admin-shell .mk-note-overlay-panel > header > span.is-live {
    border-color: rgba(60,228,180,.25);
    color: #78eac7;
}

.admin-shell .mk-note-overlay-preview {
    height: 235px;
    overflow: hidden;
    border-bottom: 1px solid rgba(74,166,211,.1);
    background: rgba(255,255,255,.02);
}

.admin-shell .mk-note-overlay-preview iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.admin-shell .mk-note-overlay-url {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: end;
    gap: 7px;
    padding: 12px 13px;
    border-bottom: 1px solid rgba(74,166,211,.1);
}

.admin-shell .mk-note-overlay-url label {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.admin-shell .mk-note-overlay-url label > span {
    color: #cbd9e8;
    font-size: .54rem;
    font-weight: 800;
}

.admin-shell .mk-note-overlay-url input {
    min-width: 0;
    min-height: 36px;
    padding: 0 8px;
    border: 1px solid rgba(75,205,255,.17);
    border-radius: 8px;
    background: rgba(0,5,14,.48);
    color: #9fb5c9;
    font-size: .51rem;
}

.admin-shell .mk-note-overlay-url button,
.admin-shell .mk-note-token-form button {
    min-height: 36px;
    padding: 0 9px;
    border: 1px solid rgba(59,220,255,.21);
    border-radius: 8px;
    background: rgba(0,132,187,.08);
    color: #82e5ff;
    font-size: .51rem;
    font-weight: 850;
    cursor: pointer;
}

.admin-shell .mk-note-overlay-settings {
    display: grid;
    gap: 10px;
    padding: 13px;
}

.admin-shell .mk-note-overlay-settings .is-two-column {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px;
}

.admin-shell .mk-note-overlay-switch {
    display: flex !important;
    align-items: flex-start;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(60,228,180,.18);
    border-radius: 9px;
    background: rgba(17,158,117,.055);
}

.admin-shell .mk-note-overlay-switch input,
.admin-shell .mk-note-overlay-options input {
    width: auto !important;
    min-height: auto !important;
}

.admin-shell .mk-note-overlay-switch :is(strong, small) {
    display: block;
}

.admin-shell .mk-note-overlay-switch strong {
    color: #e7f0f9;
    font-size: .56rem;
}

.admin-shell .mk-note-overlay-switch small {
    margin-top: 4px;
    color: #7e94aa;
    font-size: .5rem;
}

.admin-shell .mk-note-overlay-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-shell .mk-note-overlay-options label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #a0b4c8;
    font-size: .52rem;
}

.admin-shell .mk-note-overlay-settings > button {
    min-height: 38px;
    border: 1px solid rgba(73,226,255,.62);
    border-radius: 8px;
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    color: #00101f;
    font-size: .54rem;
    font-weight: 900;
    cursor: pointer;
}

.admin-shell .mk-note-token-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    padding: 11px 13px;
    border-top: 1px solid rgba(74,166,211,.1);
}

.admin-shell .mk-note-token-form > span {
    color: #7188a1;
    font-size: .49rem;
}

.admin-shell .mk-note-token-form button {
    min-height: 31px;
    border-color: rgba(255,211,94,.22);
    background: rgba(199,144,0,.06);
    color: #ffd970;
}

/* Formular */
.admin-shell .mk-note-form-grid {
    display: grid;
    grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr);
    align-items: start;
    gap: 13px;
}

.admin-shell .mk-note-form-fields {
    display: grid;
    gap: 11px;
    padding: 14px;
}

.admin-shell .mk-note-form-fields.is-two-column {
    grid-template-columns: repeat(2, minmax(0,1fr));
}

.admin-shell .mk-note-color-field {
    display: flex;
    align-items: center;
    gap: 9px;
}

.admin-shell .mk-note-color-field input {
    width: 58px !important;
    padding: 4px !important;
}

.admin-shell .mk-note-color-field small {
    color: #748ba3;
    font-size: .5rem;
}

.admin-shell .mk-note-switch-list {
    display: grid;
    gap: 8px;
    padding: 14px;
}

.admin-shell .mk-note-switch-list label {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px;
    border: 1px solid rgba(75,205,255,.13);
    border-radius: 9px;
    background: rgba(0,132,187,.035);
}

.admin-shell .mk-note-switch-list :is(strong, small) {
    display: block;
}

.admin-shell .mk-note-switch-list strong {
    color: #dce8f4;
    font-size: .57rem;
}

.admin-shell .mk-note-switch-list small {
    margin-top: 4px;
    color: #7891ab;
    font-size: .51rem;
}

.admin-shell .mk-note-validation {
    padding: 12px 14px;
    border: 1px solid rgba(255,100,123,.24);
    border-radius: 10px;
    background: rgba(183,37,64,.08);
    color: #ff9bac;
    font-size: .57rem;
}

.admin-shell .mk-note-form-actions {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

@media (max-width: 1260px) {
    .admin-shell .mk-note-stat-grid {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }

    .admin-shell .mk-note-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .admin-shell .mk-note-filters {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .admin-shell .mk-note-filters .is-search {
        grid-column: span 2;
    }

    .admin-shell .mk-note-filters > div {
        grid-column: 1 / -1;
    }

    .admin-shell .mk-note-form-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .admin-shell .mk-note-page-hero {
        align-items: stretch;
        flex-direction: column;
        padding: 21px;
    }

    .admin-shell .mk-note-stat-grid,
    .admin-shell .mk-note-filters,
    .admin-shell .mk-note-form-fields.is-two-column,
    .admin-shell .mk-note-overlay-settings .is-two-column {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-note-filters .is-search,
    .admin-shell .mk-note-filters > div {
        grid-column: auto;
    }

    .admin-shell .mk-note-card {
        grid-template-columns: auto minmax(0,1fr);
    }

    .admin-shell .mk-note-card-actions {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0,1fr));
        border-top: 1px solid rgba(74,166,211,.1);
        border-left: 0;
    }

    .admin-shell .mk-note-overlay-url {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-note-form-actions {
        flex-direction: column;
    }

    .admin-shell .mk-note-form-actions :is(a, button) {
        width: 100%;
    }
}
/* END MARKUZI-PHASE-16-2-COMMUNITY-NOTES */


/* BEGIN MARKUZI-PHASE-16-3-COMMUNITY-CURRENCY */
.admin-shell .mk-community-currency-page {
    --currency-border: rgba(75, 205, 255, .18);
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 15px;
    margin: 0 auto;
}

.admin-shell .mk-currency-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    padding: 28px 30px;
    border: 1px solid var(--currency-border);
    border-radius: 21px;
    background:
        radial-gradient(
            circle at 83% 25%,
            rgba(59, 220, 255, .17),
            transparent 31%
        ),
        radial-gradient(
            circle at 70% 4%,
            rgba(60, 228, 180, .08),
            transparent 24%
        ),
        linear-gradient(
            135deg,
            rgba(7, 35, 65, .96),
            rgba(2, 13, 30, .97)
        );
}

.admin-shell .mk-currency-hero > div:first-child > a {
    display: inline-flex;
    margin-bottom: 11px;
    color: #79dff8;
    font-size: .61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-currency-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.55rem);
    line-height: 1.08;
}

.admin-shell .mk-currency-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #a8bdd4;
    font-size: .8rem;
    line-height: 1.62;
}

.admin-shell .mk-currency-hero-balance {
    display: grid;
    min-width: 230px;
    min-height: 126px;
    place-items: center;
    align-content: center;
    gap: 4px;
    border: 1px solid rgba(60, 228, 180, .26);
    border-radius: 17px;
    background: rgba(17, 158, 117, .07);
}

.admin-shell .mk-currency-hero-balance small {
    color: #80a0b7;
    font-size: .53rem;
    font-weight: 800;
    text-transform: uppercase;
}

.admin-shell .mk-currency-hero-balance strong {
    color: #fff;
    font-size: 1.75rem;
    line-height: 1;
}

.admin-shell .mk-currency-hero-balance span {
    color: #78eac7;
    font-size: .64rem;
    font-weight: 900;
}

.admin-shell .mk-currency-flash {
    padding: 11px 13px;
    border: 1px solid rgba(60, 228, 180, .25);
    border-radius: 10px;
    background: rgba(17, 158, 117, .08);
    color: #81e8c9;
    font-size: .61rem;
}

.admin-shell .mk-currency-flash.is-error {
    border-color: rgba(255, 100, 123, .25);
    background: rgba(183, 37, 64, .08);
    color: #ff9bac;
}

.admin-shell .mk-currency-stat-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 11px;
}

.admin-shell .mk-currency-stat-grid article {
    display: flex;
    min-height: 80px;
    align-items: center;
    gap: 11px;
    padding: 13px 14px;
    border: 1px solid var(--currency-border);
    border-radius: 14px;
    background: linear-gradient(
        145deg,
        rgba(7, 30, 56, .94),
        rgba(3, 15, 32, .96)
    );
}

.admin-shell .mk-currency-stat-grid article > span {
    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid rgba(59, 220, 255, .26);
    border-radius: 11px;
    background: rgba(0, 132, 187, .08);
    color: #82e5ff;
    font-size: .7rem;
    font-weight: 950;
}

.admin-shell .mk-currency-stat-grid :is(strong, small) {
    display: block;
}

.admin-shell .mk-currency-stat-grid strong {
    color: #fff;
    font-size: 1.05rem;
}

.admin-shell .mk-currency-stat-grid small {
    margin-top: 5px;
    color: #8299b1;
    font-size: .52rem;
}

.admin-shell .mk-currency-top-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(330px, .65fr);
    align-items: start;
    gap: 13px;
}

.admin-shell .mk-currency-panel {
    overflow: hidden;
    border: 1px solid var(--currency-border);
    border-radius: 16px;
    background: linear-gradient(
        145deg,
        rgba(6, 27, 51, .94),
        rgba(2, 14, 30, .96)
    );
}

.admin-shell .mk-currency-panel > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(74, 166, 211, .12);
}

.admin-shell .mk-currency-panel > header h3 {
    margin: 0;
    color: #f5f9ff;
    font-size: .88rem;
}

.admin-shell .mk-currency-panel > header > span {
    color: #7891ab;
    font-size: .52rem;
}

.admin-shell .mk-currency-panel > header > span.is-live,
.admin-shell .mk-currency-panel > header > span.is-offline {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 0 8px;
    border: 1px solid rgba(60, 228, 180, .25);
    border-radius: 999px;
    color: #78eac7;
    font-weight: 900;
}

.admin-shell .mk-currency-panel > header > span.is-offline {
    border-color: rgba(255, 100, 123, .24);
    color: #ff91a2;
}

.admin-shell .mk-currency-booking-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-shell .mk-currency-booking-grid form {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.admin-shell .mk-currency-booking-grid form + form {
    border-left: 1px solid rgba(74, 166, 211, .1);
}

.admin-shell .mk-currency-booking-grid h4 {
    margin: 0;
    color: #f1f7fd;
    font-size: .68rem;
}

.admin-shell .mk-currency-booking-grid form.is-credit h4 {
    color: #78eac7;
}

.admin-shell .mk-currency-booking-grid form.is-debit h4 {
    color: #ffd970;
}

.admin-shell :is(
    .mk-currency-booking-grid,
    .mk-currency-settings,
    .mk-currency-filters,
    .mk-currency-account-actions
) label {
    display: grid;
    gap: 6px;
}

.admin-shell :is(
    .mk-currency-booking-grid,
    .mk-currency-settings,
    .mk-currency-filters
) label > span {
    color: #cbd9e8;
    font-size: .56rem;
    font-weight: 800;
}

.admin-shell :is(
    .mk-currency-booking-grid,
    .mk-currency-settings,
    .mk-currency-filters,
    .mk-currency-account-actions
) :is(input, select, textarea) {
    width: 100%;
    min-height: 39px;
    padding: 0 9px;
    border: 1px solid rgba(75, 205, 255, .2);
    border-radius: 9px;
    outline: 0;
    background: rgba(2, 15, 32, .86);
    color: #f4f8ff;
    font: inherit;
    font-size: .57rem;
}

.admin-shell .mk-currency-booking-grid textarea {
    min-height: 78px;
    padding: 9px;
    resize: vertical;
}

.admin-shell .mk-currency-amount-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.admin-shell .mk-currency-amount-field input {
    border-radius: 9px 0 0 9px !important;
}

.admin-shell .mk-currency-amount-field b {
    display: grid;
    min-width: 48px;
    place-items: center;
    border: 1px solid rgba(75, 205, 255, .2);
    border-left: 0;
    border-radius: 0 9px 9px 0;
    background: rgba(0, 132, 187, .08);
    color: #82e5ff;
    font-size: .55rem;
}

.admin-shell .mk-currency-booking-grid button,
.admin-shell .mk-currency-settings > button {
    min-height: 38px;
    border: 1px solid rgba(73, 226, 255, .55);
    border-radius: 8px;
    background: linear-gradient(
        135deg,
        #0aa5ff,
        #15d5ff
    );
    color: #00101f;
    font-size: .54rem;
    font-weight: 900;
    cursor: pointer;
}

.admin-shell .mk-currency-booking-grid .is-debit button {
    border-color: rgba(255, 211, 94, .42);
    background: linear-gradient(
        135deg,
        #d8a816,
        #ffd35e
    );
}

.admin-shell .mk-currency-settings {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.admin-shell .mk-currency-switch {
    display: flex !important;
    align-items: flex-start;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(60, 228, 180, .17);
    border-radius: 9px;
    background: rgba(17, 158, 117, .05);
}

.admin-shell .mk-currency-switch input {
    width: auto !important;
    min-height: auto !important;
}

.admin-shell .mk-currency-switch :is(strong, small) {
    display: block;
}

.admin-shell .mk-currency-switch strong {
    color: #e7f0f9;
    font-size: .56rem;
}

.admin-shell .mk-currency-switch small {
    margin-top: 4px;
    color: #7e94aa;
    font-size: .49rem;
    line-height: 1.4;
}

.admin-shell .mk-currency-safety-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 12px 14px;
    border-top: 1px solid rgba(74, 166, 211, .1);
    background: rgba(17, 158, 117, .035);
}

.admin-shell .mk-currency-safety-note > span {
    color: #78eac7;
    font-weight: 950;
}

.admin-shell .mk-currency-safety-note p {
    margin: 0;
    color: #8198ae;
    font-size: .52rem;
    line-height: 1.48;
}

.admin-shell .mk-currency-filters {
    display: grid;
    grid-template-columns:
        minmax(230px, 1fr)
        minmax(160px, .45fr)
        auto
        auto;
    align-items: end;
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(74, 166, 211, .1);
}

.admin-shell .mk-currency-filters :is(button, a) {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid rgba(59, 220, 255, .2);
    border-radius: 8px;
    background: rgba(0, 132, 187, .07);
    color: #82e5ff;
    font-size: .53rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.admin-shell .mk-currency-account-list {
    display: grid;
}

.admin-shell .mk-currency-account-list > article {
    display: grid;
    grid-template-columns:
        minmax(210px, .8fr)
        minmax(330px, 1.2fr)
        minmax(120px, .4fr)
        minmax(180px, .6fr);
    align-items: center;
    gap: 13px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(74, 166, 211, .09);
}

.admin-shell .mk-currency-account-list > article.is-locked {
    background: rgba(183, 37, 64, .035);
}


.admin-shell .mk-currency-missing-avatar {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(75, 205, 255, .18);
    border-radius: 50%;
    background: rgba(0, 132, 187, .06);
    color: #7891ab;
    font-size: .65rem;
    font-weight: 900;
}

.admin-shell .mk-currency-user {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.admin-shell .mk-currency-user :is(strong, small) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .mk-currency-user strong {
    color: #eaf3fd;
    font-size: .59rem;
}

.admin-shell .mk-currency-user small {
    margin-top: 4px;
    color: #7289a1;
    font-size: .49rem;
}

.admin-shell .mk-currency-account-list dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin: 0;
}

.admin-shell .mk-currency-account-list dl div {
    padding: 7px 8px;
    border: 1px solid rgba(75, 205, 255, .1);
    border-radius: 8px;
    background: rgba(0, 132, 187, .025);
}

.admin-shell .mk-currency-account-list dt {
    color: #7188a1;
    font-size: .46rem;
}

.admin-shell .mk-currency-account-list dd {
    margin: 4px 0 0;
    color: #dfeaf5;
    font-size: .55rem;
    font-weight: 850;
}

.admin-shell .mk-currency-account-status {
    display: grid;
    gap: 4px;
}

.admin-shell .mk-currency-account-status > span {
    display: inline-flex;
    width: fit-content;
    min-height: 23px;
    align-items: center;
    padding: 0 7px;
    border: 1px solid rgba(60, 228, 180, .22);
    border-radius: 999px;
    color: #78eac7;
    font-size: .48rem;
    font-weight: 900;
}

.admin-shell .mk-currency-account-status > span.is-locked {
    border-color: rgba(255, 100, 123, .22);
    color: #ff91a2;
}

.admin-shell .mk-currency-account-status small {
    color: #8a7380;
    font-size: .46rem;
}

.admin-shell .mk-currency-account-actions form {
    display: grid;
    gap: 6px;
    margin: 0;
}

.admin-shell .mk-currency-account-actions button {
    min-height: 31px;
    border: 1px solid rgba(255, 100, 123, .21);
    border-radius: 7px;
    background: rgba(183, 37, 64, .06);
    color: #ff91a2;
    font-size: .49rem;
    font-weight: 850;
    cursor: pointer;
}

.admin-shell .mk-currency-account-actions button.is-unlock {
    border-color: rgba(60, 228, 180, .22);
    background: rgba(17, 158, 117, .05);
    color: #78eac7;
}

.admin-shell .mk-currency-transaction-list {
    display: grid;
}

.admin-shell .mk-currency-transaction-list > article {
    display: grid;
    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(74, 166, 211, .09);
}

.admin-shell .mk-currency-direction {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(60, 228, 180, .23);
    border-radius: 10px;
    background: rgba(17, 158, 117, .06);
    color: #78eac7;
    font-weight: 950;
}

.admin-shell .mk-currency-transaction-list
    article.is-debit .mk-currency-direction {
    border-color: rgba(255, 211, 94, .23);
    background: rgba(199, 144, 0, .05);
    color: #ffd970;
}

.admin-shell .mk-currency-transaction-main {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.admin-shell .mk-currency-transaction-main > div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
}

.admin-shell .mk-currency-transaction-main strong {
    color: #eaf3fd;
    font-size: .58rem;
}

.admin-shell .mk-currency-transaction-main span {
    color: #91a6bb;
    font-size: .55rem;
}

.admin-shell .mk-currency-transaction-main small {
    color: #7188a1;
    font-size: .47rem;
}

.admin-shell .mk-currency-transaction-main code {
    overflow: hidden;
    color: #607991;
    font-size: .43rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .mk-currency-transaction-values {
    display: grid;
    justify-items: end;
    gap: 4px;
}

.admin-shell .mk-currency-transaction-values strong {
    color: #78eac7;
    font-size: .65rem;
}

.admin-shell .is-debit
    .mk-currency-transaction-values strong {
    color: #ffd970;
}

.admin-shell .mk-currency-transaction-values small {
    color: #7188a1;
    font-size: .48rem;
}

.admin-shell .mk-currency-empty {
    padding: 30px 18px;
    color: #8299b2;
    font-size: .58rem;
    text-align: center;
}

.admin-shell .mk-currency-pagination {
    padding: 12px 14px;
    border-top: 1px solid rgba(74, 166, 211, .1);
}

@media (max-width: 1250px) {
    .admin-shell .mk-currency-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .admin-shell .mk-currency-top-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-currency-account-list > article {
        grid-template-columns:
            minmax(200px, .8fr)
            minmax(320px, 1.2fr);
    }
}

@media (max-width: 850px) {
    .admin-shell .mk-currency-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-shell .mk-currency-booking-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-currency-booking-grid form + form {
        border-top: 1px solid rgba(74, 166, 211, .1);
        border-left: 0;
    }

    .admin-shell .mk-currency-filters {
        grid-template-columns: 1fr 1fr;
    }

    .admin-shell .mk-currency-account-list > article {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .admin-shell .mk-currency-stat-grid,
    .admin-shell .mk-currency-filters {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-currency-account-list dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-shell .mk-currency-transaction-list > article {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .admin-shell .mk-currency-transaction-values {
        grid-column: 1 / -1;
        justify-items: start;
    }
}
/* END MARKUZI-PHASE-16-3-COMMUNITY-CURRENCY */


/* BEGIN MARKUZI-PHASE-16-4-PROMOCODES-ADMIN */
.admin-shell .mk-community-promocodes-page {
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 15px;
    margin: 0 auto;
}

.admin-shell .mk-promocode-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    overflow: hidden;
    padding: 27px 29px;
    border: 1px solid rgba(75,205,255,.19);
    border-radius: 20px;
    background:
        radial-gradient(circle at 84% 20%, rgba(60,228,180,.15), transparent 31%),
        radial-gradient(circle at 72% 4%, rgba(59,220,255,.08), transparent 25%),
        linear-gradient(135deg, rgba(7,35,65,.96), rgba(2,13,30,.97));
}

.admin-shell .mk-promocode-hero > div > a {
    display: inline-flex;
    margin-bottom: 11px;
    color: #79dff8;
    font-size: .61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-promocode-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
}

.admin-shell .mk-promocode-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #a7bbd0;
    font-size: .79rem;
    line-height: 1.62;
}

.admin-shell .mk-promocode-primary,
.admin-shell .mk-promocode-form-actions :is(a, button) {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid rgba(73,226,255,.58);
    border-radius: 9px;
    background: linear-gradient(135deg, #0aa5ff, #15d5ff);
    color: #00101f;
    font-size: .58rem;
    font-weight: 900;
    text-decoration: none;
}

.admin-shell .mk-promocode-hero-symbol {
    display: grid;
    width: 74px;
    height: 74px;
    place-items: center;
    border: 1px solid rgba(60,228,180,.28);
    border-radius: 18px;
    background: rgba(17,158,117,.07);
    color: #78eac7;
    font-size: 1.55rem;
    font-weight: 950;
}

.admin-shell .mk-promocode-flash {
    padding: 11px 13px;
    border: 1px solid rgba(60,228,180,.25);
    border-radius: 10px;
    background: rgba(17,158,117,.08);
    color: #81e8c9;
    font-size: .61rem;
}

.admin-shell .mk-promocode-flash.is-error {
    border-color: rgba(255,100,123,.25);
    background: rgba(183,37,64,.08);
    color: #ff9bac;
}

.admin-shell .mk-promocode-stat-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 11px;
}

.admin-shell .mk-promocode-stat-grid article {
    display: flex;
    min-height: 80px;
    align-items: center;
    gap: 11px;
    padding: 13px 14px;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(7,30,56,.94), rgba(3,15,32,.96));
}

.admin-shell .mk-promocode-stat-grid article > span {
    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid rgba(60,228,180,.25);
    border-radius: 11px;
    background: rgba(17,158,117,.06);
    color: #78eac7;
    font-size: .67rem;
    font-weight: 950;
}

.admin-shell .mk-promocode-stat-grid :is(strong, small) {
    display: block;
}

.admin-shell .mk-promocode-stat-grid strong {
    color: #fff;
    font-size: 1.08rem;
}

.admin-shell .mk-promocode-stat-grid small {
    margin-top: 5px;
    color: #8299b1;
    font-size: .53rem;
}

.admin-shell .mk-promocode-filters {
    display: grid;
    grid-template-columns: minmax(250px,1fr) minmax(160px,.4fr) auto auto;
    align-items: end;
    gap: 8px;
    padding: 13px;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(6,27,51,.94), rgba(2,14,30,.96));
}

.admin-shell :is(
    .mk-promocode-filters,
    .mk-promocode-fields
) label {
    display: grid;
    gap: 6px;
}

.admin-shell :is(
    .mk-promocode-filters,
    .mk-promocode-fields
) label > span {
    color: #cbd9e8;
    font-size: .56rem;
    font-weight: 800;
}

.admin-shell :is(
    .mk-promocode-filters,
    .mk-promocode-fields
) :is(input, select, textarea) {
    width: 100%;
    min-height: 39px;
    padding: 0 9px;
    border: 1px solid rgba(75,205,255,.2);
    border-radius: 9px;
    outline: 0;
    background: rgba(2,15,32,.86);
    color: #f4f8ff;
    font: inherit;
    font-size: .58rem;
}

.admin-shell .mk-promocode-fields textarea {
    min-height: 160px;
    padding: 10px;
    line-height: 1.5;
    resize: vertical;
}

.admin-shell .mk-promocode-fields small {
    color: #7188a1;
    font-size: .49rem;
}

.admin-shell .mk-promocode-filters :is(button, a) {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid rgba(59,220,255,.2);
    border-radius: 8px;
    background: rgba(0,132,187,.07);
    color: #82e5ff;
    font-size: .53rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.admin-shell .mk-promocode-layout {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr);
    align-items: start;
    gap: 13px;
}

.admin-shell .mk-promocode-panel {
    overflow: hidden;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(6,27,51,.94), rgba(2,14,30,.96));
}

.admin-shell .mk-promocode-panel > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(74,166,211,.12);
}

.admin-shell .mk-promocode-panel > header h3 {
    margin: 0;
    color: #f5f9ff;
    font-size: .86rem;
}

.admin-shell .mk-promocode-list {
    display: grid;
    gap: 9px;
    padding: 11px;
}

.admin-shell .mk-promocode-list > article {
    display: grid;
    grid-template-columns: minmax(140px,.45fr) minmax(0,1fr) auto;
    gap: 13px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(75,205,255,.12);
    border-radius: 12px;
    background: rgba(0,12,27,.46);
}

.admin-shell .mk-promocode-code {
    display: grid;
    gap: 7px;
}

.admin-shell .mk-promocode-code code {
    color: #78eac7;
    font-size: .62rem;
    font-weight: 900;
    word-break: break-all;
}

.admin-shell .mk-promocode-code span {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    align-items: center;
    padding: 0 7px;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 999px;
    color: #8ba7bf;
    font-size: .46rem;
    font-weight: 900;
    text-transform: uppercase;
}

.admin-shell .mk-promocode-code span.is-aktiv {
    border-color: rgba(60,228,180,.24);
    color: #78eac7;
}

.admin-shell .mk-promocode-code span.is-geplant {
    border-color: rgba(255,211,94,.24);
    color: #ffd970;
}

.admin-shell .mk-promocode-main h4 {
    margin: 0;
    color: #eff6fd;
    font-size: .67rem;
}

.admin-shell .mk-promocode-main p {
    margin: 6px 0 0;
    color: #8ea4ba;
    font-size: .54rem;
    line-height: 1.45;
}

.admin-shell .mk-promocode-main > div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 11px;
    margin-top: 8px;
}

.admin-shell .mk-promocode-main > div span {
    color: #7188a1;
    font-size: .49rem;
}

.admin-shell .mk-promocode-actions {
    display: grid;
    min-width: 110px;
    gap: 6px;
}

.admin-shell .mk-promocode-actions form {
    margin: 0;
}

.admin-shell .mk-promocode-actions :is(a, button) {
    display: flex;
    width: 100%;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border: 1px solid rgba(59,220,255,.16);
    border-radius: 7px;
    background: rgba(0,132,187,.055);
    color: #82e5ff;
    font: inherit;
    font-size: .48rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.admin-shell .mk-promocode-actions .is-delete {
    border-color: rgba(255,100,123,.22);
    color: #ff91a2;
}

.admin-shell .mk-promocode-redemptions {
    display: grid;
}

.admin-shell .mk-promocode-redemptions article {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 5px 10px;
    padding: 11px 13px;
    border-bottom: 1px solid rgba(74,166,211,.09);
}

.admin-shell .mk-promocode-redemptions :is(strong, small, time) {
    display: block;
}

.admin-shell .mk-promocode-redemptions strong {
    color: #eaf3fd;
    font-size: .56rem;
}

.admin-shell .mk-promocode-redemptions small,
.admin-shell .mk-promocode-redemptions time {
    margin-top: 4px;
    color: #7188a1;
    font-size: .47rem;
}

.admin-shell .mk-promocode-redemptions article > span {
    color: #78eac7;
    font-size: .56rem;
    font-weight: 900;
}

.admin-shell .mk-promocode-redemptions time {
    grid-column: 1 / -1;
}

.admin-shell .mk-promocode-empty {
    padding: 28px 16px;
    color: #8299b2;
    font-size: .57rem;
    text-align: center;
}

.admin-shell .mk-promocode-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    align-items: start;
    gap: 13px;
}

.admin-shell .mk-promocode-fields {
    display: grid;
    gap: 11px;
    padding: 14px;
}

.admin-shell .mk-promocode-amount {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
}

.admin-shell .mk-promocode-amount input {
    border-radius: 9px 0 0 9px !important;
}

.admin-shell .mk-promocode-amount b {
    display: grid;
    min-width: 50px;
    place-items: center;
    border: 1px solid rgba(75,205,255,.2);
    border-left: 0;
    border-radius: 0 9px 9px 0;
    background: rgba(0,132,187,.08);
    color: #82e5ff;
    font-size: .54rem;
}

.admin-shell .mk-promocode-form-actions {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.admin-shell .mk-promocode-form-actions a {
    border-color: rgba(59,220,255,.2);
    background: rgba(0,132,187,.07);
    color: #82e5ff;
}

@media (max-width: 1250px) {
    .admin-shell .mk-promocode-stat-grid {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }

    .admin-shell .mk-promocode-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 850px) {
    .admin-shell .mk-promocode-filters,
    .admin-shell .mk-promocode-form-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-promocode-list > article {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-promocode-actions {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 650px) {
    .admin-shell .mk-promocode-stat-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-promocode-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-shell .mk-promocode-form-actions {
        flex-direction: column;
    }

    .admin-shell .mk-promocode-form-actions :is(a, button) {
        width: 100%;
    }
}
/* END MARKUZI-PHASE-16-4-PROMOCODES-ADMIN */


/* BEGIN MARKUZI-PHASE-16-5-GIVEAWAYS-ADMIN */
.admin-shell .mk-community-giveaways-page {
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 15px;
    margin: 0 auto;
}

.admin-shell .mk-giveaway-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    overflow: hidden;
    padding: 27px 29px;
    border: 1px solid rgba(75,205,255,.19);
    border-radius: 20px;
    background:
        radial-gradient(circle at 84% 20%, rgba(255,211,94,.15), transparent 31%),
        radial-gradient(circle at 70% 4%, rgba(59,220,255,.08), transparent 25%),
        linear-gradient(135deg, rgba(7,35,65,.96), rgba(2,13,30,.97));
}

.admin-shell .mk-giveaway-hero > div > a {
    display: inline-flex;
    margin-bottom: 11px;
    color: #79dff8;
    font-size: .61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-giveaway-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem,3vw,2.5rem);
}

.admin-shell .mk-giveaway-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #a7bbd0;
    font-size: .79rem;
    line-height: 1.62;
}

.admin-shell .mk-giveaway-primary,
.admin-shell .mk-giveaway-form-actions :is(a,button) {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid rgba(73,226,255,.58);
    border-radius: 9px;
    background: linear-gradient(135deg,#0aa5ff,#15d5ff);
    color: #00101f;
    font-size: .58rem;
    font-weight: 900;
    text-decoration: none;
}

.admin-shell .mk-giveaway-hero-symbol {
    display: grid;
    width: 74px;
    height: 74px;
    place-items: center;
    border: 1px solid rgba(255,211,94,.28);
    border-radius: 18px;
    background: rgba(199,144,0,.07);
    color: #ffd970;
    font-size: 1.55rem;
    font-weight: 950;
}

.admin-shell .mk-giveaway-flash {
    padding: 11px 13px;
    border: 1px solid rgba(60,228,180,.25);
    border-radius: 10px;
    background: rgba(17,158,117,.08);
    color: #81e8c9;
    font-size: .61rem;
}

.admin-shell .mk-giveaway-flash.is-error {
    border-color: rgba(255,100,123,.25);
    background: rgba(183,37,64,.08);
    color: #ff9bac;
}

.admin-shell .mk-giveaway-stat-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 11px;
}

.admin-shell .mk-giveaway-stat-grid article {
    display: flex;
    min-height: 80px;
    align-items: center;
    gap: 11px;
    padding: 13px 14px;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 14px;
    background: linear-gradient(145deg,rgba(7,30,56,.94),rgba(3,15,32,.96));
}

.admin-shell .mk-giveaway-stat-grid article > span {
    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid rgba(255,211,94,.25);
    border-radius: 11px;
    background: rgba(199,144,0,.06);
    color: #ffd970;
    font-size: .67rem;
    font-weight: 950;
}

.admin-shell .mk-giveaway-stat-grid :is(strong,small) {
    display: block;
}

.admin-shell .mk-giveaway-stat-grid strong {
    color: #fff;
    font-size: 1.08rem;
}

.admin-shell .mk-giveaway-stat-grid small {
    margin-top: 5px;
    color: #8299b1;
    font-size: .53rem;
}

.admin-shell .mk-giveaway-filters {
    display: grid;
    grid-template-columns: minmax(250px,1fr) minmax(160px,.4fr) auto auto;
    align-items: end;
    gap: 8px;
    padding: 13px;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 14px;
    background: linear-gradient(145deg,rgba(6,27,51,.94),rgba(2,14,30,.96));
}

.admin-shell :is(
    .mk-giveaway-filters,
    .mk-giveaway-fields
) label {
    display: grid;
    gap: 6px;
}

.admin-shell :is(
    .mk-giveaway-filters,
    .mk-giveaway-fields
) label > span {
    color: #cbd9e8;
    font-size: .56rem;
    font-weight: 800;
}

.admin-shell :is(
    .mk-giveaway-filters,
    .mk-giveaway-fields
) :is(input,select,textarea) {
    width: 100%;
    min-height: 39px;
    padding: 0 9px;
    border: 1px solid rgba(75,205,255,.2);
    border-radius: 9px;
    outline: 0;
    background: rgba(2,15,32,.86);
    color: #f4f8ff;
    font: inherit;
    font-size: .58rem;
}

.admin-shell .mk-giveaway-fields textarea {
    min-height: 145px;
    padding: 10px;
    line-height: 1.5;
    resize: vertical;
}

.admin-shell .mk-giveaway-fields small {
    color: #7188a1;
    font-size: .49rem;
    line-height: 1.45;
}

.admin-shell .mk-giveaway-filters :is(button,a) {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid rgba(59,220,255,.2);
    border-radius: 8px;
    background: rgba(0,132,187,.07);
    color: #82e5ff;
    font-size: .53rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.admin-shell .mk-giveaway-layout {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr);
    align-items: start;
    gap: 13px;
}

.admin-shell .mk-giveaway-panel {
    overflow: hidden;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 16px;
    background: linear-gradient(145deg,rgba(6,27,51,.94),rgba(2,14,30,.96));
}

.admin-shell .mk-giveaway-panel > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(74,166,211,.12);
}

.admin-shell .mk-giveaway-panel > header h3 {
    margin: 0;
    color: #f5f9ff;
    font-size: .86rem;
}

.admin-shell .mk-giveaway-list {
    display: grid;
    gap: 9px;
    padding: 11px;
}

.admin-shell .mk-giveaway-list > article {
    display: grid;
    grid-template-columns: minmax(150px,.45fr) minmax(0,1fr) auto;
    gap: 13px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(75,205,255,.12);
    border-radius: 12px;
    background: rgba(0,12,27,.46);
}

.admin-shell .mk-giveaway-status {
    display: grid;
    gap: 7px;
}

.admin-shell .mk-giveaway-status > span {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    align-items: center;
    padding: 0 7px;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 999px;
    color: #8ba7bf;
    font-size: .46rem;
    font-weight: 900;
    text-transform: uppercase;
}

.admin-shell .mk-giveaway-status > span.is-aktiv {
    border-color: rgba(60,228,180,.24);
    color: #78eac7;
}

.admin-shell .mk-giveaway-status > span.is-geplant,
.admin-shell .mk-giveaway-status > span.is-beendet {
    border-color: rgba(255,211,94,.24);
    color: #ffd970;
}

.admin-shell .mk-giveaway-status > span.is-ausgelost {
    border-color: rgba(182,140,255,.24);
    color: #c8aaff;
}

.admin-shell .mk-giveaway-status small {
    color: #7188a1;
    font-size: .47rem;
    line-height: 1.45;
}

.admin-shell .mk-giveaway-main h4 {
    margin: 0;
    color: #eff6fd;
    font-size: .67rem;
}

.admin-shell .mk-giveaway-main > p {
    margin: 6px 0 0;
    color: #8ea4ba;
    font-size: .54rem;
    line-height: 1.45;
}

.admin-shell .mk-giveaway-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 11px;
    margin-top: 8px;
}

.admin-shell .mk-giveaway-meta span {
    color: #7188a1;
    font-size: .49rem;
}

.admin-shell .mk-giveaway-winners {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 9px;
}

.admin-shell .mk-giveaway-winners span {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    padding: 0 7px;
    border: 1px solid rgba(182,140,255,.2);
    border-radius: 999px;
    color: #c8aaff;
    font-size: .47rem;
}

.admin-shell .mk-giveaway-actions {
    display: grid;
    min-width: 118px;
    gap: 6px;
}

.admin-shell .mk-giveaway-actions form {
    margin: 0;
}

.admin-shell .mk-giveaway-actions :is(a,button) {
    display: flex;
    width: 100%;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border: 1px solid rgba(59,220,255,.16);
    border-radius: 7px;
    background: rgba(0,132,187,.055);
    color: #82e5ff;
    font: inherit;
    font-size: .48rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.admin-shell .mk-giveaway-actions .is-draw {
    border-color: rgba(255,211,94,.25);
    color: #ffd970;
}

.admin-shell .mk-giveaway-actions .is-delete {
    border-color: rgba(255,100,123,.22);
    color: #ff91a2;
}

.admin-shell .mk-giveaway-recent {
    display: grid;
}

.admin-shell .mk-giveaway-recent article {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px;
    padding: 11px 13px;
    border-bottom: 1px solid rgba(74,166,211,.09);
}

.admin-shell .mk-giveaway-recent :is(strong,small,time) {
    display: block;
}

.admin-shell .mk-giveaway-recent strong {
    color: #eaf3fd;
    font-size: .56rem;
}

.admin-shell .mk-giveaway-recent small,
.admin-shell .mk-giveaway-recent time {
    margin-top: 4px;
    color: #7188a1;
    font-size: .47rem;
}

.admin-shell .mk-giveaway-empty {
    padding: 28px 16px;
    color: #8299b2;
    font-size: .57rem;
    text-align: center;
}

.admin-shell .mk-giveaway-form-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: start;
    gap: 13px;
}

.admin-shell .mk-giveaway-fields {
    display: grid;
    gap: 11px;
    padding: 14px;
}

.admin-shell .mk-giveaway-amount {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
}

.admin-shell .mk-giveaway-amount input {
    border-radius: 9px 0 0 9px !important;
}

.admin-shell .mk-giveaway-amount b {
    display: grid;
    min-width: 50px;
    place-items: center;
    border: 1px solid rgba(75,205,255,.2);
    border-left: 0;
    border-radius: 0 9px 9px 0;
    background: rgba(0,132,187,.08);
    color: #82e5ff;
    font-size: .54rem;
}

.admin-shell .mk-giveaway-switches {
    display: grid;
    gap: 9px;
    padding: 14px;
}

.admin-shell .mk-giveaway-switches label {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px;
    border: 1px solid rgba(75,205,255,.13);
    border-radius: 9px;
    background: rgba(0,132,187,.035);
}

.admin-shell .mk-giveaway-switches :is(strong,small) {
    display: block;
}

.admin-shell .mk-giveaway-switches strong {
    color: #dce8f4;
    font-size: .57rem;
}

.admin-shell .mk-giveaway-switches small {
    margin-top: 4px;
    color: #7891ab;
    font-size: .51rem;
    line-height: 1.42;
}

.admin-shell .mk-giveaway-form-actions {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.admin-shell .mk-giveaway-form-actions a {
    border-color: rgba(59,220,255,.2);
    background: rgba(0,132,187,.07);
    color: #82e5ff;
}

@media (max-width: 1250px) {
    .admin-shell .mk-giveaway-stat-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .admin-shell .mk-giveaway-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 850px) {
    .admin-shell .mk-giveaway-filters,
    .admin-shell .mk-giveaway-form-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-giveaway-list > article {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-giveaway-actions {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 650px) {
    .admin-shell .mk-giveaway-stat-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-giveaway-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-shell .mk-giveaway-form-actions {
        flex-direction: column;
    }

    .admin-shell .mk-giveaway-form-actions :is(a,button) {
        width: 100%;
    }
}

.admin-shell .mk-giveaway-participant-summary {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 11px;
}

.admin-shell .mk-giveaway-participant-summary article {
    padding: 14px;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 13px;
    background: linear-gradient(145deg,rgba(7,30,56,.94),rgba(3,15,32,.96));
}

.admin-shell .mk-giveaway-participant-summary :is(strong,small) {
    display: block;
}

.admin-shell .mk-giveaway-participant-summary strong {
    color: #fff;
    font-size: 1.05rem;
}

.admin-shell .mk-giveaway-participant-summary small {
    margin-top: 5px;
    color: #8299b1;
    font-size: .51rem;
}

.admin-shell .mk-giveaway-winner-table,
.admin-shell .mk-giveaway-participant-list {
    display: grid;
}

.admin-shell .mk-giveaway-winner-table article,
.admin-shell .mk-giveaway-participant-list article {
    display: grid;
    grid-template-columns: auto minmax(180px,.8fr) minmax(180px,1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 11px 14px;
    border-bottom: 1px solid rgba(74,166,211,.09);
}

.admin-shell .mk-giveaway-winner-table article > span {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 1px solid rgba(255,211,94,.24);
    border-radius: 9px;
    color: #ffd970;
    font-size: .55rem;
    font-weight: 950;
}

.admin-shell :is(
    .mk-giveaway-winner-table,
    .mk-giveaway-participant-list
) :is(strong,small,time) {
    display: block;
}

.admin-shell :is(
    .mk-giveaway-winner-table,
    .mk-giveaway-participant-list
) strong {
    color: #eaf3fd;
    font-size: .56rem;
}

.admin-shell :is(
    .mk-giveaway-winner-table,
    .mk-giveaway-participant-list
) small,
.admin-shell :is(
    .mk-giveaway-winner-table,
    .mk-giveaway-participant-list
) time {
    margin-top: 4px;
    color: #7188a1;
    font-size: .47rem;
}

.admin-shell .mk-giveaway-participant-list article > span {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    align-items: center;
    padding: 0 7px;
    border: 1px solid rgba(60,228,180,.22);
    border-radius: 999px;
    color: #78eac7;
    font-size: .46rem;
    font-weight: 900;
}

.admin-shell .mk-giveaway-participant-list article.is-withdrawn > span {
    border-color: rgba(255,100,123,.2);
    color: #ff91a2;
}

@media (max-width: 850px) {
    .admin-shell .mk-giveaway-participant-summary {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .admin-shell .mk-giveaway-winner-table article,
    .admin-shell .mk-giveaway-participant-list article {
        grid-template-columns: auto minmax(0,1fr);
    }
}

@media (max-width: 520px) {
    .admin-shell .mk-giveaway-participant-summary {
        grid-template-columns: 1fr;
    }
}

/* END MARKUZI-PHASE-16-5-GIVEAWAYS-ADMIN */


/* BEGIN MARKUZI-PHASE-16-5-1-DASHBOARD-GIVEAWAYS */
.admin-shell .mk-dashboard-giveaways {
    display: grid;
    gap: 13px;
    margin-top: 16px;
    padding: 17px;
    border: 1px solid rgba(255,211,94,.2);
    border-radius: 17px;
    background:
        radial-gradient(
            circle at 91% 0,
            rgba(255,211,94,.08),
            transparent 29%
        ),
        linear-gradient(
            145deg,
            rgba(6,27,51,.95),
            rgba(2,14,30,.97)
        );
}

.admin-shell .mk-dashboard-giveaways-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.admin-shell .mk-dashboard-giveaways-heading h3 {
    margin: 0;
    color: #f5f9ff;
    font-size: .92rem;
}

.admin-shell .mk-dashboard-giveaways-heading p {
    margin: 6px 0 0;
    color: #839ab1;
    font-size: .58rem;
    line-height: 1.5;
}

.admin-shell .mk-dashboard-giveaways-heading > a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid rgba(255,211,94,.22);
    border-radius: 8px;
    background: rgba(199,144,0,.05);
    color: #ffd970;
    font-size: .52rem;
    font-weight: 900;
    text-decoration: none;
}

.admin-shell .mk-dashboard-giveaway-flash {
    padding: 10px 12px;
    border: 1px solid rgba(60,228,180,.22);
    border-radius: 9px;
    background: rgba(17,158,117,.065);
    color: #81e8c9;
    font-size: .56rem;
}

.admin-shell .mk-dashboard-giveaway-flash.is-error {
    border-color: rgba(255,100,123,.24);
    background: rgba(183,37,64,.07);
    color: #ff9bac;
}

.admin-shell .mk-dashboard-giveaway-grid {
    display: grid;
    grid-template-columns: repeat(
        2,
        minmax(0,1fr)
    );
    gap: 10px;
}

.admin-shell .mk-dashboard-giveaway-card {
    display: grid;
    align-content: start;
    gap: 10px;
    padding: 13px;
    border: 1px solid rgba(75,205,255,.13);
    border-radius: 12px;
    background: rgba(0,12,27,.46);
}

.admin-shell .mk-dashboard-giveaway-card > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.admin-shell .mk-dashboard-giveaway-status,
.admin-shell .mk-dashboard-giveaway-personal {
    display: inline-flex;
    min-height: 21px;
    align-items: center;
    padding: 0 7px;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 999px;
    color: #91a8be;
    font-size: .44rem;
    font-weight: 900;
    text-transform: uppercase;
}

.admin-shell .mk-dashboard-giveaway-status.is-active,
.admin-shell .mk-dashboard-giveaway-personal {
    border-color: rgba(60,228,180,.24);
    color: #78eac7;
}

.admin-shell .mk-dashboard-giveaway-status.is-scheduled {
    border-color: rgba(255,211,94,.24);
    color: #ffd970;
}

.admin-shell .mk-dashboard-giveaway-status.is-drawn,
.admin-shell .mk-dashboard-giveaway-personal.is-winner {
    border-color: rgba(182,140,255,.24);
    color: #c8aaff;
}

.admin-shell .mk-dashboard-giveaway-copy h4 {
    margin: 0;
    color: #eef5fc;
    font-size: .67rem;
}

.admin-shell .mk-dashboard-giveaway-copy p {
    margin: 6px 0 0;
    color: #859cb2;
    font-size: .52rem;
    line-height: 1.5;
}

.admin-shell .mk-dashboard-giveaway-prize {
    display: grid;
    grid-template-columns: repeat(
        2,
        minmax(0,1fr)
    );
    gap: 7px;
}

.admin-shell .mk-dashboard-giveaway-prize span {
    padding: 8px;
    border: 1px solid rgba(255,211,94,.13);
    border-radius: 8px;
    background: rgba(199,144,0,.035);
}

.admin-shell .mk-dashboard-giveaway-prize :is(
    small,
    strong
) {
    display: block;
}

.admin-shell .mk-dashboard-giveaway-prize small {
    color: #8b7952;
    font-size: .43rem;
    text-transform: uppercase;
}

.admin-shell .mk-dashboard-giveaway-prize strong {
    margin-top: 4px;
    color: #e9d494;
    font-size: .52rem;
    line-height: 1.4;
}

.admin-shell .mk-dashboard-giveaway-card dl {
    display: grid;
    grid-template-columns: repeat(
        3,
        minmax(0,1fr)
    );
    gap: 6px;
    margin: 0;
}

.admin-shell .mk-dashboard-giveaway-card dl div {
    padding: 7px;
    border: 1px solid rgba(75,205,255,.09);
    border-radius: 7px;
}

.admin-shell .mk-dashboard-giveaway-card dt {
    color: #6f879f;
    font-size: .42rem;
}

.admin-shell .mk-dashboard-giveaway-card dd {
    margin: 4px 0 0;
    color: #dce8f4;
    font-size: .49rem;
    font-weight: 850;
    line-height: 1.35;
}

.admin-shell .mk-dashboard-giveaway-card footer {
    display: flex;
    margin-top: auto;
}

.admin-shell .mk-dashboard-giveaway-card footer form {
    width: 100%;
    margin: 0;
}

.admin-shell .mk-dashboard-giveaway-card footer :is(
    button,
    a,
    span.is-confirmed
) {
    display: flex;
    width: 100%;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border: 1px solid rgba(73,226,255,.48);
    border-radius: 8px;
    background:
        linear-gradient(
            135deg,
            #0aa5ff,
            #15d5ff
        );
    color: #00101f;
    font: inherit;
    font-size: .51rem;
    font-weight: 900;
    cursor: pointer;
    text-decoration: none;
}

.admin-shell .mk-dashboard-giveaway-card footer button.is-withdraw {
    border-color: rgba(255,100,123,.22);
    background: rgba(183,37,64,.07);
    color: #ff9bac;
}

.admin-shell .mk-dashboard-giveaway-card footer span.is-confirmed {
    border-color: rgba(60,228,180,.18);
    background: rgba(17,158,117,.045);
    color: #78eac7;
    cursor: default;
}

.admin-shell .mk-dashboard-giveaway-card footer a.is-winner-link {
    border-color: rgba(182,140,255,.24);
    background: rgba(100,60,180,.065);
    color: #c8aaff;
}

.admin-shell .mk-dashboard-giveaway-empty {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px;
    border: 1px dashed rgba(255,211,94,.18);
    border-radius: 11px;
}

.admin-shell .mk-dashboard-giveaway-empty > span {
    color: #ffd970;
    font-size: 1rem;
}

.admin-shell .mk-dashboard-giveaway-empty strong {
    color: #eaf3fd;
    font-size: .58rem;
}

.admin-shell .mk-dashboard-giveaway-empty p {
    margin: 4px 0 0;
    color: #7f96ad;
    font-size: .5rem;
}

@media (max-width: 980px) {
    .admin-shell .mk-dashboard-giveaway-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .admin-shell .mk-dashboard-giveaways-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-shell .mk-dashboard-giveaways-heading > a {
        justify-content: center;
    }

    .admin-shell .mk-dashboard-giveaway-prize,
    .admin-shell .mk-dashboard-giveaway-card dl {
        grid-template-columns: 1fr;
    }
}
/* END MARKUZI-PHASE-16-5-1-DASHBOARD-GIVEAWAYS */


/* BEGIN MARKUZI-PHASE-16-6-BADGES-ACTIVITY-ADMIN */
.admin-shell :is(
    .mk-community-badges-page,
    .mk-community-activity-page
) {
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 15px;
    margin: 0 auto;
}

.admin-shell :is(
    .mk-badge-hero,
    .mk-activity-hero
) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 27px 29px;
    border: 1px solid rgba(75,205,255,.19);
    border-radius: 20px;
    background:
        radial-gradient(circle at 84% 20%, rgba(182,140,255,.14), transparent 31%),
        radial-gradient(circle at 70% 4%, rgba(59,220,255,.08), transparent 25%),
        linear-gradient(135deg, rgba(7,35,65,.96), rgba(2,13,30,.97));
}

.admin-shell :is(
    .mk-badge-hero,
    .mk-activity-hero
) > div > a {
    display: inline-flex;
    margin-bottom: 11px;
    color: #79dff8;
    font-size: .61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell :is(
    .mk-badge-hero,
    .mk-activity-hero
) h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem,3vw,2.5rem);
}

.admin-shell :is(
    .mk-badge-hero,
    .mk-activity-hero
) p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #a7bbd0;
    font-size: .79rem;
    line-height: 1.62;
}

.admin-shell :is(
    .mk-badge-primary,
    .mk-activity-primary,
    .mk-badge-form-actions a,
    .mk-badge-form-actions button
) {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid rgba(73,226,255,.58);
    border-radius: 9px;
    background: linear-gradient(135deg,#0aa5ff,#15d5ff);
    color: #00101f;
    font-size: .58rem;
    font-weight: 900;
    text-decoration: none;
}

.admin-shell .mk-badge-hero-symbol {
    display: grid;
    width: 74px;
    height: 74px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--badge-color,#c8aaff) 38%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--badge-color,#c8aaff) 9%, transparent);
    color: var(--badge-color,#c8aaff);
    font-size: 1.55rem;
    font-weight: 950;
}

.admin-shell :is(
    .mk-badge-flash,
    .mk-activity-flash
) {
    padding: 11px 13px;
    border: 1px solid rgba(60,228,180,.25);
    border-radius: 10px;
    background: rgba(17,158,117,.08);
    color: #81e8c9;
    font-size: .61rem;
}

.admin-shell :is(
    .mk-badge-flash,
    .mk-activity-flash
).is-error {
    border-color: rgba(255,100,123,.25);
    background: rgba(183,37,64,.08);
    color: #ff9bac;
}

.admin-shell :is(
    .mk-badge-stat-grid,
    .mk-activity-stat-grid
) {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 11px;
}

.admin-shell :is(
    .mk-badge-stat-grid,
    .mk-activity-stat-grid
) article {
    display: flex;
    min-height: 80px;
    align-items: center;
    gap: 11px;
    padding: 13px 14px;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 14px;
    background: linear-gradient(145deg,rgba(7,30,56,.94),rgba(3,15,32,.96));
}

.admin-shell :is(
    .mk-badge-stat-grid,
    .mk-activity-stat-grid
) article > span {
    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid rgba(182,140,255,.25);
    border-radius: 11px;
    color: #c8aaff;
    font-size: .67rem;
    font-weight: 950;
}

.admin-shell :is(
    .mk-badge-stat-grid,
    .mk-activity-stat-grid
) :is(strong,small) {
    display: block;
}

.admin-shell :is(
    .mk-badge-stat-grid,
    .mk-activity-stat-grid
) strong {
    color: #fff;
    font-size: 1.08rem;
}

.admin-shell :is(
    .mk-badge-stat-grid,
    .mk-activity-stat-grid
) small {
    margin-top: 5px;
    color: #8299b1;
    font-size: .53rem;
}

.admin-shell :is(
    .mk-badge-filters,
    .mk-activity-filters
) {
    display: grid;
    grid-template-columns: minmax(240px,1fr) repeat(2,minmax(150px,.38fr)) auto auto;
    align-items: end;
    gap: 8px;
    padding: 13px;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 14px;
    background: linear-gradient(145deg,rgba(6,27,51,.94),rgba(2,14,30,.96));
}

.admin-shell :is(
    .mk-badge-filters,
    .mk-activity-filters,
    .mk-badge-fields
) label {
    display: grid;
    gap: 6px;
}

.admin-shell :is(
    .mk-badge-filters,
    .mk-activity-filters,
    .mk-badge-fields
) label > span {
    color: #cbd9e8;
    font-size: .56rem;
    font-weight: 800;
}

.admin-shell :is(
    .mk-badge-filters,
    .mk-activity-filters,
    .mk-badge-fields,
    .mk-badge-user-search,
    .mk-badge-user-list,
    .mk-badge-assignment-list
) :is(input,select,textarea) {
    width: 100%;
    min-height: 39px;
    padding: 0 9px;
    border: 1px solid rgba(75,205,255,.2);
    border-radius: 9px;
    outline: 0;
    background: rgba(2,15,32,.86);
    color: #f4f8ff;
    font: inherit;
    font-size: .58rem;
}

.admin-shell .mk-badge-fields textarea {
    min-height: 145px;
    padding: 10px;
    line-height: 1.5;
    resize: vertical;
}

.admin-shell .mk-badge-fields input[type="color"] {
    padding: 5px;
}

.admin-shell :is(
    .mk-badge-filters,
    .mk-activity-filters
) :is(button,a) {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid rgba(59,220,255,.2);
    border-radius: 8px;
    background: rgba(0,132,187,.07);
    color: #82e5ff;
    font-size: .53rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.admin-shell :is(
    .mk-badge-layout,
    .mk-badge-assignment-layout
) {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(340px,.65fr);
    align-items: start;
    gap: 13px;
}

.admin-shell :is(
    .mk-badge-panel,
    .mk-activity-panel
) {
    overflow: hidden;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 16px;
    background: linear-gradient(145deg,rgba(6,27,51,.94),rgba(2,14,30,.96));
}

.admin-shell :is(
    .mk-badge-panel,
    .mk-activity-panel
) > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(74,166,211,.12);
}

.admin-shell :is(
    .mk-badge-panel,
    .mk-activity-panel
) > header h3 {
    margin: 0;
    color: #f5f9ff;
    font-size: .86rem;
}

.admin-shell .mk-badge-admin-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
    padding: 11px;
}

.admin-shell .mk-badge-admin-grid > article {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: 11px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--badge-color) 18%, transparent);
    border-radius: 12px;
    background: rgba(0,12,27,.46);
}

.admin-shell .mk-badge-medallion {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--badge-color) 40%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--badge-color) 9%, transparent);
    color: var(--badge-color);
    font-size: 1rem;
    font-weight: 950;
}

.admin-shell .mk-badge-admin-copy > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.admin-shell .mk-badge-admin-copy h4 {
    margin: 0;
    color: #eff6fd;
    font-size: .67rem;
}

.admin-shell .mk-badge-admin-copy > div > span {
    color: var(--badge-color);
    font-size: .44rem;
    font-weight: 900;
    text-transform: uppercase;
}

.admin-shell .mk-badge-admin-copy p {
    margin: 6px 0 0;
    color: #8ea4ba;
    font-size: .52rem;
    line-height: 1.45;
}

.admin-shell .mk-badge-admin-copy dl {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 5px;
    margin: 8px 0 0;
}

.admin-shell .mk-badge-admin-copy dl div {
    padding: 6px;
    border: 1px solid rgba(75,205,255,.08);
    border-radius: 6px;
}

.admin-shell .mk-badge-admin-copy :is(dt,dd) {
    margin: 0;
    font-size: .43rem;
}

.admin-shell .mk-badge-admin-copy dt {
    color: #6f879f;
}

.admin-shell .mk-badge-admin-copy dd {
    margin-top: 3px;
    color: #dce8f4;
    overflow-wrap: anywhere;
}

.admin-shell .mk-badge-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px;
}

.admin-shell .mk-badge-actions form {
    margin: 0;
}

.admin-shell :is(
    .mk-badge-actions,
    .mk-badge-user-list,
    .mk-badge-assignment-list
) :is(a,button) {
    display: flex;
    width: 100%;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border: 1px solid rgba(59,220,255,.16);
    border-radius: 7px;
    background: rgba(0,132,187,.055);
    color: #82e5ff;
    font: inherit;
    font-size: .48rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.admin-shell .mk-badge-actions .is-delete {
    border-color: rgba(255,100,123,.22);
    color: #ff91a2;
}

.admin-shell .mk-badge-recent,
.admin-shell .mk-activity-admin-list,
.admin-shell .mk-badge-user-list,
.admin-shell .mk-badge-assignment-list {
    display: grid;
}

.admin-shell .mk-badge-recent article,
.admin-shell .mk-activity-admin-list article,
.admin-shell .mk-badge-user-list article,
.admin-shell .mk-badge-assignment-list article {
    display: grid;
    align-items: center;
    gap: 9px;
    padding: 11px 13px;
    border-bottom: 1px solid rgba(74,166,211,.09);
}

.admin-shell .mk-badge-recent article {
    grid-template-columns: auto minmax(0,1fr) auto;
}

.admin-shell .mk-badge-recent article > span {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--badge-color) 32%, transparent);
    border-radius: 9px;
    color: var(--badge-color);
}

.admin-shell .mk-activity-admin-list article {
    grid-template-columns: auto minmax(0,1fr) auto;
}

.admin-shell .mk-activity-icon {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(182,140,255,.22);
    border-radius: 10px;
    color: #c8aaff;
}

.admin-shell .mk-activity-admin-list p {
    margin: 4px 0;
    color: #8ea4ba;
    font-size: .51rem;
}

.admin-shell :is(
    .mk-badge-recent,
    .mk-activity-admin-list,
    .mk-badge-user-list,
    .mk-badge-assignment-list
) :is(strong,small,time) {
    display: block;
}

.admin-shell :is(
    .mk-badge-recent,
    .mk-activity-admin-list,
    .mk-badge-user-list,
    .mk-badge-assignment-list
) strong {
    color: #eaf3fd;
    font-size: .56rem;
}

.admin-shell :is(
    .mk-badge-recent,
    .mk-activity-admin-list,
    .mk-badge-user-list,
    .mk-badge-assignment-list
) :is(small,time) {
    margin-top: 4px;
    color: #7188a1;
    font-size: .47rem;
}

.admin-shell .mk-badge-form-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: start;
    gap: 13px;
}

.admin-shell .mk-badge-fields,
.admin-shell .mk-badge-switches {
    display: grid;
    gap: 11px;
    padding: 14px;
}

.admin-shell .mk-badge-fields small {
    color: #7188a1;
    font-size: .49rem;
    line-height: 1.45;
}

.admin-shell .mk-badge-switches label {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px;
    border: 1px solid rgba(75,205,255,.13);
    border-radius: 9px;
}

.admin-shell .mk-badge-switches :is(strong,small) {
    display: block;
}

.admin-shell .mk-badge-switches strong {
    color: #dce8f4;
    font-size: .57rem;
}

.admin-shell .mk-badge-switches small {
    margin-top: 4px;
    color: #7891ab;
    font-size: .51rem;
}

.admin-shell .mk-badge-form-actions {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.admin-shell .mk-badge-form-actions a {
    border-color: rgba(59,220,255,.2);
    background: rgba(0,132,187,.07);
    color: #82e5ff;
}

.admin-shell .mk-badge-user-search {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 12px;
}

.admin-shell .mk-badge-user-search button {
    min-height: 39px;
    padding: 0 12px;
    border: 1px solid rgba(59,220,255,.2);
    border-radius: 8px;
    background: rgba(0,132,187,.07);
    color: #82e5ff;
    font-size: .52rem;
    font-weight: 850;
}

.admin-shell .mk-badge-user-list article {
    grid-template-columns: minmax(140px,.7fr) minmax(260px,1.3fr);
}

.admin-shell .mk-badge-user-list form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px;
}

.admin-shell .mk-badge-assignment-list article {
    grid-template-columns: minmax(150px,1fr) auto auto;
}

.admin-shell .mk-badge-assignment-list article > span {
    color: #78eac7;
    font-size: .47rem;
    font-weight: 900;
}

.admin-shell .mk-badge-assignment-list article.is-revoked > span {
    color: #ff91a2;
}

.admin-shell .mk-badge-assignment-list form {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px;
}

.admin-shell :is(
    .mk-badge-empty,
    .mk-activity-empty
) {
    padding: 28px 16px;
    color: #8299b2;
    font-size: .57rem;
    text-align: center;
}

/* Dashboard */
.admin-shell .mk-dashboard-community-progress {
    display: grid;
    gap: 12px;
    margin-top: 16px;
    padding: 16px;
    border: 1px solid rgba(182,140,255,.18);
    border-radius: 16px;
    background:
        radial-gradient(circle at 90% 0, rgba(182,140,255,.08), transparent 30%),
        linear-gradient(145deg,rgba(6,27,51,.95),rgba(2,14,30,.97));
}

.admin-shell .mk-dashboard-community-progress > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.admin-shell .mk-dashboard-community-progress h3 {
    margin: 0;
    color: #f5f9ff;
    font-size: .9rem;
}

.admin-shell .mk-dashboard-community-progress > header p {
    margin: 5px 0 0;
    color: #839ab1;
    font-size: .55rem;
}

.admin-shell .mk-dashboard-community-progress nav {
    display: flex;
    gap: 7px;
}

.admin-shell .mk-dashboard-community-progress nav a {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 0 9px;
    border: 1px solid rgba(182,140,255,.18);
    border-radius: 8px;
    color: #c8aaff;
    font-size: .49rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-dashboard-progress-layout {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 10px;
}

.admin-shell :is(
    .mk-dashboard-progress-badges,
    .mk-dashboard-progress-activity
) {
    border: 1px solid rgba(75,205,255,.1);
    border-radius: 11px;
    background: rgba(0,12,27,.42);
}

.admin-shell .mk-dashboard-progress-title {
    display: flex;
    justify-content: space-between;
    padding: 10px 11px;
    border-bottom: 1px solid rgba(75,205,255,.08);
}

.admin-shell .mk-dashboard-progress-title strong {
    color: #dfeaf5;
    font-size: .54rem;
}

.admin-shell .mk-dashboard-progress-title span {
    color: #879db3;
    font-size: .49rem;
}

.admin-shell :is(
    .mk-dashboard-progress-badges,
    .mk-dashboard-progress-activity
) > div:last-child {
    display: grid;
}

.admin-shell :is(
    .mk-dashboard-progress-badges,
    .mk-dashboard-progress-activity
) article {
    display: grid;
    align-items: center;
    gap: 8px;
    padding: 9px 11px;
    border-bottom: 1px solid rgba(75,205,255,.07);
}

.admin-shell .mk-dashboard-progress-badges article {
    grid-template-columns: auto 1fr;
}

.admin-shell .mk-dashboard-progress-badges article > span {
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--badge-color) 32%, transparent);
    border-radius: 9px;
    color: var(--badge-color);
}

.admin-shell .mk-dashboard-progress-activity article {
    grid-template-columns: auto minmax(0,1fr) auto;
}

.admin-shell .mk-dashboard-progress-activity article > span {
    color: #c8aaff;
}

.admin-shell :is(
    .mk-dashboard-progress-badges,
    .mk-dashboard-progress-activity
) :is(strong,small,time) {
    display: block;
}

.admin-shell :is(
    .mk-dashboard-progress-badges,
    .mk-dashboard-progress-activity
) strong {
    color: #eaf3fd;
    font-size: .51rem;
}

.admin-shell :is(
    .mk-dashboard-progress-badges,
    .mk-dashboard-progress-activity
) :is(small,time) {
    margin-top: 3px;
    color: #7188a1;
    font-size: .44rem;
}

.admin-shell .mk-dashboard-progress-empty {
    padding: 18px 12px;
    color: #7f96ad;
    font-size: .5rem;
    text-align: center;
}

@media (max-width: 1100px) {
    .admin-shell :is(
        .mk-badge-layout,
        .mk-badge-assignment-layout,
        .mk-dashboard-progress-layout
    ) {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-badge-admin-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 850px) {
    .admin-shell :is(
        .mk-badge-stat-grid,
        .mk-activity-stat-grid
    ) {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .admin-shell :is(
        .mk-badge-filters,
        .mk-activity-filters,
        .mk-badge-form-grid
    ) {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-badge-user-list article {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .admin-shell :is(
        .mk-badge-hero,
        .mk-activity-hero,
        .mk-dashboard-community-progress > header
    ) {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-shell :is(
        .mk-badge-stat-grid,
        .mk-activity-stat-grid
    ) {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-badge-form-actions,
    .admin-shell .mk-dashboard-community-progress nav {
        flex-direction: column;
    }

    .admin-shell .mk-badge-actions,
    .admin-shell .mk-badge-admin-copy dl {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-badge-assignment-list article,
    .admin-shell .mk-activity-admin-list article {
        grid-template-columns: 1fr;
    }
}
/* END MARKUZI-PHASE-16-6-BADGES-ACTIVITY-ADMIN */


/* BEGIN MARKUZI-PHASE-16-6-1-PUBLIC-BADGE-PROFILES-ADMIN */
.admin-shell .mk-user-badge-strip {
    display: inline-flex;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin-top: 5px;
    text-decoration: none;
}

.admin-shell .mk-user-badge-chip {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    gap: 5px;
    padding: 0 6px;
    border: 1px solid color-mix(
        in srgb,
        var(--badge-color,#35d8ff) 32%,
        transparent
    );
    border-radius: 999px;
    background: color-mix(
        in srgb,
        var(--badge-color,#35d8ff) 7%,
        transparent
    );
    color: var(--badge-color,#35d8ff);
}

.admin-shell .mk-user-badge-chip b {
    font-size: .49rem;
    line-height: 1;
}

.admin-shell .mk-user-badge-chip small {
    color: inherit;
    font-size: .45rem;
    font-weight: 850;
}

.admin-shell .mk-user-profile-name,
.admin-shell .mk-user-inline-profile {
    color: inherit;
    font-weight: inherit;
    text-decoration: none;
}

.admin-shell .mk-user-profile-name:hover,
.admin-shell .mk-user-inline-profile:hover {
    color: #82e5ff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.admin-shell .admin-sidebar .mk-user-badge-strip {
    margin-top: 6px;
}

.admin-shell .admin-sidebar .mk-user-badge-chip {
    min-height: 20px;
    padding: 0 5px;
}

.admin-shell .admin-sidebar .mk-user-badge-chip b {
    font-size: .45rem;
}
/* END MARKUZI-PHASE-16-6-1-PUBLIC-BADGE-PROFILES-ADMIN */


/* BEGIN MARKUZI-PHASE-16-7-CHANGELOG-ADMIN */
.admin-shell .mk-community-changelog-page {
    display: grid;
    width: 100%;
    max-width: 1600px;
    gap: 15px;
    margin: 0 auto;
}

.admin-shell .mk-changelog-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    overflow: hidden;
    padding: 27px 29px;
    border: 1px solid rgba(75,205,255,.19);
    border-radius: 20px;
    background:
        radial-gradient(circle at 84% 20%, rgba(59,220,255,.13), transparent 31%),
        radial-gradient(circle at 70% 4%, rgba(182,140,255,.08), transparent 25%),
        linear-gradient(135deg,rgba(7,35,65,.96),rgba(2,13,30,.97));
}

.admin-shell .mk-changelog-hero > div > a {
    display: inline-flex;
    margin-bottom: 11px;
    color: #79dff8;
    font-size: .61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-changelog-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem,3vw,2.5rem);
}

.admin-shell .mk-changelog-hero p {
    max-width: 760px;
    margin: 10px 0 0;
    color: #a7bbd0;
    font-size: .79rem;
    line-height: 1.62;
}

.admin-shell .mk-changelog-primary,
.admin-shell .mk-changelog-form-actions :is(a,button) {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid rgba(73,226,255,.58);
    border-radius: 9px;
    background: linear-gradient(135deg,#0aa5ff,#15d5ff);
    color: #00101f;
    font-size: .58rem;
    font-weight: 900;
    text-decoration: none;
}

.admin-shell .mk-changelog-hero-symbol {
    display: grid;
    width: 74px;
    height: 74px;
    place-items: center;
    border: 1px solid rgba(59,220,255,.27);
    border-radius: 18px;
    background: rgba(0,132,187,.07);
    color: #82e5ff;
    font-size: 1.55rem;
    font-weight: 950;
}

.admin-shell .mk-changelog-flash {
    padding: 11px 13px;
    border: 1px solid rgba(60,228,180,.25);
    border-radius: 10px;
    background: rgba(17,158,117,.08);
    color: #81e8c9;
    font-size: .61rem;
}

.admin-shell .mk-changelog-flash.is-error {
    border-color: rgba(255,100,123,.25);
    background: rgba(183,37,64,.08);
    color: #ff9bac;
}

.admin-shell .mk-changelog-stat-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 11px;
}

.admin-shell .mk-changelog-stat-grid article {
    display: flex;
    min-height: 80px;
    align-items: center;
    gap: 11px;
    padding: 13px 14px;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 14px;
    background: linear-gradient(145deg,rgba(7,30,56,.94),rgba(3,15,32,.96));
}

.admin-shell .mk-changelog-stat-grid article > span {
    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid rgba(59,220,255,.24);
    border-radius: 11px;
    color: #82e5ff;
    font-size: .67rem;
    font-weight: 950;
}

.admin-shell .mk-changelog-stat-grid :is(strong,small) {
    display: block;
}

.admin-shell .mk-changelog-stat-grid strong {
    color: #fff;
    font-size: 1.08rem;
}

.admin-shell .mk-changelog-stat-grid small {
    margin-top: 5px;
    color: #8299b1;
    font-size: .53rem;
}

.admin-shell .mk-changelog-filters {
    display: grid;
    grid-template-columns: minmax(240px,1fr) repeat(2,minmax(150px,.38fr)) auto auto;
    align-items: end;
    gap: 8px;
    padding: 13px;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 14px;
    background: linear-gradient(145deg,rgba(6,27,51,.94),rgba(2,14,30,.96));
}

.admin-shell :is(
    .mk-changelog-filters,
    .mk-changelog-fields
) label {
    display: grid;
    gap: 6px;
}

.admin-shell :is(
    .mk-changelog-filters,
    .mk-changelog-fields
) label > span {
    color: #cbd9e8;
    font-size: .56rem;
    font-weight: 800;
}

.admin-shell :is(
    .mk-changelog-filters,
    .mk-changelog-fields
) :is(input,select,textarea) {
    width: 100%;
    min-height: 39px;
    padding: 0 9px;
    border: 1px solid rgba(75,205,255,.2);
    border-radius: 9px;
    outline: 0;
    background: rgba(2,15,32,.86);
    color: #f4f8ff;
    font: inherit;
    font-size: .58rem;
}

.admin-shell .mk-changelog-fields textarea {
    min-height: 115px;
    padding: 10px;
    line-height: 1.5;
    resize: vertical;
}

.admin-shell .mk-changelog-fields textarea[name="content"] {
    min-height: 300px;
}

.admin-shell .mk-changelog-fields small {
    color: #7188a1;
    font-size: .49rem;
    line-height: 1.45;
}

.admin-shell .mk-changelog-filters :is(button,a) {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid rgba(59,220,255,.2);
    border-radius: 8px;
    background: rgba(0,132,187,.07);
    color: #82e5ff;
    font-size: .53rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.admin-shell .mk-changelog-panel {
    overflow: hidden;
    border: 1px solid rgba(75,205,255,.18);
    border-radius: 16px;
    background: linear-gradient(145deg,rgba(6,27,51,.94),rgba(2,14,30,.96));
}

.admin-shell .mk-changelog-panel > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 15px;
    border-bottom: 1px solid rgba(74,166,211,.12);
}

.admin-shell .mk-changelog-panel > header h3 {
    margin: 0;
    color: #f5f9ff;
    font-size: .86rem;
}

.admin-shell .mk-changelog-admin-list {
    display: grid;
    gap: 9px;
    padding: 11px;
}

.admin-shell .mk-changelog-admin-list > article {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 12px;
    border: 1px solid rgba(75,205,255,.12);
    border-radius: 12px;
    background: rgba(0,12,27,.46);
}

.admin-shell .mk-changelog-admin-list > article.is-published {
    border-color: rgba(60,228,180,.14);
}

.admin-shell .mk-changelog-admin-list > article.is-archived {
    opacity: .65;
}

.admin-shell .mk-changelog-type-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(59,220,255,.22);
    border-radius: 12px;
    color: #82e5ff;
    font-size: .72rem;
    font-weight: 950;
}

.admin-shell .mk-changelog-admin-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
}

.admin-shell .mk-changelog-admin-topline h4 {
    margin: 0;
    color: #eff6fd;
    font-size: .67rem;
}

.admin-shell .mk-changelog-admin-topline > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
}

.admin-shell .mk-changelog-admin-topline span {
    display: inline-flex;
    min-height: 21px;
    align-items: center;
    padding: 0 7px;
    border: 1px solid rgba(75,205,255,.14);
    border-radius: 999px;
    color: #8da4ba;
    font-size: .43rem;
    font-weight: 850;
}

.admin-shell .mk-changelog-admin-topline span.is-security {
    border-color: rgba(255,211,94,.2);
    color: #ffd970;
}

.admin-shell .mk-changelog-admin-topline span.is-fix {
    border-color: rgba(60,228,180,.2);
    color: #78eac7;
}

.admin-shell .mk-changelog-admin-topline span.is-feature {
    border-color: rgba(182,140,255,.2);
    color: #c8aaff;
}

.admin-shell .mk-changelog-admin-copy > p {
    margin: 6px 0;
    color: #8ea4ba;
    font-size: .53rem;
    line-height: 1.5;
}

.admin-shell .mk-changelog-admin-copy > small {
    color: #7188a1;
    font-size: .47rem;
}

.admin-shell .mk-changelog-actions {
    display: grid;
    min-width: 120px;
    gap: 6px;
}

.admin-shell .mk-changelog-actions form {
    margin: 0;
}

.admin-shell .mk-changelog-actions :is(a,button) {
    display: flex;
    width: 100%;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border: 1px solid rgba(59,220,255,.16);
    border-radius: 7px;
    background: rgba(0,132,187,.055);
    color: #82e5ff;
    font: inherit;
    font-size: .48rem;
    font-weight: 850;
    cursor: pointer;
    text-decoration: none;
}

.admin-shell .mk-changelog-actions .is-publish {
    border-color: rgba(60,228,180,.22);
    color: #78eac7;
}

.admin-shell .mk-changelog-actions .is-delete {
    border-color: rgba(255,100,123,.22);
    color: #ff91a2;
}

.admin-shell .mk-changelog-form-grid {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr);
    align-items: start;
    gap: 13px;
}

.admin-shell .mk-changelog-fields,
.admin-shell .mk-changelog-switches {
    display: grid;
    gap: 11px;
    padding: 14px;
}

.admin-shell .mk-changelog-switches label {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px;
    border: 1px solid rgba(75,205,255,.13);
    border-radius: 9px;
    background: rgba(0,132,187,.035);
}

.admin-shell .mk-changelog-switches :is(strong,small) {
    display: block;
}

.admin-shell .mk-changelog-switches strong {
    color: #dce8f4;
    font-size: .57rem;
}

.admin-shell .mk-changelog-switches small {
    margin-top: 4px;
    color: #7891ab;
    font-size: .51rem;
    line-height: 1.42;
}

.admin-shell .mk-changelog-form-actions {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.admin-shell .mk-changelog-form-actions a {
    border-color: rgba(59,220,255,.2);
    background: rgba(0,132,187,.07);
    color: #82e5ff;
}

.admin-shell .mk-changelog-empty {
    padding: 34px 18px;
    color: #8299b2;
    font-size: .57rem;
    text-align: center;
}

/* Kompakter Dashboard-Hinweis – bewusst oben statt unten */
.admin-shell .mk-dashboard-changelog {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 13px;
    margin-bottom: 15px;
    padding: 14px 16px;
    border: 1px solid rgba(59,220,255,.2);
    border-radius: 14px;
    background:
        radial-gradient(circle at 90% 0, rgba(59,220,255,.08), transparent 30%),
        linear-gradient(135deg,rgba(7,31,56,.96),rgba(2,14,30,.97));
}

.admin-shell .mk-dashboard-changelog-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(59,220,255,.24);
    border-radius: 12px;
    color: #82e5ff;
    font-size: .7rem;
    font-weight: 950;
}

.admin-shell .mk-dashboard-changelog-copy > div {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.admin-shell .mk-dashboard-changelog-copy > div :is(span,b) {
    display: inline-flex;
    min-height: 20px;
    align-items: center;
    padding: 0 6px;
    border: 1px solid rgba(75,205,255,.14);
    border-radius: 999px;
    color: #8da4ba;
    font-size: .42rem;
    font-weight: 850;
}

.admin-shell .mk-dashboard-changelog-copy > div b.is-unread {
    border-color: rgba(255,211,94,.22);
    color: #ffd970;
}

.admin-shell .mk-dashboard-changelog h3 {
    margin: 5px 0 0;
    color: #eef5fc;
    font-size: .68rem;
}

.admin-shell .mk-dashboard-changelog p {
    margin: 4px 0 0;
    color: #8198ae;
    font-size: .51rem;
    line-height: 1.45;
}

.admin-shell .mk-dashboard-changelog > a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid rgba(59,220,255,.2);
    border-radius: 8px;
    color: #82e5ff;
    font-size: .5rem;
    font-weight: 900;
    text-decoration: none;
}

@media (max-width: 980px) {
    .admin-shell .mk-changelog-form-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 850px) {
    .admin-shell .mk-changelog-stat-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .admin-shell .mk-changelog-filters {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-changelog-admin-list > article {
        grid-template-columns: auto minmax(0,1fr);
    }

    .admin-shell .mk-changelog-actions {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 650px) {
    .admin-shell .mk-changelog-hero,
    .admin-shell .mk-dashboard-changelog {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-changelog-hero {
        flex-direction: column;
    }

    .admin-shell .mk-changelog-stat-grid {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-changelog-admin-topline {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-shell .mk-changelog-form-actions {
        flex-direction: column;
    }

    .admin-shell .mk-changelog-form-actions :is(a,button) {
        width: 100%;
    }
}
/* END MARKUZI-PHASE-16-7-CHANGELOG-ADMIN */


/* BEGIN MARKUZI-PHASE-16-8-SLOTGAME-ADMIN */
.admin-shell .mk-slot-admin-page {
    display: grid;
    width: 100%;
    max-width: 1640px;
    gap: 15px;
    margin: 0 auto;
}

.admin-shell .mk-slot-admin-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    padding: 27px 29px;
    border: 1px solid rgba(182,140,255,.24);
    border-radius: 20px;
    background:
        radial-gradient(circle at 86% 18%, rgba(182,140,255,.18), transparent 31%),
        radial-gradient(circle at 70% 0, rgba(59,220,255,.08), transparent 27%),
        linear-gradient(135deg,rgba(20,15,57,.97),rgba(2,13,30,.98));
}

.admin-shell .mk-slot-admin-hero > div:first-child > a {
    display: inline-flex;
    margin-bottom: 11px;
    color: #bda6ff;
    font-size: .61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-slot-admin-hero h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.8rem,3vw,2.55rem);
}

.admin-shell .mk-slot-admin-hero p {
    max-width: 790px;
    margin: 10px 0 0;
    color: #a9b8cf;
    font-size: .79rem;
    line-height: 1.65;
}

.admin-shell .mk-slot-admin-hero-side {
    display: grid;
    min-width: 190px;
    justify-items: center;
    gap: 7px;
    padding: 17px;
    border: 1px solid rgba(182,140,255,.25);
    border-radius: 16px;
    background: rgba(42,20,86,.18);
}

.admin-shell .mk-slot-admin-hero-side > span {
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    border: 1px solid rgba(182,140,255,.3);
    border-radius: 15px;
    color: #c9b4ff;
    font-size: 1.35rem;
}

.admin-shell .mk-slot-admin-hero-side strong {
    color: #fff;
    font-size: .74rem;
}

.admin-shell .mk-slot-admin-hero-side a {
    color: #8fe7ff;
    font-size: .54rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-slot-alert {
    padding: 12px 14px;
    border: 1px solid rgba(255,211,94,.24);
    border-radius: 10px;
    background: rgba(162,116,0,.08);
    color: #ffd970;
    font-size: .61rem;
}

.admin-shell .mk-slot-alert.is-success {
    border-color: rgba(60,228,180,.24);
    background: rgba(17,158,117,.08);
    color: #81e8c9;
}

.admin-shell .mk-slot-alert.is-error {
    border-color: rgba(255,100,123,.26);
    background: rgba(183,37,64,.09);
    color: #ff9bac;
}

.admin-shell .mk-slot-alert ul {
    margin: 7px 0 0;
    padding-left: 18px;
}

.admin-shell .mk-slot-admin-stats {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 10px;
}

.admin-shell .mk-slot-admin-stats article {
    display: flex;
    min-height: 79px;
    align-items: center;
    gap: 10px;
    padding: 12px 13px;
    border: 1px solid rgba(182,140,255,.17);
    border-radius: 13px;
    background: linear-gradient(145deg,rgba(13,22,48,.95),rgba(3,14,31,.97));
}

.admin-shell .mk-slot-admin-stats article > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(182,140,255,.23);
    border-radius: 10px;
    color: #c8b1ff;
    font-size: .66rem;
    font-weight: 950;
}

.admin-shell .mk-slot-admin-stats strong,
.admin-shell .mk-slot-admin-stats small {
    display: block;
}

.admin-shell .mk-slot-admin-stats strong {
    color: #fff;
    font-size: 1rem;
}

.admin-shell .mk-slot-admin-stats small {
    margin-top: 4px;
    color: #8095ae;
    font-size: .49rem;
}

.admin-shell .mk-slot-admin-layout {
    display: grid;
    grid-template-columns: minmax(0,1.3fr) minmax(340px,.7fr);
    align-items: start;
    gap: 13px;
}

.admin-shell .mk-slot-admin-panel {
    overflow: hidden;
    border: 1px solid rgba(182,140,255,.17);
    border-radius: 16px;
    background: linear-gradient(145deg,rgba(9,24,49,.96),rgba(2,13,29,.97));
}

.admin-shell .mk-slot-admin-panel > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 15px;
    border-bottom: 1px solid rgba(182,140,255,.11);
}

.admin-shell .mk-slot-admin-panel > header h3 {
    margin: 0;
    color: #f5f9ff;
    font-size: .86rem;
}

.admin-shell .mk-slot-admin-panel > header > span {
    color: #8197af;
    font-size: .51rem;
}

.admin-shell .mk-slot-wallet-pill {
    display: inline-flex;
    max-width: 340px;
    min-height: 27px;
    align-items: center;
    overflow: hidden;
    padding: 0 8px;
    border: 1px solid rgba(60,228,180,.17);
    border-radius: 999px;
    color: #78eac7 !important;
    font-family: monospace;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-shell .mk-slot-settings-form {
    display: grid;
    gap: 13px;
    padding: 15px;
}

.admin-shell .mk-slot-toggle {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(182,140,255,.15);
    border-radius: 10px;
    background: rgba(79,43,146,.07);
}

.admin-shell .mk-slot-toggle strong,
.admin-shell .mk-slot-toggle small {
    display: block;
}

.admin-shell .mk-slot-toggle strong {
    color: #e8e0ff;
    font-size: .6rem;
}

.admin-shell .mk-slot-toggle small {
    margin-top: 4px;
    color: #8498af;
    font-size: .51rem;
    line-height: 1.45;
}

.admin-shell .mk-slot-settings-form fieldset {
    margin: 0;
    padding: 12px;
    border: 1px solid rgba(182,140,255,.13);
    border-radius: 10px;
}

.admin-shell .mk-slot-settings-form legend,
.admin-shell .mk-slot-settings-form label > span {
    color: #cdd9e8;
    font-size: .56rem;
    font-weight: 850;
}

.admin-shell .mk-slot-bet-options {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 7px;
}

.admin-shell .mk-slot-bet-options label {
    position: relative;
}

.admin-shell .mk-slot-bet-options input {
    position: absolute;
    opacity: 0;
}

.admin-shell .mk-slot-bet-options span {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(182,140,255,.17);
    border-radius: 8px;
    background: rgba(36,23,71,.24);
    color: #9eafd0;
    font-size: .51rem;
    font-weight: 850;
    cursor: pointer;
}

.admin-shell .mk-slot-bet-options input:checked + span {
    border-color: rgba(182,140,255,.55);
    background: rgba(114,73,193,.22);
    color: #e2d7ff;
    box-shadow: 0 0 16px rgba(151,104,255,.12);
}

.admin-shell .mk-slot-symbol-config > p {
    margin: 0 0 11px;
    color: #7c90a8;
    font-size: .51rem;
    line-height: 1.5;
}

.admin-shell .mk-slot-symbol-config-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
}

.admin-shell .mk-slot-symbol-config-grid > article {
    display: grid;
    gap: 9px;
    padding: 10px;
    border: 1px solid rgba(182,140,255,.12);
    border-radius: 10px;
    background: rgba(23,13,53,.18);
}

.admin-shell .mk-slot-symbol-config-grid article > header {
    display: flex;
    align-items: center;
    gap: 9px;
}

.admin-shell .mk-slot-symbol-config-grid article > header strong,
.admin-shell .mk-slot-symbol-config-grid article > header small {
    display: block;
}

.admin-shell .mk-slot-symbol-config-grid article > header strong {
    color: #e8edf7;
    font-size: .57rem;
}

.admin-shell .mk-slot-symbol-config-grid article > header small {
    margin-top: 3px;
    color: #7388a0;
    font-family: monospace;
    font-size: .45rem;
}

.admin-shell .mk-slot-symbol-config-grid article > div:last-child {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px;
}

.admin-shell .mk-slot-symbol-config-grid input {
    min-height: 35px !important;
}

.admin-shell .mk-slot-settings-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 9px;
}

.admin-shell .mk-slot-settings-form label {
    display: grid;
    gap: 6px;
}

.admin-shell .mk-slot-settings-form :is(input[type="number"],textarea) {
    width: 100%;
    min-height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(182,140,255,.18);
    border-radius: 9px;
    outline: 0;
    background: rgba(2,13,30,.88);
    color: #f5f8ff;
    font: inherit;
    font-size: .57rem;
}

.admin-shell .mk-slot-settings-form textarea {
    min-height: 94px;
    padding: 10px;
    line-height: 1.5;
    resize: vertical;
}

.admin-shell .mk-slot-settings-form label > small {
    color: #71869f;
    font-size: .48rem;
    line-height: 1.4;
}

.admin-shell .mk-slot-settings-form > button {
    justify-self: end;
    min-height: 39px;
    padding: 0 13px;
    border: 1px solid rgba(182,140,255,.58);
    border-radius: 9px;
    background: linear-gradient(135deg,#8e61f0,#b68cff);
    color: #100726;
    font: inherit;
    font-size: .56rem;
    font-weight: 950;
    cursor: pointer;
}

.admin-shell .mk-slot-paytable {
    display: grid;
    gap: 7px;
    padding: 12px;
}

.admin-shell .mk-slot-paytable article,
.admin-shell .mk-slot-user-paytable article {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 8px 9px;
    border: 1px solid rgba(182,140,255,.11);
    border-radius: 10px;
    background: rgba(13,10,35,.22);
}

.admin-shell .mk-slot-symbol,
.mk-slot-game-page .mk-slot-symbol {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(182,140,255,.25);
    border-radius: 10px;
    background: radial-gradient(circle,rgba(182,140,255,.17),rgba(28,16,57,.2));
    color: #d9caff;
    font-size: .88rem;
    font-weight: 950;
}

.admin-shell .mk-slot-symbol.is-seven,
.mk-slot-game-page .mk-slot-symbol.is-seven {
    color: #ff7c96;
}

.admin-shell .mk-slot-symbol.is-diamond,
.mk-slot-game-page .mk-slot-symbol.is-diamond {
    color: #72e8ff;
}

.admin-shell .mk-slot-symbol.is-star,
.mk-slot-game-page .mk-slot-symbol.is-star {
    color: #ffd86e;
}

.admin-shell .mk-slot-paytable strong,
.admin-shell .mk-slot-paytable small {
    display: block;
}

.admin-shell .mk-slot-paytable strong {
    color: #e8edf7;
    font-size: .57rem;
}

.admin-shell .mk-slot-paytable small {
    margin-top: 4px;
    color: #788da6;
    font-size: .48rem;
}

.admin-shell .mk-slot-admin-note {
    margin: 0 12px 12px;
    padding: 11px;
    border: 1px solid rgba(255,211,94,.16);
    border-radius: 9px;
    background: rgba(150,108,0,.06);
}

.admin-shell .mk-slot-admin-note strong {
    color: #ffd970;
    font-size: .56rem;
}

.admin-shell .mk-slot-admin-note p {
    margin: 5px 0 0;
    color: #8e9eb3;
    font-size: .51rem;
    line-height: 1.55;
}

.admin-shell .mk-slot-spin-list {
    display: grid;
    gap: 8px;
    padding: 11px;
}

.admin-shell .mk-slot-spin-list > article {
    display: grid;
    grid-template-columns: minmax(180px,.8fr) minmax(190px,.7fr) minmax(360px,1.2fr);
    align-items: center;
    gap: 12px;
    padding: 11px;
    border: 1px solid rgba(182,140,255,.1);
    border-radius: 11px;
    background: rgba(0,10,25,.44);
}

.admin-shell .mk-slot-spin-player {
    display: flex;
    align-items: center;
    gap: 9px;
}

.admin-shell .mk-slot-spin-player > span {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid rgba(182,140,255,.22);
    border-radius: 50%;
    color: #ccbaff;
    font-size: .58rem;
    font-weight: 950;
}

.admin-shell .mk-slot-spin-player strong,
.admin-shell .mk-slot-spin-player small {
    display: block;
}

.admin-shell .mk-slot-spin-player strong {
    color: #eaf0f8;
    font-size: .57rem;
}

.admin-shell .mk-slot-spin-player small {
    margin-top: 4px;
    color: #70859e;
    font-size: .46rem;
}

.admin-shell .mk-slot-spin-reels {
    display: grid;
    grid-template-columns: repeat(5,34px);
    gap: 4px;
}

.admin-shell .mk-slot-spin-reels span {
    display: grid;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(182,140,255,.17);
    border-radius: 8px;
    background: rgba(50,27,96,.17);
    color: #d6c6ff;
    font-size: .65rem;
    font-weight: 950;
}

.admin-shell .mk-slot-spin-list dl {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 7px;
    margin: 0;
}

.admin-shell .mk-slot-spin-list dl > div {
    padding: 7px;
    border: 1px solid rgba(182,140,255,.09);
    border-radius: 8px;
    background: rgba(7,18,37,.55);
}

.admin-shell .mk-slot-spin-list dt {
    color: #6f839b;
    font-size: .43rem;
}

.admin-shell .mk-slot-spin-list dd {
    margin: 4px 0 0;
    color: #dfe8f2;
    font-size: .53rem;
    font-weight: 850;
}

.admin-shell .mk-slot-spin-list dd.is-win {
    color: #78eac7;
}

.admin-shell .mk-slot-admin-empty {
    padding: 35px 18px;
    color: #8095ad;
    font-size: .56rem;
    text-align: center;
}

.admin-shell .mk-slot-pagination {
    padding: 0 12px 12px;
}

@media (max-width: 1250px) {
    .admin-shell .mk-slot-admin-stats {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .admin-shell .mk-slot-spin-list > article {
        grid-template-columns: minmax(180px,.8fr) minmax(190px,.7fr);
    }

    .admin-shell .mk-slot-spin-list dl {
        grid-column: 1 / -1;
    }
}

@media (max-width: 980px) {
    .admin-shell .mk-slot-admin-layout {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-slot-settings-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .admin-shell .mk-slot-symbol-config-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .admin-shell .mk-slot-admin-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-shell .mk-slot-admin-hero-side {
        min-width: 0;
    }

    .admin-shell .mk-slot-admin-stats,
    .admin-shell .mk-slot-bet-options {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .admin-shell .mk-slot-spin-list > article {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-slot-spin-list dl {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}
/* END MARKUZI-PHASE-16-8-SLOTGAME-ADMIN */


/* BEGIN MARKUZI-PHASE-16-9-1-STREAM-TOURNAMENT-ADMIN */
.admin-shell :is(
    .mk-stream-tournament-page,
    .mk-stream-tournament-editor,
    .mk-stream-control-page
) {
    display: grid;
    width: 100%;
    max-width: 1660px;
    gap: 15px;
    margin: 0 auto;
}

.admin-shell :is(
    .mk-stream-tournament-hero,
    .mk-stream-control-hero,
    .mk-stream-tournament-editor > header
) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    padding: 27px 29px;
    border: 1px solid rgba(255,211,94,.22);
    border-radius: 20px;
    background:
        radial-gradient(circle at 86% 18%, rgba(255,211,94,.14), transparent 30%),
        radial-gradient(circle at 70% 0, rgba(182,140,255,.1), transparent 26%),
        linear-gradient(135deg,rgba(28,19,55,.97),rgba(3,13,30,.98));
}

.admin-shell :is(
    .mk-stream-tournament-hero,
    .mk-stream-control-hero,
    .mk-stream-tournament-editor > header
) > div:first-child > a {
    display: inline-flex;
    margin-bottom: 10px;
    color: #e8c867;
    font-size: .61rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell :is(
    .mk-stream-tournament-hero,
    .mk-stream-control-hero,
    .mk-stream-tournament-editor > header
) h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.8rem,3vw,2.55rem);
}

.admin-shell :is(
    .mk-stream-tournament-hero,
    .mk-stream-control-hero,
    .mk-stream-tournament-editor > header
) p {
    max-width: 820px;
    margin: 10px 0 0;
    color: #a7b5c9;
    font-size: .78rem;
    line-height: 1.65;
}

.admin-shell .mk-stream-tournament-primary {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border: 1px solid rgba(255,211,94,.55);
    border-radius: 10px;
    background: linear-gradient(135deg,#c89d32,#ffd76b);
    color: #211500;
    font-size: .58rem;
    font-weight: 950;
    text-decoration: none;
}

.admin-shell .mk-stream-control-hero-side {
    display: grid;
    min-width: 190px;
    justify-items: center;
    gap: 7px;
    padding: 17px;
    border: 1px solid rgba(255,211,94,.24);
    border-radius: 16px;
    background: rgba(114,81,0,.1);
}

.admin-shell .mk-stream-control-hero-side > span {
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    border: 1px solid rgba(255,211,94,.3);
    border-radius: 15px;
    color: #ffdb79;
    font-size: 1.35rem;
}

.admin-shell .mk-stream-control-hero-side strong {
    color: #fff;
    font-size: .7rem;
}

.admin-shell .mk-stream-control-hero-side a {
    color: #8fe7ff;
    font-size: .54rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-stream-tournament-alert {
    padding: 12px 14px;
    border: 1px solid rgba(255,211,94,.23);
    border-radius: 10px;
    background: rgba(151,108,0,.07);
    color: #ffdb79;
    font-size: .61rem;
}

.admin-shell .mk-stream-tournament-alert.is-success {
    border-color: rgba(60,228,180,.24);
    background: rgba(17,158,117,.08);
    color: #82e8ca;
}

.admin-shell .mk-stream-tournament-alert.is-error {
    border-color: rgba(255,100,123,.26);
    background: rgba(183,37,64,.09);
    color: #ff9bac;
}

.admin-shell .mk-stream-tournament-alert ul {
    margin: 7px 0 0;
    padding-left: 18px;
}

.admin-shell :is(
    .mk-stream-tournament-stats,
    .mk-stream-control-stats
) {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 10px;
}

.admin-shell .mk-stream-tournament-stats {
    grid-template-columns: repeat(5,minmax(0,1fr));
}

.admin-shell :is(
    .mk-stream-tournament-stats,
    .mk-stream-control-stats
) article {
    display: flex;
    min-height: 78px;
    align-items: center;
    gap: 10px;
    padding: 12px 13px;
    border: 1px solid rgba(255,211,94,.14);
    border-radius: 13px;
    background: linear-gradient(145deg,rgba(13,22,48,.95),rgba(3,14,31,.97));
}

.admin-shell :is(
    .mk-stream-tournament-stats,
    .mk-stream-control-stats
) article > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(255,211,94,.22);
    border-radius: 10px;
    color: #ffdb79;
    font-size: .66rem;
    font-weight: 950;
}

.admin-shell :is(
    .mk-stream-tournament-stats,
    .mk-stream-control-stats
) strong,
.admin-shell :is(
    .mk-stream-tournament-stats,
    .mk-stream-control-stats
) small {
    display: block;
}

.admin-shell :is(
    .mk-stream-tournament-stats,
    .mk-stream-control-stats
) strong {
    color: #fff;
    font-size: 1rem;
}

.admin-shell :is(
    .mk-stream-tournament-stats,
    .mk-stream-control-stats
) small {
    margin-top: 4px;
    color: #8095ae;
    font-size: .49rem;
}

.admin-shell .mk-stream-tournament-filters {
    display: grid;
    grid-template-columns: minmax(220px,1fr) 210px auto auto;
    align-items: end;
    gap: 9px;
    padding: 12px;
    border: 1px solid rgba(255,211,94,.13);
    border-radius: 13px;
    background: rgba(5,16,35,.8);
}

.admin-shell .mk-stream-tournament-filters label,
.admin-shell .mk-stream-tournament-form-grid label,
.admin-shell .mk-stream-result-form label,
.admin-shell .mk-stream-add-participants label {
    display: grid;
    gap: 6px;
}

.admin-shell :is(
    .mk-stream-tournament-filters,
    .mk-stream-tournament-form-grid,
    .mk-stream-result-form,
    .mk-stream-add-participants
) label > span {
    color: #cbd6e4;
    font-size: .55rem;
    font-weight: 850;
}

.admin-shell :is(
    .mk-stream-tournament-filters,
    .mk-stream-tournament-form-grid,
    .mk-stream-result-form,
    .mk-stream-add-participants
) :is(input,select,textarea) {
    width: 100%;
    min-height: 39px;
    padding: 0 10px;
    border: 1px solid rgba(255,211,94,.16);
    border-radius: 9px;
    outline: 0;
    background: rgba(2,13,30,.9);
    color: #f4f8ff;
    font: inherit;
    font-size: .56rem;
}

.admin-shell :is(
    .mk-stream-tournament-form-grid,
    .mk-stream-result-form,
    .mk-stream-add-participants
) textarea {
    min-height: 92px;
    padding: 10px;
    line-height: 1.5;
    resize: vertical;
}

.admin-shell .mk-stream-tournament-filters button,
.admin-shell .mk-stream-tournament-filters > a {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border-radius: 9px;
    font-size: .54rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-stream-tournament-filters button {
    border: 1px solid rgba(255,211,94,.5);
    background: linear-gradient(135deg,#bf9227,#ffd76b);
    color: #1c1200;
    cursor: pointer;
}

.admin-shell .mk-stream-tournament-filters > a {
    border: 1px solid rgba(142,162,187,.18);
    color: #9eb0c5;
}

.admin-shell :is(
    .mk-stream-tournament-list-panel,
    .mk-stream-control-panel
) {
    overflow: hidden;
    border: 1px solid rgba(255,211,94,.14);
    border-radius: 16px;
    background: linear-gradient(145deg,rgba(9,24,49,.96),rgba(2,13,29,.97));
}

.admin-shell :is(
    .mk-stream-tournament-list-panel,
    .mk-stream-control-panel
) > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 15px;
    border-bottom: 1px solid rgba(255,211,94,.09);
}

.admin-shell :is(
    .mk-stream-tournament-list-panel,
    .mk-stream-control-panel
) > header h3 {
    margin: 0;
    color: #f4f8ff;
    font-size: .85rem;
}

.admin-shell :is(
    .mk-stream-tournament-list-panel,
    .mk-stream-control-panel
) > header > span {
    color: #8397af;
    font-size: .51rem;
}

.admin-shell .mk-stream-tournament-list {
    display: grid;
    gap: 8px;
    padding: 11px;
}

.admin-shell .mk-stream-tournament-list > article {
    display: grid;
    grid-template-columns: 48px minmax(0,1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(255,211,94,.1);
    border-radius: 12px;
    background: rgba(0,10,25,.45);
}

.admin-shell .mk-stream-tournament-list-icon {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(255,211,94,.22);
    border-radius: 12px;
    color: #ffdb79;
    font-size: .9rem;
}

.admin-shell .mk-stream-tournament-list-copy > div:first-child {
    display: flex;
    align-items: center;
    gap: 8px;
}

.admin-shell .mk-stream-tournament-list-copy h4 {
    margin: 0;
    color: #f0f5fc;
    font-size: .66rem;
}

.admin-shell .mk-stream-tournament-list-copy > div:first-child > span {
    padding: 4px 7px;
    border: 1px solid rgba(255,211,94,.16);
    border-radius: 999px;
    color: #e2c66f;
    font-size: .45rem;
}

.admin-shell .mk-stream-tournament-list-copy p {
    margin: 6px 0 8px;
    color: #8094aa;
    font-size: .52rem;
    line-height: 1.5;
}

.admin-shell .mk-stream-tournament-list-copy dl {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
}

.admin-shell .mk-stream-tournament-list-copy dl > div {
    padding: 6px 8px;
    border: 1px solid rgba(255,211,94,.08);
    border-radius: 8px;
    background: rgba(7,18,37,.52);
}

.admin-shell .mk-stream-tournament-list-copy dt,
.admin-shell .mk-stream-tournament-list-copy dd {
    display: inline;
    font-size: .46rem;
}

.admin-shell .mk-stream-tournament-list-copy dt {
    color: #6f839a;
}

.admin-shell .mk-stream-tournament-list-copy dd {
    margin: 0 0 0 4px;
    color: #d5dfeb;
    font-weight: 850;
}

.admin-shell .mk-stream-tournament-list-copy > small {
    display: block;
    margin-top: 8px;
    color: #8fa2b7;
    font-size: .49rem;
}

.admin-shell .mk-stream-tournament-list-actions {
    display: grid;
    gap: 7px;
}

.admin-shell .mk-stream-tournament-list-actions a {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border: 1px solid rgba(255,211,94,.18);
    border-radius: 8px;
    color: #dbc36e;
    font-size: .49rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-stream-tournament-editor > form {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(255,211,94,.14);
    border-radius: 16px;
    background: linear-gradient(145deg,rgba(9,24,49,.96),rgba(2,13,29,.97));
}

.admin-shell .mk-stream-tournament-form-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
}

.admin-shell .mk-stream-tournament-form-grid .is-wide {
    grid-column: 1 / -1;
}

.admin-shell .mk-stream-tournament-switches {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 9px;
}

.admin-shell .mk-stream-tournament-switches label {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 11px;
    border: 1px solid rgba(255,211,94,.12);
    border-radius: 10px;
    background: rgba(70,48,0,.06);
}

.admin-shell .mk-stream-tournament-switches strong,
.admin-shell .mk-stream-tournament-switches small {
    display: block;
}

.admin-shell .mk-stream-tournament-switches strong {
    color: #e8edf5;
    font-size: .57rem;
}

.admin-shell .mk-stream-tournament-switches small {
    margin-top: 4px;
    color: #7d91a7;
    font-size: .48rem;
    line-height: 1.45;
}

.admin-shell .mk-stream-tournament-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.admin-shell .mk-stream-tournament-form-actions :is(a,button) {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 9px;
    font: inherit;
    font-size: .55rem;
    font-weight: 900;
    text-decoration: none;
}

.admin-shell .mk-stream-tournament-form-actions a {
    border: 1px solid rgba(142,162,187,.17);
    color: #9aaec3;
}

.admin-shell .mk-stream-tournament-form-actions button {
    border: 1px solid rgba(255,211,94,.55);
    background: linear-gradient(135deg,#bf9227,#ffd76b);
    color: #201500;
    cursor: pointer;
}

.admin-shell .mk-stream-control-layout {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr);
    align-items: start;
    gap: 13px;
}

.admin-shell .mk-stream-control-placeholder {
    display: grid;
    justify-items: start;
    gap: 8px;
    padding: 24px;
}

.admin-shell .mk-stream-control-placeholder strong {
    color: #f0f4fa;
    font-size: .72rem;
}

.admin-shell .mk-stream-control-placeholder p {
    max-width: 680px;
    margin: 0;
    color: #8195ac;
    font-size: .56rem;
    line-height: 1.55;
}

.admin-shell :is(
    .mk-stream-control-placeholder,
    .mk-stream-result-form,
    .mk-stream-control-actions,
    .mk-stream-add-participants,
    .mk-stream-complete-panel
) button {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(255,211,94,.5);
    border-radius: 9px;
    background: linear-gradient(135deg,#bf9227,#ffd76b);
    color: #211500;
    font: inherit;
    font-size: .54rem;
    font-weight: 950;
    cursor: pointer;
}

.admin-shell .mk-stream-current-draw {
    display: grid;
    gap: 14px;
    padding: 16px;
}

.admin-shell .mk-stream-current-person {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255,211,94,.2);
    border-radius: 13px;
    background: rgba(94,65,0,.08);
}

.admin-shell .mk-stream-current-person > span {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 1px solid rgba(255,211,94,.3);
    border-radius: 50%;
    color: #ffdc79;
    font-size: .9rem;
    font-weight: 950;
}

.admin-shell .mk-stream-current-person small,
.admin-shell .mk-stream-current-person strong {
    display: block;
}

.admin-shell .mk-stream-current-person small {
    color: #8ca0b4;
    font-size: .49rem;
}

.admin-shell .mk-stream-current-person h4 {
    margin: 4px 0;
    color: #fff;
    font-size: .95rem;
}

.admin-shell .mk-stream-current-person strong {
    color: #ffdc79;
    font-size: .62rem;
}

.admin-shell .mk-stream-result-form {
    display: grid;
    gap: 10px;
}

.admin-shell .mk-stream-result-form > div {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
}

.admin-shell .mk-stream-result-form > button {
    justify-self: end;
}

.admin-shell .mk-stream-control-facts {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 12px;
}

.admin-shell .mk-stream-control-facts > div {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 9px;
    border: 1px solid rgba(255,211,94,.09);
    border-radius: 9px;
    background: rgba(4,15,32,.52);
}

.admin-shell .mk-stream-control-facts dt,
.admin-shell .mk-stream-control-facts dd {
    font-size: .52rem;
}

.admin-shell .mk-stream-control-facts dt {
    color: #7b90a7;
}

.admin-shell .mk-stream-control-facts dd {
    margin: 0;
    color: #e6edf6;
    font-weight: 850;
}

.admin-shell .mk-stream-control-actions {
    display: grid;
    gap: 7px;
    padding: 0 12px 12px;
}

.admin-shell .mk-stream-control-actions > a,
.admin-shell .mk-stream-control-actions form,
.admin-shell .mk-stream-control-actions button {
    width: 100%;
}

.admin-shell .mk-stream-control-actions > a {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(142,162,187,.16);
    border-radius: 9px;
    color: #a3b5c8;
    font-size: .52rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-shell .mk-stream-winner-card {
    display: grid;
    justify-items: center;
    gap: 4px;
    margin: 0 12px 12px;
    padding: 14px;
    border: 1px solid rgba(255,211,94,.25);
    border-radius: 12px;
    background: rgba(111,79,0,.09);
}

.admin-shell .mk-stream-winner-card span,
.admin-shell .mk-stream-winner-card small {
    color: #8d9fb2;
    font-size: .49rem;
}

.admin-shell .mk-stream-winner-card strong {
    color: #ffdc79;
    font-size: .8rem;
}

.admin-shell .mk-stream-add-participants {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
    padding: 13px;
}

.admin-shell .mk-stream-add-participants > form {
    display: grid;
    gap: 9px;
    padding: 12px;
    border: 1px solid rgba(255,211,94,.11);
    border-radius: 11px;
    background: rgba(2,12,28,.52);
}

.admin-shell .mk-stream-add-participants h4 {
    margin: 0;
    color: #edf2f9;
    font-size: .64rem;
}

.admin-shell .mk-stream-add-participants p {
    margin: 0;
    color: #7c90a7;
    font-size: .5rem;
    line-height: 1.5;
}

.admin-shell .mk-stream-add-participants button {
    justify-self: end;
}

.admin-shell :is(
    .mk-stream-participant-table-wrap,
    .mk-stream-result-table-wrap
) {
    overflow-x: auto;
}

.admin-shell :is(
    .mk-stream-participant-table,
    .mk-stream-result-table
) {
    width: 100%;
    border-collapse: collapse;
}

.admin-shell :is(
    .mk-stream-participant-table,
    .mk-stream-result-table
) th {
    padding: 10px;
    border-bottom: 1px solid rgba(255,211,94,.1);
    color: #71869e;
    font-size: .48rem;
    text-align: left;
    white-space: nowrap;
}

.admin-shell :is(
    .mk-stream-participant-table,
    .mk-stream-result-table
) td {
    padding: 10px;
    border-bottom: 1px solid rgba(255,211,94,.07);
    color: #cdd8e5;
    font-size: .52rem;
    vertical-align: middle;
}

.admin-shell .mk-stream-participant-table td strong,
.admin-shell .mk-stream-participant-table td small,
.admin-shell .mk-stream-result-table td strong,
.admin-shell .mk-stream-result-table td small {
    display: block;
}

.admin-shell .mk-stream-participant-table td small,
.admin-shell .mk-stream-result-table td small {
    margin-top: 3px;
    color: #70859d;
    font-size: .44rem;
}

.admin-shell :is(
    .mk-stream-participant-table,
    .mk-stream-result-table
) td > span {
    display: inline-flex;
    padding: 4px 7px;
    border: 1px solid rgba(255,211,94,.13);
    border-radius: 999px;
    color: #d5be6d;
    font-size: .45rem;
}

.admin-shell .mk-stream-participant-table button {
    min-height: 29px;
    padding: 0 8px;
    border: 1px solid rgba(255,100,123,.24);
    border-radius: 7px;
    background: rgba(151,27,53,.08);
    color: #ff9bac;
    font: inherit;
    font-size: .45rem;
    cursor: pointer;
}

.admin-shell .mk-stream-result-table tr.is-won td {
    background: rgba(26,135,101,.04);
}

.admin-shell .mk-stream-result-table tr.is-lost td {
    background: rgba(151,27,53,.035);
}

.admin-shell .mk-stream-complete-panel {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(320px,.55fr);
    align-items: center;
    gap: 15px;
    padding: 16px;
    border: 1px solid rgba(255,211,94,.18);
    border-radius: 15px;
    background: linear-gradient(135deg,rgba(77,53,0,.12),rgba(4,14,31,.95));
}

.admin-shell .mk-stream-complete-panel h3 {
    margin: 0;
    color: #f3f7fb;
    font-size: .82rem;
}

.admin-shell .mk-stream-complete-panel p {
    margin: 6px 0 0;
    color: #8094aa;
    font-size: .52rem;
    line-height: 1.55;
}

.admin-shell .mk-stream-complete-panel form {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px;
}

.admin-shell .mk-stream-complete-panel select {
    min-height: 38px;
    padding: 0 9px;
    border: 1px solid rgba(255,211,94,.17);
    border-radius: 9px;
    background: rgba(2,13,30,.9);
    color: #f3f7fb;
    font: inherit;
    font-size: .53rem;
}

.admin-shell .mk-stream-delete-form {
    justify-self: end;
}

.admin-shell .mk-stream-delete-form button {
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid rgba(255,100,123,.24);
    border-radius: 8px;
    background: rgba(151,27,53,.07);
    color: #ff9bac;
    font: inherit;
    font-size: .49rem;
    cursor: pointer;
}

.admin-shell :is(
    .mk-stream-tournament-empty,
    .mk-stream-tournament-pagination
) {
    padding: 24px 14px;
    color: #7d91a8;
    font-size: .54rem;
    text-align: center;
}

@media (max-width: 1260px) {
    .admin-shell :is(
        .mk-stream-tournament-stats,
        .mk-stream-control-stats
    ) {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 980px) {
    .admin-shell .mk-stream-control-layout {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-stream-tournament-switches {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-stream-complete-panel {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .admin-shell :is(
        .mk-stream-tournament-hero,
        .mk-stream-control-hero,
        .mk-stream-tournament-editor > header
    ) {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-shell .mk-stream-control-hero-side {
        min-width: 0;
    }

    .admin-shell :is(
        .mk-stream-tournament-stats,
        .mk-stream-control-stats
    ) {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .admin-shell .mk-stream-tournament-filters,
    .admin-shell .mk-stream-tournament-form-grid,
    .admin-shell .mk-stream-add-participants,
    .admin-shell .mk-stream-result-form > div {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-stream-tournament-form-grid .is-wide {
        grid-column: auto;
    }

    .admin-shell .mk-stream-tournament-list > article {
        grid-template-columns: 44px minmax(0,1fr);
    }

    .admin-shell .mk-stream-tournament-list-actions {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .admin-shell .mk-stream-complete-panel form {
        grid-template-columns: 1fr;
    }
}
/* END MARKUZI-PHASE-16-9-1-STREAM-TOURNAMENT-ADMIN */


/* BEGIN MARKUZI-PHASE-16-9-3-OBS-OVERLAY-ADMIN */
.admin-shell .mk-stream-obs-panel {
    overflow: hidden;
    border: 1px solid rgba(98,227,255,.18);
    border-radius: 16px;
    background:
        radial-gradient(
            circle at 92% 5%,
            rgba(98,227,255,.08),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            rgba(9,24,49,.96),
            rgba(2,13,29,.97)
        );
}

.admin-shell .mk-stream-obs-panel > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 15px;
    border-bottom: 1px solid rgba(98,227,255,.09);
}

.admin-shell .mk-stream-obs-panel > header h3 {
    margin: 0;
    color: #f4f8ff;
    font-size: .85rem;
}

.admin-shell .mk-stream-obs-status {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 9px;
    border: 1px solid rgba(255,100,123,.22);
    border-radius: 999px;
    color: #ff9bac;
    font-size: .49rem;
    font-weight: 900;
}

.admin-shell .mk-stream-obs-status.is-active {
    border-color: rgba(60,228,180,.24);
    background: rgba(17,158,117,.06);
    color: #82e8ca;
}

.admin-shell .mk-stream-obs-content {
    display: grid;
    grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr);
    gap: 13px;
    padding: 14px;
}

.admin-shell .mk-stream-obs-link-card,
.admin-shell .mk-stream-obs-help {
    display: grid;
    align-content: start;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(98,227,255,.1);
    border-radius: 11px;
    background: rgba(2,12,28,.52);
}

.admin-shell .mk-stream-obs-link-card > p,
.admin-shell .mk-stream-obs-help > p {
    margin: 0;
    color: #7d91a8;
    font-size: .51rem;
    line-height: 1.55;
}

.admin-shell .mk-stream-obs-url {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 7px;
}

.admin-shell .mk-stream-obs-url input {
    width: 100%;
    min-height: 39px;
    padding: 0 10px;
    border: 1px solid rgba(98,227,255,.17);
    border-radius: 9px;
    outline: 0;
    background: rgba(2,13,30,.9);
    color: #cdeefa;
    font: 500 .51rem/1.2 monospace;
}

.admin-shell .mk-stream-obs-url button,
.admin-shell .mk-stream-obs-actions :is(
    button,
    a
) {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border-radius: 9px;
    font: inherit;
    font-size: .52rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
}

.admin-shell .mk-stream-obs-url button {
    border: 1px solid rgba(98,227,255,.34);
    background: rgba(0,108,150,.1);
    color: #8fe9ff;
}

.admin-shell .mk-stream-obs-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.admin-shell .mk-stream-obs-actions form {
    display: inline-flex;
}

.admin-shell .mk-stream-obs-actions button {
    border: 1px solid rgba(255,211,94,.24);
    background: rgba(119,84,0,.07);
    color: #e5ca73;
}

.admin-shell .mk-stream-obs-actions a {
    border: 1px solid rgba(98,227,255,.24);
    background: rgba(0,108,150,.07);
    color: #8fe9ff;
}

.admin-shell .mk-stream-obs-actions
form:last-child button {
    border-color: rgba(255,100,123,.22);
    background: rgba(151,27,53,.06);
    color: #ff9bac;
}

.admin-shell .mk-stream-obs-help dl {
    display: grid;
    gap: 7px;
    margin: 0;
}

.admin-shell .mk-stream-obs-help dl > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px;
    border: 1px solid rgba(98,227,255,.08);
    border-radius: 8px;
    background: rgba(3,15,32,.45);
}

.admin-shell .mk-stream-obs-help dt,
.admin-shell .mk-stream-obs-help dd {
    font-size: .49rem;
}

.admin-shell .mk-stream-obs-help dt {
    color: #74899f;
}

.admin-shell .mk-stream-obs-help dd {
    margin: 0;
    color: #d8e3ed;
    font-weight: 850;
}

.admin-shell .mk-stream-obs-copy-status {
    min-height: 18px;
    color: #82e8ca;
    font-size: .48rem;
}

@media (max-width: 900px) {
    .admin-shell .mk-stream-obs-content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .admin-shell .mk-stream-obs-url {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-stream-obs-actions {
        display: grid;
    }

    .admin-shell .mk-stream-obs-actions form,
    .admin-shell .mk-stream-obs-actions
    :is(button,a) {
        width: 100%;
    }
}
/* END MARKUZI-PHASE-16-9-3-OBS-OVERLAY-ADMIN */


/* BEGIN MARKUZI-SLOTGAME-ADMIN-CLEANUP */
.admin-shell .mk-slot-admin-play-cta {
    display: grid;
    min-height: 210px;
    place-items: center;
    gap: 10px;
    padding: 28px;
    border: 1px solid rgba(74, 222, 255, .24);
    border-radius: 14px;
    background:
        radial-gradient(
            circle at 50% 25%,
            rgba(74, 222, 255, .13),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            rgba(4, 25, 48, .96),
            rgba(2, 13, 29, .98)
        );
    color: #eaf9ff;
    text-align: center;
    text-decoration: none;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.admin-shell .mk-slot-admin-play-cta:hover {
    transform: translateY(-2px);
    border-color: rgba(74, 222, 255, .5);
    box-shadow:
        0 18px 45px rgba(0, 0, 0, .22),
        0 0 28px rgba(74, 222, 255, .08);
}

.admin-shell .mk-slot-admin-play-cta > span {
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    border: 1px solid rgba(74, 222, 255, .3);
    border-radius: 20px;
    background: rgba(0, 138, 191, .08);
    color: #76e8ff;
    font-size: 1.75rem;
}

.admin-shell .mk-slot-admin-play-cta > strong {
    color: #ffffff;
    font-size: clamp(1.35rem, 3vw, 2rem);
    line-height: 1.1;
}

.admin-shell .mk-slot-admin-player-header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.admin-shell .mk-slot-admin-player-header h3 {
    margin: 0;
}

@media (max-width: 700px) {
    .admin-shell .mk-slot-admin-play-cta {
        min-height: 170px;
        padding: 22px;
    }

    .admin-shell .mk-slot-admin-player-header {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* END MARKUZI-SLOTGAME-ADMIN-CLEANUP */


/* BEGIN MARKUZI-ADMIN-COMFORT-LAYOUT */
.admin-shell {
    --mk-comfort-content-width: 1760px;
}

/*
 * Dem eigentlichen Arbeitsbereich mehr Platz geben.
 * Die Navigation bleibt unverändert nutzbar, nimmt auf
 * normalen Desktopbreiten aber etwas weniger Raum ein.
 */
.admin-shell .admin-main {
    padding:
        32px
        clamp(22px, 2.7vw, 48px)
        64px;
}

.admin-shell .admin-main > * {
    width: 100%;
    max-width: var(--mk-comfort-content-width);
    margin-right: auto;
    margin-left: auto;
}

.admin-shell .admin-main [class*="-page"] {
    max-width: var(--mk-comfort-content-width);
}

/*
 * Lesbare Mindestgrößen für die vielen individuellen
 * Community-, Support-, Benutzer- und Inhaltsmodule.
 */
.admin-shell .admin-main p {
    font-size: .84rem;
    line-height: 1.65;
}

.admin-shell .admin-main li,
.admin-shell .admin-main td,
.admin-shell .admin-main dd {
    font-size: .8rem;
    line-height: 1.55;
}

.admin-shell .admin-main small {
    font-size: .72rem;
    line-height: 1.48;
}

.admin-shell .admin-main :is(
    .mk-kicker,
    .eyebrow,
    legend,
    dt,
    th,
    label > span
) {
    font-size: .72rem;
    line-height: 1.4;
}

.admin-shell .admin-main :is(
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea
) {
    min-height: 46px;
    padding-right: 12px;
    padding-left: 12px;
    font-size: .8rem;
}

.admin-shell .admin-main textarea {
    min-height: 116px;
    padding-top: 11px;
    padding-bottom: 11px;
}

.admin-shell .admin-main :is(
    button,
    .button,
    a[class*="-action"],
    a[class*="-primary"],
    a[class*="-secondary"]
) {
    min-height: 42px;
    font-size: .76rem;
}

/*
 * Karten und Panels erhalten mehr Luft. Das betrifft
 * nur den Hauptinhalt und nicht die linke Navigation.
 */
.admin-shell .admin-main :is(
    [class$="-panel"],
    [class*="-panel "]
) > header {
    padding: 18px 20px;
}

.admin-shell .admin-main :is(
    [class$="-panel"],
    [class*="-panel "]
) > header h3 {
    font-size: 1rem;
    line-height: 1.25;
}

.admin-shell .admin-main :is(
    [class$="-card"],
    [class*="-card "]
) {
    line-height: 1.5;
}

/*
 * Statistikfelder sollen nicht mehr als sehr schmale
 * Sechserreihen erscheinen.
 */
.admin-shell .admin-main :is(
    [class*="-stats"],
    [class*="-stat-grid"]
) {
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(235px, 1fr)
        );
    gap: 14px;
}

.admin-shell .admin-main :is(
    [class*="-stats"],
    [class*="-stat-grid"]
) article {
    min-height: 92px;
    padding: 16px;
}

.admin-shell .admin-main :is(
    [class*="-stats"],
    [class*="-stat-grid"]
) article strong {
    font-size: 1.12rem;
}

.admin-shell .admin-main :is(
    [class*="-stats"],
    [class*="-stat-grid"]
) article small {
    margin-top: 5px;
    font-size: .7rem;
}

/*
 * Tabellen bleiben kompakt, sind aber nicht mehr winzig.
 */
.admin-shell .admin-main table th {
    padding: 13px 14px;
    font-size: .7rem;
}

.admin-shell .admin-main table td {
    padding: 14px;
    font-size: .8rem;
}

/*
 * Auf typischen Full-HD- und Notebookbreiten werden
 * große Verwaltungs-Splitansichten untereinander gesetzt.
 * Dadurch stehen Formularen und Listen die volle Breite
 * zur Verfügung.
 */
@media (min-width: 901px) and (max-width: 1550px) {
    .admin-shell {
        grid-template-columns:
            264px
            minmax(0, 1fr);
    }

    .admin-shell .admin-sidebar {
        padding-right: 14px;
        padding-left: 14px;
    }

    .admin-shell .admin-main {
        padding-right: 26px;
        padding-left: 26px;
    }

    .admin-shell .admin-main :is(
        .mk-slot-admin-layout,
        .mk-stream-control-layout,
        .mk-giveaway-layout,
        .mk-promocode-layout,
        .mk-note-layout,
        .mk-message-layout,
        .mk-participant-layout,
        .mk-news-form-layout,
        .mk-community-module-layout,
        .mk-currency-top-grid,
        .mk-support-workspace-grid
    ) {
        grid-template-columns: 1fr;
    }

    .admin-shell .admin-main .mk-slot-admin-layout {
        gap: 18px;
    }

    .admin-shell .admin-main .mk-slot-symbol-config-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
        gap: 12px;
    }
}

/*
 * Kleinere Desktopbreiten erhalten zusätzlich weniger
 * Spalten in Formular- und Statistikbereichen.
 */
@media (min-width: 901px) and (max-width: 1180px) {
    .admin-shell {
        grid-template-columns:
            240px
            minmax(0, 1fr);
    }

    .admin-shell .admin-main :is(
        [class*="-stats"],
        [class*="-stat-grid"]
    ) {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .admin-shell .admin-main .mk-slot-symbol-config-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .admin-shell .admin-main {
        padding:
            22px
            16px
            46px;
    }

    .admin-shell .admin-main :is(
        [class*="-stats"],
        [class*="-stat-grid"]
    ) {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }
}

@media (max-width: 620px) {
    .admin-shell .admin-main :is(
        [class*="-stats"],
        [class*="-stat-grid"]
    ) {
        grid-template-columns: 1fr;
    }

    .admin-shell .admin-main p {
        font-size: .82rem;
    }

    .admin-shell .admin-main :is(
        input:not([type="checkbox"]):not([type="radio"]),
        select,
        textarea,
        button,
        .button
    ) {
        font-size: .78rem;
    }
}
/* END MARKUZI-ADMIN-COMFORT-LAYOUT */


/* BEGIN MARKUZI-COMMUNITY-USER-OVERVIEW */
.admin-shell .mk-community-user-hub {
    display: grid;
    width: 100%;
    max-width: 1540px;
    gap: 18px;
    margin: 0 auto;
}

.admin-shell .mk-community-user-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    padding: clamp(24px, 3vw, 38px);
    border: 1px solid rgba(62, 220, 255, .2);
    border-radius: 22px;
    background:
        radial-gradient(
            circle at 88% 15%,
            rgba(62, 220, 255, .12),
            transparent 32%
        ),
        radial-gradient(
            circle at 70% 0,
            rgba(183, 132, 255, .1),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            rgba(8, 35, 66, .97),
            rgba(3, 15, 33, .98)
        );
}

.admin-shell .mk-community-user-hero h2 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.05;
}

.admin-shell .mk-community-user-hero p {
    max-width: 760px;
    margin: 13px 0 0;
    color: #9eb1c7;
    font-size: .9rem;
    line-height: 1.65;
}

.admin-shell .mk-community-user-hero-actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
}

.admin-shell .mk-community-user-hero-actions a {
    display: inline-flex;
    min-height: 43px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid rgba(62, 220, 255, .23);
    border-radius: 10px;
    background: rgba(0, 129, 177, .07);
    color: #85e8ff;
    font-size: .76rem;
    font-weight: 900;
    text-decoration: none;
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.admin-shell .mk-community-user-hero-actions a:hover {
    transform: translateY(-1px);
    border-color: rgba(62, 220, 255, .48);
    background: rgba(0, 129, 177, .12);
}

.admin-shell .mk-community-user-section {
    overflow: hidden;
    border: 1px solid rgba(62, 220, 255, .15);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(7, 26, 51, .96),
            rgba(2, 14, 31, .98)
        );
}

.admin-shell .mk-community-user-section > header {
    padding: 18px 20px;
    border-bottom: 1px solid rgba(62, 220, 255, .09);
}

.admin-shell .mk-community-user-section > header h3 {
    margin: 2px 0 0;
    color: #f4f8ff;
    font-size: 1.05rem;
}

.admin-shell .mk-community-user-grid {
    display: grid;
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );
    gap: 13px;
    padding: 15px;
}

.admin-shell .mk-community-user-grid > a {
    display: grid;
    min-height: 132px;
    grid-template-columns:
        58px
        minmax(0, 1fr)
        auto;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(62, 220, 255, .12);
    border-radius: 14px;
    background: rgba(2, 14, 31, .62);
    color: inherit;
    text-decoration: none;
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

.admin-shell .mk-community-user-grid > a:hover {
    transform: translateY(-2px);
    border-color: rgba(62, 220, 255, .34);
    background: rgba(6, 31, 57, .82);
    box-shadow: 0 15px 32px rgba(0, 0, 0, .18);
}

.admin-shell .mk-community-user-grid > a > span {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 1px solid rgba(62, 220, 255, .22);
    border-radius: 16px;
    background: rgba(0, 121, 171, .08);
    color: #7be8ff;
    font-size: 1.25rem;
}

.admin-shell .mk-community-user-grid > a strong,
.admin-shell .mk-community-user-grid > a small {
    display: block;
}

.admin-shell .mk-community-user-grid > a strong {
    color: #f5f8fd;
    font-size: .94rem;
}

.admin-shell .mk-community-user-grid > a small {
    margin-top: 7px;
    color: #8196ad;
    font-size: .75rem;
    line-height: 1.55;
}

.admin-shell .mk-community-user-grid > a > b {
    color: #6edff8;
    font-size: 1.1rem;
}

.admin-shell .mk-community-user-grid > a.is-promocode > span {
    border-color: rgba(65, 230, 180, .26);
    background: rgba(22, 151, 114, .08);
    color: #7cedc9;
}

.admin-shell .mk-community-user-grid > a.is-giveaway > span,
.admin-shell .mk-community-user-grid > a.is-tournament > span {
    border-color: rgba(255, 211, 94, .28);
    background: rgba(133, 94, 0, .09);
    color: #ffda76;
}

.admin-shell .mk-community-user-grid > a.is-slotgame > span {
    border-color: rgba(183, 132, 255, .3);
    background: rgba(94, 55, 163, .1);
    color: #c4a0ff;
}

.admin-shell .mk-community-user-grid > a.is-changelog > span {
    border-color: rgba(83, 185, 255, .27);
    background: rgba(13, 104, 169, .08);
    color: #83d1ff;
}

.admin-shell .admin-header.is-personal-community {
    border-color: rgba(62, 220, 255, .18);
}

.admin-shell .admin-header.is-personal-community
.admin-header-status {
    border-color: rgba(62, 220, 255, .22);
    background: rgba(0, 129, 177, .07);
    color: #83e8ff;
}

.admin-shell .admin-header.is-personal-community
.admin-status-dot {
    background: #65e4ff;
    box-shadow: 0 0 12px rgba(101, 228, 255, .55);
}

@media (max-width: 1180px) {
    .admin-shell .mk-community-user-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }
}

@media (max-width: 760px) {
    .admin-shell .mk-community-user-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-shell .mk-community-user-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-community-user-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .admin-shell .mk-community-user-grid > a {
        min-height: 116px;
        grid-template-columns:
            50px
            minmax(0, 1fr)
            auto;
        padding: 14px;
    }

    .admin-shell .mk-community-user-grid > a > span {
        width: 50px;
        height: 50px;
        border-radius: 14px;
    }
}
/* END MARKUZI-COMMUNITY-USER-OVERVIEW */

/* BEGIN MARKUZI-PERMISSION-CONTEXT-UI */
.admin-shell .mk-permission-guide {
    overflow: hidden;
    border: 1px solid rgba(70, 217, 255, .17);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(7, 28, 53, .96),
            rgba(2, 15, 32, .98)
        );
}

.admin-shell .mk-permission-guide > header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 22px;
    border-bottom: 1px solid rgba(70, 217, 255, .1);
}

.admin-shell .mk-permission-guide > header h3 {
    margin: 3px 0 0;
    color: #f4f8ff;
    font-size: 1.08rem;
}

.admin-shell .mk-permission-guide > header p {
    max-width: 620px;
    margin: 0;
    color: #8fa5bb;
    font-size: .77rem;
    text-align: right;
}

.admin-shell .mk-permission-guide-grid {
    display: grid;
    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );
    gap: 12px;
    padding: 15px;
}

.admin-shell .mk-permission-guide-grid article {
    min-height: 132px;
    padding: 16px;
    border: 1px solid rgba(70, 217, 255, .1);
    border-radius: 13px;
    background: rgba(2, 13, 29, .58);
}

.admin-shell .mk-permission-guide-grid article strong {
    display: block;
    margin-top: 12px;
    color: #edf5ff;
    font-size: .86rem;
}

.admin-shell .mk-permission-guide-grid article p {
    margin: 7px 0 0;
    color: #7f94aa;
    font-size: .73rem;
    line-height: 1.55;
}

.admin-shell .mk-permission-changelog-example {
    display: grid;
    grid-template-columns:
        auto
        minmax(190px, auto)
        minmax(0, 1fr);
    align-items: center;
    gap: 9px 14px;
    margin: 0 15px 15px;
    padding: 15px 17px;
    border: 1px solid rgba(255, 211, 94, .18);
    border-radius: 13px;
    background: rgba(116, 83, 8, .06);
}

.admin-shell .mk-permission-changelog-example strong {
    grid-row: 1 / span 2;
    color: #ffdd84;
    font-size: .78rem;
}

.admin-shell .mk-permission-changelog-example code {
    color: #8de8ff;
    font-size: .7rem;
}

.admin-shell .mk-permission-changelog-example span {
    color: #a7b7c8;
    font-size: .74rem;
}

.admin-shell .mk-role-editor-stats {
    grid-template-columns:
        repeat(
            5,
            minmax(0, 1fr)
        );
}

.admin-shell .mk-role-editor-stats
article.is-dependency {
    border-color: rgba(255, 196, 74, .22);
}

.admin-shell .mk-role-editor-stats
article.is-dependency > span {
    color: #ffd26f;
}

.admin-shell .mk-role-permission-group > summary {
    align-items: center;
}

.admin-shell .mk-role-permission-group
> summary > div:first-child {
    min-width: 0;
}

.admin-shell .mk-role-permission-group
> summary > div:first-child > div {
    min-width: 0;
}

.admin-shell .mk-role-permission-group
> summary h3 {
    margin-bottom: 4px;
}

.admin-shell .mk-role-permission-group
> summary p {
    max-width: 780px;
    margin: 0;
    color: #73899f;
    font-size: .71rem;
    line-height: 1.5;
}

.admin-shell .mk-role-group-summary {
    align-items: center;
    gap: 10px;
}

.admin-shell .mk-role-group-summary em {
    display: inline-flex;
    min-height: 27px;
    align-items: center;
    padding: 0 9px;
    border: 1px solid rgba(255, 190, 65, .25);
    border-radius: 999px;
    background: rgba(137, 85, 0, .08);
    color: #ffd16d;
    font-size: .64rem;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.admin-shell .mk-role-group-notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 14px 16px 0;
    padding: 12px 14px;
    border: 1px solid rgba(87, 199, 255, .16);
    border-radius: 11px;
    background: rgba(18, 91, 132, .06);
}

.admin-shell .mk-role-group-notice > span {
    display: grid;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    place-items: center;
    border: 1px solid rgba(87, 199, 255, .25);
    border-radius: 50%;
    color: #78ddff;
    font-size: .68rem;
    font-weight: 900;
}

.admin-shell .mk-role-group-notice p {
    margin: 2px 0 0;
    color: #91a8bd;
    font-size: .73rem;
    line-height: 1.55;
}

.admin-shell .mk-role-permission-row {
    display: block;
}

.admin-shell .mk-role-permission-row
.mk-role-permission-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.admin-shell .mk-role-permission-row
.mk-role-permission-main > label {
    flex: 1 1 auto;
    min-width: 0;
}

.admin-shell .mk-role-permission-title {
    align-items: flex-start;
    gap: 10px;
}

.admin-shell .mk-role-permission-badges {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
}

.admin-shell :is(
    .mk-permission-audience,
    .mk-permission-risk,
    .mk-permission-route-state
) {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 0 8px;
    border: 1px solid rgba(118, 151, 181, .2);
    border-radius: 999px;
    font-size: .61rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.admin-shell .mk-permission-audience.is-personal {
    border-color: rgba(66, 219, 181, .24);
    background: rgba(20, 137, 105, .08);
    color: #7ce9c9;
}

.admin-shell .mk-permission-audience.is-administration {
    border-color: rgba(80, 201, 255, .24);
    background: rgba(14, 105, 151, .08);
    color: #83ddff;
}

.admin-shell .mk-permission-audience.is-system {
    border-color: rgba(183, 132, 255, .27);
    background: rgba(100, 57, 168, .09);
    color: #c9a8ff;
}

.admin-shell .mk-permission-risk.is-elevated {
    border-color: rgba(255, 205, 92, .25);
    background: rgba(133, 91, 4, .08);
    color: #ffd878;
}

.admin-shell .mk-permission-risk.is-critical {
    border-color: rgba(255, 100, 115, .27);
    background: rgba(139, 26, 43, .09);
    color: #ff9aa6;
}

.admin-shell .mk-permission-route-state.is-used {
    border-color: rgba(107, 174, 255, .2);
    background: rgba(25, 86, 154, .07);
    color: #9acbff;
}

.admin-shell .mk-permission-route-state.is-unrouted {
    border-color: rgba(151, 164, 180, .17);
    background: rgba(93, 105, 121, .06);
    color: #8393a5;
}

.admin-shell .mk-role-permission-row
.mk-role-permission-copy > small {
    margin-top: 5px;
    color: #5f7890;
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        monospace;
    font-size: .66rem;
}

.admin-shell .mk-role-permission-row
.mk-role-permission-copy > p {
    max-width: 960px;
    margin-top: 8px;
    color: #8fa4b9;
    font-size: .76rem;
    line-height: 1.58;
}

.admin-shell .mk-role-permission-row.has-missing-dependency {
    border-color: rgba(255, 188, 57, .35);
    box-shadow:
        inset 3px 0 0 rgba(255, 188, 57, .7);
}

.admin-shell .mk-role-dependency-box {
    display: grid;
    grid-template-columns:
        minmax(150px, 210px)
        minmax(0, 1fr);
    gap: 13px;
    margin: 14px 0 0 48px;
    padding: 13px 14px;
    border: 1px solid rgba(255, 196, 74, .16);
    border-radius: 11px;
    background: rgba(116, 76, 0, .05);
}

.admin-shell .mk-role-dependency-box > div:first-child strong,
.admin-shell .mk-role-dependency-box > div:first-child small {
    display: block;
}

.admin-shell .mk-role-dependency-box > div:first-child strong {
    color: #f4d985;
    font-size: .72rem;
}

.admin-shell .mk-role-dependency-box > div:first-child small {
    margin-top: 5px;
    color: #7c8da0;
    font-size: .64rem;
    line-height: 1.45;
}

.admin-shell .mk-role-dependency-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-shell .mk-permission-dependency-state {
    display: inline-grid;
    min-height: 32px;
    grid-template-columns:
        auto
        auto
        minmax(0, 1fr)
        auto;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border: 1px solid rgba(127, 151, 176, .18);
    border-radius: 9px;
    background: rgba(3, 15, 31, .52);
    font-size: .63rem;
}

.admin-shell .mk-permission-dependency-state b {
    color: #879bae;
    font-size: .57rem;
    text-transform: uppercase;
}

.admin-shell .mk-permission-dependency-state span {
    color: #cbd6e1;
    font-weight: 800;
}

.admin-shell .mk-permission-dependency-state code {
    color: #6d8499;
    font-size: .58rem;
}

.admin-shell .mk-permission-dependency-state i {
    font-size: .59rem;
    font-style: normal;
    font-weight: 900;
}

.admin-shell .mk-permission-dependency-state.is-met {
    border-color: rgba(63, 216, 165, .2);
}

.admin-shell .mk-permission-dependency-state.is-met i {
    color: #70dfbc;
}

.admin-shell .mk-permission-dependency-state.is-missing {
    border-color: rgba(255, 177, 61, .3);
    background: rgba(130, 77, 0, .07);
}

.admin-shell .mk-permission-dependency-state.is-missing i {
    color: #ffc866;
}

.admin-shell .mk-permission-route-details {
    margin: 11px 0 0 48px;
    border-top: 1px solid rgba(79, 133, 176, .1);
    padding-top: 10px;
}

.admin-shell .mk-permission-route-details > summary {
    width: fit-content;
    color: #71bedf;
    cursor: pointer;
    font-size: .66rem;
    font-weight: 850;
}

.admin-shell .mk-permission-route-details > div {
    display: grid;
    gap: 6px;
    margin-top: 9px;
}

.admin-shell .mk-permission-route-details > div > span {
    display: grid;
    grid-template-columns:
        78px
        minmax(180px, .8fr)
        minmax(220px, 1fr);
    gap: 9px;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(4, 17, 34, .55);
}

.admin-shell .mk-permission-route-details b {
    color: #7fe1ff;
    font-size: .59rem;
}

.admin-shell .mk-permission-route-details code {
    color: #b7c8d8;
    font-size: .62rem;
}

.admin-shell .mk-permission-route-details small {
    color: #6f859a;
    font-size: .62rem;
}

@media (max-width: 1280px) {
    .admin-shell .mk-permission-guide-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .admin-shell .mk-role-editor-stats {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }
}

@media (max-width: 840px) {
    .admin-shell .mk-permission-guide > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-shell .mk-permission-guide > header p {
        text-align: left;
    }

    .admin-shell .mk-permission-changelog-example {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-permission-changelog-example strong {
        grid-row: auto;
    }

    .admin-shell .mk-role-permission-row
    .mk-role-permission-main {
        flex-direction: column;
    }

    .admin-shell .mk-role-dependency-box {
        grid-template-columns: 1fr;
        margin-left: 0;
    }

    .admin-shell .mk-permission-route-details {
        margin-left: 0;
    }

    .admin-shell .mk-permission-route-details > div > span {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .admin-shell .mk-permission-guide-grid,
    .admin-shell .mk-role-editor-stats {
        grid-template-columns: 1fr;
    }

    .admin-shell .mk-permission-dependency-state {
        width: 100%;
        grid-template-columns: auto 1fr;
    }

    .admin-shell .mk-permission-dependency-state code,
    .admin-shell .mk-permission-dependency-state i {
        grid-column: 2;
    }
}
/* END MARKUZI-PERMISSION-CONTEXT-UI */

/* BEGIN MARKUZI-PERMISSION-CHECKBOX-FIX */
.admin-shell .mk-role-permission-row
input[type="checkbox"][data-permission-checkbox] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    border: 0 !important;
    opacity: 0 !important;
    white-space: nowrap !important;
}

.admin-shell .mk-role-permission-row
input[type="checkbox"][data-permission-checkbox]:focus-visible
+ .mk-role-checkbox-ui {
    outline: 2px solid rgba(91, 221, 255, .92);
    outline-offset: 3px;
}
/* END MARKUZI-PERMISSION-CHECKBOX-FIX */

/* BEGIN MARKUZI-PAGE-BACK-NAVIGATION */
:is(
    .mk-user-activity-page,
    .mk-user-badges-page,
    .mk-user-changelog-page,
    .mk-slot-game-page,
    .mk-stream-public-page,
    .mk-community-user-profile
) > .mk-page-dashboard-back {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0 0 12px;
}

:is(
    .mk-user-activity-page,
    .mk-user-badges-page,
    .mk-user-changelog-page,
    .mk-slot-game-page,
    .mk-stream-public-page,
    .mk-community-user-profile
) > .mk-page-dashboard-back a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid rgba(255, 210, 78, .2);
    border-radius: 10px;
    background: rgba(110, 75, 0, .06);
    color: #ffdc6f;
    font-size: .76rem;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}

:is(
    .mk-user-activity-page,
    .mk-user-badges-page,
    .mk-user-changelog-page,
    .mk-slot-game-page,
    .mk-stream-public-page,
    .mk-community-user-profile
) > .mk-page-dashboard-back a:hover {
    transform: translateX(-2px);
    border-color: rgba(255, 210, 78, .42);
    background: rgba(110, 75, 0, .12);
}

:is(
    .mk-user-activity-page,
    .mk-user-badges-page,
    .mk-user-changelog-page,
    .mk-slot-game-page,
    .mk-stream-public-page,
    .mk-community-user-profile
) > .mk-page-dashboard-back a:focus-visible {
    outline: 2px solid rgba(255, 221, 111, .9);
    outline-offset: 3px;
}

@media (max-width: 620px) {
    :is(
        .mk-user-activity-page,
        .mk-user-badges-page,
        .mk-user-changelog-page,
        .mk-slot-game-page,
        .mk-stream-public-page,
        .mk-community-user-profile
    ) > .mk-page-dashboard-back {
        margin-bottom: 9px;
    }

    :is(
        .mk-user-activity-page,
        .mk-user-badges-page,
        .mk-user-changelog-page,
        .mk-slot-game-page,
        .mk-stream-public-page,
        .mk-community-user-profile
    ) > .mk-page-dashboard-back a {
        width: 100%;
        justify-content: center;
    }
}
/* END MARKUZI-PAGE-BACK-NAVIGATION */

/* BEGIN MARKUZI-REGISTRATION-DEVELOPER-CONTROL */
.admin-shell .mk-registration-control {
    margin-top: 22px;
    border-color: rgba(41, 201, 255, .18);
}

.admin-shell .mk-registration-control > header {
    align-items: flex-start;
}

.admin-shell .mk-registration-control-state {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 0 11px;
    border: 1px solid rgba(255, 103, 122, .25);
    border-radius: 999px;
    background: rgba(126, 20, 38, .08);
    color: #ff91a0;
    font-size: .68rem;
    font-weight: 900;
    white-space: nowrap;
}

.admin-shell
.mk-registration-control-state.is-open {
    border-color: rgba(52, 218, 164, .25);
    background: rgba(19, 128, 92, .08);
    color: #75e5c0;
}

.admin-shell .mk-registration-control-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(280px, .62fr);
    gap: 16px;
    padding: 16px;
}

.admin-shell .mk-registration-control-info,
.admin-shell .mk-registration-control-action {
    padding: 17px;
    border: 1px solid rgba(74, 143, 194, .12);
    border-radius: 13px;
    background: rgba(2, 15, 30, .48);
}

.admin-shell .mk-registration-control-info {
    display: grid;
    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );
    gap: 11px;
}

.admin-shell .mk-registration-control-info div {
    padding: 13px;
    border-radius: 10px;
    background: rgba(7, 28, 49, .65);
}

.admin-shell .mk-registration-control-info span,
.admin-shell .mk-registration-control-action small {
    display: block;
    color: #71899e;
    font-size: .66rem;
}

.admin-shell .mk-registration-control-info strong {
    display: block;
    margin-top: 6px;
    color: #e7f4ff;
    font-size: .9rem;
}

.admin-shell .mk-registration-control-action p {
    margin: 0 0 14px;
    color: #8fa5b8;
    font-size: .74rem;
    line-height: 1.6;
}

.admin-shell .mk-registration-control-action form {
    display: grid;
    gap: 9px;
}

.admin-shell .mk-registration-control-action button {
    min-height: 42px;
    border: 1px solid rgba(52, 218, 164, .3);
    border-radius: 10px;
    background: rgba(20, 126, 92, .13);
    color: #80e8c5;
    cursor: pointer;
    font: inherit;
    font-size: .75rem;
    font-weight: 900;
}

.admin-shell
.mk-registration-control-action button.is-close {
    border-color: rgba(255, 103, 122, .3);
    background: rgba(135, 23, 42, .11);
    color: #ff9aa7;
}

.admin-shell .mk-registration-control-note {
    margin: 0 16px 16px;
    padding: 13px 15px;
    border: 1px solid rgba(255, 210, 87, .16);
    border-radius: 11px;
    background: rgba(114, 78, 0, .05);
    color: #9d9271;
    font-size: .7rem;
    line-height: 1.55;
}

@media (max-width: 1050px) {
    .admin-shell .mk-registration-control-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .admin-shell .mk-registration-control-info {
        grid-template-columns: 1fr;
    }
}
/* END MARKUZI-REGISTRATION-DEVELOPER-CONTROL */