.preview-portrait img, .preview-portrait > span { align-items: center; background: radial-gradient(circle at 50% 30%, #1b6554, #071f1a 75%); border: 3px solid #e1c46d; border-radius: 50%; color: #e8ce7c; display: flex; font-size: 42px; font-weight: 800; height: 100%; inset: 0; justify-content: center; object-fit: cover; position: absolute; width: 100%; z-index: 2; }
.preview-portrait img[hidden], .preview-portrait > span[hidden] { display: none; }
.preview-ring { border: 1px dashed rgba(226,196,109,.7); border-radius: 50%; inset: -16px; position: absolute; }
.preview-ring::after { border: 1px solid rgba(226,196,109,.2); border-radius: 50%; content: ""; inset: -12px; position: absolute; }
.preview-category { color: var(--preview-accent); font-size: 9px; font-weight: 500; }
.preview-stage h3 { font-size: clamp(25px, 2.25vw, 34px); font-weight: 800; line-height: 1.4; margin: 8px 0 5px; max-width: 100%; overflow-wrap: anywhere; position: relative; text-wrap: balance; }
.preview-rule { align-items: center; display: flex; justify-content: center; margin: 5px 0 10px; width: 75%; }
.preview-rule i { background: linear-gradient(to left, var(--preview-accent), transparent); height: 1px; width: 70px; }.preview-rule i:last-child { transform: scaleX(-1); }.preview-rule b { color: var(--preview-accent); font-size: 7px; margin: 0 8px; }
.preview-stage p { color: rgba(255,255,255,.72); font-size: 10px; margin: 0; }
.preview-stage > small { color: var(--preview-accent); font-size: 8px; margin-top: 7px; }
.preview-tip { align-items: flex-start; background: #e6e2d7; border: 1px solid #d8d3c6; border-radius: 9px; display: flex; gap: 8px; margin-top: 10px; padding: 11px 12px; }
.preview-tip span { color: #94762a; }.preview-tip p { color: #727e79; font-size: 8px; line-height: 1.7; margin: 0; }

#records { margin: 0 auto; max-width: 1480px; overflow: hidden; }
.panel-heading--records { padding: 20px 24px; }
.panel-heading--records select { font-size: 9px; max-width: 230px; min-height: 38px; padding: 8px 11px; }
.empty-records { background: radial-gradient(circle, #fbf8ee, transparent 62%); color: #87938e; padding: 62px 20px 68px; text-align: center; }
.empty-records > span { color: #c9a74b; font-size: 28px; }.empty-records h3 { color: #28463d; font-size: 24px; margin: 8px 0 4px; }.empty-records p { font-size: 9px; }
.records-table { padding: 5px 22px 16px; }
.records-table article { border-bottom: 1px solid #eeece5; gap: 13px; grid-template-columns: 50px minmax(170px, 1.25fr) 1fr 1fr auto; padding: 14px 4px; }
.record-avatar { height: 44px; width: 44px; }.record-name b, .record-detail b { font-size: 10px; }.record-name span, .record-detail span { font-size: 7px; }.record-actions button { border-radius: 7px; height: 32px; width: 32px; }

@media (max-width: 1180px) {
  .admin-shell { grid-template-columns: 220px minmax(0, 1fr); }
  .admin-main { padding-inline: 28px; }
  .admin-workspace { grid-template-columns: 1fr; }
  .preview-panel { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr) 230px; position: static; }
  .preview-heading { display: none; }
  .preview-stage { min-height: 420px; }
  .preview-tip { align-self: start; margin: 0; }
}
@media (max-width: 760px) {
  .admin-shell { display: block; }
  .admin-sidebar { align-items: center; border: 0; border-bottom: 1px solid rgba(226,196,112,.2); flex-direction: row; height: 68px; min-height: 68px; overflow: hidden; padding: 8px 12px; position: sticky; top: 0; }
  .sidebar-brand { border: 0; flex: 0 0 auto; margin: 0 0 0 10px; padding: 0; }
  .sidebar-brand img { height: 45px; width: 64px; }.sidebar-brand > div, .sidebar-note { display: none; }
  .admin-sidebar nav { display: flex; gap: 4px; overflow-x: auto; }
  .admin-sidebar nav a { font-size: 0; padding: 5px; transform: none !important; }.admin-sidebar nav a > span { font-size: 15px; height: 34px; width: 34px; }.admin-sidebar nav a > div { display: none; }
  .logout-button { font-size: 0; margin: 0 auto 0 0; padding: 5px; }.logout-button > span { display: block; font-size: 16px; }
  .admin-main { padding: 25px 13px 55px; }
  .admin-header { align-items: flex-start; display: grid; gap: 16px; }.admin-header h1 { font-size: 33px; }.admin-header p { line-height: 1.7; }.header-show-button { min-width: 155px; }
  .admin-stats { gap: 7px; }.admin-stats article { min-height: 76px; padding: 13px 12px; }.admin-stats article b { font-size: 23px; }.admin-stats article i { display: none; }
  .panel-heading { padding: 17px 16px; }.panel-heading h2 { font-size: 21px; }
  .form-section { padding: 20px 16px; }.form-section-grid { grid-template-columns: 1fr; }.field--wide { grid-column: auto; }
  .appearance-grid { grid-template-columns: 1fr; }.upload-field { grid-row: auto; }.switches { grid-column: auto; }
  .form-footer { align-items: stretch; display: grid; padding: 14px 16px; }.save-button { width: 100%; }
  .preview-panel { display: block; }.preview-stage { min-height: 465px; }.preview-tip { margin-top: 9px; }
  .panel-heading--records { align-items: stretch; display: grid; gap: 12px; }.panel-heading--records select { max-width: none; }
  .records-table { padding-inline: 12px; }.records-table article { grid-template-columns: 44px 1fr auto; }.record-detail { display: none; }
}