/* SECAM RMA Converter */
.srma-wrap { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 15px; color: #1a1a1a; max-width: 960px; margin: 0 auto; }
.srma-wrap *, .srma-wrap *::before, .srma-wrap *::after { box-sizing: border-box; }

.srma-header { margin-bottom: 1.5rem; }
.srma-header h2 { font-size: 22px; font-weight: 600; margin-bottom: 6px; }
.srma-header p { font-size: 14px; color: #666; }

.srma-drop-zone { border: 1.5px dashed #bbb; border-radius: 10px; padding: 2.5rem 1.5rem; text-align: center; cursor: pointer; transition: border-color 0.2s, background 0.2s; background: #fff; margin-bottom: 1rem; }
.srma-drop-zone.drag-over { border-color: #185FA5; background: #f0f6ff; }
.srma-drop-zone svg { display: block; margin: 0 auto 10px; color: #999; }
.srma-drop-zone p { color: #666; font-size: 14px; line-height: 1.6; margin: 0; }
.srma-drop-zone span.link { color: #185FA5; cursor: pointer; text-decoration: underline; }

#srma-file-info { background: #fff; border: 1px solid #e0e0dc; border-radius: 8px; padding: 10px 14px; font-size: 13px; margin-bottom: 1rem; }

.srma-error { font-size: 13px; color: #c0392b; margin-bottom: 1rem; padding: 10px 14px; background: #fdf0ef; border-radius: 8px; border-left: 3px solid #c0392b; display: none; }

.srma-results { margin-top: 1rem; }
.srma-summary-bar { display: flex; gap: 12px; margin-bottom: 1.25rem; flex-wrap: wrap; }
.srma-stat-card { background: #fff; border: 1px solid #e0e0dc; border-radius: 8px; padding: 10px 18px; min-width: 120px; }
.srma-stat-card .label { font-size: 12px; color: #888; margin-bottom: 3px; }
.srma-stat-card .value { font-size: 20px; font-weight: 600; color: #1a1a1a; }

.srma-table-wrap { overflow-x: auto; border: 1px solid #e0e0dc; border-radius: 10px; background: #fff; margin-bottom: 12px; max-height: 500px; }
.srma-table-wrap table { border-collapse: collapse; font-size: 12px; white-space: nowrap; width: 100%; }
.srma-table-wrap th { background: #f5f5f3; font-weight: 600; padding: 8px 12px; text-align: left; border-bottom: 1px solid #e0e0dc; color: #555; font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; position: sticky; top: 0; }
.srma-table-wrap td { padding: 7px 12px; border-bottom: 1px solid #f0f0ec; max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
.srma-table-wrap tr:last-child td { border-bottom: none; }
.srma-table-wrap tr:hover td { background: #fafaf8; }
.srma-blank { color: #bbb; font-style: italic; }

.srma-export-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.srma-btn { font-family: inherit; font-size: 14px; padding: 9px 20px; border-radius: 8px; cursor: pointer; border: 1px solid #ccc; background: #fff; color: #1a1a1a; transition: background 0.15s; }
.srma-btn:hover { background: #f0f0ec; }
.srma-btn.primary { background: #185FA5; color: #fff; border-color: #185FA5; }
.srma-btn.primary:hover { background: #0C447C; }
.srma-rowcount { font-size: 12px; color: #888; }

/* Password gate */
.srma-gate { max-width: 400px; margin: 2rem auto; background: #fff; border: 1px solid #e0e0dc; border-radius: 10px; padding: 2rem; text-align: center; }
.srma-gate h2 { font-size: 18px; margin-bottom: 8px; }
.srma-gate p { font-size: 14px; color: #666; margin-bottom: 1.5rem; }
.srma-gate input { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; margin-bottom: 10px; font-family: inherit; outline: none; }
.srma-gate input:focus { border-color: #185FA5; }
.srma-gate-error { font-size: 13px; color: #c0392b; margin-bottom: 8px; display: none; }
.srma-gate button { width: 100%; padding: 10px; background: #185FA5; color: #fff; border: none; border-radius: 8px; font-size: 14px; cursor: pointer; font-family: inherit; }