.contact-shell{max-width:740px;margin:45px auto 90px}.contact-shell h1{font-size:clamp(38px,6vw,68px);line-height:1.1;margin:10px 0 15px}.contact-muted{color:#abb2ad;line-height:1.8}.contact-shell form{display:grid;gap:18px;margin-top:35px}.contact-shell label{display:block;font-size:13px;color:#d1d8d2}.contact-shell input:not([type=checkbox]),.contact-shell textarea,.contact-shell select{display:block;width:100%;margin-top:8px;padding:12px 14px;background:#151819;color:#fff;border:1px solid #535a55;border-radius:4px;font:inherit}.contact-shell input:focus,.contact-shell textarea:focus,.contact-shell select:focus{outline:2px solid #dceeb3;outline-offset:2px}.contact-consent{display:flex!important;align-items:flex-start;gap:10px}.contact-consent input{margin-top:4px}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#contact-result{min-height:24px;color:#dceeb3}.contact-message{border:1px solid #3b433d;padding:18px;margin:18px 0;background:#101311}.contact-message-head{display:flex;justify-content:space-between;gap:15px}.contact-message-head small,.contact-message>p{color:#aab4aa}.contact-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#f2f2ef!important}.contact-message select{max-width:200px}.contact-message .message-delete{margin-top:16px}@media(max-width:600px){.contact-shell{margin:28px auto 60px}.contact-message-head{display:block}}

#contact-result[data-state=error]{color:#ffb4a8}
.contact-admin-links{display:flex;gap:18px;flex-wrap:wrap}.contact-admin-links a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.contact-admin-shell{max-width:1180px}.contact-new-count{display:inline-block;vertical-align:middle;margin-left:10px;padding:4px 10px;border-radius:999px;background:#dceeb3;color:#111;font-size:14px;font-weight:700;letter-spacing:0}
.contact-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 6px}.contact-toolbar-spacer{flex:1}.contact-filters{display:flex;flex-wrap:wrap;gap:6px}
.contact-filter{padding:8px 12px;border:1px solid #535a55;background:transparent;color:#d1d8d2;border-radius:4px;font:inherit;font-size:13px;cursor:pointer}.contact-filter[aria-pressed=true]{background:#f2f2ef;color:#111;border-color:#f2f2ef}.contact-filter span{opacity:.7;margin-left:4px}
.contact-note{font-size:13px;margin:6px 0 18px}
.contact-admin-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}
.contact-list-wrap{overflow-x:auto;border:1px solid #3b433d}.contact-list{width:100%;border-collapse:collapse;font-size:14px}.contact-list th{text-align:left;font-weight:600;color:#aab4aa;padding:10px 12px;border-bottom:1px solid #3b433d;white-space:nowrap}.contact-list td{padding:12px;border-bottom:1px solid #252b27;vertical-align:top}
.contact-row{cursor:pointer}.contact-row:hover,.contact-row:focus{background:#171b18;outline:none}.contact-row.is-selected{background:#1d231f}.contact-row.status-new td{font-weight:700;color:#fff}.contact-time{white-space:nowrap;color:#aab4aa}.contact-subject{overflow-wrap:anywhere}
.contact-status{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;white-space:nowrap;border:1px solid #535a55;color:#d1d8d2;font-weight:600}.contact-status.status-new{background:#dceeb3;color:#111;border-color:#dceeb3}.contact-status.status-replied{color:#8f978f}
.contact-detail{border:1px solid #3b433d;background:#101311;padding:20px}.contact-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.contact-detail h2{margin:0;font-size:22px;overflow-wrap:anywhere}.contact-detail h3{margin:18px 0 8px;font-size:13px;color:#aab4aa;font-weight:600}
.contact-facts{display:grid;gap:8px;margin:16px 0 0}.contact-field{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px}.contact-field dt{color:#aab4aa;font-size:13px}.contact-field dd{margin:0;overflow-wrap:anywhere}
.contact-email{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px}.contact-copy{padding:4px 10px;font-size:12px}
.contact-detail .contact-body{border-top:1px solid #252b27;padding-top:12px;line-height:1.75}
.contact-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}.contact-status-buttons{display:flex;flex-wrap:wrap;gap:6px}.contact-delete{margin-left:auto;color:#ffb4a8}
@media(max-width:860px){.contact-admin-layout{grid-template-columns:1fr}.contact-detail{order:-1}}