:root{--support-navy:#071a36;--support-orange:#f26a2b;--support-cream:#f6f1e7;--support-line:#ded8cd;--support-muted:#718093}
.support-center-card{width:100%;display:grid;grid-template-columns:52px 1fr 20px;align-items:center;gap:14px;border:1px solid var(--support-line);border-radius:18px;background:#fff;color:var(--support-navy);padding:15px 17px;margin:14px 0;text-align:left;font:inherit;box-shadow:0 9px 24px #071a3610}.support-center-card>span:first-child{width:48px;height:48px;border-radius:15px;background:#fff0e7;color:var(--support-orange);display:grid;place-items:center}.support-center-card svg,.support-hero svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.support-center-card>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.support-center-card b{font-size:15px}.support-center-card small{font-size:10px;color:var(--support-muted)}.support-center-card em{font-style:normal;font-size:26px;color:#8b98a5}.support-error-link{border:0;background:transparent;color:var(--support-orange);font:800 11px/1.3 inherit;text-decoration:underline;padding:6px 0}
.support-layer{position:fixed;inset:0;z-index:100000;background:rgba(2,12,25,.62);backdrop-filter:blur(7px);display:flex;justify-content:center;align-items:flex-end}.support-sheet{width:min(100%,680px);height:min(94dvh,930px);overflow:auto;background:var(--support-cream);border-radius:28px 28px 0 0;color:var(--support-navy);padding:0 22px 42px;box-shadow:0 -24px 70px #0005;font-family:inherit;-webkit-overflow-scrolling:touch}.support-sheet>header{position:sticky;top:0;z-index:3;margin:0 -22px 18px;padding:18px 22px 15px;background:rgba(246,241,231,.96);backdrop-filter:blur(14px);border-bottom:1px solid #ddd5c8;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px}.support-sheet>header p{margin:0 0 3px;color:var(--support-orange);font-size:9px;font-weight:900;letter-spacing:.12em}.support-sheet>header h2{margin:0;font-size:23px;line-height:1.15}.support-back{width:40px;height:40px;border:1px solid #d8d1c6;border-radius:50%;background:#fff;color:var(--support-navy);font-size:22px;font-weight:800}.support-hero{display:grid;grid-template-columns:56px 1fr;gap:15px;align-items:center;background:linear-gradient(145deg,#0a2644,#06172d);color:#fff;border-radius:21px;padding:20px;margin-bottom:15px}.support-hero>span{width:54px;height:54px;border-radius:16px;background:#ffffff12;color:#ff8349;display:grid;place-items:center}.support-hero b{font-size:16px}.support-hero p{font-size:11px;line-height:1.55;color:#bdc9d5;margin:6px 0 0}.support-new,.support-submit{width:100%;border:0;border-radius:14px;background:var(--support-orange);color:#fff;padding:15px;font:900 14px/1 inherit;box-shadow:0 8px 18px #f26a2b33}.support-list-heading{display:flex;justify-content:space-between;align-items:end;margin:25px 2px 10px}.support-list-heading h3{margin:0;font-size:18px}.support-list-heading span{font-size:10px;color:var(--support-muted)}.support-ticket-list{display:flex;flex-direction:column;gap:8px}.support-ticket-row{position:relative;width:100%;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:'status title date' '. meta date';align-items:center;gap:3px 9px;border:1px solid var(--support-line);border-radius:15px;background:#fff;color:var(--support-navy);padding:13px;text-align:left;font:inherit}.support-ticket-row .support-status{grid-area:status}.support-ticket-row b{grid-area:title;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.support-ticket-row small{grid-area:meta;color:var(--support-muted);font-size:9px}.support-ticket-row time{grid-area:date;color:#8b96a1;font-size:8px}.support-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;white-space:nowrap}.support-status.received{background:#fff0e7;color:#c24f1d}.support-status.in_progress{background:#e9f0f7;color:#245176}.support-status.resolved{background:#e5f4eb;color:#26704a}.support-empty{border:1px dashed var(--support-line);border-radius:15px;padding:30px;text-align:center;color:var(--support-muted);font-size:11px}.support-empty.error{color:#a64c35}.support-emergency-note{display:flex;gap:10px;align-items:center;background:#fff4ee;border:1px solid #ffd7c4;border-radius:14px;padding:12px;margin-top:18px}.support-emergency-note b,.support-form aside b{color:#e63b2f;font-size:18px}.support-emergency-note span,.support-form aside p{font-size:9px;line-height:1.5;color:#8f4b3c}
.support-form{display:flex;flex-direction:column;gap:15px}.support-form label,.support-admin-form label{display:flex;flex-direction:column;gap:7px}.support-form label>span,.support-admin-form label>span{font-size:11px;font-weight:900}.support-form label em{font-style:normal;color:var(--support-muted);font-weight:600}.support-form input,.support-form select,.support-form textarea,.support-admin-form select,.support-admin-form textarea{width:100%;box-sizing:border-box;border:1px solid #d6d9dc;border-radius:13px;background:#fff;color:var(--support-navy);padding:13px;font:inherit;font-size:13px}.support-form textarea,.support-admin-form textarea{min-height:145px;resize:vertical;line-height:1.55}.support-form label small{color:var(--support-muted);font-size:9px}.support-form aside{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px;border-radius:14px;background:#fff3ed;padding:12px}.support-form aside p{margin:0}.support-form-message{min-height:15px;margin:0;font-size:10px;font-weight:800}.support-form-message.success{color:#26704a}.support-form-message.error{color:#b13e30}.support-submit:disabled{opacity:.55}
.support-detail-meta{display:flex;justify-content:space-between;gap:10px;color:var(--support-muted);font-size:9px;margin:-4px 2px 12px}.support-detail article{background:#fff;border:1px solid var(--support-line);border-radius:17px;padding:17px;margin-bottom:12px}.support-detail article h3{font-size:12px;margin:0 0 10px}.support-detail article p{font-size:12px;line-height:1.65;margin:0;word-break:break-word}.support-detail article img{display:block;max-width:100%;max-height:460px;object-fit:contain;border-radius:12px;margin-top:14px;background:#edf0f2}.support-reply{border-left:4px solid #c9cfd5!important}.support-reply.has-reply{border-left-color:var(--support-orange)!important;background:#fffaf6!important}.support-detail dl{margin:16px 0 0;border-top:1px solid #ece8e1;padding-top:9px}.support-detail dl div{display:grid;grid-template-columns:64px 1fr;gap:8px;padding:5px 0;font-size:9px}.support-detail dt{color:var(--support-muted)}.support-detail dd{margin:0;word-break:break-all}.support-admin-form{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--support-line);border-radius:17px;padding:17px}.admin-support-summary{display:flex;align-items:baseline;gap:8px;background:var(--support-navy);color:#fff;border-radius:17px;padding:18px;margin-bottom:12px}.admin-support-summary strong{font-size:28px;color:#ff7a3b}.admin-support-summary span{font-size:10px;color:#bdc8d3}.admin-support-filters{display:flex;gap:6px;overflow:auto;margin-bottom:12px;padding-bottom:3px}.admin-support-filters button{border:1px solid var(--support-line);background:#fff;color:var(--support-muted);border-radius:999px;padding:8px 11px;white-space:nowrap;font:800 9px/1 inherit}.admin-support-filters button.active{background:var(--support-orange);border-color:var(--support-orange);color:#fff}.support-admin-tab{position:relative}
@media(min-width:700px){.support-layer{align-items:center;padding:24px}.support-sheet{border-radius:28px;height:min(90dvh,900px)}}
@media(max-width:420px){.support-sheet{padding-left:16px;padding-right:16px}.support-sheet>header{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.support-ticket-row{grid-template-columns:auto 1fr;grid-template-areas:'status date' 'title title' 'meta meta'}.support-ticket-row b{margin-top:4px}}
.support-form input,.support-form select,.support-form textarea{font-size:16px}

.support-admin-tab{position:relative!important}.support-admin-tab-count{display:inline-grid;min-width:19px;height:19px;place-items:center;margin-left:5px;padding:0 5px;border-radius:999px;background:#f56b2a;color:#fff;font-size:10px;font-weight:900;line-height:1;box-shadow:0 2px 7px #f56b2a55}