/* Fișă de lucru styles added after style.css grew large: the `× 10ˣ` box of a typed count, results that come
   from the readings (shown, not typed), and the fișă's photos with the webcam dialog. Linked from index.html after style.css. Prints: boxes lose their frames. */

.pow { display: inline-flex; align-items: baseline; gap: .25rem; white-space: nowrap; }
.pow-m { width: 4.2rem; text-align: right; }
.pow-x { font-family: var(--font-mono); font-size: .95rem; }
.pow-e { width: 3.4rem; font-size: .8rem; padding: .15rem .3rem; position: relative; top: -.55em; }
.pow-step { display: inline-flex; flex-direction: column; gap: 1px; align-self: center; }
.pow-btn { padding: 0 .35rem; min-height: 0; line-height: 1.05; font-size: .62rem; border-radius: 4px; }
.from-readings { font-weight: 600; }
.from-readings::after { content: " (din citiri)"; font-weight: 400; font-size: .78em; color: var(--muted); }

/* Poze (dovadă vizuală) on a fișă (`pages/work/photos.rs`) and the webcam dialog (`camera.rs`). */
.ws-photos { margin-top: 1rem; }
.ws-photos h3 { margin: 0; }
.ws-photos button .icon { width: 1.1em; height: 1.1em; margin-right: .35rem; vertical-align: -.15em; }
.ws-photo-strip { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: .6rem; }
.ws-photo-strip figure { position: relative; margin: 0; width: 180px; }
.ws-photo-strip img { width: 180px; height: 135px; object-fit: cover; border-radius: 8px; border: 1px solid var(--line); display: block; }
.ws-photo-strip figcaption { margin-top: .2rem; color: var(--muted); }
.ws-photo-strip .icon-btn { position: absolute; top: .25rem; right: .25rem; padding: .1rem .45rem; line-height: 1; background: var(--surface-solid); }
.modal.webcam { width: min(900px, calc(100vw - 1.5rem)); }
.webcam-view { background: #000; border-radius: 10px; overflow: hidden; display: grid; place-items: center; min-height: 240px; }
.webcam-view video, .webcam-view img { width: 100%; max-height: 62vh; object-fit: contain; display: block; }
.webcam-view video.hidden { display: none; }
@media print {
    .ws-photos.empty { display: none; }
    .ws-photo-strip figure { break-inside: avoid; width: 48%; }
    .ws-photo-strip img { width: 100%; height: auto; max-height: 9cm; object-fit: contain; }
    .pow-e { top: -.5em; }
    .pow input { border: 0; background: none; }
    .from-readings::after { content: ""; }
}