:root { --bg-body: #121212; --text-main: #ffffff; --text-muted: #888888; --bg-section: #161616; --bg-header: #1f1f1f; --border-main: #29231a; --bg-input: #1a1a1a; --bg-error: #2a1111; --gold: #dfb76c; --ai-cloud: #8e24aa; --ai-local: #1e88e5; }
    body.light-mode { --bg-body: #f7f9fa; --text-main: #121212; --text-muted: #666666; --bg-section: #ffffff; --bg-header: #f0f2f5; --border-main: #e1e4e8; --bg-input: #ffffff; --bg-error: #ffebee; --gold: #b89047; --ai-cloud: #9c27b0; --ai-local: #1976d2;}

    /* THEME_ENGINE_V2_ROOT_TOKENS
       Root-level color contract for homepage, reader and admin.
       This is not a per-widget patch: components below should consume these tokens
       instead of hard-coded black/white surfaces. */
    :root {
        --surface-0: #121212;
        --surface-1: #161616;
        --surface-2: #1f1f1f;
        --surface-card: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
        --surface-card-solid: #161616;
        --surface-glass: rgba(18,18,18,.88);
        --surface-glass-strong: rgba(18,18,18,.94);
        --surface-soft: rgba(255,255,255,.045);
        --surface-soft-2: rgba(255,255,255,.028);
        --surface-inset: rgba(0,0,0,.18);
        --surface-hover: rgba(223,183,108,.10);
        --text-on-gold: #121212;
        --text-soft: #cfc3ab;
        --reader-page-bg: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)), var(--bg-section);
        --reader-page-shadow: 0 18px 45px rgba(0,0,0,.25);
        --reader-topbar-bg: linear-gradient(135deg, rgba(255,255,255,.04), rgba(0,0,0,.18));
        --reader-control-bg: rgba(22,22,22,.88);
        --reader-tool-bg: rgba(255,255,255,.045);
        --reader-tool-bg-soft: rgba(255,255,255,.035);
        --reader-bottom-bg: rgba(31,31,31,.95);
        --reader-tools-shell-bg: rgba(8,8,8,.18);
        --reader-edge-fade-right: linear-gradient(270deg,rgba(16,16,16,.84),rgba(16,16,16,0));
        --reader-edge-fade-left: linear-gradient(90deg,rgba(16,16,16,.84),rgba(16,16,16,0));
        --reader-fast-loader-bg: rgba(18,18,18,.92);
        --reader-fast-loader-shadow: 0 12px 30px rgba(0,0,0,.35);
        --admin-hero-bg: linear-gradient(135deg,#1f1f1f,#111);
        --admin-sticky-bg: rgba(18,18,18,.86);
        --admin-card-bg: linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,0,0,.18));
        --admin-card-bg-soft: linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
        --admin-muted: #999;
        --admin-muted-2: #888;
        --danger-bg: #3a1717;
        --danger-border: #6b2a2a;
        color-scheme: dark;
    }
    body.light-mode {
        --surface-0: #f7f9fa;
        --surface-1: #ffffff;
        --surface-2: #f0f2f5;
        --surface-card: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.76));
        --surface-card-solid: #ffffff;
        --surface-glass: rgba(255,255,255,.86);
        --surface-glass-strong: rgba(255,255,255,.94);
        --surface-soft: rgba(0,0,0,.045);
        --surface-soft-2: rgba(0,0,0,.028);
        --surface-inset: rgba(0,0,0,.045);
        --surface-hover: rgba(184,144,71,.12);
        --text-on-gold: #121212;
        --text-soft: #6c6254;
        --reader-page-bg: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92)), var(--bg-section);
        --reader-page-shadow: 0 18px 45px rgba(42,32,18,.12);
        --reader-topbar-bg: linear-gradient(135deg, rgba(255,255,255,.92), rgba(240,242,245,.72));
        --reader-control-bg: rgba(255,255,255,.78);
        --reader-tool-bg: rgba(0,0,0,.045);
        --reader-tool-bg-soft: rgba(0,0,0,.032);
        --reader-bottom-bg: rgba(255,255,255,.92);
        --reader-tools-shell-bg: rgba(255,255,255,.54);
        --reader-edge-fade-right: linear-gradient(270deg,rgba(255,255,255,.88),rgba(255,255,255,0));
        --reader-edge-fade-left: linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,0));
        --reader-fast-loader-bg: rgba(255,255,255,.94);
        --reader-fast-loader-shadow: 0 12px 30px rgba(70,55,25,.16);
        --admin-hero-bg: linear-gradient(135deg,#ffffff,#f0f2f5);
        --admin-sticky-bg: rgba(255,255,255,.88);
        --admin-card-bg: linear-gradient(135deg,rgba(255,255,255,.88),rgba(240,242,245,.72));
        --admin-card-bg-soft: linear-gradient(135deg,rgba(255,255,255,.92),rgba(240,242,245,.68));
        --admin-muted: #666;
        --admin-muted-2: #777;
        --danger-bg: #fff0f0;
        --danger-border: #e1a1a1;
        color-scheme: light;
    }
    .switch { position: relative; display: inline-block; width: 50px; height: 26px; flex-shrink: 0;}
    .switch input { opacity: 0; width: 0; height: 0; }
    .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #555; transition: .4s; border-radius: 26px; border: 1px solid #777;}
    .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 4px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,0.3); }
    input:checked + .slider { background-color: #4CAF50; border-color: #4CAF50; }
    input:checked + .slider:before { transform: translateX(22px); }
    .install-pwa-btn { display:none; padding:6px 12px; background:#4CAF50; color:var(--text-main); border:none; border-radius:20px; font-size:13px; font-weight:bold; cursor:pointer; align-items:center; gap:6px; box-shadow:0 2px 5px rgba(0,0,0,0.2); transition:0.2s; border:1px solid #388e3c; }
    .install-pwa-btn:hover { background:#45a049; transform:translateY(-2px); box-shadow:0 4px 8px rgba(0,0,0,0.3); }
    .search-wrapper { position: relative; margin-bottom: 15px; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.3); transition: transform 0.3s ease; }
    .search-wrapper:focus-within { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.5); }
    .search-header { font-size: 11px; padding: 4px 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
    .search-input-group { display: flex; background: var(--bg-input); }
    .search-input-group input { flex: 1; padding: 14px; background: transparent; border: none; color: var(--text-main); font-size: 15px; outline: none; }
    .search-input-group button { padding: 0 20px; border: none; font-weight: bold; cursor: pointer; transition: 0.2s; display: flex; align-items: center; gap: 6px; }
    .mic-btn { background: transparent !important; color: var(--text-muted) !important; padding: 0 10px !important; }
    .mic-btn:hover { color: var(--gold) !important; }
    .mic-btn.recording { color: #ff4444 !important; animation: pulse 1.5s infinite; }
    @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } }
    .recent-searches { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--bg-section); border: 1px solid var(--border-main); z-index: 1000; border-radius: 0 0 8px 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); }
    .recent-item { padding: 10px 15px; border-bottom: 1px solid var(--border-main); cursor: pointer; font-size: 14px; display: flex; align-items: center; gap: 10px; color: var(--text-muted); }
    .recent-item:hover { background: rgba(255,255,255,0.05); color: var(--gold); }
    .filter-chip { display: inline-block; padding: 4px 10px; border: 1px solid var(--border-main); border-radius: 15px; font-size: 11px; color: var(--text-muted); cursor: pointer; margin-left: 5px; margin-top: 8px; transition: 0.2s; }
    .filter-chip.active { background: rgba(223, 183, 108, 0.2); color: var(--gold); border-color: var(--gold); }
    

    /* تحسين أشرطة البحث على الهاتف: الزر لا يختفي، وخانة الرمز لا تسحب مساحة البحث */
    .search-input-group input[type="text"] { min-width: 0; }
    .search-submit-btn { flex: 0 0 auto !important; min-width: 82px; justify-content: center; white-space: nowrap; }
    .ai-code-input { flex: 0 0 96px !important; width:96px !important; max-width:96px !important; min-width:96px !important; text-align:center; font-size:12px !important; }
    @media (max-width: 560px) {
        .search-input-group { display:flex; width:100%; align-items:stretch; }
        .search-input-group input { font-size:14px; padding:13px 9px; }
        .search-input-group .mic-btn { flex:0 0 40px !important; width:40px !important; padding:0 7px !important; }
        .search-submit-btn { min-width:74px; padding:0 12px !important; }
        .ai-code-input { flex:0 0 84px !important; width:84px !important; max-width:84px !important; min-width:84px !important; padding:0 5px !important; font-size:11px !important; }
    }

    /* حركة شريط تحميل الذكاء الاصطناعي */
    @keyframes aiLoad {
        from { transform: translateX(120%); }
        to { transform: translateX(-180%); }
    }




