.page-main { flex:1; padding:32px; max-width:860px; margin:0 auto; width:100%; }

/* ── Access denied screen ── */
.access-denied {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  min-height:60vh; text-align:center; gap:14px;
}
.access-denied-title { font-family:var(--font-title); font-size:20px; color:var(--danger); letter-spacing:.15em; }
.access-denied-sub { font-family:var(--font-mono); font-size:11px; color:var(--text-dim); }

/* ── Tab bar ── */
.tab-bar { display:flex; border-bottom:1px solid var(--border); margin-bottom:28px; }
.tab-btn {
  font-family:var(--font-title); font-size:10px; font-weight:700;
  letter-spacing:.15em; text-transform:uppercase;
  padding:10px 22px; border:none; background:transparent;
  color:var(--text-dim); cursor:pointer; border-bottom:2px solid transparent;
  transition:color .2s, border-color .2s;
}
.tab-btn.active { color:var(--accent); border-bottom-color:var(--accent); }
.tab-btn:hover:not(.active) { color:var(--text); }
.tab-panel { display:none; animation:fadeUp .2s ease; }
.tab-panel.active { display:block; }

/* ── Form card ── */
.form-card {
  border:1px solid var(--border); background:var(--panel);
  padding:24px; margin-bottom:20px;
}
.form-card-title {
  font-family:var(--font-title); font-size:11px; font-weight:700;
  letter-spacing:.18em; color:var(--accent); margin-bottom:18px;
  padding-bottom:10px; border-bottom:1px solid var(--border);
  display:flex; align-items:center; gap:8px;
}
.form-card-title::before { content:''; display:inline-block; width:3px; height:12px; background:var(--accent); }

/* ── Fields ── */
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
.field-row.single { grid-template-columns:1fr; }
.field-row.triple { grid-template-columns:1fr 1fr 1fr; }
.field { display:flex; flex-direction:column; gap:5px; }
.field-label {
  font-family:var(--font-mono); font-size:9px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--text-dim);
}
.field-input, .field-select, .field-textarea {
  background:var(--bg); border:1px solid var(--border-glow);
  color:var(--text-bright); font-family:var(--font-mono); font-size:12px;
  padding:9px 12px; width:100%; transition:border-color .2s;
}
.field-input:focus, .field-select:focus, .field-textarea:focus {
  outline:none; border-color:var(--accent);
}
.field-textarea { min-height:80px; resize:vertical; }
.field-select option { background:var(--bg2); }
.field-helper { font-family:var(--font-mono); font-size:9px; color:var(--text-dim); }

/* ── File drop zone ── */
.dropzone {
  border:1px dashed var(--border-glow); background:var(--bg2);
  padding:22px; text-align:center; cursor:pointer;
  transition:border-color .2s, background .2s; position:relative;
}
.dropzone:hover, .dropzone.drag-over { border-color:var(--accent); background:var(--panel2); }
.dropzone input[type="file"] { position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; height:100%; }
.dropzone-icon { font-size:24px; margin-bottom:6px; }
.dropzone-label { font-family:var(--font-title); font-size:10px; letter-spacing:.12em; color:var(--accent); }
.dropzone-sub { font-family:var(--font-mono); font-size:9px; color:var(--text-dim); margin-top:4px; }
.dropzone-preview {
  display:none; margin-top:12px; gap:10px; align-items:center;
  font-family:var(--font-mono); font-size:10px; color:var(--text-dim);
}
.dropzone-preview.visible { display:flex; }
.dropzone-preview img { height:48px; width:72px; object-fit:cover; border:1px solid var(--border); background:var(--bg); }
.dropzone-preview .remove-img { cursor:pointer; color:var(--danger); font-size:12px; margin-left:4px; }

/* ── Action bar ── */
.action-bar { display:flex; gap:10px; align-items:center; margin-top:18px; flex-wrap:wrap; }
.form-msg { font-family:var(--font-mono); font-size:10px; color:var(--text-dim); }
.form-msg.ok { color:var(--success); }
.form-msg.err { color:var(--danger); }

/* ── Records list ── */
.records-section { margin-top:28px; }
.records-title {
  font-family:var(--font-mono); font-size:9px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--text-dim); margin-bottom:10px;
}
.record-list { display:grid; gap:8px; }
.record-row {
  display:flex; justify-content:space-between; gap:12px; align-items:center;
  border:1px solid var(--border); background:var(--bg2); padding:10px 14px;
}
.record-main { min-width:0; }
.record-name { font-family:var(--font-title); font-size:11px; color:var(--text-bright); }
.record-meta { font-family:var(--font-mono); font-size:9px; color:var(--text-dim); text-transform:uppercase; margin-top:2px; }
.record-actions { display:flex; gap:6px; flex-shrink:0; }
.empty-records { font-family:var(--font-mono); font-size:10px; color:var(--text-dim); padding:12px; border:1px solid var(--border); background:var(--bg2); }

@media (max-width:640px) {
  .field-row, .field-row.triple { grid-template-columns:1fr; }
  .record-row { flex-direction:column; align-items:flex-start; }
}