.support-dialog{width:min(520px,calc(100vw - 24px));max-height:90dvh;background:#13212d;color:#edf5fa;border:1px solid #355264;border-radius:18px;padding:24px}.support-dialog::backdrop{background:#050c16b3}.support-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.support-heading h2{margin:0;font-size:22px}.chat-messages{height:320px;max-height:43dvh;overflow:auto;overscroll-behavior:contain;padding:12px 4px;margin:12px 0;border-block:1px solid #7893a433}.chat-message{padding:12px 14px;background:#7893a418;border:1px solid #7893a433;border-radius:12px;margin:10px 26px 10px 0;overflow-wrap:anywhere}.chat-message.admin{background:#29816b22;margin:10px 0 10px 26px}.chat-message small{font-size:10px;color:inherit;opacity:.75}.chat-message p{white-space:pre-wrap;line-height:1.6;margin:6px 0 0;font-size:13px}.support-dialog textarea,.support-conversation textarea{box-sizing:border-box;display:block;width:100%;min-height:82px;resize:vertical;border:1px solid #7893a477;border-radius:10px;padding:12px;margin:8px 0;font:inherit}.support-dialog textarea{background:#0b1620;color:#edf5fa}.support-dialog label{font-size:12px}.support-dialog [role=status]{font-size:12px;line-height:1.6}.support-admin-grid{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.5fr);gap:20px}.support-list,.support-conversation{padding:20px;min-width:0}.support-thread{display:block;width:100%;text-align:left;padding:16px 12px;border:0;border-bottom:1px solid #dce5df;background:transparent;cursor:pointer;overflow-wrap:anywhere}.support-thread strong,.support-thread span{display:block}.support-thread span{color:#667d72;margin-top:7px;font-size:12px}.support-thread:hover{background:#eaf5ee}.support-conversation h2{font-size:17px;overflow-wrap:anywhere}.support-conversation .chat-messages{height:420px}.support-conversation .chat-message{color:#25483d}#support-unread{display:inline-block;min-width:20px;padding:2px 5px;border-radius:20px;background:#6cdcb1;color:#08251b;font-weight:700}#support-unread[hidden]{display:none}#admin-support-unread{color:#17875b;font-weight:700}.support-list .pagination{gap:5px}@media(max-width:760px){.support-admin-grid{grid-template-columns:1fr}.support-dialog{padding:16px}.support-list{max-height:250px;overflow:auto}}

.chat-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.chat-counter{margin-left:auto;opacity:.7}.chat-hint{font-size:12px;line-height:1.6;margin-top:12px}.chat-actions button{font-size:12px}
.admin-support-menu{margin-bottom:24px}.admin-backup-controls{border-top:1px solid #d9e3dd;padding-top:16px;margin-top:18px}.admin-backup-controls p{margin:9px 0}.support-purchase-queue{padding:20px}.support-purchase-queue[hidden],.support-admin-grid[hidden]{display:none!important}.admin-support-menu [aria-pressed=true]{box-shadow:0 0 0 2px #137b60}.support-menu #support-backup-controls{border-top:1px solid #7893a433;padding-top:18px;margin-top:6px}.support-menu #support-backup-controls p{font-size:12px;line-height:1.6;margin-top:12px}.support-menu #support-backup{width:100%}

.support-menu{display:grid;gap:14px;padding:24px 0}.support-menu p{margin:0 0 8px}.support-menu .button{min-height:52px}.support-dialog [hidden]{display:none!important}.purchase-entry{display:flex;justify-content:center;margin:28px 0}.purchase-entry .button{white-space:normal;line-height:1.5}.purchase-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:24px 0 18px}.purchase-progress li{padding:8px 5px;border-bottom:3px solid #536575;color:#b5c6d1;font-size:11px;line-height:1.5}.purchase-progress .current{border-color:#6cdcb1;color:#99efd2}.purchase-summary{font-weight:600;line-height:1.7}.purchase-note{background:#6cdcb115;padding:12px;border:1px solid #6cdcb144;border-radius:8px;line-height:1.6;overflow-wrap:anywhere}.support-dialog h3{font-size:18px;line-height:1.5}.support-dialog #purchase-plans{border:0;padding:0;margin:0 0 16px;min-width:0}.support-dialog #purchase-plans legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.support-dialog .purchase-plan{display:flex;align-items:center;gap:12px;padding:15px 14px;margin:10px 0;border:1px solid #536575;border-radius:12px;cursor:pointer}.purchase-plan:has(input:checked){border-color:#6cdcb1;background:#6cdcb115}.purchase-plan input{width:18px;height:18px;accent-color:#6cdcb1;flex:none}.purchase-plan strong,.purchase-plan small{display:block}.purchase-plan strong{font-size:15px}.purchase-plan small{margin-top:6px;font-size:13px;color:#bfd0dc}.support-dialog #purchase-invoice-form label{display:block;margin-top:14px}.support-dialog #purchase-invoice-form input,.support-dialog select{display:block;box-sizing:border-box;width:100%;margin:7px 0;border:1px solid #536575;border-radius:9px;background:#0b1620;color:#edf5fa;padding:12px;font:inherit;font-size:16px}.support-dialog #purchase-invoice-form .micro{font-size:12px;line-height:1.6;color:#bfd0dc}.support-dialog #purchase-invoice-next{margin-top:8px}.purchase-wait{text-align:center;padding:30px 4px}.purchase-wait-icon{font-size:42px;color:#7fe3bd}.purchase-wait p{font-size:14px;line-height:1.7;color:#bfd0dc}.purchase-bank{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;font-size:13px;line-height:1.6;background:#0b1620;border-radius:12px;padding:16px}.purchase-bank dt{color:#aabfcf}.purchase-bank dd{margin:0;overflow-wrap:anywhere;font-weight:600}.purchase-instructions{padding-left:22px;font-size:13px;line-height:1.8}.purchase-instructions li{padding:5px 0}#purchase-error{color:#ffc99d}
.admin-purchase-dialog{width:min(600px,calc(100vw - 24px));max-height:90dvh;overflow:auto}.admin-purchase-dialog dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;font-size:14px}.admin-purchase-dialog dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.admin-purchase-dialog dt{color:#586f63}.admin-purchase-dialog textarea{box-sizing:border-box;width:100%;padding:10px;min-height:70px;font:inherit}.admin-purchase-dialog input[type=checkbox]{width:auto;margin-right:8px}.admin-purchase-dialog .purchase-check{display:flex;align-items:flex-start;margin:18px 0}.admin-purchase-dialog [hidden]{display:none!important}.purchase-member-status{display:block;margin-top:8px;font-size:11px;color:#946329}
@media(max-width:400px){.purchase-bank{grid-template-columns:1fr;gap:4px}.purchase-bank dd{margin-bottom:10px}.admin-purchase-dialog dl{grid-template-columns:1fr;gap:5px}.admin-purchase-dialog dd{margin-bottom:10px}.purchase-progress li{font-size:10px}.purchase-entry .button{max-width:100%}}
