[hidden] { display: none !important; }
.enquiry-notice { margin-block: 16px; color: var(--muted); font-size: .875rem; line-height: 1.6; }
.enquiry-feedback { margin-top: 16px; padding: 16px 18px; border: 1px solid var(--accent); border-radius: 8px; background: var(--surface-swimtech, #F7F8FA); color: var(--ink); }
.enquiry-feedback p { margin: 0; font-size: .9375rem; line-height: 1.6; overflow-wrap: anywhere; }
.enquiry-feedback a { display: inline-block; margin-top: 10px; }
.enquiry-error { background: #fff; border-color: var(--ink); }
.site-footer .enquiry-feedback { background: #fff; color: var(--ink); }
.site-footer .enquiry-feedback p,.site-footer .enquiry-feedback a { color: var(--ink); }
.inbox-page,.inbox-login { max-width: 1050px; margin: 0 auto; padding: 50px 24px; }
.inbox-header { display: flex; align-items: start; justify-content: space-between; gap: 30px; margin-bottom: 36px; }
.inbox-header img { width: 100px; height: auto; margin-bottom: 26px; }
.inbox-header h1,.inbox-login h1 { font-size: clamp(2rem, 4vw, 3rem); }
.inbox-header p { max-width: 55ch; margin-top: 12px; color: var(--muted); }
.inbox-page > .actions { margin-top: 24px; }
.inbox-login .button { margin: 24px 24px 0 0; }
.inbox-item { margin-top: 12px; border: 1px solid var(--line); border-radius: 10px; }
.inbox-item summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px; cursor: pointer; }
.inbox-item summary strong,.inbox-item summary span { display: block; }
.inbox-item summary span { margin-top: 6px; font-size: .875rem; }
.inbox-meta { text-align: right; flex-shrink: 0; font-size: .875rem; }
.inbox-badge { color: var(--muted); }
.inbox-message { padding: 20px; border-top: 1px solid var(--line); }
.inbox-message-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.inbox-message .actions { margin-top: 20px; }
.inbox-message .button { min-height: 44px; }
.inbox-item-state { margin-top: 12px; }
@media(max-width: 600px) { .inbox-header { flex-direction: column; } .inbox-item summary { flex-direction: column; align-items: start; } .inbox-meta { text-align: left; } }