.support-app{color:#12384a;max-width:1200px;margin:20px auto}.support-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.support-app h2{font-size:30px}.support-app h3{font-size:22px}.support-eyebrow{font-size:11px;letter-spacing:2px;color:#047f80;font-weight:800}.support-note,.support-small{font-size:13px;color:#536e79;line-height:1.7}.support-card{border:1px solid #d6e4e8;background:white;border-radius:14px;padding:26px;margin-top:20px}.support-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.support-app button{cursor:pointer;border:1px solid #b8d1d7;background:#f3f8f8;color:#10384a;border-radius:8px;padding:11px 16px;font-weight:650}.support-tabs [aria-pressed=true],.support-app form>button{background:#057e80;color:white}.support-ticket{width:100%;display:flex;justify-content:space-between;gap:18px;align-items:center;text-align:left!important;margin:12px 0;padding:18px!important;background:white!important}.support-ticket small{display:block;font-size:12px;color:#55717e;margin-top:8px}.support-badge{display:inline-block;font-size:11px;padding:7px 11px;border-radius:6px;color:#0b6b65;background:#e5f4f1;white-space:nowrap}.support-badge.overdue,.support-escalation{background:#fff0df;color:#85520c}.support-escalation{padding:15px;border-radius:9px}.support-app label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:650;margin:16px 0}.support-app input,.support-app select,.support-app textarea{width:100%;border:1px solid #bbd1d7;border-radius:8px;padding:12px;background:#fcfefe;color:#12384a;font:inherit}.support-app textarea{min-height:95px;resize:vertical}.support-app summary{font-weight:700;cursor:pointer}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.support-messages{max-height:520px;overflow-y:auto;background:#f1f6f7;padding:18px;border-radius:12px;margin:20px 0}.support-bubble{background:white;padding:15px 18px;border:1px solid #dce9eb;border-radius:10px;margin:14px 0;max-width:85%}.support-bubble.customer{margin-left:auto;background:#e5f4f2}.support-bubble.internal{background:#fff2da;border-left:4px solid #b47822}.support-bubble small{font-size:11px;color:#56727e}.support-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.support-sla{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;padding:15px;background:#f0f6f7;border-radius:8px;margin:15px 0}.support-inline{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.support-inline button{margin-bottom:16px}.support-app #support-status:not(:empty){background:#e8f2f6;border-radius:8px;padding:14px}.support-app button:focus-visible,.support-app textarea:focus-visible{outline:3px solid #13a7ab;outline-offset:3px}@media(max-width:650px){.support-card{padding:16px}.support-ticket{align-items:start;flex-direction:column}.support-bubble{max-width:100%}.support-heading .actions{gap:5px}.support-app button{padding:10px}}
