:root{color-scheme:light;--navy:#132d39;--teal:#116b64;--gold:#b08a48;--pale:#f5f8f7;--border:#d8e1df}*{box-sizing:border-box}body{margin:0;background:#fafbf9;color:#1b3038;font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#126b63}a:hover{text-decoration:underline}.top{background:var(--navy);color:#fff;padding:18px max(20px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:750;color:#fff;text-decoration:none;font-size:19px}.brand small{display:block;font-weight:400;font-size:12px;color:#b7d7d2}.top nav a{color:#e7f1ef;margin-left:18px;text-decoration:none}.wrap{max-width:1080px;margin:auto;padding:28px 18px 80px}.hero{padding:32px 0 26px}.hero h1{font-size:clamp(40px,7vw,66px);line-height:1.1;margin:8px 0}.lead{font-size:22px;color:#36665f}.eyebrow{letter-spacing:.15em;color:var(--teal);font-size:12px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card,.featured,.listing,.player{border:1px solid var(--border);background:#fff;border-radius:16px;padding:22px;margin:16px 0;box-shadow:0 5px 19px #17373508}.times{font-size:24px;font-weight:750;color:var(--teal)}h1,h2{line-height:1.22}h2{margin-top:12px}.featured{display:flex;flex-direction:column;text-decoration:none;color:inherit;padding:30px;border-left:5px solid var(--gold)}.featured strong{font-size:25px}.featured b{color:var(--teal);margin-top:12px}.listing{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;color:inherit;padding:18px}.listing small{display:block;color:#607277}.listing b{color:var(--teal)}.row{display:flex;gap:15px;align-items:center}.row>*{flex:1}.between{justify-content:space-between}.between>*{flex:initial}label{font-weight:650;display:block;margin:16px 0}input,textarea,button{font:inherit}input:not([type=hidden]),textarea{width:100%;border:1px solid #b7c6c3;border-radius:8px;padding:10px;background:white;color:#173139;display:block;margin:5px 0}textarea{min-height:120px;resize:vertical}button{border:0;border-radius:9px;padding:12px 18px;background:var(--teal);color:white;font-weight:700;cursor:pointer}.secondary{background:#e1eeeb;color:var(--navy)}.danger{background:#8a3537}.narrow{max-width:480px;margin:42px auto}.hint{color:#647477;font-size:14px}.banner{border-left:5px solid var(--teal);background:#e6f4ee;padding:15px;border-radius:6px}.warning{border:2px solid #a36d1d;background:#fff5df;padding:16px;border-radius:9px}.editline{border-top:1px solid var(--border);padding:17px 0}.player audio{width:100%}#segments{max-height:530px;overflow:auto;padding:8px}.segment{display:block;text-align:left;width:100%;border:1px solid #e2e8e6;background:#fff;color:var(--navy);font-weight:400;margin:6px 0;padding:18px;border-radius:10px;transition:background .15s}.segment.active{background:#e0f3ec;border-color:var(--teal);box-shadow:inset 4px 0 var(--teal)}.arabic{display:block;font-size:24px;font-family:serif;line-height:2;text-align:right}.english{display:block;margin-top:8px}footer{padding:24px;text-align:center;background:#edf3f1;color:#506867;font-size:13px}[hidden]{display:none!important}@media(max-width:600px){.top{flex-direction:column;align-items:flex-start}.row{flex-wrap:wrap}.wrap{padding:18px 12px 60px}.card{padding:17px}}
/* Passage editor upgrade */
.editor-toolbar,.passage-toolbar,.shift-control{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:12px 0}.passage-toolbar strong{margin-right:auto}.passage-toolbar button,.editor-toolbar button,.shift-control button{padding:8px 11px;font-size:13px}.shift-control{background:#f2f8f6;padding:10px;border-radius:9px}.shift-control label{flex:1;min-width:170px;margin:0}.shift-control input{max-width:220px}.editline[data-type=break]{border:2px dashed #b08a48;padding:16px;border-radius:12px;background:#fffaf0;margin:18px 0}.khutbah-break{padding:18px 12px;text-align:center;color:#826122;background:#fff7e8;border-top:1px solid #e2c89b;border-bottom:1px solid #e2c89b;margin:18px 0;font-weight:700}

/* Admin live synchronization: highlights only; draft remains unsaved until Save. */
.editor-follow-toggle{display:inline-flex;gap:8px;align-items:center;margin:0 0 0 auto;font-size:14px;font-weight:600;color:#254b48;cursor:pointer}
.editor-follow-toggle input{width:auto!important;margin:0!important;accent-color:#116b64}
.editor-now-playing{background:#e6f4ee;border:1px solid #b7d9ce;border-radius:9px;padding:9px 13px;margin:10px 0;font-weight:650;color:#16564d}
.editline.editor-current{background:#e6f4ee;border:2px solid #116b64;border-left:6px solid #116b64;border-radius:12px;padding:16px;margin:12px 0;box-shadow:0 0 0 3px #116b6414}
.editline.editor-current .passage-title::before{content:'● ';color:#116b64}
.editline:focus-within{outline:2px solid #b08a48;outline-offset:2px}

/* Sticky reviewer transport: never hides the active audio controls when following the transcript. */
.editor-sticky-player{position:sticky;top:0;z-index:60;background:#fff;border:1px solid #c7dcd7;border-top:4px solid #116b64;border-radius:0 0 12px 12px;box-shadow:0 8px 26px rgba(16,45,48,.16);padding:10px 14px;margin:10px 0 14px;max-height:min(46vh,330px);overflow-y:auto;overscroll-behavior:contain}
.editor-sticky-heading{font-weight:750;font-size:13px;color:#28534c;margin-bottom:5px}
.editor-sticky-player audio{display:block;width:100%;height:44px}
.editor-sticky-player .editor-now-playing{margin:7px 0 6px;padding:5px 9px;font-size:13px}
.editor-live-preview{background:#f6faf9;border-radius:8px;padding:7px 11px;max-height:125px;overflow:auto}
.editor-live-empty{margin:0;font-size:13px;color:#667875}
.editor-live-arabic{font:normal 19px/1.6 Georgia,serif;text-align:right;direction:rtl;color:#203a3d}
.editor-live-english{font-size:13px;line-height:1.45;color:#274a4a}
.editor-live-arabic,.editor-live-english{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
#editorPassages .editline{scroll-margin-top:230px}
@media(max-width:600px){.editor-sticky-player{top:0;padding:8px 10px;max-height:43vh}.editor-live-preview{max-height:100px}.editor-live-arabic{font-size:17px}#editorPassages .editline{scroll-margin-top:205px}}

/* Review ergonomics v3: transport stays available even at the final passage. */
.editor-sticky-player{position:fixed!important;top:0!important;z-index:1000!important;max-height:none!important;overflow:visible!important;padding:7px 14px 9px!important;margin:0!important;border:2px solid #116b64!important;border-radius:0 0 14px 14px!important;background:#fff!important;box-shadow:0 7px 22px #0a292b35!important}
.editor-sticky-heading{font-size:12px!important;margin:0 0 2px!important}
.editor-sticky-player audio{height:38px!important}
.editor-sticky-player .editor-now-playing{margin:3px 0!important;padding:3px 8px!important;font-size:13px!important}
.editor-sticky-player .editor-live-preview{max-height:90px!important;padding:4px 9px!important;overflow-y:auto!important}
.editor-live-arabic{font-size:17px!important;line-height:1.4!important}
.editor-live-english{font-size:13px!important;line-height:1.3!important}
.editor-player-placeholder{display:block;min-height:135px}
#editorPassages .editline{scroll-margin-top:var(--editor-dock-offset,200px)!important}
#editorPassages .editline.editor-current{background:#dbf5e9!important;border:3px solid #087967!important;border-left:12px solid #087967!important;box-shadow:0 0 0 4px #a9decf,0 6px 14px #0e514520!important;outline:0!important}
#editorPassages .editline.editor-current .passage-title{font-size:19px;color:#075245}
#editorPassages .editline.editor-current .passage-title::before{content:'▶ NOW PLAYING • '!important;font-size:12px;letter-spacing:.04em;color:#075245;font-weight:900}
.break-insert-btn{background:#f7e7bc!important;border:1px solid #ac7b23!important;color:#533a0c!important;font-weight:800!important;padding:8px 11px!important;font-size:13px!important}
.break-insert-btn:hover{background:#f1d58a!important}
.editline[data-type=break]{border:3px dashed #a47419!important;background:#fff4d5!important;padding:18px!important;border-radius:12px!important}
.editline[data-type=break] .passage-title{font-size:20px;color:#815617}
.editline[data-type=break] .break-insert-btn{display:none!important}
#addBreak{background:#f4d48f!important;color:#49350d!important;border:1px solid #a67a24!important}
@media(max-width:600px){.editor-sticky-player{padding:5px 8px!important;max-height:46vh!important}.editor-sticky-heading{display:none}.editor-sticky-player .editor-live-preview{max-height:75px!important}.editor-live-arabic{font-size:16px!important}.editor-player-placeholder{min-height:125px}}

/* v4: always-visible compact controls, enlarged reviewing text, seconds-based timeline. */
.editor-sticky-player{position:fixed!important;top:0!important;left:50%;z-index:1100!important;padding:9px 18px 10px!important;background:#fff!important;max-height:42vh!important;overflow-y:auto!important}
.editor-source-audio{display:none!important}
.editor-transport{display:grid;grid-template-columns:auto auto auto minmax(100px,1fr) auto;align-items:center;gap:9px;width:100%}
.editor-transport .transport-btn{font-size:16px!important;padding:9px 13px!important;min-height:44px;white-space:nowrap;background:#dcefe9;color:#123b37;border:1px solid #aacac0}
.editor-transport .transport-play{background:#116b64;color:#fff;min-width:105px}
.editor-transport .transport-seek{width:100%;margin:0!important;padding:0!important;accent-color:#116b64;min-width:90px;cursor:pointer}
.editor-transport .transport-time{font-size:16px;font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap;color:#183c3b}
.editor-sticky-player .editor-now-playing{font-size:16px!important;padding:5px 10px!important}
.editor-sticky-player .editor-live-preview{max-height:95px!important}
.editor-sticky-player .editor-live-arabic{font-size:21px!important}
.editor-sticky-player .editor-live-english{font-size:17px!important}
#editorPassages .editline{font-size:18px;line-height:1.55}
#editorPassages .editline label{font-size:17px}
#editorPassages .editline input:not([type=hidden]),#editorPassages .editline textarea{font-size:19px!important;padding:12px 13px!important}
#editorPassages .editline textarea[lang=ar]{font-size:25px!important;line-height:1.8!important;min-height:135px}
#editorPassages .editline textarea:not([lang=ar]){font-size:19px!important;line-height:1.6!important;min-height:120px}
#editorPassages .passage-title{font-size:20px}
#editorPassages .passage-toolbar button,#editorPassages .shift-control button{font-size:15px!important;padding:10px 13px!important}
@media(max-width:700px){.editor-transport{grid-template-columns:auto auto auto minmax(60px,1fr);gap:5px}.editor-transport .transport-btn{font-size:13px!important;min-height:40px;padding:7px!important}.editor-transport .transport-play{min-width:75px}.editor-transport .transport-time{grid-column:1/-1;text-align:right;font-size:14px}.editor-sticky-player{padding:7px 8px!important;max-height:43vh!important}.editor-sticky-player .editor-live-arabic{font-size:19px!important}.editor-sticky-player .editor-live-english{font-size:15px!important}}

/* v5: inline pause/resume while editing, without shifting focus from text fields. */
#editorPassages .passage-toolbar [data-op="seek"]{min-width:142px!important;background:#e3f0ec!important;color:#0a4b43!important;border:2px solid #78afa3!important;font-size:16px!important;font-weight:800!important}
#editorPassages .passage-toolbar [data-op="seek"].inline-pause-active{background:#0d665b!important;color:#fff!important;border-color:#084f47!important;box-shadow:0 0 0 3px #b7e4d4!important}
#editorPassages .passage-toolbar [data-op="seek"]:focus-visible{outline:3px solid #c38a1f;outline-offset:3px}
/* Audio trimming controls: work with existing editor, no layout changes to transcript. */
.trim-card{border:2px solid var(--border,#ccd8d5);margin:1.2rem 0;padding:1.1rem}
.trim-card h2{font-size:1.35rem}
.trim-card .row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.6rem;margin:.8rem 0}
.trim-card label{flex:1 1 175px}
.trim-card input[type=number],.trim-card select{width:100%;font-size:1.05rem}
.trim-card button{white-space:normal}
@media(max-width:680px){.trim-card .row{flex-direction:column;align-items:stretch}.trim-card label{width:100%}}

.editline.needs-trim-review{outline:3px solid #b45309;outline-offset:2px;background:#fff7ed}
.editline.needs-trim-review .passage-title:after{content:' · Check text after audio cut';font-weight:700;color:#9a3412}

/* v7 - section-specific transport buttons; keep obvious next to each editable passage */
.editline .inline-pause-button { font-weight:700; border:2px solid currentColor; min-height:42px; padding:9px 15px; }
.editline .passage-toolbar [data-op="seek"] { font-weight:700; min-height:42px; padding:9px 15px; }
.editline .inline-pause-button:disabled {opacity:.6;cursor:default;}

/* v8: accessible per-passage mini player + slow playback */
.editor-transport{grid-template-columns:auto auto auto minmax(100px,1fr) auto auto!important}
.editor-speed-control{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;white-space:nowrap;color:#1b4540}
.editor-speed-control select{font:inherit;border:2px solid #7cad9d;background:#f5fbf9;color:#16453c;border-radius:8px;padding:7px 5px;max-width:100px}
#editorPassages .editline.has-side-player{display:grid;grid-template-columns:minmax(0,1fr) 215px;column-gap:18px;align-items:start}
#editorPassages .editline.has-side-player>.passage-toolbar,
#editorPassages .editline.has-side-player>.row,
#editorPassages .editline.has-side-player>.shift-control,
#editorPassages .editline.has-side-player>input[type=hidden]{grid-column:1/-1}
#editorPassages .editline.has-side-player>.passage-text{grid-column:1;min-width:0}
#editorPassages .editline.has-side-player>.passage-side-player{grid-column:2;grid-row:3;min-width:0;position:sticky;top:var(--editor-dock-offset,200px);align-self:start}
.passage-side-player{background:#f0f8f5;border:2px solid #92bbad;border-radius:12px;padding:12px;box-shadow:0 3px 10px #183c3810}
.passage-side-player.side-play-active{background:#e2f5e9;border-color:#117762;box-shadow:0 0 0 3px #96d1bc}
.side-play-title{font-size:14px;font-weight:850;margin-bottom:9px;color:#134c40}
.side-play-buttons,.side-play-nudge{display:flex;gap:6px}
.side-play-buttons button,.side-play-nudge button{flex:1;padding:8px 5px!important;min-height:38px;font-size:13px!important;border:1px solid #78a99c;border-radius:8px;background:#fff;color:#15493e;cursor:pointer}
.side-play-buttons [data-side-action=play]{background:#116b64;color:white;font-weight:750}
.side-play-seek{display:block;width:100%;margin:12px 0 3px!important;padding:0!important;accent-color:#116b64;cursor:pointer}
.side-play-time{display:block;text-align:right;font-size:13px;font-variant-numeric:tabular-nums;font-weight:800;color:#254d46;margin-bottom:9px}
.side-play-rate{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:13px;color:#46655d;margin-top:8px;font-weight:750}.side-play-speed{width:auto!important;font-size:13px!important;padding:5px!important;background:#fff;border:1px solid #7cad9d;border-radius:6px}
@media(max-width:900px){
  #editorPassages .editline.has-side-player{grid-template-columns:minmax(0,1fr)}
  #editorPassages .editline.has-side-player>.passage-side-player{grid-column:1;grid-row:auto;position:static;margin:8px 0 12px}
  #editorPassages .editline.has-side-player>.passage-text{grid-column:1}
  .passage-side-player{max-width:100%}
  .editor-transport{grid-template-columns:auto auto auto minmax(60px,1fr)!important}
  .editor-speed-control{grid-column:1/-1;justify-content:flex-end}
}

/* v9: per-passage audio controls only. No top overlay or fake space. */
.editor-sticky-player,.editor-player-placeholder,.editor-transport,
.editor-sticky-heading,.editor-live-preview{display:none!important}
.editor-source-audio{display:none!important}
.editor-now-playing{display:block;font-size:16px;font-weight:700;color:#0c6256;margin:9px 0}
.editor-follow-toggle{display:inline-flex;gap:8px;align-items:center;font-size:16px;font-weight:700}
.editor-follow-toggle input{width:19px;height:19px;accent-color:#116b64}
#editorPassages .editline{scroll-margin-block:0!important;scroll-margin-top:0!important;scroll-margin-bottom:0!important}
#editorPassages .editline.has-side-player>.passage-side-player{position:static!important;top:auto!important}
#editorPassages .editline.editor-current{background:#daf6e8!important;border-left-width:12px!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v10: clear, persistent playback-speed feedback */
.side-play-rate{flex-wrap:wrap}
.side-play-speed-current{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:6px 8px;border-radius:7px;background:#e0f3e9;color:#064b32;font-weight:850;font-variant-numeric:tabular-nums;border:1px solid #83bba3}

/* v11: two-column upload / trimmer workspace, and wide transcript edit panels. */
@media (min-width: 1120px) {
  .wrap:has(#passageForm) {max-width: min(96vw, 1680px);padding-inline:28px;}
  .upload-trim-layout {display:grid;grid-template-columns:minmax(0, 0.85fr) minmax(0, 1.35fr);gap:20px;align-items:start;}
  .upload-trim-layout > .card {margin:0;min-width:0;}
  #passageForm {padding:28px 32px;}
  #editorPassages .editline.has-side-player {grid-template-columns:minmax(0, 1fr) 245px;gap:18px 26px;}
  #editorPassages .editline.has-side-player > .passage-text {width:100%;}
  #editorPassages .editline.has-side-player > .passage-side-player {width:100%;}
}
.upload-trim-layout {margin:20px 0 26px;}
.upload-trim-layout .card {margin-top:0;}
.upload-trim-layout .new-upload-card {border-top:5px solid #116b64;}
.upload-trim-layout .trim-card {border-top:5px solid #b08a48;}
.upload-trim-layout h2 {font-size:clamp(1.25rem,2vw,1.6rem);}
.upload-trim-layout .trim-card .row {flex-wrap:wrap;}
.upload-trim-layout .trim-card .row > button {flex:0 1 auto;}
.upload-trim-layout .trim-card .row > label {min-width:145px;}
@media (max-width:1119px) {
  .upload-trim-layout {display:grid;grid-template-columns:1fr;gap:12px;}
  .wrap:has(#passageForm) {max-width:100%;}
}
@media (min-width:750px) and (max-width:1119px) {
  .wrap:has(#passageForm) {padding-inline:22px;}
}

/* v12: compact new-upload accordion and right-side private draft switcher. */
.new-upload-details summary{display:block;background:#e1eeeb;border-radius:9px;color:#153a36;padding:12px 16px;font-weight:800;cursor:pointer;list-style:none}
.new-upload-details summary::-webkit-details-marker{display:none}
.new-upload-details[open] summary{margin-bottom:14px;background:#d6eae2}
.new-upload-details form{border-top:1px solid #dde8e2;padding-top:8px}
.draft-sidebar{border-top:5px solid #557d87!important;min-width:0;max-height:580px;display:flex;flex-direction:column}
.draft-sidebar-heading{display:flex;align-items:start;justify-content:space-between;gap:8px;flex-wrap:wrap}
.draft-sidebar-heading h2{margin:0}
.draft-sidebar-heading a{font-size:13px;font-weight:750;white-space:nowrap}
.draft-items{overflow:auto;min-height:0;overscroll-behavior:contain;display:flex;flex-direction:column;gap:9px}
.draft-item{display:block;min-width:0;text-decoration:none;color:#203d3f;border:1px solid #d4e3df;border-radius:10px;padding:11px 13px;background:#f7faf8}
.draft-item strong,.draft-item small,.draft-item span{display:block;overflow-wrap:anywhere}
.draft-item strong{font-size:15px;line-height:1.35}
.draft-item small{color:#58716e;margin:4px 0;font-size:12px}
.draft-item span{color:#116b64;font-weight:800;font-size:12px}
.draft-item:hover,.draft-item:focus-visible{border-color:#116b64;background:#e8f5ef}
.draft-item.is-selected{background:#daf6e8;border:2px solid #087967}
@media(min-width:1250px){
  .upload-trim-layout{grid-template-columns:minmax(0,0.9fr) minmax(0,1.3fr) minmax(250px,0.85fr)!important;gap:14px!important}
}
@media(min-width:900px) and (max-width:1249px){
  .upload-trim-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;gap:14px!important}
  .draft-sidebar{grid-column:1/-1;max-height:300px}
  .draft-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
}
@media(max-width:899px){.upload-trim-layout{display:grid;grid-template-columns:minmax(0,1fr)!important}.draft-sidebar{max-height:360px}}

/* v13 compact three-column controls above the full-width passage editor */
.khutbah-admin-controls{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start;margin:20px 0 26px}
.khutbah-left-stack,.khutbah-middle-stack,.khutbah-right-stack{display:flex;flex-direction:column;gap:14px;min-width:0}
.khutbah-admin-controls .card{margin:0;min-width:0}
.khutbah-admin-controls h2{font-size:clamp(1.13rem,1.6vw,1.43rem);margin-top:0}
.khutbah-admin-controls .card label,.khutbah-admin-controls input{min-width:0;max-width:100%}
.current-details-card{border-top:5px solid #116b64}
.current-details-card input{font-size:15px}
.save-actions-card{border-top:4px solid #0a7762}
.save-actions-card button{width:100%}
.player-preview-card{border-top:5px solid #557d87}
.player-preview-card .player{max-height:510px;overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:8px!important;margin:0}
.player-preview-card .player audio{width:100%;position:sticky;top:0;background:#f5f9f7;z-index:2}
.player-preview-card .segment{font-size:13px;padding:8px}
.player-preview-card .segment .arabic{font-size:17px}
.player-preview-card .segment .english{font-size:13px}
.khutbah-editor-source{width:100%;max-height:46px}
.khutbah-admin-controls .draft-sidebar{max-height:310px}
.khutbah-admin-controls .draft-items{max-height:220px}
#passageForm{clear:both;max-width:100%}
@media(min-width:1200px){.wrap:has(#passageForm){max-width:min(97vw,1780px)!important}}
@media(max-width:1199px){.khutbah-admin-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.khutbah-right-stack{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.player-preview-card .player{max-height:350px}}
@media(max-width:730px){.khutbah-admin-controls{grid-template-columns:minmax(0,1fr)}.khutbah-right-stack{grid-column:auto;display:flex}.player-preview-card .player{max-height:400px}}

/* v14: three actual desktop columns; independent left/middle/right content */
.wrap:has(.khutbah-admin-controls){max-width:min(98vw,1780px)!important;}
.khutbah-admin-controls{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr) minmax(0,1fr)!important;align-items:start;gap:18px!important;width:100%;}
.khutbah-admin-controls>.khutbah-left-stack,.khutbah-admin-controls>.khutbah-middle-stack,.khutbah-admin-controls>.khutbah-right-stack{grid-column:auto!important;display:flex!important;flex-direction:column!important;min-width:0;gap:14px;}
.khutbah-admin-controls .card{width:100%;min-width:0;margin:0;}
.khutbah-admin-controls .row{display:flex;flex-wrap:wrap;align-items:end;}
.khutbah-admin-controls .row>*{min-width:100px;}
.khutbah-admin-controls input,.khutbah-admin-controls select,.khutbah-admin-controls textarea{max-width:100%;min-width:0;}
.current-details-card{border-top:5px solid #116b64!important;}
.current-details-card .save-top-button{width:100%;margin-top:12px;}
.khutbah-admin-controls .player-preview-card .player{max-height:530px;}
@media(max-width:920px){.khutbah-admin-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}.khutbah-admin-controls>.khutbah-right-stack{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}}
@media(max-width:640px){.khutbah-admin-controls{grid-template-columns:minmax(0,1fr)!important}.khutbah-admin-controls>.khutbah-right-stack{grid-column:auto!important;display:flex!important;flex-direction:column!important}}

/* v15: independent Generate / Share / Approve row directly above passages */
.khutbah-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 0 24px;align-items:stretch}
.khutbah-action-row>.card{margin:0;min-width:0;display:flex;flex-direction:column;gap:10px}
.khutbah-action-row>.card h2{margin:0;font-size:clamp(1.1rem,1.3vw,1.4rem)}
.khutbah-action-row>.card form{margin-top:auto}
@media(max-width:920px){.khutbah-action-row{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.khutbah-action-row{grid-template-columns:1fr}}
#editorPassages .passage-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}
#editorPassages .passage-toolbar .save-passage-button{background:#147467;color:#fff;border:1px solid #0b675c;padding:8px 13px;font-weight:800;border-radius:7px;cursor:pointer}
#editorPassages .passage-toolbar .save-passage-button:disabled{opacity:.55;cursor:wait}
.passage-save-status{font-size:13px;font-weight:700;color:#166b5d}
.passage-save-status.pending{color:#a65d0c}

/* v16 — whole-file elapsed seconds, distinct from passage timings */
.editor-full-audio-time{display:inline-flex;align-items:center;padding:9px 13px;border:2px solid #0d7667;border-radius:10px;background:#e3f5eb;color:#06483e;font-weight:850;font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap;margin:6px 0;}
.side-whole-file-time{display:block;margin:5px 0 9px;padding:8px 10px;border-radius:8px;background:#d6efe4;color:#06483e;border:1px solid #80b49f;font-size:15px;font-weight:850;font-variant-numeric:tabular-nums;}
.side-play-time{font-size:12px;font-weight:600;color:#546860;}
@media(max-width:700px){.editor-full-audio-time{font-size:14px;max-width:100%;white-space:normal}.side-whole-file-time{font-size:14px}}