/* Back link, payment instructions, admit card lookup, archives (added with the 5-feature update) */

/* "Back to Home" link in the page header */
.back{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#7FD6DD;text-decoration:none;font-weight:700;font-size:14px;align-self:flex-start}
.back:hover{text-decoration:underline}
.back:focus-visible{outline:3px solid #7FD6DD;outline-offset:3px;border-radius:6px}

/* payment instructions shown under "Payment mode" */
.pm-info{background:#E8F4F5;border:1px solid #B9DDE0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}
.pm-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:15px}
.pm-row span{color:#4A5472;min-width:64px}
.pm-row b{color:#0F1B3D}
.pm-copy{height:32px;padding:0 12px;border:1px solid #0B6A73;border-radius:8px;background:#fff;color:#0B6A73;font:inherit;font-weight:700;font-size:13px;cursor:pointer}
.pm-text{margin:0;white-space:pre-line;line-height:1.6;font-size:15px;color:#1B2540}

/* admit card lookup page */
.lookup{display:flex;flex-direction:column;gap:20px;max-width:560px;margin:0 auto;width:100%}
.lookup .hint{font-size:13px;font-weight:400;color:#4A5472}
.msg{border-radius:12px;padding:14px 16px;font-weight:600;line-height:1.5}
.msg.ok{background:#D8F3E3;color:#0B5A2C}
.msg.err{background:#FDE3E1;color:#8A1C14}
.msg small{display:block;font-weight:400;margin-top:4px}
.lookup .btn[disabled]{background:#D5DBE8;color:#4A5472;cursor:not-allowed}
.lookup .btn.alt{background:#fff;color:#0B6A73;border:2px solid #0B6A73}
.lookup-note{font-size:14px;line-height:1.6;color:#4A5472;margin:0}

/* admin: page action buttons and archives */
.btn-row{display:flex;flex-wrap:wrap;gap:10px}
.arch-actions{display:flex;flex-wrap:wrap;gap:8px}
.arch-actions form{margin:0}

@media (max-width:700px){
    .pm-row b{word-break:break-all}
    .btn-row .btn{flex:1 1 140px}
    .arch-table thead{display:none}
    .arch-table,.arch-table tbody,.arch-table tr,.arch-table td{display:block;width:100%}
    .arch-table tr{border:1px solid #D5DBE8;border-radius:12px;padding:8px 14px;margin-bottom:12px;background:#fff}
    .arch-table td{border:0;padding:6px 0;display:flex;justify-content:space-between;gap:12px;text-align:right}
    .arch-table td::before{content:attr(data-label);font-weight:700;color:#4A5472;text-align:left;flex:none}
    .arch-table td.act{display:block;text-align:left}
    .arch-table td.act::before{display:block;margin-bottom:8px}
}