/* المصحف الذكي */
#step-smart-quran { padding: 0; overflow: hidden; }
.quran-shell { --quran-green:#17654c; --quran-deep:#0d4534; --quran-gold:#d8ba72; background:var(--surface); }
.quran-hero { position:relative; overflow:hidden; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:28px 30px; color:#fff; background:radial-gradient(circle at 15% 20%,rgba(216,186,114,.22),transparent 28%),linear-gradient(130deg,#0d4534,#1a7355); }
.quran-hero::after { content:'۞ ۝ ۞'; position:absolute; inset-inline-end:90px; bottom:-20px; color:rgba(255,255,255,.06); font:700 92px/1 'Amiri',serif; white-space:nowrap; }
.quran-hero > * { position:relative; z-index:1; }
.quran-kicker { display:inline-flex; padding:4px 11px; border:1px solid rgba(255,255,255,.25); border-radius:999px; color:#f4dfaa; font-weight:800; font-size:12px; }
.quran-hero h2 { margin:8px 0 5px; color:#fff; font-size:clamp(24px,3vw,38px); }
.quran-hero p { max-width:650px; color:rgba(255,255,255,.8); font-size:14px; }
.quran-hero-mark { display:grid; place-items:center; width:82px; height:82px; flex:0 0 82px; border:1px solid rgba(244,223,170,.45); border-radius:24px; background:rgba(255,255,255,.08); color:#f4dfaa; font:700 47px/1 'Amiri',serif; transform:rotate(5deg); }
.quran-controls { display:grid; grid-template-columns:1.35fr 1fr .9fr .75fr; gap:12px; padding:18px 22px; border-bottom:1px solid var(--line); background:var(--paper-dim); }
.quran-controls label { display:flex; flex-direction:column; gap:5px; color:var(--ink-soft); font-size:11px; font-weight:700; }
.quran-controls select,.quran-controls input { width:100%; min-height:43px; padding:8px 11px; border:1px solid var(--line); border-radius:11px; background:var(--surface); color:var(--ink); font:inherit; font-size:13px; }
.quran-surah-search { position:relative; display:flex; flex-direction:column; gap:5px; color:var(--ink-soft); font-size:11px; font-weight:700; }
.quran-search-field { position:relative; }
.quran-search-field > span { position:absolute; inset-inline-start:12px; top:50%; z-index:1; transform:translateY(-50%); color:var(--quran-green); font-size:20px; }
.quran-search-field input { padding-inline-start:38px; }
.quran-search-results { position:absolute; inset:calc(100% + 7px) 0 auto; z-index:40; max-height:300px; overflow:auto; padding:6px; border:1px solid var(--line); border-radius:13px; background:var(--surface); box-shadow:0 18px 42px rgba(20,44,37,.16); }
.quran-search-results button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 10px; border:0; border-radius:9px; background:transparent; color:var(--ink); font:inherit; text-align:start; cursor:pointer; }
.quran-search-results button:hover { background:var(--teal-dim); color:var(--quran-green); }
.quran-search-results button small { color:var(--ink-soft); font-size:9px; direction:ltr; }
.quran-search-empty { padding:16px; text-align:center; color:var(--ink-soft); font-weight:500; }
.quran-page-control { display:flex; flex-direction:column; gap:5px; color:var(--ink-soft); font-size:11px; font-weight:700; }
.quran-page-nav { display:grid; grid-template-columns:40px minmax(0,1fr) 40px; gap:5px; direction:ltr; }
.quran-page-nav button { min-height:43px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--quran-green); font-size:23px; cursor:pointer; }
.quran-page-nav button:disabled { opacity:.35; cursor:not-allowed; }
.quran-page-nav label { position:relative; display:block; }
.quran-page-nav input { min-height:43px; padding-inline-end:55px; text-align:center; }
.quran-page-nav label span { position:absolute; inset-inline-end:8px; top:50%; transform:translateY(-50%); color:var(--ink-soft); font-size:9px; white-space:nowrap; pointer-events:none; }
.quran-selection-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 22px; border-bottom:1px solid var(--line); background:var(--surface); }
.quran-selection-bar strong { color:var(--quran-green); font-size:20px; }
.quran-selection-actions { display:flex; gap:7px; flex-wrap:wrap; }
.quran-selection-actions button { min-height:38px; padding:7px 11px; font-size:11px; }
.quran-workspace { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr); min-height:610px; }
.quran-reader-panel { min-width:0; padding:22px; border-inline-end:1px solid var(--line); background:linear-gradient(150deg,rgba(216,186,114,.07),transparent 40%); }
.quran-panel-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:17px; }
.quran-panel-head small { color:var(--ink-soft); font-size:11px; }
.quran-panel-head h3 { color:var(--quran-green); font:700 25px/1.5 'Amiri',serif; }
.quran-reading-status { min-height:27px; color:var(--quran-green); font-size:11px; font-weight:700; }
.quran-loading { padding:50px 15px; text-align:center; color:var(--ink-soft); }
.quran-mushaf { position:relative; width:min(100%,830px); min-height:760px; margin:0 auto; padding:28px 34px 22px; border:1px solid #c9ad68; border-radius:4px; background:#fffdf4; color:#152e27; box-shadow:inset 0 0 0 5px #fffdf4,inset 0 0 0 6px rgba(23,101,76,.25),0 15px 40px rgba(55,44,18,.1); }
.quran-mushaf::before,.quran-mushaf::after { content:'❖'; position:absolute; top:12px; color:#b79549; font-size:14px; }
.quran-mushaf::before { inset-inline-start:17px; }.quran-mushaf::after { inset-inline-end:17px; }
.quran-page-ornament { margin-bottom:5px; color:#b79549; font:700 22px/1 'Amiri',serif; text-align:center; }
.quran-page-text { color:#172f29; font:400 clamp(25px,2.4vw,34px)/2.35 'Amiri','Scheherazade New',serif; text-align:justify; text-align-last:center; }
.quran-surah-banner { display:flex; align-items:center; justify-content:center; gap:14px; width:100%; margin:12px 0 14px; padding:7px 14px; border-block:1px solid rgba(23,101,76,.3); background:linear-gradient(90deg,transparent,rgba(23,101,76,.1),transparent); color:#145b45; font:700 24px/1.55 'Amiri',serif; text-align:center; }
.quran-surah-banner span { color:#b79549; font-size:16px; }
.quran-ayah { position:relative; display:inline; margin:0 2px; padding:2px 3px 5px; border-radius:6px; outline:none; cursor:pointer; transition:background .14s,color .14s,box-shadow .14s; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.quran-ayah:hover { background:rgba(23,101,76,.08); }
.quran-ayah:focus-visible { box-shadow:0 0 0 2px rgba(23,101,76,.42); }
.quran-ayah.selected { background:rgba(31,132,97,.18); color:#0b503a; box-shadow:inset 0 -2px #238d68; }
.quran-ayah.playing { background:rgba(216,186,114,.32); box-shadow:inset 0 -2px #b79549; }
.quran-verse-number { display:inline-grid; place-items:center; min-width:30px; height:30px; margin:0 5px; padding:0 5px; border:1px solid rgba(23,101,76,.4); border-radius:50%; color:#17654c; font:700 13px/1 'Amiri',serif; vertical-align:middle; }
.quran-verse-text { color:var(--ink); font:400 clamp(24px,2.5vw,31px)/2.05 'Amiri',serif; text-align:right; }
.quran-word { padding:0 1px; border-radius:5px; cursor:help; transition:background .12s,color .12s; }
.quran-word:hover { color:#0b684b; }.quran-word.active { background:#f0d891; color:#143c31; }
.quran-page-footer { display:flex; align-items:center; justify-content:center; gap:9px; margin-top:24px; color:#977b3d; font:700 14px 'Amiri',serif; }
.quran-coach-panel { display:flex; flex-direction:column; min-width:0; padding:20px; background:var(--paper-dim); }
.quran-coach-head { display:flex; align-items:center; gap:10px; margin-bottom:13px; }
.quran-coach-avatar { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:var(--quran-green); color:#fff; font:700 21px 'Amiri',serif; }
.quran-coach-head strong { display:block; color:var(--ink); font-size:14px; }
.quran-coach-head small { color:var(--ink-soft); font-size:10px; }
.quran-quick-actions { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.quran-quick-actions button { padding:6px 9px; border:1px solid var(--line); border-radius:999px; background:var(--surface); color:var(--ink-soft); font:inherit; font-size:10px; cursor:pointer; }
.quran-quick-actions button:hover { border-color:var(--quran-green); color:var(--quran-green); }
.quran-coach-messages { flex:1; min-height:300px; max-height:470px; overflow-y:auto; display:flex; flex-direction:column; gap:9px; padding:4px 2px 12px; }
.quran-coach-bubble { max-width:92%; padding:10px 12px; border-radius:13px; font-size:12px; line-height:1.75; white-space:pre-wrap; }
.quran-coach-bubble.ai { align-self:flex-start; border:1px solid var(--line); background:var(--surface); color:var(--ink); }
.quran-coach-bubble.user { align-self:flex-end; background:var(--quran-deep); color:#fff; }
.quran-coach-bubble.thinking { color:var(--ink-soft); }
.quran-coach-word { margin-bottom:7px; padding:7px 10px; border:1px solid rgba(216,186,114,.55); border-radius:10px; background:rgba(216,186,114,.14); color:var(--ink); font-size:11px; }
.quran-coach-input { display:flex; gap:7px; }
.quran-coach-input input { min-width:0; flex:1; margin:0; }
.quran-coach-input button { flex:0 0 auto; }
.quran-practice { margin:15px 22px 0; padding:16px; border:1px solid rgba(23,101,76,.3); border-radius:16px; background:color-mix(in srgb,var(--teal-dim) 45%,var(--surface)); }
.quran-practice-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.quran-practice-head strong { color:var(--quran-green); }
.quran-practice-head p,.quran-accuracy-note { color:var(--ink-soft); font-size:11px; }
.quran-record-btn { min-height:42px; padding:8px 13px; border:0; border-radius:12px; background:var(--quran-green); color:#fff; font:inherit; font-weight:800; cursor:pointer; }
.quran-record-btn.recording { background:#b33f35; animation:quran-record-pulse 1.2s ease-in-out infinite; }
.quran-practice-live { min-height:45px; margin:12px 0 8px; padding:10px 12px; border:1px dashed var(--line); border-radius:11px; background:var(--surface); color:var(--ink-soft); font-size:13px; }
.quran-practice-result { padding:12px; border-radius:12px; background:var(--surface); }
.quran-practice-tolerated { padding:10px 12px; border:1px solid rgba(23,101,76,.22); border-radius:10px; background:rgba(23,101,76,.08); color:var(--quran-green); font-size:12px; font-weight:700; }
.quran-practice-score { display:flex; align-items:center; gap:10px; margin-bottom:9px; }
.quran-practice-score strong { color:var(--quran-green); font-size:24px; }
.quran-word-ok { color:var(--quran-green); }
.quran-word-missed { padding:1px 3px; border-radius:4px; background:var(--danger-soft); color:var(--danger); text-decoration:underline dotted; }
.quran-accuracy-note { margin-top:8px; }
.quran-attribution { padding:11px 22px 18px; color:var(--ink-soft); font-size:9px; text-align:center; }
@keyframes quran-record-pulse { 50% { box-shadow:0 0 0 7px rgba(179,63,53,0); } 0%,100% { box-shadow:0 0 0 0 rgba(179,63,53,.28); } }
@media (max-width:1150px) { .quran-controls{grid-template-columns:1fr 1fr}.quran-surah-search{z-index:2} }
@media (max-width:900px) { .quran-workspace{grid-template-columns:1fr}.quran-reader-panel{border-inline-end:0;border-bottom:1px solid var(--line)}.quran-coach-messages{min-height:240px;max-height:380px}.quran-mushaf{min-height:650px} }
@media (max-width:650px) { .quran-hero{padding:22px 18px}.quran-hero-mark{width:58px;height:58px;flex-basis:58px;font-size:34px;border-radius:18px}.quran-controls{grid-template-columns:1fr;padding:14px}.quran-selection-bar,.quran-practice-head{align-items:stretch;flex-direction:column}.quran-selection-bar{padding:12px 14px}.quran-selection-actions{display:grid;grid-template-columns:1fr 1fr}.quran-reader-panel,.quran-coach-panel{padding:13px}.quran-practice{margin:12px 14px 0}.quran-mushaf{min-height:560px;padding:22px 18px 18px}.quran-page-text{font-size:24px;line-height:2.25}.quran-surah-banner{font-size:21px}.quran-verse-number{min-width:27px;height:27px;font-size:12px} }
@media (prefers-reduced-motion:reduce) { .quran-record-btn.recording{animation:none} }