/* Review queue. WO-16: item cards + controls defer to UIkit; kept here
   are the facts grid, semantic approve/reject colors, and the inline
   edit/reshoot panels. */

.extcap-review-link {
    display: inline-block; margin-top: .25rem; padding: .25rem .65rem;
    background: var(--extcap-warn-tint); color: var(--extcap-warn-deep); border-radius: 4px;
    text-decoration: none; font-size: .8rem; font-weight: 600;
}
.extcap-review-link:hover { background: var(--extcap-warn-mid); color: var(--extcap-warn-deep); }

.extcap-review-list { list-style: none; padding: 0; margin: 0; }
.uk-card.extcap-review-item { margin: 0 0 1rem; }
.extcap-review-head { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: .5rem; }
.extcap-review-target {
    display: flex; flex-wrap: wrap; align-items: center; gap: .35rem;
    margin-bottom: .65rem; padding-bottom: .5rem;
    border-bottom: 1px solid rgba(0,0,0,.06);
}

/* Facts grid: condensed dl with inline dt/dd pairs */
.extcap-review-facts {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .5rem .75rem; margin: .5rem 0;
}
.extcap-review-facts > div { background: rgba(0,0,0,.04); padding: .35rem .55rem; border-radius: 4px; }
.extcap-review-facts dt { font-size: .65rem; text-transform: uppercase; letter-spacing: .05em; color: var(--extcap-muted); margin: 0; }
.extcap-review-facts dd { margin: 0; font-weight: 600; font-size: .9rem; }

.extcap-review-notes {
    margin: .65rem 0; padding: .55rem; background: rgba(0,0,0,.04);
    border: 1px solid var(--extcap-line-soft); border-radius: 2px; font-size: .9rem;
}

/* Decision form */
.extcap-review-form { margin-top: .65rem; }
.extcap-review-notes-input { display: block; margin-bottom: .5rem; }
.extcap-review-notes-input span { display: block; font-size: .8rem; margin-bottom: .15rem; }
.extcap-review-actions { display: flex; gap: .5rem; justify-content: flex-end; }

/* Semantic decision buttons — UIkit has no success/danger button */
.extcap-btn-approve, .extcap-btn-reject {
    padding: .55rem 1.1rem; border: 0; border-radius: 999px;
    cursor: pointer; font-weight: 600;
}
.extcap-btn-approve { background: var(--extcap-success); color: #fff; }
.extcap-btn-approve:hover { background: var(--extcap-success); }
.extcap-btn-reject { background: #fff; color: var(--extcap-danger-deep); border: 1px solid var(--extcap-danger-mid); }
.extcap-btn-reject:hover { background: var(--extcap-danger-tint); }

/* Inline edit-score + reshoot panels */
.extcap-review-edit, .extcap-review-reshoot {
    background: rgba(0,0,0,.03); border: 1px dashed var(--extcap-line); border-radius: 2px;
    padding: .65rem .85rem; margin: .5rem 0;
}
.extcap-review-reshoot { background: var(--extcap-danger-tint); border-color: var(--extcap-danger-mid); }
.extcap-review-edit label span, .extcap-review-reshoot label span {
    display: block; font-size: .8rem; font-weight: 600; margin-bottom: .25rem;
}
.extcap-review-reshoot button { margin-top: .5rem; }