/* Admin area: plain, functional additions on top of design.css. */
.admin { padding-bottom: 60px; }
.admin h1 { margin: 18px 0 12px; }
.admin h2 { margin: 28px 0 10px; font-size: 22px; }
.admin section { margin-bottom: 24px; }
.admin-nav { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 18px; padding: 10px 16px; border: var(--bd); border-radius: 12px; background: var(--paper); }
.admin-nav a { font-weight: 700; }
.admin-alert { background: color-mix(in oklch, var(--c-cryptic, #c55) 35%, white); }
.admin-table { width: 100%; border-collapse: collapse; background: var(--paper); border: var(--bd); border-radius: 12px; overflow: hidden; font-size: 14px; }
.admin-table th, .admin-table td { padding: 8px 10px; border-bottom: 1px solid color-mix(in oklch, var(--ink) 15%, transparent); text-align: left; vertical-align: top; }
.admin-table th { font-family: ui-monospace, monospace; font-size: 11.5px; text-transform: uppercase; letter-spacing: .06em; }
.admin-table form { margin: 0; }
.admin-table .btn { padding: 4px 10px; font-size: 13px; box-shadow: none; }
.admin-changes { font-size: 12.5px; max-width: 420px; word-break: break-word; }
.admin-filters { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.admin-form { display: grid; gap: 14px; }
.admin-form label { display: grid; gap: 4px; font-weight: 700; }
.admin-form input[type=text], .admin-form input[type=search], .admin-form input[type=number], .admin-form input[type=datetime-local], .admin-form textarea, .admin-form select { font: inherit; font-weight: 400; padding: 8px 10px; border: var(--bd); border-radius: 10px; background: white; }
.admin-form fieldset { border: var(--bd); border-radius: 10px; padding: 10px 14px; display: flex; flex-wrap: wrap; gap: 10px 18px; }
.admin-row { display: flex; flex-wrap: wrap; gap: 14px; align-items: end; }
.admin-check { display: flex !important; align-items: center; gap: 6px; font-weight: 400 !important; }
.admin-markdown { font-family: ui-monospace, monospace; font-size: 14px; min-height: 360px; }
.admin-card { background: var(--paper); border: var(--bd); border-radius: 16px; padding: 18px 20px; margin: 18px 0; }
.admin-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: end; }
.admin-inline { display: flex; gap: 8px; align-items: end; margin: 0; }
.admin-inline label { display: grid; gap: 4px; font-weight: 700; }
.admin-secret { background: color-mix(in oklch, var(--c-wordsearch) 30%, white); border: var(--bd); border-radius: 12px; padding: 14px 18px; margin: 14px 0; }
.admin-secret code { display: block; font-size: 15px; word-break: break-all; user-select: all; }
.admin-cover img { max-width: 240px; border: var(--bd); border-radius: 10px; }
.admin-preview { max-width: 760px; }
.admin-pages { display: flex; gap: 16px; margin: 14px 0; }
.admin-state-scheduled { --c: var(--c-jigsaw); }
.admin-state-published { --c: var(--c-wordsearch); }
.admin-state-archived { --c: var(--faded); }