/* THEME_ENGINE_V2_SURFACE_CONTRACT
   Canonical surfaces for components that previously mixed fixed black/white values.
   It is placed before component-specific blocks so later detailed layout rules remain in control,
   while color decisions come from root tokens. */
html, body { background:var(--bg-body); color:var(--text-main); }
body, .container, .main-container, .content, .panel-content { color:var(--text-main); }
.card, .section-card, .home-card, .admin-mgmt-card, .admin-smart-tile, .admin-limit-tile,
.list-item, details, .form-group, .sync-box, .book-size-admin-card {
    background-color:var(--surface-card-solid);
    color:var(--text-main);
}
input, select, textarea {
    background:var(--bg-input);
    color:var(--text-main);
    border-color:var(--border-main);
}
input::placeholder, textarea::placeholder { color:var(--text-muted); }
.btn, button, .home-small-btn, .theme-toggle-btn { color:inherit; }

/* ===== Provider Cards V2: تحويل الجزء السفلي من AI إلى نظام مربعات متناسق ===== */
.admin-mgmt-compact-grid {
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
    align-items:stretch !important;
}
.admin-mgmt-card {
    border-radius:22px !important;
    padding:14px !important;
    background:
      radial-gradient(circle at top left,rgba(223,183,108,.075),transparent 38%),
      linear-gradient(135deg,rgba(255,255,255,.045),rgba(0,0,0,.13)) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.018) !important;
}
.admin-provider-grid {
    grid-template-columns:repeat(auto-fit,minmax(132px,1fr)) !important;
    gap:9px !important;
}
.admin-provider-row {
    min-height:82px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:12px !important;
    border-radius:18px !important;
    border:1px solid rgba(223,183,108,.14) !important;
    background:linear-gradient(145deg,rgba(255,255,255,.042),rgba(0,0,0,.18)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015) !important;
}
.admin-provider-row:hover {
    border-color:rgba(223,183,108,.34) !important;
    transform:translateY(-1px);
}
.admin-provider-row span {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    font-size:12.5px !important;
    font-weight:900 !important;
    color:#f3f3f3 !important;
}
.admin-provider-row span::before {
    content:'ترتيب';
    color:var(--gold);
    font-size:10px;
    font-weight:900;
    border:1px solid rgba(223,183,108,.22);
    background:rgba(223,183,108,.08);
    border-radius:999px;
    padding:3px 7px;
}
.admin-provider-row input {
    width:100% !important;
    min-width:0 !important;
    height:40px !important;
    border-radius:13px !important;
    text-align:center !important;
    font-weight:900 !important;
    background:rgba(0,0,0,.23) !important;
    border-color:rgba(223,183,108,.16) !important;
}
.admin-cache-stats {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
}
.admin-cache-stat {
    min-height:82px !important;
    border-radius:18px !important;
    background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,0,0,.18)) !important;
    border-color:rgba(223,183,108,.14) !important;
}
.admin-cache-stat b { font-size:17px !important; }
.admin-smart-grid {
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr)) !important;
    align-items:stretch !important;
}
.admin-smart-tile {
    min-height:96px !important;
    border-radius:22px !important;
    padding:14px !important;
    background:
      radial-gradient(circle at top left,rgba(223,183,108,.065),transparent 45%),
      linear-gradient(135deg,rgba(255,255,255,.045),rgba(0,0,0,.14)) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.018) !important;
}
.admin-smart-tile input,
.admin-smart-tile select {
    border-radius:15px !important;
    font-weight:900 !important;
    text-align:center !important;
}
.admin-limit-tile {
    min-height:120px !important;
}
.admin-limit-tile input[type="range"] {
    height:34px !important;
}
@media(max-width:700px){
    .admin-provider-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .admin-provider-row { min-height:74px !important; padding:10px !important; }
    .admin-mgmt-compact-grid { grid-template-columns:1fr !important; }
}

