.spc-checkin-box, .spc-checkin-box * { box-sizing:border-box; }
.spc-checkin-box .spc-checkin-modal-card { max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow-y:auto; }
.spc-image-modes { display:flex; gap:6px; }
.spc-image-modes button { font-size:16px; min-height:44px; padding:6px 12px; border:1px solid #ccc; border-radius:6px; color:#333; background:#fff; cursor:pointer; }
.spc-image-modes button[aria-pressed="true"] { border-color:#f39a38; background:#fff7ed; font-weight:700; }
.spc-checkin-box .spc-image-cell { aspect-ratio:auto; min-height:136px; border-radius:6px; padding:24px 6px 8px; gap:4px; overflow:visible; }
.spc-checkin-box .spc-image-stamp { border-radius:6px; transform:none; box-shadow:none; }
.spc-image-facility { font-size:11px; color:#666; font-weight:400; }
.spc-checkin-box .spc-image-cell .spc-checkin-rally-cell-date { position:static; font-size:11px; }
.spc-related-records { font-size:12px; width:100%; color:#555; }
.spc-related-records summary { cursor:pointer; }
.spc-related-records>div { display:flex; align-items:center; gap:4px; margin-top:6px; }
.spc-related-image { padding:0; width:44px; height:44px; border:1px solid #f39a38; background:#fff; border-radius:6px; cursor:pointer; flex-shrink:0; }
.spc-related-image img { width:100%; height:100%; display:block; object-fit:cover; border-radius:5px; }
.spc-checkin-box .spc-checkin-progress-wrap[hidden] { display:none; }
@media(max-width:600px) { .spc-checkin-box .spc-image-stamp { width:68px; height:68px; } .spc-checkin-box .spc-image-cell { min-height:126px; } }