/* The admin pages: the same cream cards as the past-handoffs list, on the same night gradient. */
.admin-tabs { display: flex; gap: 8px; margin: 34px 0 6px; }
.admin-tab { padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(225, 242, 235, .18); color: #b6c9c6; font: 500 12px 'DM Sans', sans-serif; text-decoration: none; min-height: 40px; display: inline-flex; align-items: center; }
.admin-tab:hover { background: rgba(235, 245, 240, .08); }
.admin-tab.active { background: #e3e9e1; color: #23403a; border-color: #e3e9e1; }
.admin-count { margin: 22px 0 4px; font: 10px 'DM Mono', monospace; letter-spacing: .15em; text-transform: uppercase; color: #9dbaae; }
.admin-list { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.admin-row, .admin-card { background: #f8f7f1; color: #202c32; border-radius: 12px; padding: 18px 22px; text-align: left; }
.admin-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.admin-who { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.admin-who strong { font: 500 15px 'DM Sans', sans-serif; overflow-wrap: anywhere; }
.admin-tags { display: flex; gap: 6px; }
.admin-tag { font: 9px 'DM Mono', monospace; letter-spacing: .1em; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; background: #dbe8dc; color: #3b6153; }
.admin-tag.quiet { background: #eae9e1; color: #6f7b78; }
.admin-facts { display: flex; gap: 26px; margin: 0; flex-wrap: wrap; }
.admin-facts dt { font: 9px 'DM Mono', monospace; letter-spacing: .12em; text-transform: uppercase; color: #7f8a8b; }
.admin-facts dd { margin: 3px 0 0; font: 500 13px 'DM Sans', sans-serif; color: #2c4440; }
.admin-card-head { display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; }
.admin-card strong { font: 400 22px 'Newsreader', Georgia, serif; letter-spacing: -.02em; }
.admin-card p { margin: 4px 0 0; font-size: 13px; color: #5f6f6c; max-width: 44ch; }
.admin-segment { display: inline-flex; padding: 3px; gap: 2px; background: #e9ede6; border-radius: 11px; }
.admin-choice-form { display: contents; }
.admin-choice { min-height: 38px; padding: 0 15px; border: 0; border-radius: 9px; background: transparent; color: #4d625c; font: 500 12px 'DM Sans', sans-serif; cursor: pointer; }
.admin-choice:hover { background: rgba(255, 255, 255, .6); }
.admin-choice.active { background: #253e3c; color: #eaf2eb; }
.admin-choice:focus-visible, .admin-remove:focus-visible, .admin-tab:focus-visible { outline: 2px solid #72a99c; outline-offset: 2px; }
.admin-allowed { margin-top: 16px; padding-top: 14px; border-top: 1px solid #e3e6df; }
.admin-allowed ul { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.admin-allowed li { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; padding: 6px 0; }
.admin-allowed li span { overflow-wrap: anywhere; }
.admin-allowed .admin-note { font-size: 12px; color: #77868b; margin: 0; }
.admin-allow { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.admin-allow .selectlike { background: #e3e9e1; color: #35574a; border: 1px solid #cdd8cc; min-height: 38px; max-width: 100%; }
.admin-remove { min-height: 38px; padding: 0 14px; border-radius: 9px; border: 1px solid #cdd8cc; background: #e3e9e1; color: #35574a; font: 500 12px 'DM Sans', sans-serif; cursor: pointer; }
.admin-remove:hover { background: #d6e0d4; }
@media (max-width: 640px) { .admin-facts { gap: 18px; } .admin-segment { width: 100%; } .admin-choice { flex: 1; padding: 0 8px; } }

.admin-tag.warn { background: #f3dfc6; color: #7a4a14; }
.admin-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; width: 100%; padding-top: 14px; border-top: 1px solid #e3e6df; }
.admin-delete summary { cursor: pointer; font: 500 12px 'DM Sans', sans-serif; color: #8a3f2a; min-height: 38px; display: inline-flex; align-items: center; padding: 0 8px; }
.admin-delete p { font-size: 12px; color: #5f6f6c; max-width: 52ch; margin: 4px 0 8px; }
.admin-delete input[type=text] { min-height: 38px; border: 1px solid #cdd8cc; border-radius: 9px; padding: 0 12px; background: #fff; color: #202c32; min-width: min(320px, 100%); }
.admin-danger { background: #f6e3da; color: #8a3f2a; border-color: #e5bfae; }
.admin-danger:hover { background: #f0d3c5; }