/* Atlas PWA: My revision, Saved links, Workspace data / charts / export, sync, buy-credits card.
   Colours come from the variables in app.css, so the dark theme (theme.css) applies on its own. */

/* Library: a Save button on each result */
.lib-item{position:relative}
.lib-item>a.item{padding-right:84px}
.lib-item .save-link{position:absolute;top:10px;right:10px;min-height:34px;padding:4px 12px;font-size:13.5px}

/* My revision */
.rev-session{background:var(--surface);border-radius:22px;box-shadow:var(--clay);padding:0 16px}
.rev-session>summary{display:flex;align-items:center;gap:10px;padding:14px 0;cursor:pointer;list-style:none}
.rev-session>summary::-webkit-details-marker{display:none}
.rev-session>summary::after{content:"";width:10px;height:10px;border-right:3px solid var(--muted);border-bottom:3px solid var(--muted);transform:rotate(45deg);margin:0 4px 4px 0;flex:none}
.rev-session[open]>summary::after{transform:rotate(-135deg);margin:4px 4px 0 0}
.rev-session[open]{padding-bottom:14px}
.rev-session .meta{margin-top:2px}
.rev-q{display:grid;gap:8px;padding:12px 0;border-top:2px solid var(--outline-soft)}
.rev-q>.row{align-items:flex-start;flex-wrap:nowrap}
.rev-chip{flex:none;padding:2px 10px;border-radius:10px;background:var(--outline-soft);color:var(--muted);font:700 12.5px var(--t)}
.rev-chip.right{background:var(--green);color:var(--on-green)}
.rev-chip.wrong{background:var(--warn);color:var(--on-warn)}
.rev-answer{overflow-wrap:anywhere}
.rev-why>summary,.rev-progress>summary,.pay-else>summary{cursor:pointer;font-weight:700;color:var(--primary)}
.rev-actions{gap:8px}
.rev-progress{margin-top:8px}

/* Saved links */
.saved-title{font:600 16px var(--d);overflow-wrap:anywhere}
.item a.saved-title{text-decoration:none;color:var(--ink)}

/* Workspace: data tables, charts, export */
.chips.wrap{flex-wrap:wrap;overflow:visible;padding-bottom:4px}
.ind-list{display:grid;gap:6px;max-height:260px;overflow:auto;padding:2px}
.ind{display:block;width:100%;text-align:left;padding:10px 14px;border:2px solid transparent;border-radius:16px;background:var(--surface);color:var(--ink);font:600 14.5px var(--t);cursor:pointer;box-shadow:0 2px 0 var(--lilac-edge)}
.ind small{color:var(--muted);font-weight:500}
.ind.on{border-color:var(--primary);background:var(--primary-soft);color:var(--on-primary-soft)}
.tablewrap{overflow-x:auto;margin:8px 0;border-radius:14px;border:2px solid var(--outline-soft)}
.data-table{border-collapse:collapse;width:100%;font-size:13.5px;font-variant-numeric:tabular-nums}
.data-table th,.data-table td{padding:6px 10px;text-align:right;border-bottom:1px solid var(--outline-soft);white-space:nowrap}
.data-table thead th{position:sticky;top:0;background:var(--primary-soft);color:var(--on-primary-soft);text-align:right}
.data-table tbody th{text-align:left;color:var(--muted);font-weight:700}
.ws-preview{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:18px;background:var(--primary-soft);color:var(--on-primary-soft)}
.ws-preview .muted{color:inherit;opacity:.8}
.chartbox{overflow-x:auto;border-radius:16px;background:#fff;padding:2px}
.chartbox svg{display:block;width:100%;height:auto;stroke:none;fill:initial}
.tag{white-space:nowrap}

/* buying outside Zambia */
.pay-opt{padding:8px 0;border-top:2px solid var(--outline-soft);flex-wrap:nowrap}
.pay-else>summary{list-style:none}

/* PDF: only the document prints */
#print-root{display:none}
@media print{
 body.printing>*:not(#print-root){display:none!important}
 body.printing{background:#fff!important}
 body.printing #print-root{display:block;color:#1d2433;font:12pt/1.5 Calibri,"Segoe UI",Arial,sans-serif}
 #print-root h1.title{font:700 20pt Calibri,Arial,sans-serif;margin:0 0 2pt}
 #print-root .sub{color:#5b6476;margin:0 0 16pt}
 #print-root h1{font:700 16pt Calibri,Arial,sans-serif}
 #print-root h2{font:700 14pt Calibri,Arial,sans-serif;margin:16pt 0 4pt}
 #print-root h3{font:700 12pt Calibri,Arial,sans-serif;margin:12pt 0 4pt}
 #print-root p{margin:0 0 8pt}
 #print-root blockquote{margin:0 36pt 10pt}
 #print-root figure{margin:10pt 0;text-align:center;break-inside:avoid}
 #print-root figure svg{max-width:100%;height:auto;width:auto}
 #print-root figcaption{font-style:italic;font-size:10pt}
 #print-root table{border-collapse:collapse;font-size:9pt;margin-bottom:10pt}
 #print-root td,#print-root th{border:1px solid #bfc5d2;padding:2pt 5pt}
 #print-root .refs{break-before:page}
 #print-root .ref{padding-left:36pt;text-indent:-36pt}
 #print-root .help{font-size:10pt;color:#3c4456}
 #print-root svg{stroke:none;fill:initial}
 @page{size:A4;margin:18mm 20mm}
}

/* job preparation (job-prep.js) */
.fit.unlikely{background:#ffe1e1;color:#7a1f1f}
.msg.error{background:#ffe1e1;color:#7a1f1f}
details.item>summary{cursor:pointer}