/* Bayān 8.9 — refonte ergonomique Mīzān
   Principe : 1 action principale + options progressives, aucun scroll horizontal. */

/* ---------- Menus d'options communs ---------- */
.v89-options{position:relative;min-width:0}
.v89-options>summary{list-style:none;cursor:pointer;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid #d8d0bd;border-radius:12px;background:#fff;color:#23483f;font:800 12px/1 Inter,system-ui,sans-serif;letter-spacing:.01em;box-shadow:0 2px 8px rgba(15,48,41,.05);transition:.18s ease}
.v89-options>summary::-webkit-details-marker{display:none}
.v89-options>summary:hover{border-color:#91aa9f;background:#f8fbf9}
.v89-options[open]>summary{background:#123f37;color:#fff;border-color:#123f37;box-shadow:0 7px 18px rgba(18,63,55,.16)}
.v89-options>summary span{font-size:14px;letter-spacing:2px;transform:translateY(-1px)}

/* ---------- Recherche : interface progressive ---------- */
.search-options-menu{margin-top:12px;width:max-content;max-width:100%}
.search-options-panel{margin-top:9px;width:min(680px,calc(100vw - 40px));padding:14px;border:1px solid #ded7c7;border-radius:16px;background:#fff;box-shadow:0 15px 34px rgba(17,53,45,.11);display:grid;gap:13px}
.search-options-panel .quick-searches{margin:0;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.search-options-panel .quick-searches>span{width:100%;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#7a7468}
.search-options-panel .quick-searches button{border:1px solid #ded7c8;background:#faf9f5;border-radius:999px;padding:7px 11px;min-height:34px}
.search-options-panel .search-utility-row{margin:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.search-options-panel .search-utility-row button{width:100%;min-height:42px;margin:0!important;font-size:12px}

.bulk-result-actions.v89-options{display:block!important;min-width:0;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.bulk-result-actions.v89-options>summary{white-space:nowrap}
.bulk-result-panel{margin-top:8px;padding:13px;border:1px solid #ddd5c3;border-radius:14px;background:#fff;display:grid;gap:9px;box-shadow:0 10px 24px rgba(22,54,47,.08)}
.bulk-result-panel>div{display:flex;gap:7px;flex-wrap:wrap}
.bulk-result-panel strong{font-size:12px}.bulk-result-panel small{font-size:11px;color:#777064;line-height:1.45}

/* Cartes : seulement les actions essentielles sont visibles. */
.verse-actions{overflow:visible!important;display:flex!important;flex-wrap:wrap!important;align-items:center;gap:7px!important;padding-bottom:0!important}
.verse-actions>.icon-button,.verse-actions>.v89-options>summary{min-height:38px;border-radius:10px;padding:7px 11px;font-size:11px}
.verse-options-menu{z-index:4}
.verse-options-panel{position:absolute;right:0;top:calc(100% + 7px);z-index:20;width:min(330px,calc(100vw - 34px));padding:9px;border:1px solid #d9d1bf;border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(10,41,35,.18);display:grid;grid-template-columns:1fr 1fr;gap:7px}
.verse-options-panel .icon-button{width:100%;min-width:0;min-height:39px;margin:0!important;white-space:normal;text-align:left;justify-content:flex-start;font-size:11px;line-height:1.25}
.verse-options-panel .v7-note-from-verse,.verse-options-panel .v7-add-study{grid-column:auto}
.verse-card{overflow:visible}
.results-list{overflow:visible}

/* ---------- Lecture : une commande principale + Options ---------- */
.reading-launcher-controls{grid-template-columns:minmax(210px,1fr) 90px auto!important}
.v89-reading-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:visible!important}
.surah-toolbar-main{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.v89-reading-toolbar .play-surah-button{min-width:128px;box-shadow:0 7px 18px rgba(18,63,55,.16)}
.v89-reading-toolbar .play-surah-button.is-stopping{background:#8f382f;border-color:#8f382f;color:#fff}
.reading-options-menu{z-index:40}
.reading-options-panel{position:absolute;left:0;top:calc(100% + 8px);z-index:50;width:min(520px,calc(100vw - 34px));padding:13px;border:1px solid #d9d1bf;border-radius:16px;background:#fff;box-shadow:0 22px 50px rgba(8,38,32,.2);display:grid;grid-template-columns:1fr 1fr;gap:9px;color:#183c34}
.reading-options-panel label{display:grid;gap:5px;margin:0;min-width:0;color:#183c34}
.reading-options-panel label span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#777165}
.reading-options-panel select{width:100%;min-width:0;min-height:42px;border:1px solid #d8d0bd;border-radius:10px;background:#fff;padding:0 9px;color:#183c34}
.reading-options-panel button{width:100%;min-width:0;min-height:42px;margin:0!important;white-space:normal;line-height:1.25}
.reading-options-panel .toolbar-reciter-field,.reading-options-panel .toolbar-french-voice-field{grid-column:1/-1}
body.reading-mode .reader-verse-card .verse-actions{gap:7px}
body.reading-mode .reader-verse-card .audio-verse-button{background:#123f37;color:#fff;border-color:#123f37;font-weight:850}
body.reading-mode .reader-verse-card .verse-options-menu{display:block!important}
/* Les options autrefois masquées en mode lecture restent disponibles dans le menu. */
body.reading-mode .reader-verse-card .verse-options-panel .reading-study-button,
body.reading-mode .reader-verse-card .verse-options-panel .verse-info-button,
body.reading-mode .reader-verse-card .verse-options-panel .calculate-verse-button,
body.reading-mode .reader-verse-card .verse-options-panel .v7-lexicon-button,
body.reading-mode .reader-verse-card .verse-options-panel .v7-add-study{display:flex!important}

/* ---------- Mon travail devient une vraie page ---------- */
.research-work-view{padding:0 0 56px!important;background:#f6f4ed;min-height:calc(100vh - 88px)}
.research-work-mount{max-width:1280px;margin:0 auto;padding:24px clamp(14px,3vw,34px)}
#researchWorkView .v7-study-drawer{position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;transform:none!important;transition:none!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;z-index:auto!important;color:#173a32}
#researchWorkView .v7-study-drawer.open{transform:none!important}
.v7-study-launcher,.v7-drawer-overlay{display:none!important}
body.v7-drawer-open{overflow:auto!important}
.v89-work-page-header{position:relative!important;top:auto!important;z-index:1!important;margin:0 0 12px!important;padding:24px 26px!important;border-radius:22px;background:linear-gradient(135deg,#102f2a,#17493f)!important;box-shadow:0 15px 38px rgba(11,46,39,.13);align-items:flex-end!important}
.v89-work-page-header h2{font-size:clamp(25px,3vw,38px)!important;letter-spacing:-.03em;margin:4px 0 6px!important}
.v89-work-page-header p{margin:0;max-width:700px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.55}
.v89-local-save-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#f0d37d;background:rgba(255,255,255,.06);font-size:10px;font-weight:850;white-space:nowrap}
#researchWorkView .v7-tabs{position:sticky!important;top:84px!important;z-index:20!important;margin:0 0 14px!important;padding:7px!important;border:1px solid #ddd5c1!important;border-radius:16px!important;background:rgba(248,246,239,.94)!important;backdrop-filter:blur(12px);display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;box-shadow:0 7px 22px rgba(21,50,44,.07)}
#researchWorkView .v7-tabs button{min-width:0!important;min-height:50px!important;padding:7px 6px!important;border-radius:11px!important;display:grid;place-items:center;gap:2px;font-size:10px!important;color:#5f695f}
#researchWorkView .v7-tabs button span{font-size:15px;line-height:1}
#researchWorkView .v7-tabs button b{font:800 10px/1.1 Inter,system-ui,sans-serif;white-space:nowrap}
#researchWorkView .v7-tabs button.active{background:#123f37!important;color:#fff!important;box-shadow:0 6px 15px rgba(18,63,55,.16)!important}
#researchWorkView .v7-tab{padding:8px 0 40px!important;max-width:none!important}
#researchWorkView .v7-work-hero,#researchWorkView .v7-note-editor-shell,#researchWorkView .v7-work-section,#researchWorkView .v7-study-item{box-shadow:0 6px 22px rgba(21,50,44,.055)}
#researchWorkView .v7-note-head-actions{overflow:visible!important;display:flex!important;flex-wrap:wrap!important;padding-bottom:0!important}
#researchWorkView .v7-rich-toolbar{overflow:visible!important;display:flex!important;flex-wrap:wrap!important}

/* ---------- Raffinements responsives ---------- */
@media(max-width:900px){
  .search-options-panel{width:min(620px,calc(100vw - 28px))}
  .reading-launcher-controls{grid-template-columns:minmax(0,1fr) 78px auto!important}
  #researchWorkView .v7-tabs{top:68px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #researchWorkView .v7-tabs button{min-height:44px!important}
  .v89-work-page-header{align-items:flex-start!important;display:grid!important;gap:12px}
  .v89-local-save-badge{justify-self:start}
}
@media(max-width:760px){
  .search-options-menu{width:100%}
  .search-options-menu>summary{width:100%}
  .search-options-panel{width:100%;box-shadow:none;background:#fbfaf6}
  .search-options-panel .search-utility-row{grid-template-columns:1fr!important}
  .bulk-result-actions.v89-options>summary{width:100%}
  .bulk-result-panel>div{display:grid;grid-template-columns:1fr}
  .verse-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;gap:7px!important}
  .verse-actions>.icon-button,.verse-actions>.v89-options{width:100%;min-width:0}
  .verse-actions>.v89-options>summary{width:100%}
  .verse-options-panel{position:absolute;left:0;right:auto;width:min(360px,calc(100vw - 38px));grid-template-columns:1fr 1fr}
  .reading-launcher-controls{grid-template-columns:minmax(0,1fr) 72px!important}
  .reading-launcher-controls #readerGoButton{grid-column:1/-1;width:100%}
  .v89-reading-toolbar{align-items:flex-start;display:grid;grid-template-columns:1fr;gap:8px}
  .surah-toolbar-main{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .surah-toolbar-main .back-to-results{grid-column:1/-1;width:100%}
  .surah-toolbar-main .play-surah-button,.surah-toolbar-main .reading-options-menu,.surah-toolbar-main .reading-options-menu>summary{width:100%;min-width:0}
  .reading-options-panel{position:absolute;left:auto;right:0;width:min(430px,calc(100vw - 28px));grid-template-columns:1fr 1fr}
  .research-work-mount{padding:12px 10px 42px}
  .v89-work-page-header{border-radius:17px;padding:18px!important;margin-bottom:10px!important}
  .v89-work-page-header h2{font-size:27px!important}
  #researchWorkView .v7-tabs{position:sticky!important;top:64px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;border-radius:14px!important;gap:5px!important}
  #researchWorkView .v7-tabs button{min-width:0!important;padding:6px 4px!important}
  #researchWorkView .v7-tab{padding:5px 0 36px!important}
  #researchWorkView .v7-notes-sidebar{max-height:none!important}
}
@media(max-width:430px){
  .verse-options-panel{grid-template-columns:1fr;width:calc(100vw - 34px)}
  .reading-options-panel{grid-template-columns:1fr;width:calc(100vw - 24px)}
  .reading-options-panel .toolbar-reciter-field,.reading-options-panel .toolbar-french-voice-field{grid-column:auto}
  #researchWorkView .v7-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #researchWorkView .v7-tabs button b{font-size:9.5px}
  .v89-local-save-badge{white-space:normal}
}
.v89-work-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v89-selection-badge{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:rgba(255,255,255,.08);font-size:10px;font-weight:800}.v89-selection-badge b{color:#f0d37d;font-size:12px}
@media(max-width:900px){.v89-work-badges{justify-content:flex-start}}
.bulk-result-actions.v89-options[hidden]{display:none!important}
.v7-work-actions{align-items:center!important}.v89-work-options-panel,.v89-note-options-panel{position:absolute;right:0;top:calc(100% + 7px);z-index:35;width:230px;padding:8px;border:1px solid #d9d1bf;border-radius:13px;background:#fff;box-shadow:0 18px 42px rgba(10,41,35,.18);display:grid;gap:6px}.v89-work-options-panel button,.v89-note-options-panel button{width:100%;min-height:39px;border:1px solid #ddd5c2;background:#fff;border-radius:9px;padding:8px 10px;text-align:left;font:750 11px/1.3 Inter,system-ui,sans-serif;color:#203f38;cursor:pointer}.v89-work-options-panel button:hover,.v89-note-options-panel button:hover{background:#f5f8f6;border-color:#9caea7}.v89-note-options-panel .danger{color:#913b32;border-color:#e0bbb5}.v7-note-head-actions{align-items:center!important}.v7-note-head-actions>#v7PinNote{width:40px;height:40px;padding:0;border-radius:10px}
@media(max-width:760px){.v89-work-options-panel,.v89-note-options-panel{position:absolute;right:0;width:min(260px,calc(100vw - 34px))}.v7-work-actions{display:flex!important;flex-wrap:wrap!important}.v7-work-actions>.primary-button{flex:1 1 160px}.v7-work-actions>.v89-options{flex:0 0 auto}}