/* ============================================================
   sheets.css — bottom sheets, settings sheet, chapter list, veil
   ============================================================ */

/* Sliding bottom sheet (chapters, settings, highlights, note editor) */
.sheet{
  position:fixed;left:0;right:0;bottom:0;z-index:9;background:var(--card);
  border-top:1px solid var(--line);border-radius:22px 22px 0 0;
  padding:20px 22px calc(24px + env(safe-area-inset-bottom,0px));
  max-height:75vh;overflow:auto;box-shadow:0 -12px 40px #0003;
}
.sheet h4{font:700 20px Fraunces,serif;margin:0 0 14px}
.sheet .row{display:flex;gap:8px;margin-bottom:18px;align-items:center}
.sheet .row button{flex:1;padding:12px;border-radius:12px;border:1px solid var(--line);font-weight:600}
.sheet .row button.sel{background:var(--acc);color:var(--bg);border-color:var(--acc)}
.sheet input[type=range]{flex:1;accent-color:var(--acc)}

/* Chapter list inside the TOC sheet */
.toc button{display:block;width:100%;text-align:left;padding:12px 4px;border-bottom:1px solid var(--line);font:500 17px Newsreader,serif}
.toc button.cur{color:var(--acc);font-weight:700}

/* Dimmed backdrop behind an open sheet */
#veil{position:fixed;inset:0;background:#0006;z-index:8}

/* Import summary, prepended at the top of the settings sheet
   (ui.js showImportSummary; closeSheets removes it again). */
#impSum{border:1px solid var(--acc);border-radius:14px;padding:14px 16px;margin-bottom:16px}
#impSum h4{margin:0 0 8px;color:var(--acc)}
.improw{display:flex;justify-content:space-between;gap:12px;font:400 15px/1.4 Inter,sans-serif;padding:5px 0;border-bottom:1px solid var(--line)}
.improw:last-of-type{border-bottom:0}
.improw span{color:var(--mute);white-space:nowrap}

/* Dismiss button, top-right of the customize sheet (js/nav.js). */
.nnclose{display:flex;justify-content:flex-end}
.nnclose button{padding:7px 14px;border-radius:10px;border:1px solid var(--line);font-weight:600;font-size:13px}