/* ============================================================
   STICKERBOOK ADMIN - COPYRIGHT CLAIMS (admin-claims.js)
   Builds on the Reports styles in admin-theme.css (rp-*).
   ============================================================ */

/* List */
.cl-c-when { width: 120px; }
.cl-c-str { width: 110px; }
.cl-stks { display: flex; align-items: center; gap: 8px; color: var(--sb-text); font-weight: 600; min-width: 0; }
.cl-stack { display: flex; flex-shrink: 0; }
.cl-stk { width: 32px; height: 32px; border-radius: 8px; background: var(--sb-surface-2); object-fit: contain; flex-shrink: 0; padding: 2px; }
.cl-stack .cl-stk + .cl-stk { margin-left: -12px; box-shadow: 0 0 0 2px var(--sb-surface); }
.cl-noitem { width: 32px; height: 32px; border-radius: 8px; }
.cl-who { font-weight: 500; }
.cl-cname { color: var(--sb-text); font-weight: 500; }
.cl-line { display: flex; align-items: center; gap: 8px; }
.cl-strikes { display: inline-flex; gap: 3px; align-items: center; }
.cl-strikes i { width: 8px; height: 8px; border-radius: 50%; background: var(--sb-border); display: inline-block; }
.cl-strikes i.on { background: var(--sb-amber); }
.cl-strikes.full i.on { background: var(--sb-red); }
.cl-strikes em { font-style: normal; font-size: 11px; color: var(--sb-muted); margin-left: 4px; }

/* Panel */
.cl-id { font-size: 11px; color: var(--sb-muted); font-weight: 500; }
.cl-items { display: flex; flex-direction: column; gap: 10px; }
.cl-it { border: 1px solid var(--sb-border); border-radius: 12px; padding: 10px; display: flex; gap: 12px; align-items: flex-start; }
.cl-it.off { opacity: 0.55; }
.cl-it img { width: 88px; height: 88px; border-radius: 10px; background: var(--sb-surface-2); object-fit: contain; flex-shrink: 0; padding: 4px; }
.cl-it-txt { min-width: 0; display: flex; flex-direction: column; gap: 4px; flex: 1; font-size: 12px; color: var(--sb-text-2); }
.cl-it-txt b { font-size: 13px; color: var(--sb-text); }
.cl-it-txt .rp-meta { gap: 4px; }
.cl-url { font-size: 11px; color: #1D4ED8; word-break: break-all; }
.modal-body label.rp-check.cl-keep { margin-top: 4px; }
.cl-nolink { border: 1px dashed var(--sb-border); border-radius: 12px; padding: 10px 12px; font-size: 12px; color: var(--sb-text-2); line-height: 1.5; }
.cl-nolink b { display: block; color: var(--sb-text); font-size: 12px; margin-bottom: 2px; }
.cl-strikerow { margin-top: 8px; }
.cl-strikerow .rp-cl { margin-right: 4px; }
.cl-av-dark { background: #18181B; }
.cl-kv { margin-top: 12px; }
.cl-kv .cl-wide { grid-column: 1 / -1; }
.cl-wl { margin-top: 8px; }
.cl-files { border: 1px solid var(--sb-border); border-radius: 12px; overflow: hidden; }
.cl-file { display: flex; align-items: center; gap: 9px; padding: 9px 12px; border-top: 1px solid var(--sb-border); font-size: 12px; color: var(--sb-text); }
.cl-file:first-child { border-top: none; }
.cl-file span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cl-file .sb-ico { width: 15px; height: 15px; color: var(--sb-muted); }
.cl-open { border: 1px solid var(--sb-border); background: var(--sb-surface); color: var(--sb-text-2); font-family: inherit; font-size: 11px; font-weight: 600; padding: 4px 9px; border-radius: 7px; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0; }
.cl-open .sb-ico { width: 12px; height: 12px; }
.cl-sworn { border: 1px solid var(--sb-border); border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--sb-text-2); line-height: 1.45; }
.cl-sworn > div { display: flex; gap: 8px; }
.cl-sworn .sb-ico { width: 14px; height: 14px; color: #0F766E; margin-top: 2px; }
.cl-sig { border-top: 1px solid var(--sb-border); padding-top: 8px; margin-top: 2px; align-items: baseline; flex-wrap: wrap; }
.cl-sig b { font-family: 'Brush Script MT', 'Segoe Script', cursive; font-size: 18px; font-weight: 400; color: var(--sb-text); margin-right: 6px; }
.cl-will { border: 1px solid var(--sb-border); border-radius: 12px; overflow: hidden; }
.cl-will > div { display: flex; gap: 10px; padding: 9px 12px; border-top: 1px solid var(--sb-border); font-size: 12px; color: var(--sb-text-2); line-height: 1.45; }
.cl-will > div:first-child { border-top: none; }
.cl-will .sb-ico { width: 15px; height: 15px; margin-top: 1px; color: var(--sb-accent); }
.cl-will .cl-keep-row .sb-ico { color: #0F766E; }
.cl-mail { border: 1px solid var(--sb-border); border-radius: 12px; overflow: hidden; }
.cl-mail-top { display: flex; align-items: center; gap: 8px; padding: 9px 12px; background: var(--sb-surface-2); font-size: 12px; font-weight: 600; color: var(--sb-text); cursor: pointer; }
.cl-mail-top small { margin-left: auto; font-weight: 500; color: var(--sb-muted); font-size: 11px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cl-mail-top .sb-ico { width: 14px; height: 14px; color: var(--sb-muted); transition: transform 0.15s; }
.cl-mail.open .cl-chev { transform: rotate(180deg); }
.cl-mail-body { display: none; padding: 10px 12px; font-size: 12px; color: var(--sb-text-2); line-height: 1.55; white-space: pre-line; word-break: break-word; }
.cl-mail.open .cl-mail-body { display: block; }

@container panel (min-width: 760px) {
  #modal .rp-gcols.has-evid > .rp-evid .cl-it img { width: 140px; height: 140px; }
}