/* Contact and ticket history: compact, responsive, flat. */
.contact-page{background:#f5f7f8;color:#192c24;min-height:100dvh}.contact-shell{max-width:1160px;padding-top:28px;padding-bottom:48px}
.contact-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;margin-bottom:18px;border-radius:19px;border:1px solid #dce8e2;background:linear-gradient(115deg,#fff,#f4faf7)}
.contact-hero h1{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:6px 0 10px}.contact-hero p{max-width:650px;margin:0;font-size:13px;color:#64786c;line-height:1.65}
.contact-hero .eyebrow,.contact-panel-head small{font-size:11px;font-weight:800;letter-spacing:.11em;color:#15754d}
.contact-hero-icon{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;border-radius:17px;background:#e5f5eb;color:#176b4d}.contact-hero-icon svg{width:29px;height:29px}
.contact-columns{display:grid;grid-template-columns:minmax(0,1fr) 312px;align-items:start;gap:18px}.contact-panel,.contact-info-card,.contact-history-card{border:1px solid #dfe9e3;border-radius:18px;background:#fff;padding:24px;min-width:0}
.contact-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.contact-panel-head h2{font-size:21px;margin:6px 0 0;overflow-wrap:anywhere}
.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:7px;font-size:12px;font-weight:780;color:#2b5140}.contact-form input,.contact-form select,.contact-form textarea,.contact-token-help input{font:inherit;font-size:13px;line-height:1.5;min-width:0;max-width:100%;width:100%;box-sizing:border-box;border:1px solid #d6e4db;border-radius:11px;background:#fbfdfb;padding:12px 13px;color:#193c2a;outline:none}.contact-form textarea{resize:vertical;min-height:105px}.contact-form :is(input,select,textarea):focus-visible{border-color:#24855c;box-shadow:0 0 0 3px rgba(36,133,92,.1)}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-form input[readonly]{background:#f1f7f3}.contact-send-foot{display:flex;justify-content:space-between;align-items:center;gap:14px}.contact-send-foot small{font-size:11px;color:#7c8c82;line-height:1.5}.contact-form .btn{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:43px;border-radius:11px}.contact-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-info-card,.contact-history-card{margin-bottom:16px}.contact-info-card h3,.contact-history-card h3{font-size:17px;margin:12px 0 9px}.contact-info-card strong{font-size:13px;color:#24503b}.contact-info-card p,.contact-history-card p{font-size:12px;color:#72877b;line-height:1.75;margin:4px 0 13px}.contact-info-divider{height:1px;background:#e4eee7;margin:16px 0}.contact-side-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e8f5ed;color:#176b4d}.contact-history-card>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;border-top:1px solid #edf2ef;text-decoration:none;color:#294635}.contact-history-card>a span{min-width:0}.contact-history-card b{font-size:12px;display:block;overflow-wrap:anywhere}.contact-history-card small{font-size:10px;display:block;color:#81938a;margin-top:4px}.contact-history-card em{font-size:10px;font-weight:800;font-style:normal;color:#176b4d;white-space:nowrap}
.contact-alert{padding:13px 16px;border-radius:12px;margin-bottom:16px;font-size:12px;font-weight:700}.contact-alert.success{background:#e8f5eb;border:1px solid #b8dbc5;color:#176b4d}.contact-alert.error{background:#fff1ee;border:1px solid #f2c7bf;color:#9d362e}
.contact-pill{border:1px solid #cee5d6;border-radius:999px;background:#eef8f2;color:#176b4d;padding:6px 9px;white-space:nowrap;font-size:11px;font-weight:800}.contact-pill.closed{background:#f1f3f2;color:#64776a;border-color:#e0e5e1}
.contact-thread{display:grid;gap:13px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #edf2ed}.contact-message{min-width:0;border-radius:13px;padding:15px 16px;background:#f3f8f4;border:1px solid #e1eee5}.contact-message.admin{margin-left:min(8%,38px);background:#e9f7ef;border-color:#cfe8d7}.contact-message-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.contact-message-meta strong{font-size:12px;color:#176b4d}.contact-message-meta time{font-size:10px;color:#829286}.contact-message p{white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.7;margin:10px 0 0;color:#294937}.contact-token-help{margin:16px 0;padding:13px;border-radius:12px;background:#fbf6e9;border:1px solid #f1e2bd}.contact-token-help b{font-size:12px}.contact-token-help p{font-size:11px;color:#6f6651;line-height:1.6}.contact-back{display:inline-flex;align-items:center;gap:7px;font-size:12px;margin-top:18px;color:#176b4d;font-weight:800;text-decoration:none}
.contact-header-links{display:flex;align-items:center;gap:8px}.contact-header-links .btn{font-size:12px}
@media(max-width:780px){.contact-columns{grid-template-columns:1fr}.contact-shell{padding-top:17px}.contact-hero{padding:20px}.contact-panel,.contact-info-card,.contact-history-card{padding:19px}.contact-hero-icon{display:none}}
@media(max-width:440px){.contact-header-links .btn{font-size:0;min-width:42px;min-height:42px;padding:9px}.contact-header-links .btn svg{width:20px;height:20px}.contact-form-grid{grid-template-columns:1fr}.contact-send-foot{align-items:stretch;flex-direction:column}.contact-send-foot .btn{width:100%;justify-content:center}.contact-panel-head{align-items:flex-start;flex-direction:column}}