.emwc-checkin-page { max-width: 1400px; }
.emwc-checkin-header { margin: 20px 0; padding: 15px; background: #fff; border: 1px solid #c3c4c7; border-radius: 4px; }
.emwc-checkin-header label { font-weight: 600; margin-right: 10px; }
.emwc-checkin-header select { min-width: 300px; margin-right: 10px; }

.emwc-checkin-stats { display: flex; gap: 15px; margin: 20px 0; flex-wrap: wrap; }
.emwc-stat-box { background: #fff; border: 1px solid #c3c4c7; border-radius: 4px; padding: 20px 25px; min-width: 180px; text-align: center; }
.emwc-stat-box h3 { margin: 0 0 5px; font-size: 13px; color: #646970; font-weight: 400; }
.emwc-stat-box .emwc-stat-number { font-size: 36px; font-weight: 600; color: #1d2327; line-height: 1.2; }
.emwc-stat-box .emwc-stat-number.success { color: #00a32a; }
.emwc-stat-box .emwc-stat-number.warning { color: #dba617; }
.emwc-stat-box .emwc-stat-percent { font-size: 14px; color: #646970; }

.emwc-checkin-container { display: flex; gap: 20px; flex-wrap: wrap; }
.emwc-checkin-panel { flex: 1; min-width: 400px; background: #fff; border: 1px solid #c3c4c7; border-radius: 4px; }
.emwc-panel-section { padding: 20px; border-bottom: 1px solid #eee; }
.emwc-panel-section:last-child { border-bottom: none; }
.emwc-panel-section h2 { margin: 0 0 15px; font-size: 15px; }

#emwc-scanner-preview { position: relative; width: 100%; max-width: 400px; height: 300px; background: #1d2327; border-radius: 4px; overflow: hidden; margin-bottom: 15px; }
#emwc-scanner-video { width: 100%; height: 100%; object-fit: cover; display: none; }
.emwc-scanner-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
.emwc-scanner-frame { width: 200px; height: 200px; border: 3px solid rgba(255,255,255,0.5); border-radius: 10px; }
.emwc-scanner-controls { display: flex; gap: 10px; }
.emwc-scanner-controls .dashicons { margin-right: 5px; }

.emwc-manual-checkin,
.emwc-attendee-search { display: flex; gap: 10px; }
.emwc-manual-checkin input,
.emwc-attendee-search input { flex: 1; }

#emwc-checkin-result { min-height: 200px; }
.emwc-result-placeholder { text-align: center; padding: 40px 20px; color: #646970; }
.emwc-result-placeholder .dashicons { font-size: 48px; width: 48px; height: 48px; margin-bottom: 10px; }

.emwc-result-success,
.emwc-result-error,
.emwc-result-warning,
.emwc-result-info { padding: 20px; border-radius: 4px; text-align: center; }
.emwc-result-success { background: #d1e7dd; border: 1px solid #badbcc; color: #0f5132; }
.emwc-result-error { background: #f8d7da; border: 1px solid #f5c2c7; color: #842029; }
.emwc-result-warning { background: #fff3cd; border: 1px solid #ffecb5; color: #664d03; }
.emwc-result-info { background: #cff4fc; border: 1px solid #9eeaf9; color: #055160; }
.emwc-result-success .dashicons,
.emwc-result-error .dashicons,
.emwc-result-warning .dashicons,
.emwc-result-info .dashicons { font-size: 48px; width: 48px; height: 48px; margin-bottom: 10px; display: block; }
.emwc-result-name { font-size: 18px; font-weight: 600; margin: 10px 0 5px; }
.emwc-result-details { font-size: 14px; margin: 5px 0; }
.emwc-result-message { margin: 10px 0; }
.emwc-clear-result { margin-top: 15px !important; }

#emwc-search-results { margin-top: 15px; max-height: 300px; overflow-y: auto; }
.emwc-search-item { display: flex; align-items: center; justify-content: space-between; padding: 10px; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 8px; }
.emwc-search-item:hover { background: #f6f7f7; }
.emwc-search-item-info { flex: 1; }
.emwc-search-item-name { font-weight: 600; }
.emwc-search-item-email { font-size: 12px; color: #646970; }
.emwc-search-item .emwc-checkin-status { margin-left: 10px; }
.emwc-checked { color: #00a32a; }
.emwc-not-checked { color: #646970; }

.emwc-recent-item { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid #eee; }
.emwc-recent-item:last-child { border-bottom: none; }
.emwc-recent-item .dashicons { margin-right: 10px; color: #00a32a; flex-shrink: 0; }
.emwc-recent-info { flex: 1; min-width: 0; }
.emwc-recent-name { display: block; font-weight: 500; }
.emwc-recent-meta { display: block; font-size: 11px; color: #646970; margin-top: 2px; }
.emwc-recent-meta code { background: #f0f0f0; padding: 1px 5px; border-radius: 3px; font-size: 10px; }
.emwc-recent-time { font-size: 11px; color: #646970; margin-left: 10px; flex-shrink: 0; white-space: nowrap; }