/* CPR card reader at registration (cardreader.js) */
.cr-bits{display:flex;flex-direction:column;gap:8px}
.cr-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:9px;font-size:var(--fs-13)}
.cr-line{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border-radius:10px;background:var(--c1b);color:var(--c1t);font-size:var(--fs-13);line-height:1.45}
.cr-line > svg{flex:0 0 auto;margin-top:2px}
.cr-line b{font-weight:600}
.cr-line small{display:block;color:var(--ink2);font-size:var(--fs-12)}
.cr-line .lk-link{font-size:var(--fs-13)}
.cr-ok{background:#e8f7ec;color:#1d6b33}
.cr-warn{background:#fff4e0;color:#7a4300}
.cr-exp{color:#b25b00 !important;font-weight:500}
.cr-dot{flex:0 0 auto;width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--c1);animation:crPulse 1.6s ease-in-out infinite}
@keyframes crPulse{0%,100%{opacity:1}50%{opacity:.3}}
.cr-panel{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--sep);border-radius:12px;font-size:var(--fs-13)}
.cr-ptitle{font-weight:600;color:var(--ink)}
.cr-dev{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;border:1px solid var(--sep);border-radius:10px;text-align:start}
.cr-dev[aria-pressed=true]{border-color:var(--c1);background:var(--c1b)}
.cr-dev small{color:var(--ink2);font-size:var(--fs-12)}
.cr-steps{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:4px;color:var(--ink2);line-height:1.5}
.cr-pacts{display:flex;flex-wrap:wrap;gap:4px 16px}
.cr-row{align-items:end}
.cr-row .sr-sex{align-self:end;height:42px}
.cr-setup{max-width:640px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.cr-blk{display:block}
@media (max-width:480px){.cr-row{grid-template-columns:1fr}.cr-row .sr-sex{height:auto}}
/* the card against an existing file: Field / In the file / From the card (F6) */
.sheet.crc-sheet{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}
@media (max-width:700px){.sheet.crc-sheet{width:100%;max-height:92dvh}}
.crc-rows{display:flex;flex-direction:column;gap:6px}
.crc-head,.crc-row{display:grid;grid-template-columns:24px minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr);gap:4px 10px;align-items:start}
.crc-head{font-size:var(--fs-12);color:var(--ink2);padding:0 10px}.crc-head span:first-child{grid-column:span 2}
.crc-row{padding:9px 10px;border:1px solid var(--sep);border-radius:10px;cursor:pointer;font-size:var(--fs-14);line-height:1.4}
.crc-row:has(input:checked){border-color:var(--c1);background:var(--c1b)}
.crc-row input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--c1)}
.crc-f{font-weight:600}
.crc-v{min-width:0;overflow-wrap:anywhere}.crc-v small{display:none}
.crc-file{color:var(--ink2)}
.crc-same{line-height:1.5}
@media (max-width:560px){
  .crc-head{display:none}
  .crc-row{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr)}
  .crc-f{grid-column:2 / -1}
  .crc-v small{display:block;font-size:var(--fs-11_5);color:var(--ink2)}
  .crc-file{grid-column:2}.crc-from{grid-column:3}
}
.crc-other{background:#fde8e8;color:#8a1c1c;border:1px solid #e9a3a3}
.crc-pick{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border:1px solid var(--sep);border-radius:10px;background:#fff;text-align:start;cursor:pointer;font:inherit;color:inherit}
.crc-pick:hover,.crc-pick:focus-visible{border-color:var(--c1);background:var(--c1b)}