[data-theme=dark]{--bg-base: #0d1117;--bg-surface: #161b22;--bg-elevated: #1c2128;--bg-overlay: #21262d;--border-subtle: #21262d;--border-default: #30363d;--text-primary: #e6edf3;--text-secondary: #c9d1d9;--text-muted: #8b949e;--text-faint: #484f58;--accent-blue: #388bfd;--accent-blue-bg: rgba(56,139,253,.15);--accent-green: #3fb950;--accent-red: #f85149;--accent-yellow: #d29922;--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);color-scheme:dark}[data-theme=blue]{--bg-base:#030712;--bg-surface:#0f172a;--bg-elevated:#1e293b;--bg-overlay:rgba(15,23,42,0.85);--border-subtle:rgba(255,255,255,0.04);--border-default:rgba(255,255,255,0.08);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-faint:#475569;--accent-blue:#38bdf8;--accent-blue-bg:rgba(56,189,248,0.15);--accent-green:#10b981;--accent-red:#ef4444;--accent-yellow:#f59e0b;--shadow-md:0 4px 20px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.6);color-scheme:dark}[data-theme=light]{--bg-base: #f6f8fa;--bg-surface: #ffffff;--bg-elevated: #f0f2f5;--bg-overlay: #e8ecf0;--border-subtle: #d0d7de;--border-default: #c8d0d8;--text-primary: #1f2328;--text-secondary: #24292f;--text-muted: #57606a;--text-faint: #8c959f;--accent-blue: #0969da;--accent-blue-bg: rgba(9,105,218,.1);--accent-green: #1a7f37;--accent-red: #cf222e;--accent-yellow: #9a6700;--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.15);color-scheme:light}html,body{overflow-x:hidden;max-width:100vw;background:var(--bg-base);color:var(--text-primary);transition:background .28s ease,color .28s ease}#app{min-height:100vh}.n-button{border-radius:8px!important;font-weight:500!important;transition:all .2s!important}.n-button--tiny-type{border-radius:6px!important}.n-button--small-type{border-radius:7px!important}.n-button--large-type{border-radius:10px!important}.n-button:not(.n-button--disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.n-button--primary-type:not(.n-button--disabled):hover{box-shadow:0 4px 12px #388bfd59!important}.n-button--error-type:not(.n-button--disabled):hover{box-shadow:0 4px 12px #f8514959!important}.n-button--success-type:not(.n-button--disabled):hover{box-shadow:0 4px 12px #3fb95059!important}.n-card{border-radius:12px!important}.n-input,.n-base-selection{border-radius:8px!important}.theme-transitioning *,.theme-transitioning *:before,.theme-transitioning *:after{transition:background-color .28s ease,background .28s ease,border-color .28s ease,color .28s ease,fill .28s ease,stroke .28s ease,box-shadow .28s ease!important}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@media(max-width:480px){.n-dialog.n-modal{max-width:calc(100vw - 24px)!important;width:auto!important;margin:12px}}

.panel-layout {
    background: radial-gradient(circle at 15% 50%, rgba(14, 165, 233, 0.05), transparent 25%), radial-gradient(circle at 85% 30%, rgba(139, 92, 246, 0.05), transparent 25%) !important;
    background-color: var(--bg-base) !important;
}
.sidebar {
    background: rgba(10, 15, 30, 0.5) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-right: 1px solid rgba(255,255,255,0.04) !important;
}
.logo {
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
}
.sidebar-footer {
    background: transparent !important;
    border-top: 1px solid rgba(255,255,255,0.04) !important;
}
.layout-header {
    background: rgba(10, 15, 30, 0.5) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
}
.device-card-modern {
    background: rgba(15, 23, 42, 0.55) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 4px 24px rgba(0,0,0,0.4) !important;
    border-radius: 16px !important;
}
.device-card-modern:hover {
    border-color: rgba(56,189,248,0.3) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 8px 32px rgba(56,189,248,0.15), 0 4px 24px rgba(0,0,0,0.6) !important;
    transform: translateY(-2px) !important;
}
.device-card-top {
    background: linear-gradient(135deg, rgba(56,189,248,0.1) 0%, transparent 60%) !important;
    border-bottom: 1px solid rgba(255,255,255,0.03) !important;
}
.service-pill {
    background: rgba(15, 23, 42, 0.55) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 4px 16px rgba(0,0,0,0.3) !important;
}
.n-card {
    background: rgba(15, 23, 42, 0.55) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 4px 16px rgba(0,0,0,0.3) !important;
}
.n-button--primary-type {
    background: linear-gradient(135deg, #0ea5e9, #3b82f6) !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(14, 165, 233, 0.4) !important;
}
.n-button--primary-type:hover {
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.6) !important;
    transform: translateY(-1px) !important;
}


/* ULTRA PREMIUM OVERRIDES */
:root, [data-theme="blue"], [data-theme="dark"] {
    --bg-base: #020617 !important;
    --bg-surface: #0f172a !important;
    --bg-elevated: #1e293b !important;
    --bg-overlay: rgba(15, 23, 42, 0.7) !important;
    --border-subtle: rgba(255, 255, 255, 0.05) !important;
    --border-default: rgba(255, 255, 255, 0.1) !important;
}

.panel-layout {
    background: radial-gradient(circle at 10% 20%, rgba(14, 165, 233, 0.07), transparent 30%), radial-gradient(circle at 90% 80%, rgba(139, 92, 246, 0.07), transparent 30%), #020617 !important;
}

.sidebar {
    background: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-right: 1px solid rgba(255,255,255,0.06) !important;
}

.layout-header {
    background: rgba(15, 23, 42, 0.6) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.device-card, .device-card-modern, .n-card {
    background: rgba(30, 41, 59, 0.4) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 8px 32px rgba(0,0,0,0.5) !important;
    border-radius: 16px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.device-card:hover, .device-card-modern:hover, .n-card:hover {
    border-color: rgba(56,189,248,0.4) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 8px 32px rgba(56,189,248,0.15), 0 8px 32px rgba(0,0,0,0.6) !important;
    transform: translateY(-2px) !important;
}

.device-card-header, .device-card-top {
    background: linear-gradient(135deg, rgba(56,189,248,0.12) 0%, transparent 70%) !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

.service-pill {
    background: rgba(30, 41, 59, 0.5) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 4px 16px rgba(0,0,0,0.3) !important;
    border-radius: 12px !important;
}

.n-button--primary-type {
    background: linear-gradient(135deg, #0ea5e9, #3b82f6) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.4) !important;
}

.n-button--primary-type:hover {
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.6) !important;
    transform: translateY(-1px) !important;
}

.device-card-row span:last-child, .info-val {
    color: #f8fafc !important;
    font-weight: 500 !important;
}
.label, .info-label {
    color: #94a3b8 !important;
}


/* WHITE GRID OVERRIDES */
:root, [data-theme="blue"], [data-theme="dark"], body, html {
    --bg-base: #ffffff !important;
    --bg-surface: #ffffff !important;
    --bg-elevated: #ffffff !important;
    --bg-overlay: rgba(255, 255, 255, 0.9) !important;
    --border-subtle: #e5e7eb !important;
    --border-default: #d1d5db !important;
    --text-primary: #000000 !important;
    --text-secondary: #374151 !important;
    --text-muted: #6b7280 !important;
    --text-faint: #9ca3af !important;
    color-scheme: light !important;
    color: #000000 !important;
}

body, .panel-layout, .content, .device-list-page {
    background-color: #ffffff !important;
    background-image: linear-gradient(#f3f4f6 1px, transparent 1px), linear-gradient(90deg, #f3f4f6 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
}

.sidebar, .layout-header {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-right: 1px solid #e5e7eb !important;
    border-bottom: 1px solid #e5e7eb !important;
    color: #000000 !important;
}

.device-card, .device-card-modern, .n-card, .service-pill {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid #d1d5db !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    border-radius: 8px !important;
    color: #000000 !important;
}

.device-card-header, .device-card-top, .logo, .sidebar-footer {
    background: #f9fafb !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-top: 1px solid #e5e7eb !important;
}

.n-button, .n-button--primary-type, .n-button--default-type, .btn, .vbtn, .primary, .telegram {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #d1d5db !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    text-shadow: none !important;
    font-weight: 500 !important;
}

.n-button:hover, .n-button--primary-type:hover, .btn:hover {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
    transform: none !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    color: #000000 !important;
}

.n-input, .n-base-selection, .sidebar-filters .n-input {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #000000 !important;
}

.device-card-row span:last-child, .info-val, .svc-name, .device-card-id, .logo-text, .total-text, .device-account-name, .ws-status-badge, .jumper-label, .panel-half-title, .panel-block-title {
    color: #000000 !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

.label, .info-label, .svc-state, .device-meta-id, .device-install-date, .sidebar-user-name, .sidebar-user-sub, .header-nav-link {
    color: #4b5563 !important;
}

/* Ensure icons and other text are dark */
* {
    text-shadow: none !important;
}
.header-nav-link.active {
    background: #f3f4f6 !important;
    color: #000000 !important;
    border: 1px solid #d1d5db !important;
    box-shadow: none !important;
}


/* DROPDOWN & POPOVER WHITE THEME OVERRIDES */
.n-base-select-menu, .n-dropdown-menu, .n-popover, .n-popselect-menu, .v-binder-follower-content {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    color: #000000 !important;
}

.n-base-select-option, .n-dropdown-option, .n-popselect-option {
    color: #000000 !important;
    background-color: #ffffff !important;
}

.n-base-select-option:hover, .n-dropdown-option:hover, .n-popselect-option:hover,
.n-base-select-option--pending, .n-dropdown-option--pending, .n-base-select-option--selected {
    background-color: #f3f4f6 !important;
    color: #000000 !important;
}

.n-base-select-option__content, .n-dropdown-option-body__label {
    color: #000000 !important;
}

.n-base-selection-input__content, .n-base-selection-placeholder, .n-base-selection-overlay__wrapper {
    color: #000000 !important;
}

.n-base-selection-tags {
    color: #000000 !important;
}

.n-base-selection .n-base-selection-label {
    color: #000000 !important;
}

/* Ensure selected value text is black */
.n-base-selection-input {
    color: #000000 !important;
}
.n-base-selection-overlay {
    color: #000000 !important;
}


/* INPUT AND FORM TEXT COLOR FIXES */
.n-input .n-input__input-el, 
.n-input .n-input__textarea-el,
.n-base-selection-input,
.n-base-selection-placeholder,
.n-form-item-label,
.n-checkbox__label,
.n-radio__label,
.n-color-picker-trigger__value {
    color: #000000 !important;
}

.n-input .n-input__placeholder {
    color: #9ca3af !important;
}

:root, [data-theme="blue"], [data-theme="dark"] {
    --n-text-color: #000000 !important;
    --n-title-text-color: #000000 !important;
    --n-text-color-disabled: #9ca3af !important;
    --text-color: #000000 !important;
}


/* LOGIN PAGE WHITE GRID OVERRIDES */
.login-page, .admin-login-page {
    background-color: #ffffff !important;
    background-image: linear-gradient(#f3f4f6 1px, transparent 1px), linear-gradient(90deg, #f3f4f6 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
    animation: none !important;
}

/* Hide the wavy canvas */
canvas {
    display: none !important;
}

.login-card, .admin-login-card {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid #d1d5db !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    color: #000000 !important;
}

.login-title, .admin-login-title, .logo-text, .login-card h2, .login-card span {
    color: #000000 !important;
    text-shadow: none !important;
}

/* Fix input colors inside login card */
.login-card .n-input, .login-card input {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #d1d5db !important;
}

.login-card .n-input-wrapper {
    background: transparent !important;
}

.login-card .n-button, .telegram {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #d1d5db !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

.login-card .n-button:hover, .telegram:hover {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    color: #000000 !important;
}


/* ADMIN PAGE WHITE GRID OVERRIDES */
.admin-layout {
    background-color: #ffffff !important;
    background-image: linear-gradient(#f3f4f6 1px, transparent 1px), linear-gradient(90deg, #f3f4f6 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
    animation: none !important;
}

.admin-header {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
}

.admin-header .title {
    background: none !important;
    color: #000000 !important;
    text-shadow: none !important;
    font-weight: 700 !important;
    -webkit-text-fill-color: #000000 !important;
}

.admin-header .user {
    color: #4b5563 !important;
}

.version-badge {
    background: #f3f4f6 !important;
    color: #000000 !important;
    border: 1px solid #d1d5db !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

.admin-main {
    background: transparent !important;
}

/* Data Table Restyling for Admin Page */
.n-data-table {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.n-data-table .n-data-table-th {
    background-color: #f9fafb !important;
    color: #374151 !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.n-data-table .n-data-table-td {
    background-color: #ffffff !important;
    color: #111827 !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

.n-data-table .n-data-table-tr:hover .n-data-table-td {
    background-color: #f9fafb !important;
}

/* Pagination */
.n-pagination {
    margin-top: 16px !important;
}
.n-pagination-item {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #374151 !important;
}
.n-pagination-item--active {
    background-color: #f3f4f6 !important;
    color: #000000 !important;
    border-color: #9ca3af !important;
}

/* Table Buttons */
.n-data-table .n-button {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #000000 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

.n-data-table .n-button:hover {
    background-color: #f3f4f6 !important;
    border-color: #9ca3af !important;
}

/* Ensure empty state is black text */
.n-empty__description {
    color: #4b5563 !important;
}


/* DRAMATIC LAYOUT OVERHAUL */
.admin-header {
    margin: 20px 24px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    border: 1px solid #e5e7eb !important;
}
.admin-main {
    margin: 0 24px 24px 24px !important;
    padding: 0 !important;
    background: transparent !important;
}
.n-data-table {
    border-radius: 16px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.05) !important;
    border: 1px solid #e5e7eb !important;
}
.n-data-table .n-data-table-th {
    padding: 20px 16px !important;
    font-size: 15px !important;
}
.n-data-table .n-data-table-td {
    padding: 16px !important;
}
.header-left .title {
    font-size: 20px !important;
    letter-spacing: 1px !important;
}
.modal-footer {
    padding: 16px !important;
    background: #f9fafb !important;
    border-radius: 0 0 16px 16px !important;
}


/* FINAL ACCOUNTS LAYOUT FIXES */
.page-wrapper, .accounts-page, .accounts-container {
    background: transparent !important;
}

.accounts-tabs .n-tabs-nav {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 6px 16px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
    margin-bottom: 16px !important;
    border: 1px solid #e5e7eb !important;
}

.accounts-tabs .n-tabs-tab {
    color: #4b5563 !important;
    font-size: 15px !important;
}

.accounts-tabs .n-tabs-tab.n-tabs-tab--active {
    color: #000000 !important;
    font-weight: 700 !important;
}

.accounts-tabs .n-tabs-pane-wrapper, .accounts-tabs .n-tab-pane {
    background: transparent !important;
}

.filter-bar, .search-bar {
    background: transparent !important;
}


/* FIX ADMIN HEADER TITLE COLOR */
.title, .admin-header .title, .header-left .title {
    background: none !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    text-shadow: none !important;
    font-weight: bold !important;
}
/* Ensure the logo text specifically is black */
.logo-text, .admin-header h1, .admin-header h2, .admin-header span.title {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}


/* GLOBAL TABS COLOR FIX (For Build Page, etc.) */
.n-tabs .n-tabs-tab {
    color: #4b5563 !important;
}

.n-tabs .n-tabs-tab.n-tabs-tab--active, 
.n-tabs .n-tabs-tab:hover {
    color: #000000 !important;
    font-weight: 700 !important;
}

.n-tabs .n-tabs-ink-bar {
    background-color: #000000 !important;
}


/* FIX BRAND NAME COLOR */
.brand-name {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-weight: 800 !important;
    font-size: 20px !important;
    background: none !important;
}

.title-muted {
    color: #4b5563 !important;
    -webkit-text-fill-color: #4b5563 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    background: none !important;
}


/* FINAL AGGRESSIVE HEADER TEXT OVERRIDE */
.admin-header span, 
.header-left span, 
.header-left .title, 
.header-left .brand-name, 
.header-left .title-muted {
    -webkit-text-fill-color: #000000 !important;
    color: #000000 !important;
    background-image: none !important;
    background: none !important;
    text-shadow: none !important;
}

/* Specific styling to differentiate the two parts if they both exist */
.header-left .brand-name {
    font-weight: 900 !important;
    font-size: 20px !important;
    margin-left: 8px !important;
}

.header-left .title-muted, .header-left .title {
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #4b5563 !important;
    -webkit-text-fill-color: #4b5563 !important;
    margin-left: 8px !important;
}

/* ---- INJECTED PHONE MOCKUP UI ---- */
.image-wrapper {
  position: relative !important;
  background: #111 !important; /* Deep dark grey for bezel */
  padding: 40px 10px 40px 10px !important; /* Top and bottom bezels */
  border-radius: 36px !important; /* Phone rounded corners */
  box-shadow: 
    0 20px 40px rgba(0,0,0,0.15), 
    inset 0 0 0 2px #444, 
    inset 0 0 0 6px #000 !important; /* Premium metallic edge look */
  overflow: visible !important;
  box-sizing: content-box !important; /* Ensure the screen size doesn't shrink too much */
}

/* Camera hole */
.image-wrapper::before {
  content: '' !important;
  position: absolute !important;
  top: 15px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 12px !important;
  height: 12px !important;
  background: #050505 !important;
  border-radius: 50% !important;
  box-shadow: inset 0 -1px 2px rgba(255,255,255,0.1), 0 0 2px rgba(0,0,0,0.5) !important;
  z-index: 10 !important;
}

/* Speaker slit */
.image-wrapper::after {
  content: '' !important;
  position: absolute !important;
  top: 19px !important;
  left: 50% !important;
  transform: translateX(18px) !important; /* offset next to camera */
  width: 30px !important;
  height: 3px !important;
  background: #1a1a1a !important;
  border-radius: 2px !important;
  z-index: 10 !important;
}

/* Make the screen area look integrated */
.screenlayers {
  border-radius: 4px !important; /* Inner screen slight rounding */
  overflow: hidden !important;
  border: 1px solid #222 !important;
  background: #000 !important;
}
/* --------------------------------- */