.calibration-page { max-width: 1300px; }
.calibration-page .movement-card { margin-bottom: 20px; }
.sample-status { margin: 12px 0; color: #6b7280; font-size: 14px; }
.sample-set-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.sample-set-card { padding: 18px; border: 1px solid #e5e7eb; border-radius: 18px; background: #f9fafb; }
.sample-set-card h3 { margin: 0 0 12px; font-size: 18px; }
.sample-holder { display: inline-block; padding: 6px 10px; border-radius: 999px; background: #dcfce7; color: #166534; font-size: 13px; font-weight: 700; }
.sample-holder.checked-out { background: #fee2e2; color: #991b1b; }
.sample-set-card p { margin: 10px 0; font-size: 14px; }
.sample-set-card button { width: auto; margin: 12px 0 0; padding: 10px 14px; border-radius: 10px; }
.sample-set-card button:disabled { opacity: .55; cursor: not-allowed; }
.sample-history { padding: 22px; }
.sample-history #sampleHistoryTable { min-width: 850px; }
.sample-history #historyCount { color: #6b7280; font-size: 13px; }
.checkout-dialog { width: min(94vw, 480px); padding: 24px; border: 0; border-radius: 20px; color: var(--text); background: var(--card); box-shadow: 0 20px 60px #0004; }
.checkout-dialog::backdrop { background: #0008; }
.checkout-dialog h2 { margin-top: 0; }
.checkout-dialog label { display: block; margin: 12px 0 5px; font-weight: 600; }
.checkout-dialog select, .checkout-dialog input, .checkout-dialog textarea { width: 100%; padding: 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--card); color: var(--text); font: inherit; }
.dialog-actions { display: flex; gap: 10px; margin-top: 16px; }
.dialog-actions button { flex: 1; margin: 0; padding: 11px; border-radius: 10px; }
#dialogStatus { min-height: 18px; color: #dc2626; font-size: 13px; }
html.dark .sample-set-card { background: var(--card); border-color: var(--border); }
html.dark .sample-status, html.dark .sample-history #historyCount { color: #9ca3af; }
@media (max-width: 800px) { .sample-set-grid { grid-template-columns: 1fr; } }
