/* The intake workbench (#/intake). Chips, panels and type come from app.css; this adds the drop
   zone, the item and proposal lists, and the page with its proposals drawn on it. */

.top-nav { display: flex; gap: 1rem; margin-left: auto; margin-right: 1.5rem; }
.top-nav a { color: inherit; text-decoration: none; opacity: .75; }
.top-nav a:hover, .top-nav a:focus-visible { opacity: 1; text-decoration: underline; }

#intake .sub { max-width: 60ch; }
.open-batch { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: 1rem 0; }
.open-batch input, .open-batch select, .p-note, .p-edit { font: inherit; padding: .35rem .5rem; border: 1px solid rgba(0,0,0,.2); border-radius: 4px; background: #fff; }
.open-batch .cap { width: 6rem; }
.form-error, .p-error { color: #a33; margin: .25rem 0; }
.form-error:empty, .p-error:empty { display: none; }
.i-note, .hint { opacity: .7; font-size: .92em; }

.batches, .items, .uploads, .proposals { list-style: none; padding: 0; margin: .75rem 0; }
.batch-row, .item-row { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; padding: .6rem .75rem; border-bottom: 1px solid rgba(0,0,0,.08); }
.batch-row { cursor: pointer; }
.batch-row:hover { background: rgba(0,0,0,.03); }
.b-id, .i-name { font-weight: 600; }
.i-reason { color: #a33; }
.i-kind, .b-progress, .b-spend, .i-props { opacity: .8; }
.batch-head { display: flex; gap: .6rem; align-items: center; margin: .5rem 0 1rem; }
.back { margin-right: .5rem; }

.drop { border: 2px dashed rgba(0,0,0,.25); border-radius: 8px; padding: 1.25rem; margin: 1rem 0; text-align: center; }
.upload { padding: .25rem 0; font-size: .92em; }
.upload[data-tone="bad"] { color: #a33; }

.pages { display: grid; gap: 1rem; margin: 1rem 0; }
.page { position: relative; max-width: 900px; border: 1px solid rgba(0,0,0,.12); background: #fff; }
.page-img { display: block; width: 100%; height: auto; }
.pbox { position: absolute; border: 2px solid #c8702a; background: rgba(200,112,42,.12); border-radius: 2px; pointer-events: none; }
.page:not(:has(.page-img)) { padding: .75rem; }

.proposal { border: 1px solid rgba(0,0,0,.1); border-radius: 8px; padding: .75rem 1rem; margin: .75rem 0; background: #fff; }
.p-summary { font-weight: 600; margin: .35rem 0; }
.p-excerpt { margin: .35rem 0; padding-left: .75rem; border-left: 3px solid rgba(0,0,0,.15); font-style: italic; }
.p-where, .p-conf { margin-right: .75rem; opacity: .8; font-size: .92em; }
.p-readings { list-style: none; padding: 0; margin: .35rem 0; font-size: .92em; }
.reading[data-agree="no"] { color: #a33; font-weight: 600; }
.p-note, .p-edit { display: block; width: 100%; min-height: 4rem; margin: .4rem 0; }
.p-edit { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; min-height: 10rem; }
.p-actions { display: flex; gap: .5rem; margin-top: .5rem; }

@media (prefers-reduced-motion: no-preference) {
  .pbox { transition: background .2s ease; }
}