.admin{max-width:1180px;margin:0 auto;padding:clamp(36px,6vw,70px) var(--gutter) 90px}
.admin-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}
.admin-head h1{font:500 clamp(46px,6vw,78px)/1 var(--serif);letter-spacing:-.05em;margin:18px 0 12px}
.admin-head p{color:#5f6058;max-width:520px;line-height:1.7;margin:0;font-size:15px}
.admin-note{padding:12px 16px;background:var(--accent);font-size:13px;margin:0 0 20px}
.admin-list{display:grid;gap:14px}
.admin-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:22px;align-items:center;padding:16px;background:#fbfaf6;border:1px solid var(--line)}
.admin-row img{width:96px;height:96px;object-fit:cover;background:var(--paper-3);display:block}
.admin-row h3{font:500 24px var(--serif);letter-spacing:-.03em;margin:6px 0 6px}
.admin-row .meta{display:flex;flex-wrap:wrap;gap:6px 16px;font:10px var(--mono);letter-spacing:.06em;color:var(--muted)}
.admin-row .meta b{color:var(--ink);font-weight:500}
.admin-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.admin-actions .button{padding:11px 14px;gap:10px}
.admin-dialog{width:min(820px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 120px #0006}
.admin-dialog.wide{width:min(1100px,calc(100% - 24px))}
.admin-dialog::backdrop{background:#151611b8;backdrop-filter:blur(4px)}
.admin-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}
.admin-dialog-head{position:relative;display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line)}
.admin-dialog-head h2{font:500 28px var(--serif);letter-spacing:-.03em;margin:0}
.admin-dialog-head .dialog-close{position:static}
.admin-dialog-body{padding:24px 26px;overflow:auto}
.admin-dialog-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:16px 26px;border-top:1px solid var(--line);background:var(--paper-2)}
.admin-status{margin-right:auto;font:11px var(--mono);color:var(--muted)}
fieldset{border:0;padding:0;margin:0 0 22px}
legend{font:500 11px var(--mono);letter-spacing:.14em;color:var(--muted);margin-bottom:16px;padding:0;text-transform:uppercase}
.tz{font-size:10px;letter-spacing:.06em;color:var(--faint);text-transform:none}
.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 14px}
.admin-grid .field{grid-column:span 1}.span-2{grid-column:span 2!important}.span-3{grid-column:span 3!important}.span-4{grid-column:1/-1!important}
.field label small{font:10px var(--sans);letter-spacing:0;text-transform:none;color:var(--faint);margin-left:6px}
.file-field .input{padding:11px;font-size:13px;background:#fff}
.current{font-family:var(--mono)!important;font-size:11px!important}
.current label{display:inline-flex;gap:6px;align-items:center;margin-left:10px;cursor:pointer;color:var(--red)}
.subs-table{width:100%;border-collapse:collapse;font-size:13px}
.subs-table th{text-align:left;font:500 10px var(--mono);letter-spacing:.1em;color:var(--muted);padding:10px 10px;border-bottom:1px solid var(--line-2)}
.subs-table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.subs-table img{width:64px;height:64px;object-fit:cover;display:block;background:var(--paper-3)}
.subs-table .why{max-width:280px;color:#5f6058;line-height:1.5}
.subs-table .del{border:0;background:none;color:var(--red);font:600 11px var(--sans);cursor:pointer;text-decoration:underline}
.table-wrap{overflow-x:auto}
@media(max-width:700px){
  .admin-row{grid-template-columns:64px 1fr}.admin-row img{width:64px;height:64px}.admin-actions{grid-column:1/-1;justify-content:flex-start}
  .admin-grid{grid-template-columns:1fr}.admin-grid .field,.span-2,.span-3{grid-column:1/-1!important}
  .admin-dialog-body,.admin-dialog-head,.admin-dialog-foot{padding-left:16px;padding-right:16px}
}

.admin-head-actions{display:flex;gap:10px}
.emails-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;min-height:60vh}
.email-list{display:grid;align-content:start;gap:6px;max-height:70vh;overflow:auto}
.email-item{appearance:none;text-align:left;border:1px solid var(--line);background:#fbfaf6;padding:12px 14px;cursor:pointer;display:grid;gap:4px}
.email-item[aria-current="true"]{border-color:var(--ink);background:#fff}
.email-item strong{font-size:13px}
.email-item span{font:10px var(--mono);color:var(--muted)}
.email-preview{border:1px solid var(--line);background:#fff;min-height:60vh}
.email-preview iframe{width:100%;height:100%;min-height:60vh;border:0;display:block}
.story-body{display:grid;justify-items:center;gap:10px}
.story-body img{width:min(320px,70vw);aspect-ratio:9/16;object-fit:contain;background:var(--paper-2);box-shadow:0 10px 40px #0002}
.badge{display:inline-block;padding:3px 7px;background:var(--accent);font:9px var(--mono);letter-spacing:.06em;margin-top:6px}
@media(max-width:700px){.emails-body{grid-template-columns:1fr}}

.admin-signin{max-width:520px;padding:32px;background:#fbfaf6;border:1px solid var(--line)}
.admin-signin h2{font:500 28px var(--serif);margin:0 0 8px}
.admin-signin p{color:var(--muted);font-size:14px;line-height:1.6}
.admin-signin form{display:grid;gap:12px;margin-top:16px}
.admin-message{min-height:1.2em;font-size:13px;color:var(--ink-2)!important}
.admin-head-tools{display:flex;align-items:center;gap:10px}.admin-head-tools .button{padding:11px 14px}
.badge-private{background:#e2ddd1;color:#4f514a}
.admin-sub{font:500 24px var(--serif);margin:6px 0 8px}
.admin-sub:not(:first-child){margin-top:34px}
.hof-admin-entry{display:flex;gap:10px;align-items:center;min-width:180px}
.hof-admin-entry img{width:44px;height:44px;object-fit:cover;flex:none}
.hof-admin-actions{display:flex;flex-direction:column;gap:6px;min-width:170px}
.hof-admin-actions .button{justify-content:center;padding:10px 12px}
.admin-check{margin:0 0 6px}
