.contact-buttons { display:flex; gap:10px; flex-wrap:wrap; width:100%; }
.contact-button { display:inline-flex; flex:1 1 130px; gap:9px; align-items:center; justify-content:center; min-height:46px; padding:10px 16px; border:1px solid transparent; border-radius:14px; text-decoration:none; font-weight:650; }
.contact-button svg { width:24px; height:24px; flex:none; }
.contact-button.telegram { background:#128cc0; color:#fff; border-color:#45bce7; }
.contact-button.whatsapp { background:#117747; color:#fff; border-color:#2fbf78; }
.contact-button:hover { filter:brightness(1.1); }
.contact-button:focus-visible { outline:3px solid var(--primary,#4dd6bc); outline-offset:3px; }
.support-page { max-width:820px; margin:auto; padding:20px 16px 36px; }
.support-page > * + * { margin-top:18px; }
.support-page .panel { padding:20px; }
.support-page h1 { font-size:26px; margin:0 0 8px; }
.support-page .field { margin:12px 0; }
.support-page .support-top { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.support-page .report-list { display:grid; gap:8px; }
.support-page .report-row { width:100%; text-align:left; white-space:normal; justify-content:space-between; gap:8px; }
.support-page .report-row span { display:block; }
.support-page .report-body { font-family:ui-monospace,monospace; font-size:13px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; max-height:60vh; overflow:auto; }
.support-page .report-detail { margin-top:16px; border-top:1px solid var(--border); padding-top:14px; }
.support-page .support-help { margin:12px 0; }
.support-page [hidden],.contact-buttons[hidden],.contact-button[hidden] { display:none; }
@media(max-width:420px){.support-page .panel{padding:15px}.support-page{padding:12px 10px 26px}.support-page h1{font-size:23px}}

/* Support conversations: external styles compatible with Content-Security-Policy. */
.support-page{box-sizing:border-box;width:100%;max-width:920px;overflow-wrap:anywhere}
.support-page form{display:grid;gap:16px;min-width:0}
.support-page form p{display:grid;gap:8px;margin:0;min-width:0}
.support-page label{display:block;font-weight:600;line-height:1.5}
.support-page input:not([type=hidden]),.support-page textarea,.support-page select{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:46px;margin:6px 0 0;padding:12px 14px;border:1px solid #454950;border-radius:12px;background:#15181d;color:#eef1f5;font:inherit;line-height:1.5}
.support-page textarea{min-height:150px;resize:vertical}
.support-page input:focus,.support-page textarea:focus,.support-page select:focus{outline:2px solid #8ba8b9;outline-offset:2px}
.support-page .button{justify-self:start;min-height:44px;white-space:normal}
.support-page .panel,.support-page .message{padding:22px;margin:18px 0;border:1px solid #363c44;border-radius:18px;background:linear-gradient(135deg,#202329,#17191e)}
.support-page .message.answer{border-left:3px solid #66c7a0}
.support-page .message div{margin-top:12px;line-height:1.65;white-space:normal}
.support-page small,.support-page .helptext{color:#aab6c4;line-height:1.5}
.support-page .errorlist{color:#ff9696;padding-left:20px}
.support-page h2{margin:0 0 18px;font-size:20px}
@media(max-width:600px){.support-page .panel,.support-page .message{padding:16px}.support-page .button{width:100%;justify-self:stretch}.support-page h1{font-size:24px}}
.orders-page #order-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.order-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.order-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.order-card-head h2{margin:0!important;font-size:18px}.order-amount{font-size:22px;white-space:nowrap}.order-state{display:inline-block;border-radius:8px;padding:5px 10px;margin-top:14px;background:#323843;color:#dae1e9}.state-applied{background:#193d32;color:#95e5bd}.state-review{background:#4b3d20;color:#ffdb8d}.state-pending{background:#1e3650;color:#b6d9ff}.order-id{font-size:12px;overflow-wrap:anywhere;color:#929dab}.order-date{margin:12px 0 5px;color:#bbc5d0}.orders-page .order-card{margin:14px 0;padding:22px}.order-empty{text-align:center}@media(max-width:600px){.orders-page #order-filters{grid-template-columns:1fr}.order-actions{display:grid;grid-template-columns:1fr}.order-card-head{align-items:flex-start;flex-direction:column;gap:8px}}

.billing-toolbar{display:flex;align-items:flex-end!important;gap:12px;flex-wrap:wrap}.billing-toolbar .field{margin:0;display:grid;gap:8px}.billing-toolbar input{min-height:44px;box-sizing:border-box}.billing-toolbar .button{min-height:44px;margin:0}
.diagnostics-page .toolbar-actions{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.diagnostics-page .toolbar-actions label{min-width:150px}.diagnostics-page summary{cursor:pointer;padding:12px 0;line-height:1.6}.diagnostics-page .report-detail{border-top:1px solid #39424a;padding:8px 0}.diagnostics-page .report-detail[hidden]{display:none}.diagnostics-page .report-body{padding:14px;background:#11161b;border-radius:10px;max-height:320px;overflow:auto}.diagnostics-page .capture-actions{display:flex;gap:12px;flex-wrap:wrap}.diagnostics-page .report-detail small{display:block}.diagnostic-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.diagnostics-page .capture-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}[data-support-contacts],.contact-buttons[data-help-contacts]{display:none!important}@media(max-width:600px){.diagnostics-page .capture-fields{grid-template-columns:1fr}.billing-toolbar{align-items:stretch!important}.billing-toolbar>*{width:100%}}
