/* Version 11 additions only — original v9 design layers remain unchanged. */
.v11-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.v11-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.v11-panel{padding:25px 27px}.v11-panel h2{font-size:20px;letter-spacing:-.6px;margin:9px 0 11px}.v11-panel p{line-height:1.75}.v11-kicker{font-size:10px;font-weight:800;color:var(--gold,#ad8750);letter-spacing:1.7px;text-transform:uppercase}.v11-tag{border:1px solid var(--border,#e7e8df);border-radius:999px;padding:6px 10px;font-size:10px;color:var(--muted,#75847a);font-weight:700;display:inline-flex;align-items:center;gap:5px}.v11-feature-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:15px 0}.v11-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:16px}.v11-meta{font-size:11px;color:var(--muted,#75847a);line-height:1.7}.v11-list{display:grid;gap:10px}.v11-list-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border,#e7e8df);border-radius:11px;padding:14px 16px}.v11-list-item strong{font-size:13px}.v11-list-item p{margin:4px 0 0;font-size:11px;color:var(--muted,#75847a)}.v11-divider{border:0;border-top:1px solid var(--border,#e7e8df);margin:18px 0}.v11-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.v11-input-grid label,.v11-stack label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:12px}.v11-form{display:grid;gap:13px}.v11-field{width:100%;background:var(--panel,#fff);color:var(--ink,#1d3531);border:1px solid var(--border,#e7e8df);padding:11px 12px;border-radius:9px;min-width:0}.v11-field:focus{outline:2px solid #c4a36c;outline-offset:1px}.v11-field:disabled{opacity:.7}.v11-status{border:1px solid var(--border,#e7e8df);background:var(--panel,#fff);color:var(--ink,#1d3531);border-radius:10px;padding:13px 15px;line-height:1.7;font-size:12px;margin:13px 0}.v11-note{background:var(--goldsoft,#f9f4e8);border:1px solid var(--border,#e7e8df);color:var(--ink,#1d3531);border-radius:11px;padding:15px;line-height:1.75;font-size:12px}.v11-pillbutton{border-radius:12px;border:1px solid var(--border,#e7e8df);background:var(--panel,#fff);color:var(--ink,#1d3531);padding:12px 15px;text-align:left;cursor:pointer;font-weight:700}.v11-pillbutton.active{border-color:#b89b6f;background:var(--goldsoft,#f9f4e8)}.v11-goldbar{background:linear-gradient(120deg,#113a30,#245540);color:#fff;border:1px solid #3f6b53;border-radius:16px;padding:28px;position:relative;overflow:hidden}.v11-goldbar:before{content:"";position:absolute;inset:10px;border:1px solid #ccb17a5c;border-radius:10px;pointer-events:none}.v11-goldbar>*{position:relative}.v11-goldbar .v11-kicker{color:#e4c88e}.v11-goldbar h2{color:#fff;font-size:26px;margin:13px 0}.v11-goldbar p{color:#d9e4d8}.v11-number{font-size:30px;letter-spacing:-1px;font-weight:800;color:var(--ink,#1d3531)}.v11-season{border:1px solid var(--border,#e7e8df);background:var(--panel,#fff);padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:9px}.v11-season small{font-size:10px;color:var(--muted,#75847a)}.v11-ramadan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.v11-ramadan-day{display:flex;flex-direction:column;justify-content:center;min-height:70px;gap:5px;text-align:center;border:1px solid var(--border,#e7e8df);border-radius:9px;color:var(--ink,#1d3531);background:var(--panel,#fff);font-size:11px}.v11-ramadan-day span{font-size:10px;color:var(--muted,#75847a)}.v11-ramadan-day.current{border-color:#b49863;background:var(--goldsoft,#f9f4e8)}.v11-radio-player{width:100%;margin-top:12px;accent-color:#ad8750}.v11-hadith-ar{font-family:Amiri,serif;direction:rtl;text-align:right;font-size:26px;line-height:1.9;color:var(--ink,#1d3531)}.v11-hadith-en{font-size:17px;line-height:1.8;color:var(--ink,#1d3531)}.v11-tabbar{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.v11-tabbar .btn{min-width:92px}.v11-data-list{max-height:420px;overflow:auto}.v11-data-list table{border-collapse:collapse;width:100%;font-size:11px}.v11-data-list th,.v11-data-list td{padding:11px;text-align:left;border-bottom:1px solid var(--border,#e7e8df)}.v11-data-list th{position:sticky;top:0;background:var(--panel,#fff);color:var(--ink,#1d3531)}.v11-link{color:var(--gold,#ad8750);font-weight:800;text-decoration:none}.v11-empty{text-align:center;padding:35px 20px;border:1px dashed var(--border,#e7e8df);border-radius:12px;color:var(--muted,#75847a)}.v11-spinner{border:3px solid #ddd;border-top-color:#ad8750;border-radius:50%;width:22px;height:22px;animation:v11spin .8s linear infinite}@keyframes v11spin{to{transform:rotate(360deg)}}
/* Theme-specific surfaces: preserve v9 tokens but use existing body theme selector. */
html[data-theme="dark"] .v11-field,html[data-theme="dark"] .v11-pillbutton,html[data-theme="dark"] .v11-list-item,html[data-theme="dark"] .v11-season,html[data-theme="dark"] .v11-ramadan-day,html[data-theme="dark"] .v11-data-list th{background:#20372e;color:#edf4ed;border-color:#41604c}
html[data-theme="dark"] .v11-note,html[data-theme="dark"] .v11-pillbutton.active,html[data-theme="dark"] .v11-ramadan-day.current{background:#3c3528;color:#f6e7ca;border-color:#7a6543}
html[data-theme="dark"] .v11-status{background:#21392f;border-color:#4b614f;color:#edf4ed}
html[data-theme="dark"] .v11-hadith-en,html[data-theme="dark"] .v11-hadith-ar,html[data-theme="dark"] .v11-number{color:#f2f5ee}
@media(max-width:1050px){.v11-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.v11-grid,.v11-grid.three,.v11-input-grid{grid-template-columns:1fr}.v11-panel{padding:19px}.v11-ramadan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v11-goldbar{padding:22px}.v11-goldbar h2{font-size:23px}}
/* The V9 sidebar retains its emerald, gold, ivory styling; only its navigation scrolls. */
.sidebar .nav{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;padding-right:3px;scrollbar-width:thin;scrollbar-color:#bd9f6c6b transparent}
.sidebar .brand{margin-bottom:28px}.sidebar .side-bottom{margin-top:14px;padding-top:12px}.sidebar .side-bottom p{font-size:12px;line-height:1.5}
.sidebar .nav .nav-item{padding:9px 13px;font-size:12px;gap:10px}
.sidebar .nav .nav-item svg{width:17px;height:17px}
@media(min-width:821px) and (max-height:700px){.sidebar .brand{margin-bottom:12px}.sidebar .side-bottom{display:none}}
/* Mobile masthead contrast correction; original type, placement and gold accents preserved. */
html[data-theme="dark"] .mobile-brand,html[data-theme="dark"] .mobile-brand strong{color:#f3e7d1!important}