/* ===== AI Management V3: إدارة Fallback بالضغط + ضغط المساحات ===== */
.ai-live-status-card {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:8px;
    margin:8px 0 14px;
}
.ai-live-status-mini {
    border:1px solid rgba(223,183,108,.18);
    background:rgba(223,183,108,.045);
    border-radius:14px;
    padding:9px 10px;
    min-height:54px;
}
.ai-live-status-mini b { display:block; color:var(--gold); font-size:12px; margin-bottom:4px; }
.ai-live-status-mini span { color:#ddd; font-size:12px; line-height:1.55; }
.fallback-manager { border:1px solid rgba(223,183,108,.18); background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(0,0,0,.12)); border-radius:16px; padding:10px; }
.fallback-manager-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:8px; }
.fallback-order-buttons { display:grid; grid-template-columns:repeat(auto-fit,minmax(128px,1fr)); gap:7px; }
.fallback-pick { position:relative; min-height:42px; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:rgba(0,0,0,.17); color:#ddd; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; cursor:pointer; font-weight:800; transition:.16s ease; }
.fallback-pick:hover { border-color:rgba(223,183,108,.35); transform:translateY(-1px); }
.fallback-pick.active { border-color:var(--gold); color:var(--text-main); background:rgba(223,183,108,.10); }
.fallback-rank { min-width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.06); color:var(--admin-muted-2); font-size:11px; }
.fallback-pick.active .fallback-rank { background:var(--gold); color:#111; }
.fallback-toolbar { display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }
.fallback-mini-btn { border:1px solid rgba(223,183,108,.22); background:rgba(0,0,0,.16); color:var(--gold); border-radius:999px; padding:5px 9px; font-size:11px; cursor:pointer; }
.fallback-pick.is-primary-provider { display:none !important; }
.ai-provider-card { min-height:112px; align-items:flex-start; padding:14px 12px 42px; overflow:hidden; direction:rtl; }
.ai-provider-card .ai-provider-icon { margin-top:10px; }
.ai-provider-card .ai-provider-copy { padding-top:8px; padding-left:28px; line-height:1.35; }
.ai-provider-card .ai-provider-copy b { line-height:1.25; }
.ai-provider-card .ai-provider-copy small { line-height:1.45; max-height:42px; overflow:hidden; display:block; }
.provider-state-row {
    position:absolute;
    right:12px;
    left:12px;
    bottom:10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    font-size:10px;
    color:var(--text-muted);
    pointer-events:none;
    z-index:2;
}
.provider-role-badge {
    max-width:calc(100% - 20px);
    border:1px solid rgba(255,255,255,.10);
    background:rgba(0,0,0,.26);
    border-radius:999px;
    padding:3px 8px;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.2;
}
.provider-status-dot { width:8px; height:8px; min-width:8px; border-radius:50%; display:inline-block; box-shadow:0 0 0 3px rgba(255,255,255,.025); }
.provider-status-dot.green { background:#4CAF50; box-shadow:0 0 8px rgba(76,175,80,.32); }
.provider-status-dot.yellow { background:#d6b64a; box-shadow:0 0 8px rgba(214,182,74,.25); }
.provider-status-dot.red { background:#d85a5a; box-shadow:0 0 8px rgba(216,90,90,.28); }
.provider-status-dot.gray { background:#666; }
.ai-status-title { margin:8px 0 7px; color:var(--gold); font-size:12px; font-weight:900; display:flex; align-items:center; gap:6px; }

.ai-compact-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:8px; margin:8px 0; }
.ai-compact-tile { border:1px solid rgba(255,255,255,.06); background:rgba(0,0,0,.15); border-radius:14px; padding:9px 10px; min-height:58px; }
.ai-compact-tile label, .ai-compact-tile .smart-label { display:flex; justify-content:space-between; align-items:center; gap:8px; color:#ddd; font-size:12px; margin:0 0 6px; }
.ai-compact-tile input[type="number"] { width:100% !important; padding:8px 10px !important; border-radius:11px !important; }
.ai-compact-tile input[type="range"] { width:100% !important; }
.ai-cache-compact { display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; border:1px solid rgba(255,255,255,.06); background:rgba(0,0,0,.14); border-radius:15px; padding:9px 10px; margin-top:8px; }
.ai-cache-numbers { display:flex; gap:8px; flex-wrap:wrap; }
.ai-cache-pill { border:1px solid rgba(223,183,108,.16); border-radius:999px; padding:5px 9px; color:#ddd; font-size:11px; background:rgba(223,183,108,.055); }
.ai-cache-pill b { color:var(--gold); }
.ai-cache-compact .btn { margin:0 !important; width:auto !important; padding:7px 10px !important; font-size:11px !important; }
@media(max-width:640px){ .fallback-order-buttons{grid-template-columns:repeat(2,minmax(0,1fr));} .ai-cache-compact{grid-template-columns:1fr;} }

/* ===== AI Center V3 compact status + clean provider badges ===== */
.ai-live-status-card.ai-live-status-quad { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:8px !important; }
.ai-live-status-card.ai-live-status-quad .ai-live-status-mini { min-height:46px !important; padding:8px 9px !important; }
.ai-live-status-card.ai-live-status-quad .ai-live-status-mini b { font-size:11px !important; margin-bottom:3px !important; }
.ai-live-status-card.ai-live-status-quad .ai-live-status-mini span { font-size:11px !important; line-height:1.35 !important; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; direction:ltr; text-align:right; }
.ai-provider-card { min-height:104px !important; padding:12px !important; padding-bottom:12px !important; flex-wrap:wrap !important; align-items:center !important; overflow:hidden !important; }
.ai-provider-card .ai-provider-copy { padding:0 !important; min-width:0 !important; flex:1 1 0 !important; }
.ai-provider-card .ai-provider-copy small { max-height:34px !important; overflow:hidden !important; line-height:1.35 !important; }
.provider-state-row { position:static !important; flex:0 0 100% !important; width:100% !important; display:flex !important; justify-content:space-between !important; align-items:center !important; margin-top:8px !important; padding-top:7px !important; border-top:1px solid rgba(255,255,255,.055) !important; pointer-events:none !important; }
.provider-role-badge { max-width:calc(100% - 18px) !important; margin:0 !important; font-size:10px !important; }
.provider-status-dot { width:8px !important; height:8px !important; min-width:8px !important; }
@media(max-width:640px){
    .ai-live-status-card.ai-live-status-quad { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .ai-provider-cards { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .ai-provider-card { min-height:92px !important; }
}

.ai-status-title { flex-wrap:wrap !important; }
.ai-status-legend { color:var(--text-muted); font-size:10.5px; font-weight:800; margin-inline-start:6px; }
.provider-state-row { gap:7px !important; }
.provider-state-text { font-size:10px; font-weight:900; color:#ddd; margin-inline-start:auto; white-space:nowrap; }
.provider-status-dot.green + .provider-status-text { color:#8ee28e; }
.provider-status-dot.red + .provider-status-text { color:#ff9b9b; }
.provider-status-dot.yellow + .provider-status-text { color:#ead36d; }
.provider-status-dot.gray + .provider-status-text { color:var(--text-muted); }
@media(max-width:640px){ .ai-status-legend{display:block; flex:0 0 100%; margin-top:4px;} .provider-role-badge{font-size:9.5px !important; padding:3px 6px !important;} .provider-state-text{font-size:9.5px;} }




/* ===== DUPLICATE CENTER V2 ===== */
.duplicate-center-v2{border:1px solid rgba(223,183,108,.18);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.16));border-radius:20px;padding:14px}
.duplicate-center-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.duplicate-center-card{display:flex;flex-direction:column;gap:8px;min-height:178px;border:1px solid rgba(223,183,108,.18);background:radial-gradient(circle at top right,rgba(223,183,108,.08),transparent 42%),rgba(0,0,0,.14);border-radius:18px;padding:14px;text-decoration:none;color:var(--text-main);box-sizing:border-box}
.duplicate-center-card h4{margin:0;color:var(--gold);font-size:16px}.duplicate-center-card p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.7}.duplicate-center-card span{margin-top:auto;color:var(--gold);font-size:12px;font-weight:900}.duplicate-center-icon{font-size:24px}.duplicate-center-link:hover{border-color:rgba(223,183,108,.38);transform:translateY(-1px)}
.duplicate-center-form{display:flex;flex-direction:column;gap:8px;margin-top:auto}.duplicate-center-form select{width:100%;background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-main);border-radius:12px;padding:10px;min-width:0}.duplicate-center-form button,.duplicate-center-form a{width:100%;justify-content:center;text-align:center;box-sizing:border-box}.duplicate-center-v2 a,.duplicate-center-v2 a:visited,.duplicate-center-card,.duplicate-center-card:visited{color:var(--gold)!important;text-decoration:none!important}.duplicate-center-card p,.duplicate-center-v2 p{color:var(--text-muted)!important}.duplicate-center-link span{color:var(--gold)!important}
@media(max-width:700px){.duplicate-center-grid{grid-template-columns:1fr}.duplicate-center-card{min-height:auto}}
/* ===== END DUPLICATE CENTER V2 ===== */

/* ===== BOOK CENTER ARCHIVE CENTER V1 ===== */
.archive-center-v1{border:1px solid rgba(223,183,108,.18);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.16));border-radius:20px;padding:14px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.archive-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;border-bottom:1px solid rgba(223,183,108,.13);padding-bottom:12px}
.archive-center-head h3{margin:0 0 5px;color:var(--gold);font-size:18px}.archive-center-head p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.7}
.archive-center-stats{display:flex;gap:8px;flex-wrap:wrap}.archive-center-stats span{border:1px solid rgba(223,183,108,.2);background:rgba(223,183,108,.065);border-radius:999px;padding:7px 10px;color:#ddd;font-size:12px}.archive-center-stats b{color:var(--gold);font-size:15px}
.archive-center-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.archive-center-box{border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.14);border-radius:17px;padding:12px}.archive-center-box h4{margin:0 0 10px;color:var(--gold);font-size:14px}
.archive-center-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid rgba(223,183,108,.12);background:rgba(0,0,0,.15);border-radius:15px;padding:10px;margin-bottom:9px}.archive-center-item.volume{border-color:rgba(33,150,243,.16)}
.archive-center-main{min-width:0}.archive-center-main strong{display:block;color:var(--text-main);font-size:13px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-center-main span,.archive-center-main small{display:block;color:var(--text-muted);font-size:11px;line-height:1.6}.archive-center-main b{color:#ffd166}
.archive-center-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.archive-mini-link,.archive-restore-btn{border:1px solid rgba(223,183,108,.2);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;text-decoration:none;white-space:nowrap}.archive-mini-link{color:var(--gold);background:rgba(0,0,0,.15)}.archive-restore-btn{color:white;background:#2e7d32;cursor:pointer}.archive-empty{color:var(--text-muted);font-size:12px;border:1px dashed rgba(223,183,108,.16);border-radius:14px;padding:14px;text-align:center;background:rgba(0,0,0,.12)}
@media(max-width:640px){.archive-center-item{grid-template-columns:1fr}.archive-center-actions{justify-content:flex-start}.archive-mini-link,.archive-restore-btn{width:auto}}
/* ===== END BOOK CENTER ARCHIVE CENTER V1 ===== */




/* TV card fills its outer grid cell */
.home-tv-shell {
    padding:0 !important;
    display:flex !important;
}
.home-tv-shell > .home-tv-card,
.home-tv-card {
    height:100% !important;
    width:100% !important;
    min-height:0 !important;
    max-height:none !important;
    display:flex !important;
    flex-direction:column !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}
.tv-card-head {
    flex:0 0 42px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    padding:8px 10px !important;
    box-sizing:border-box !important;
}
.tv-card-head span {
    font-size:13px !important;
    white-space:nowrap !important;
}
.tv-media-box {
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    width:100% !important;
    overflow:hidden !important;
    border-radius:0 !important;
}
.tv-media-box img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}
.tv-card-desc {
    flex:0 0 32px !important;
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    padding:6px 8px !important;
    box-sizing:border-box !important;
    font-size:11px !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* Latest additions fills exactly like TV */
.latest-panel {
    display:flex !important;
    flex-direction:column !important;
    padding:12px !important;
    box-sizing:border-box !important;
}
.latest-panel .section-title-row {
    flex:0 0 36px !important;
    min-height:36px !important;
    margin:0 0 8px !important;
}
.latest-panel .section-title-row h2 {
    margin:0 !important;
    font-size:14px !important;
    white-space:nowrap !important;
}
.latest-panel .section-title-row span {
    font-size:10px !important;
}
.latest-mini-list {
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
}
.latest-mini-item {
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    padding:7px 8px !important;
    box-sizing:border-box !important;
}
.latest-mini-item:nth-child(n+4) {
    display:none !important;
}

/* Events card behaves as a normal grid card, no giant duplicated calendar icons */
.islamic-events-card,
.featured-clean-card {
    padding:12px !important;
    box-sizing:border-box !important;
}
.islamic-events-inner {
    height:100% !important;
    display:grid !important;
    grid-template-rows:auto 1fr !important;
    gap:8px !important;
}
.islamic-events-head {
    min-height:34px !important;
}
.islamic-events-icon {
    width:30px !important;
    height:30px !important;
    border-radius:10px !important;
    font-size:14px !important;
}
.islamic-events-head b {
    font-size:13px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.islamic-events-head small {
    font-size:10px !important;
}
.islamic-events-body {
    display:grid !important;
    grid-template-columns:64px 1fr !important;
    align-items:center !important;
    gap:12px !important;
    min-height:0 !important;
    overflow:hidden !important;
}
.islamic-event-img {
    width:64px !important;
    height:64px !important;
    flex:none !important;
    border-radius:15px !important;
    font-size:24px !important;
}
.islamic-events-copy strong {
    font-size:14px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.islamic-events-copy p {
    font-size:11px !important;
    line-height:1.45 !important;
    -webkit-line-clamp:2 !important;
}

/* Fold / mid phones: keep the two-column rule, equal cells */
@media (max-width:760px) {
    .home-main-showcase {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }
    .home-main-showcase > .home-grid-card,
    .home-main-showcase > .home-tv-shell,
    .home-main-showcase > .latest-panel,
    .home-main-showcase > .islamic-events-card,
    .home-main-showcase > .featured-clean-card,
    .home-main-showcase.showcase-odd > .home-grid-card:last-of-type {
        height:190px !important;
        min-height:190px !important;
        max-height:190px !important;
    }
    .latest-panel { padding:11px !important; }
    .latest-panel .section-title-row { flex-basis:32px !important; min-height:32px !important; }
    .latest-mini-item { height:44px !important; min-height:44px !important; max-height:44px !important; }
    .latest-mini-item:nth-child(n+3) { display:none !important; }

    .tv-card-head { flex-basis:40px !important; height:40px !important; min-height:40px !important; max-height:40px !important; }
    .tv-card-desc { flex-basis:30px !important; height:30px !important; min-height:30px !important; max-height:30px !important; }

    .islamic-events-body { grid-template-columns:54px 1fr !important; gap:9px !important; }
    .islamic-event-img { width:54px !important; height:54px !important; border-radius:13px !important; font-size:22px !important; }
    .islamic-events-icon { width:26px !important; height:26px !important; font-size:12px !important; }
    .islamic-events-head b { font-size:11.5px !important; }
    .islamic-events-copy strong { font-size:12.5px !important; }
    .islamic-events-copy p { font-size:10px !important; }
}

/* Narrow phones: still two equal cards; compact internals */
@media (max-width:430px) {
    .home-main-showcase {
        gap:9px !important;
    }
    .home-main-showcase > .home-grid-card,
    .home-main-showcase > .home-tv-shell,
    .home-main-showcase > .latest-panel,
    .home-main-showcase > .islamic-events-card,
    .home-main-showcase > .featured-clean-card,
    .home-main-showcase.showcase-odd > .home-grid-card:last-of-type {
        height:176px !important;
        min-height:176px !important;
        max-height:176px !important;
        border-radius:18px !important;
    }
    .latest-panel { padding:10px !important; }
    .latest-panel .section-title-row { flex-basis:30px !important; min-height:30px !important; margin-bottom:7px !important; }
    .latest-panel .section-title-row h2 { font-size:13px !important; }
    .latest-panel .section-title-row span { display:none !important; }
    .latest-mini-item { height:42px !important; min-height:42px !important; max-height:42px !important; }

    .tv-card-head { flex-basis:38px !important; height:38px !important; min-height:38px !important; max-height:38px !important; }
    .tv-card-head span { font-size:12px !important; }
    .tv-card-desc { flex-basis:28px !important; height:28px !important; min-height:28px !important; max-height:28px !important; font-size:10px !important; }
    .tv-play-overlay { width:44px !important; height:44px !important; font-size:17px !important; }

    .islamic-events-card { padding:10px !important; }
    .islamic-events-inner { gap:6px !important; }
    .islamic-events-body { grid-template-columns:48px 1fr !important; gap:8px !important; }
    .islamic-event-img { width:48px !important; height:48px !important; font-size:20px !important; border-radius:12px !important; }
    .islamic-events-icon { width:24px !important; height:24px !important; }
    .islamic-events-head b { font-size:10.5px !important; }
    .islamic-events-head small { font-size:8.5px !important; }
    .islamic-events-copy strong { font-size:11px !important; }
    .islamic-events-copy p { font-size:9px !important; line-height:1.35 !important; }
}


/* ===== HOME MAIN CARDS RESPONSIVE SYSTEM V2 - SINGLE SOURCE OF TRUTH ===== */

/* Base: PC / wide screens */
.home-main-showcase {
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:14px !important;
    align-items:stretch !important;
    margin:14px 0 18px !important;
    overflow:visible !important;
}
.home-main-showcase > .home-grid-card,
.home-main-showcase > .home-tv-shell,
.home-main-showcase > .latest-panel,
.home-main-showcase > .islamic-events-card,
.home-main-showcase > .featured-clean-card {
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    height:230px !important;
    min-height:230px !important;
    max-height:230px !important;
    align-self:stretch !important;
    justify-self:stretch !important;
    grid-column:auto !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    float:none !important;
    clear:none !important;
    transform:none !important;
    top:auto !important;
    margin-top:0 !important;
}
.home-main-showcase.showcase-odd > .home-grid-card:last-of-type {
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:none !important;
    height:230px !important;
    min-height:230px !important;
    max-height:230px !important;
}

/* TV card internals */
.home-tv-shell {
    padding:0 !important;
    display:flex !important;
}
.home-tv-shell > .home-tv-card,
.home-tv-card {
    height:100% !important;
    width:100% !important;
    min-height:0 !important;
    max-height:none !important;
    display:flex !important;
    flex-direction:column !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}
.tv-card-head {
    flex:0 0 44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    padding:9px 12px !important;
    box-sizing:border-box !important;
}
.tv-card-head span {
    font-size:14px !important;
    white-space:nowrap !important;
}
.tv-media-box {
    flex:1 1 auto !important;
    height:auto !important;
    min-height:0 !important;
    width:100% !important;
    overflow:hidden !important;
    border-radius:0 !important;
}
.tv-media-box img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}
.tv-play-overlay {
    width:54px !important;
    height:54px !important;
    font-size:20px !important;
}
.tv-card-desc {
    flex:0 0 34px !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    padding:7px 10px !important;
    box-sizing:border-box !important;
    font-size:12px !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* Latest additions internals */
.latest-panel {
    display:flex !important;
    flex-direction:column !important;
    padding:14px !important;
    box-sizing:border-box !important;
}
.latest-panel .section-title-row {
    flex:0 0 38px !important;
    min-height:38px !important;
    margin:0 0 9px !important;
}
.latest-panel .section-title-row h2 {
    margin:0 !important;
    font-size:15px !important;
    white-space:nowrap !important;
}
.latest-panel .section-title-row span {
    font-size:11px !important;
}
.latest-mini-list {
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
}
.latest-mini-item {
    height:50px !important;
    min-height:50px !important;
    max-height:50px !important;
    padding:8px 9px !important;
    box-sizing:border-box !important;
}
.latest-mini-item:nth-child(n+4) {
    display:none !important;
}

/* Events card internals */
.islamic-events-card,
.featured-clean-card {
    padding:14px !important;
    box-sizing:border-box !important;
}
.islamic-events-card:before,
.featured-clean-card:before {
    inset:12px !important;
}
.islamic-events-inner {
    height:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:auto 1fr !important;
    gap:9px !important;
    box-sizing:border-box !important;
}
.islamic-events-head {
    min-height:36px !important;
    display:flex !important;
    align-items:center !important;
}
.islamic-events-icon {
    width:30px !important;
    height:30px !important;
    border-radius:10px !important;
    font-size:14px !important;
    flex:0 0 30px !important;
}
.islamic-events-head b {
    font-size:14px !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.islamic-events-head small {
    font-size:10px !important;
}
.islamic-events-body {
    display:grid !important;
    grid-template-columns:68px 1fr !important;
    align-items:center !important;
    gap:12px !important;
    min-height:0 !important;
    overflow:hidden !important;
}
.islamic-event-img {
    width:68px !important;
    height:68px !important;
    flex:none !important;
    border-radius:15px !important;
    font-size:26px !important;
}
.islamic-events-copy {
    min-width:0 !important;
}
.islamic-events-copy strong {
    font-size:14px !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.islamic-events-copy p {
    font-size:11px !important;
    line-height:1.45 !important;
    -webkit-line-clamp:2 !important;
}

/* Fold / tablet */
@media (max-width: 820px) and (min-width: 561px) {
    .home-main-showcase {
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:12px !important;
    }
    .home-main-showcase > .home-grid-card,
    .home-main-showcase > .home-tv-shell,
    .home-main-showcase > .latest-panel,
    .home-main-showcase > .islamic-events-card,
    .home-main-showcase > .featured-clean-card,
    .home-main-showcase.showcase-odd > .home-grid-card:last-of-type {
        height:210px !important;
        min-height:210px !important;
        max-height:210px !important;
        transform:none !important;
        top:auto !important;
        margin-top:0 !important;
    }
    .tv-card-head { flex-basis:42px !important; height:42px !important; min-height:42px !important; max-height:42px !important; }
    .tv-card-desc { flex-basis:32px !important; height:32px !important; min-height:32px !important; max-height:32px !important; }
    .latest-mini-item { height:47px !important; min-height:47px !important; max-height:47px !important; }
}

/* Normal phones */
@media (max-width: 560px) {
    .home-main-showcase {
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:9px !important;
        align-items:stretch !important;
        margin:10px 0 14px !important;
        overflow:visible !important;
    }
    .home-main-showcase > .home-grid-card,
    .home-main-showcase > .home-tv-shell,
    .home-main-showcase > .latest-panel,
    .home-main-showcase > .islamic-events-card,
    .home-main-showcase > .featured-clean-card,
    .home-main-showcase.showcase-odd > .home-grid-card:last-of-type {
        height:178px !important;
        min-height:178px !important;
        max-height:178px !important;
        width:100% !important;
        min-width:0 !important;
        border-radius:18px !important;
        transform:none !important;
        top:auto !important;
        margin-top:0 !important;
    }
    .home-main-showcase.showcase-odd > .home-grid-card:last-of-type {
        grid-column:1 / -1 !important;
    }

    .latest-panel { padding:10px !important; }
    .latest-panel .section-title-row {
        flex:0 0 30px !important;
        min-height:30px !important;
        margin:0 0 7px !important;
    }
    .latest-panel .section-title-row h2 {
        font-size:13px !important;
    }
    .latest-panel .section-title-row span {
        display:none !important;
    }
    .latest-mini-item {
        height:42px !important;
        min-height:42px !important;
        max-height:42px !important;
        padding:7px 8px !important;
    }
    .latest-mini-item:nth-child(n+3) {
        display:none !important;
    }

    .tv-card-head {
        flex:0 0 38px !important;
        height:38px !important;
        min-height:38px !important;
        max-height:38px !important;
        padding:8px 10px !important;
    }
    .tv-card-head span { font-size:12px !important; }
    .tv-play-overlay {
        width:44px !important;
        height:44px !important;
        font-size:17px !important;
    }
    .tv-card-desc {
        flex:0 0 28px !important;
        height:28px !important;
        min-height:28px !important;
        max-height:28px !important;
        font-size:10px !important;
        padding:5px 7px !important;
    }

    .islamic-events-card,
    .featured-clean-card {
        padding:10px !important;
    }
    .islamic-events-card:before,
    .featured-clean-card:before {
        inset:9px !important;
        border-radius:14px !important;
    }
    .islamic-events-inner { gap:6px !important; }
    .islamic-events-head { min-height:28px !important; }
    .islamic-events-icon {
        width:24px !important;
        height:24px !important;
        flex-basis:24px !important;
        font-size:12px !important;
        border-radius:8px !important;
    }
    .islamic-events-head b { font-size:10.5px !important; }
    .islamic-events-head small { font-size:8.5px !important; }
    .islamic-events-body {
        grid-template-columns:48px 1fr !important;
        gap:8px !important;
    }
    .islamic-event-img {
        width:48px !important;
        height:48px !important;
        font-size:20px !important;
        border-radius:12px !important;
    }
    .islamic-events-copy strong { font-size:11px !important; }
    .islamic-events-copy p {
        font-size:9px !important;
        line-height:1.35 !important;
    }
}

/* Very narrow phones */
@media (max-width: 380px) {
    .home-main-showcase > .home-grid-card,
    .home-main-showcase > .home-tv-shell,
    .home-main-showcase > .latest-panel,
    .home-main-showcase > .islamic-events-card,
    .home-main-showcase > .featured-clean-card,
    .home-main-showcase.showcase-odd > .home-grid-card:last-of-type {
        height:168px !important;
        min-height:168px !important;
        max-height:168px !important;
    }
}


/* ===== EVENTS CARD RESTORE V1: restore box only, keep TV/latest dimensions ===== */
.islamic-events-card {
    display:block !important;
    position:relative !important;
    overflow:hidden !important;
    border:1px solid rgba(223,183,108,.38) !important;
    border-radius:22px !important;
    background:radial-gradient(circle at top, rgba(223,183,108,.10), rgba(18,18,18,.95) 58%) !important;
    padding:14px !important;
    box-shadow:0 12px 30px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.035) !important;
    box-sizing:border-box !important;
}
.islamic-events-card:before {
    content:'' !important;
    position:absolute !important;
    inset:12px !important;
    border:1px solid rgba(223,183,108,.16) !important;
    border-radius:17px !important;
    pointer-events:none !important;
    display:block !important;
}
.islamic-events-inner {
    position:relative !important;
    z-index:1 !important;
    height:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:auto 1fr !important;
    gap:9px !important;
    box-sizing:border-box !important;
}
.islamic-events-head {
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    color:var(--gold) !important;
    min-width:0 !important;
    min-height:34px !important;
}
.islamic-events-icon {
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    flex:0 0 30px !important;
    border-radius:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(223,183,108,.28) !important;
    background:rgba(0,0,0,.22) !important;
    color:var(--gold) !important;
    font-size:14px !important;
}
.islamic-events-head b {
    display:block !important;
    color:var(--gold) !important;
    font-size:13px !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.islamic-events-head small {
    display:block !important;
    color:var(--text-muted) !important;
    font-size:10px !important;
    margin-top:2px !important;
}
.islamic-events-body {
    display:grid !important;
    grid-template-columns:64px 1fr !important;
    align-items:center !important;
    gap:12px !important;
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
}
.islamic-event-img {
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    border-radius:15px !important;
    object-fit:cover !important;
    border:1px solid rgba(223,183,108,.30) !important;
    background:#111 !important;
    flex:none !important;
}
.islamic-event-empty {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--gold) !important;
    font-size:24px !important;
}
.islamic-events-copy {
    min-width:0 !important;
    text-align:right !important;
    overflow:hidden !important;
}
.islamic-events-copy strong {
    display:block !important;
    color:var(--text-main) !important;
    font-size:14px !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.islamic-events-copy p {
    margin:6px 0 0 !important;
    color:var(--text-muted) !important;
    font-size:11px !important;
    line-height:1.45 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

@media (max-width:560px) {
    .islamic-events-card {
        padding:10px !important;
        border-radius:18px !important;
    }
    .islamic-events-card:before {
        inset:9px !important;
        border-radius:14px !important;
    }
    .islamic-events-inner {
        gap:6px !important;
    }
    .islamic-events-head {
        min-height:28px !important;
        gap:7px !important;
    }
    .islamic-events-icon {
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        flex-basis:24px !important;
        font-size:12px !important;
        border-radius:8px !important;
    }
    .islamic-events-head b {
        font-size:10.5px !important;
    }
    .islamic-events-head small {
        font-size:8.5px !important;
    }
    .islamic-events-body {
        grid-template-columns:48px 1fr !important;
        gap:8px !important;
    }
    .islamic-event-img {
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        border-radius:12px !important;
    }
    .islamic-event-empty {
        font-size:20px !important;
    }
    .islamic-events-copy strong {
        font-size:11px !important;
    }
    .islamic-events-copy p {
        font-size:9px !important;
        line-height:1.35 !important;
    }
}


/* ===== TV DESCRIPTION OVERLAY V1: description inside video bounds, no extra height ===== */
.home-tv-card {
    display:flex !important;
    flex-direction:column !important;
}
.tv-media-box {
    position:relative !important;
}
.tv-card-desc.tv-desc-overlay {
    position:absolute !important;
    left:8px !important;
    right:8px !important;
    bottom:7px !important;
    z-index:4 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:28px !important;
    flex:none !important;
    padding:5px 8px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg, rgba(0,0,0,.68), rgba(0,0,0,.35)) !important;
    border:1px solid rgba(223,183,108,.18) !important;
    color:rgba(255,255,255,.82) !important;
    font-size:11px !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    pointer-events:none !important;
    box-sizing:border-box !important;
    opacity:.88 !important;
    transform:translateY(3px) !important;
    animation:tvDescSoftFloat 4.2s ease-in-out infinite !important;
}
@keyframes tvDescSoftFloat {
    0%,100% { opacity:.78; transform:translateY(3px); }
    50% { opacity:.96; transform:translateY(0); }
}

/* remove any old reserved bottom height when desc is overlay */
.home-tv-card > .tv-card-desc:not(.tv-desc-overlay) {
    display:none !important;
}

@media (max-width:560px){
    .tv-card-desc.tv-desc-overlay {
        left:6px !important;
        right:6px !important;
        bottom:6px !important;
        max-height:24px !important;
        padding:4px 7px !important;
        font-size:10px !important;
    }
    .tv-media-box {
        flex:1 1 auto !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tv-card-desc.tv-desc-overlay {
        animation:none !important;
        transform:none !important;
    }
}



/* ===== LEGACY REFINED V1 - SAFE VISUAL FOUNDATION =====
   Purpose: polish the current loved interface without changing routes, forms, JS, reader, or search logic.
   Scope: shared visual tokens + homepage cards + compact responsive polish only.
   Safety: appended near the end of THEME_CSS so it is reversible and does not alter Python logic.
*/
:root {
    --lr-bg: var(--bg-body);
    --lr-surface: var(--bg-section);
    --lr-surface-soft: rgba(255,255,255,.035);
    --lr-border: rgba(223,183,108,.16);
    --lr-border-strong: rgba(223,183,108,.30);
    --lr-gold: var(--gold);
    --lr-radius-lg: 24px;
    --lr-radius-md: 18px;
    --lr-radius-sm: 13px;
    --lr-shadow-card: 0 14px 36px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.018);
    --lr-shadow-soft: 0 8px 24px rgba(0,0,0,.18);
    --lr-gap: 14px;
    --lr-pad: 14px;
}
body.light-mode {
    --lr-surface-soft: rgba(0,0,0,.025);
    --lr-border: rgba(184,144,71,.22);
    --lr-border-strong: rgba(184,144,71,.36);
    --lr-shadow-card: 0 12px 28px rgba(0,0,0,.10), inset 0 0 0 1px rgba(255,255,255,.50);
    --lr-shadow-soft: 0 8px 20px rgba(0,0,0,.08);
}
.home-main-showcase {
    gap: var(--lr-gap) !important;
}
.home-main-showcase > .home-grid-card,
.home-main-showcase > .home-tv-shell,
.home-main-showcase > .latest-panel,
.home-main-showcase > .islamic-events-card,
.home-main-showcase > .featured-clean-card,
.smart-home-widgets > .home-grid-card,
.smart-promo-card {
    border-radius: var(--lr-radius-lg) !important;
    border-color: var(--lr-border) !important;
    box-shadow: var(--lr-shadow-card) !important;
    background:
      radial-gradient(circle at top right, rgba(223,183,108,.075), transparent 42%),
      linear-gradient(145deg, rgba(255,255,255,.045), rgba(0,0,0,.15)) !important;
}
.home-main-showcase > .home-grid-card:hover,
.home-main-showcase > .home-tv-shell:hover,
.home-main-showcase > .latest-panel:hover,
.home-main-showcase > .islamic-events-card:hover,
.home-main-showcase > .featured-clean-card:hover,
.smart-home-widgets > .home-grid-card:hover,
.smart-promo-card:hover {
    border-color: var(--lr-border-strong) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.home-tv-card,
.latest-panel,
.islamic-events-card,
.featured-clean-card {
    overflow: hidden !important;
}
.tv-card-head,
.latest-panel .section-title-row,
.islamic-events-head {
    letter-spacing: 0 !important;
}
.tv-media-box img,
.islamic-event-img,
.latest-mini-item,
.book-card,
.series-card {
    border-radius: var(--lr-radius-md) !important;
}
.latest-mini-item {
    border-color: rgba(223,183,108,.12) !important;
    background: rgba(0,0,0,.14) !important;
}
.latest-mini-item:hover {
    border-color: var(--lr-border-strong) !important;
}
.islamic-events-copy p,
.tv-card-desc,
.latest-mini-item small {
    color: var(--text-muted) !important;
}
.search-wrapper {
    border-radius: var(--lr-radius-md) !important;
    border: 1px solid rgba(223,183,108,.12) !important;
    box-shadow: var(--lr-shadow-soft) !important;
}
.search-input-group {
    border-radius: 0 0 var(--lr-radius-md) var(--lr-radius-md) !important;
}
.search-input-group button,
.install-pwa-btn,
.filter-chip {
    border-radius: 999px !important;
}
@media (max-width: 560px) {
    :root { --lr-gap: 9px; --lr-pad: 10px; --lr-radius-lg: 18px; --lr-radius-md: 13px; }
    .home-main-showcase > .home-grid-card,
    .home-main-showcase > .home-tv-shell,
    .home-main-showcase > .latest-panel,
    .home-main-showcase > .islamic-events-card,
    .home-main-showcase > .featured-clean-card {
        border-radius: var(--lr-radius-lg) !important;
    }
    .search-wrapper { border-radius: 16px !important; }
}
/* ===== END LEGACY REFINED V1 ===== */



/* ===== LEGACY REFINED FINAL V2 - SEARCH STACK + SHOWCASE + BOOK CARDS STABILITY =====
   Basis: current working ui_templates.py uploaded after search/drawer/book-card fixes.
   Scope: visual-only CSS, no JS/Python route/search/reader/audio logic changes.
   Goals:
   1) Reduce vertical weight of the three home search engines on fold/tablet/phone.
   2) Balance TV / latest additions / events cards without changing their data source.
   3) Keep book-card size controls from the admin panel active.
*/
.home-search-grid {
    gap:10px !important;
    margin:12px 0 14px !important;
}
.home-search-card {
    border-radius:18px !important;
    box-shadow:0 10px 26px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.018) !important;
}
.home-search-card .search-header {
    min-height:30px !important;
    padding:6px 10px !important;
    font-size:12px !important;
}
.home-search-card .search-header small {
    font-size:9.5px !important;
    opacity:.82 !important;
}
.home-search-card .search-input-group {
    min-height:48px !important;
    align-items:center !important;
}
.home-search-card .search-input-group input {
    padding:10px 12px !important;
    font-size:14px !important;
}
.home-search-card .search-input-group .mic-btn {
    flex:0 0 42px !important;
    width:42px !important;
    padding:0 !important;
    justify-content:center !important;
}
.home-search-card .search-submit-btn {
    min-width:72px !important;
    padding:0 13px !important;
    min-height:42px !important;
    border-radius:999px !important;
    margin-inline-start:6px !important;
}
.home-search-card .ai-code-input {
    flex:0 0 82px !important;
    width:82px !important;
    max-width:82px !important;
    min-width:82px !important;
}
.search-filter-row {
    padding:4px 10px 8px !important;
}
.search-filter-row .filter-chip {
    margin-top:5px !important;
    padding:3px 9px !important;
    font-size:10px !important;
}
.latest-panel {
    justify-content:flex-start !important;
}
.latest-panel .section-title-row {
    align-items:center !important;
}
.latest-mini-list {
    gap:7px !important;
    justify-content:center !important;
}
.latest-mini-item {
    border-radius:15px !important;
    background:linear-gradient(135deg, rgba(255,255,255,.035), rgba(0,0,0,.14)) !important;
    border:1px solid rgba(223,183,108,.13) !important;
}
.latest-mini-item b,
.latest-mini-item strong {
    font-size:12px !important;
    line-height:1.35 !important;
}
.latest-mini-item small,
.latest-mini-item p {
    font-size:9.5px !important;
    line-height:1.35 !important;
}
.islamic-events-card {
    min-height:0 !important;
}
.islamic-events-inner {
    align-content:center !important;
}
.islamic-events-body {
    align-self:center !important;
}
.islamic-events-copy strong {
    font-size:13px !important;
}
.islamic-events-copy p {
    font-size:10px !important;
    opacity:.82 !important;
}
.pro-book-card {
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.18)) !important;
    border-color:rgba(223,183,108,.14) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.018) !important;
}
.pro-book-card .book-cover {
    box-shadow:0 7px 16px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.pro-book-card h4 {
    letter-spacing:0 !important;
}
.pro-book-card p {
    opacity:.9 !important;
}
@media (max-width: 900px) and (min-width: 561px) {
    .home-search-grid {
        grid-template-columns:1fr !important;
        gap:9px !important;
        margin:10px 0 13px !important;
    }
    .home-search-card .search-header {
        min-height:28px !important;
        padding:5px 10px !important;
    }
    .home-search-card .search-input-group {
        min-height:44px !important;
    }
    .home-search-card .search-input-group input {
        padding:9px 10px !important;
        font-size:13px !important;
    }
    .home-search-card .search-submit-btn {
        min-height:38px !important;
        min-width:68px !important;
    }
    .search-filter-row {
        padding:3px 9px 7px !important;
    }
    .latest-mini-item {
        height:43px !important;
        min-height:43px !important;
        max-height:43px !important;
        padding:7px 8px !important;
    }
    .islamic-events-copy p {
        -webkit-line-clamp:2 !important;
    }
}
@media (max-width: 560px) {
    .home-search-grid {
        gap:8px !important;
        margin:9px 0 12px !important;
    }
    .home-search-card {
        border-radius:16px !important;
    }
    .home-search-card .search-header {
        min-height:27px !important;
        padding:5px 9px !important;
        font-size:11px !important;
    }
    .home-search-card .search-header small {
        font-size:9px !important;
    }
    .home-search-card .search-input-group {
        min-height:42px !important;
    }
    .home-search-card .search-input-group input {
        padding:8px 8px !important;
        font-size:13px !important;
    }
    .home-search-card .search-input-group .mic-btn {
        flex-basis:36px !important;
        width:36px !important;
    }
    .home-search-card .search-submit-btn {
        min-width:62px !important;
        min-height:36px !important;
        padding:0 10px !important;
        font-size:12px !important;
    }
    .home-search-card .ai-code-input {
        flex-basis:70px !important;
        width:70px !important;
        min-width:70px !important;
        max-width:70px !important;
    }
    .search-filter-row {
        padding:3px 8px 7px !important;
    }
    .search-filter-row .filter-chip {
        padding:3px 8px !important;
        font-size:9.5px !important;
    }
    .latest-mini-item b,
    .latest-mini-item strong {
        font-size:11px !important;
    }
    .latest-mini-item small,
    .latest-mini-item p {
        font-size:8.5px !important;
    }
}
/* ===== END LEGACY REFINED FINAL V2 ===== */

/* ===== Engine Maintenance Controls/Card V1 ===== */
.engine-toggle-grid{display:grid;gap:9px;margin:8px 0 16px;}
.engine-toggle-row{display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(223,183,108,.14);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(0,0,0,.14));}
.engine-toggle-name{font-weight:900;font-size:13px;color:var(--gold);min-width:0;}
.engine-toggle-chip{font-size:10.5px;font-weight:900;color:#ddd;border:1px solid rgba(255,255,255,.08);background:var(--surface-inset);border-radius:999px;padding:4px 8px;white-space:nowrap;}
.engine-toggle-chip.maint{color:#ffce75;border-color:rgba(223,183,108,.22);background:rgba(223,183,108,.07);}
.engine-maintenance-card{background:linear-gradient(135deg,rgba(223,183,108,.055),rgba(0,0,0,.16));}
.engine-maintenance-box{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface-inset);border-top:1px solid rgba(223,183,108,.10);}
.engine-maintenance-icon{width:42px;height:42px;min-width:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:var(--gold);background:rgba(223,183,108,.10);border:1px solid rgba(223,183,108,.22);font-size:18px;}
.engine-maintenance-box b{display:block;color:var(--gold);font-size:14px;margin-bottom:4px;}
.engine-maintenance-box p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.6;}
@media(max-width:640px){.engine-toggle-row{grid-template-columns:1fr auto auto;gap:7px}.engine-toggle-row .engine-toggle-chip.maint{grid-column:2}.engine-toggle-row label.switch:last-child{grid-column:3}.engine-toggle-name{grid-column:1;grid-row:1/3}.engine-maintenance-box{padding:13px;gap:10px}.engine-maintenance-icon{width:36px;height:36px;min-width:36px;border-radius:13px}}


/* ===== CALENDAR HERO + LATEST TOGGLE V1 =====
   - Makes the event image the main visual part of the calendar card.
   - Adds visual support for hiding Latest Additions through the admin announcement area/local card close.
   - CSS-only layout change; does not change event matching logic or image upload logic.
*/
.islamic-events-card {
    padding:10px !important;
}
.islamic-events-card .islamic-events-inner {
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    gap:0 !important;
    overflow:hidden !important;
}
.islamic-events-card .islamic-events-head {
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    left:10px !important;
    z-index:3 !important;
    min-height:0 !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:5px 8px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.28)) !important;
    border:1px solid rgba(223,183,108,.18) !important;
    backdrop-filter:blur(5px) !important;
    box-sizing:border-box !important;
}
.islamic-events-card .islamic-events-icon {
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    flex:0 0 22px !important;
    border-radius:8px !important;
    font-size:11px !important;
}
.islamic-events-card .islamic-events-head b {
    font-size:11px !important;
    line-height:1.2 !important;
}
.islamic-events-card .islamic-events-head small {
    font-size:8.5px !important;
    margin-top:0 !important;
}
.islamic-events-card .islamic-events-body {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    gap:0 !important;
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
}
.islamic-events-card .islamic-event-img {
    width:100% !important;
    min-width:0 !important;
    height:calc(100% - 60px) !important;
    min-height:96px !important;
    flex:1 1 auto !important;
    border-radius:16px 16px 10px 10px !important;
    object-fit:cover !important;
    object-position:center !important;
    border:1px solid rgba(223,183,108,.22) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02) !important;
}
.islamic-events-card .islamic-event-empty {
    background:radial-gradient(circle at center, rgba(223,183,108,.16), rgba(0,0,0,.22)) !important;
    font-size:32px !important;
}
.islamic-events-card .islamic-events-copy {
    flex:0 0 60px !important;
    min-height:60px !important;
    padding:7px 8px 2px !important;
    text-align:center !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.22)) !important;
    box-sizing:border-box !important;
}
.islamic-events-card .islamic-events-copy strong {
    max-width:100% !important;
    font-size:12px !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.islamic-events-card .islamic-events-copy p {
    max-width:100% !important;
    margin:4px 0 0 !important;
    font-size:9.5px !important;
    line-height:1.35 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}
.latest-panel {
    position:relative !important;
}
.latest-panel .smart-widget-close {
    top:8px !important;
    left:8px !important;
}
.latest-visibility-admin {
    margin-top:12px;
    padding:12px;
    border:1px solid rgba(223,183,108,.16);
    border-radius:16px;
    background:linear-gradient(135deg, rgba(223,183,108,.055), rgba(0,0,0,.12));
}
.latest-visibility-admin b { display:block; color:var(--gold); margin-bottom:4px; }
.latest-visibility-admin span { display:block; color:var(--text-muted); font-size:12px; line-height:1.6; }
.latest-visibility-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.latest-visibility-actions .btn { width:auto !important; margin:0 !important; font-size:11px !important; padding:7px 10px !important; }
@media(max-width:560px){
    .islamic-events-card { padding:8px !important; }
    .islamic-events-card .islamic-events-head { top:8px !important; right:8px !important; left:8px !important; padding:4px 7px !important; }
    .islamic-events-card .islamic-event-img { height:calc(100% - 54px) !important; min-height:86px !important; border-radius:14px 14px 9px 9px !important; }
    .islamic-events-card .islamic-events-copy { flex-basis:54px !important; min-height:54px !important; padding:6px 6px 1px !important; }
    .islamic-events-card .islamic-events-copy strong { font-size:10.5px !important; }
    .islamic-events-card .islamic-events-copy p { font-size:8.6px !important; -webkit-line-clamp:2 !important; }
}
/* ===== END CALENDAR HERO + LATEST TOGGLE V1 ===== */


/* ===== SQUARE THEORY CENTER SINGLE V4 =====
   قاعدة المربعات المعدلة:
   - 4 بطاقات: شبكة 2×2 طبيعية.
   - 3 بطاقات: البطاقة التي تبقى وحدها تصعد للأعلى، تتمركز، وتتمدد تمدداً محدوداً فقط.
   - 2 بطاقات: تبقيان جنب بعض بدون فراغ.
   - 1 بطاقة: تتمركز بعرض مريح، لا بعرض كامل.
*/
.home-main-showcase {
    grid-auto-flow: row !important;
    align-items: stretch !important;
    justify-items: stretch !important;
}
.home-main-showcase > .home-grid-card,
.home-main-showcase > .home-tv-shell,
.home-main-showcase > .latest-panel,
.home-main-showcase > .islamic-events-card,
.home-main-showcase > .featured-clean-card {
    order: 0 !important;
    grid-column: auto !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}
.home-main-showcase.showcase-count-3 > .showcase-single-hero {
    order: -1 !important;
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: min(68%, 430px) !important;
    max-width: 430px !important;
    min-width: min(68%, 430px) !important;
    margin-inline: auto !important;
    transform: none !important;
}
.home-main-showcase.showcase-count-3.showcase-odd > .home-grid-card:last-of-type:not(.showcase-single-hero),
.home-main-showcase.showcase-count-3.showcase-odd > .home-tv-shell:last-of-type:not(.showcase-single-hero),
.home-main-showcase.showcase-count-3.showcase-odd > .latest-panel:last-of-type:not(.showcase-single-hero),
.home-main-showcase.showcase-count-3.showcase-odd > .islamic-events-card:last-of-type:not(.showcase-single-hero),
.home-main-showcase.showcase-count-3.showcase-odd > .featured-clean-card:last-of-type:not(.showcase-single-hero) {
    grid-column: auto !important;
    width: 100% !important;
    max-width: none !important;
}
.home-main-showcase.showcase-count-2 > .home-grid-card,
.home-main-showcase.showcase-count-2 > .home-tv-shell,
.home-main-showcase.showcase-count-2 > .latest-panel,
.home-main-showcase.showcase-count-2 > .islamic-events-card,
.home-main-showcase.showcase-count-2 > .featured-clean-card {
    grid-column: auto !important;
    justify-self: stretch !important;
}
.home-main-showcase.showcase-count-1 > .home-grid-card,
.home-main-showcase.showcase-count-1 > .home-tv-shell,
.home-main-showcase.showcase-count-1 > .latest-panel,
.home-main-showcase.showcase-count-1 > .islamic-events-card,
.home-main-showcase.showcase-count-1 > .featured-clean-card {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: min(76%, 460px) !important;
    max-width: 460px !important;
    margin-inline: auto !important;
}
@media (max-width: 820px) and (min-width: 561px) {
    .home-main-showcase.showcase-count-3 > .showcase-single-hero {
        width: min(72%, 420px) !important;
        max-width: 420px !important;
        min-width: min(72%, 420px) !important;
    }
}
@media (max-width: 560px) {
    .home-main-showcase.showcase-count-3 > .showcase-single-hero {
        width: min(82%, 360px) !important;
        max-width: 360px !important;
        min-width: min(82%, 360px) !important;
    }
    .home-main-showcase.showcase-count-1 > .home-grid-card,
    .home-main-showcase.showcase-count-1 > .home-tv-shell,
    .home-main-showcase.showcase-count-1 > .latest-panel,
    .home-main-showcase.showcase-count-1 > .islamic-events-card,
    .home-main-showcase.showcase-count-1 > .featured-clean-card {
        width: min(88%, 360px) !important;
        max-width: 360px !important;
    }
}
@media (max-width: 380px) {
    .home-main-showcase.showcase-count-3 > .showcase-single-hero {
        width: 88% !important;
        min-width: 0 !important;
    }
}
#latest-additions-widget .smart-widget-close,
.latest-panel .smart-widget-close {
    display: none !important;
}
/* ===== END SQUARE THEORY CENTER SINGLE V4 ===== */


/* ===== Admin Professional Confirm Modal V1 ===== */
.admin-confirm-modal{
    position:fixed; inset:0; z-index:999998;
    display:flex; align-items:center; justify-content:center;
    padding:18px; direction:rtl;
    background:rgba(0,0,0,.62);
    backdrop-filter:blur(8px);
}
.admin-confirm-card{
    width:min(470px,94vw);
    border-radius:24px;
    border:1px solid rgba(223,183,108,.34);
    background:
      radial-gradient(circle at top right,rgba(223,183,108,.13),transparent 45%),
      linear-gradient(180deg,#211b13,#101010);
    box-shadow:0 24px 80px rgba(0,0,0,.62), inset 0 0 0 1px rgba(255,255,255,.025);
    color:#f5ead3;
    padding:18px;
    text-align:center;
    animation:adminConfirmPop .16s ease-out;
}
@keyframes adminConfirmPop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.admin-confirm-icon{
    width:58px;height:58px;margin:0 auto 10px;border-radius:18px;
    display:flex;align-items:center;justify-content:center;
    color:var(--gold);background:rgba(223,183,108,.10);
    border:1px solid rgba(223,183,108,.28);font-size:24px;
}
.admin-confirm-danger .admin-confirm-icon{color:#ff5b7e;background:rgba(255,30,85,.12);border-color:rgba(255,80,110,.35)}
.admin-confirm-archive .admin-confirm-icon{color:#dfb76c;background:rgba(223,183,108,.12)}
.admin-confirm-restore .admin-confirm-icon{color:#68d86f;background:rgba(76,175,80,.13);border-color:rgba(76,175,80,.34)}
.admin-confirm-replace .admin-confirm-icon{color:#5eb7ff;background:rgba(30,136,229,.13);border-color:rgba(30,136,229,.34)}
.admin-confirm-copy h3{margin:0 0 8px;color:var(--gold);font-size:20px;font-weight:900}
.admin-confirm-copy p{margin:0 auto 14px;color:#cfc3ab;font-size:14px;line-height:1.8;max-width:390px}
.admin-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.admin-confirm-actions button{
    border-radius:15px;padding:12px 14px;font-weight:900;cursor:pointer;font-family:inherit;font-size:14px;
}
.admin-confirm-cancel{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#eee}
.admin-confirm-ok{border:1px solid rgba(223,183,108,.42);background:linear-gradient(135deg,#dfb76c,#9b6b21);color:#15100a;box-shadow:0 10px 28px rgba(223,183,108,.18)}
.admin-confirm-danger .admin-confirm-ok{border-color:rgba(255,55,95,.45);background:linear-gradient(135deg,#ff174f,#c8103e);color:#fff}
.admin-confirm-restore .admin-confirm-ok{border-color:rgba(76,175,80,.35);background:linear-gradient(135deg,#43a047,#1b7d35);color:#fff}
.admin-confirm-replace .admin-confirm-ok{border-color:rgba(30,136,229,.35);background:linear-gradient(135deg,#1e88e5,#0b5aa6);color:#fff}
@media(max-width:560px){.admin-confirm-card{border-radius:20px;padding:15px}.admin-confirm-actions{gap:8px}.admin-confirm-actions button{padding:11px 10px;font-size:13px}}
/* ===== END Admin Professional Confirm Modal V1 ===== */