.support-overlay .support-box{width:min(1080px,calc(100vw - 32px));height:min(860px,calc(100dvh - 40px));min-width:0;max-width:none;max-height:none;padding:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;background:var(--bg);box-shadow:0 20px 80px #0009}
.support-overlay .support-header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0}
.support-header>.support-icon{width:24px;height:24px;color:var(--accent)}
.support-titles{flex:1;min-width:0}
.support-header h2{font-size:19px;font-weight:650;margin:0}
.support-header p{font-size:11px;color:var(--sub);margin:5px 0 0;line-height:1.5}
.support-header>button{align-self:flex-start;flex-shrink:0}
.support-icon{display:inline-block;flex-shrink:0;width:16px;height:16px;background:currentColor;mask:var(--icon) center/contain no-repeat}
.support-overlay .support-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;font-size:12px;padding:7px 10px;line-height:1.4}
.support-overlay .support-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.support-overlay .support-body{flex:1;min-height:0;padding:20px 22px;overflow:auto;scrollbar-gutter:stable}
.support-overlay .support-footer{display:flex;gap:16px;align-items:center;padding:12px 22px;background:var(--panel);border-top:1px solid var(--line);flex-shrink:0}
.support-actions{display:flex;gap:8px;margin-left:auto;flex-shrink:0}
.support-status{min-width:0;font-size:12px;line-height:1.6;color:var(--sub);overflow-wrap:anywhere}
.support-status[data-kind=err],.support-error{color:#ffaaa3!important}
.support-status[data-kind=ok]{color:#78ddbc}
.support-note{display:block;font-size:12px;font-weight:400;line-height:1.7;color:var(--sub);margin:7px 0}
.support-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}
.support-summary>div{border:1px solid var(--line);background:var(--panel);padding:12px 14px;border-radius:3px}
.support-summary dt{font-size:11px;color:var(--sub);line-height:1.5}
.support-summary dd{font-size:20px;font-weight:600;margin:6px 0 0}
.support-debug .support-body{display:flex;flex-direction:column;overflow:hidden}
.support-report-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:9px}
.support-report-tools label{margin-right:auto;font-size:13px;font-weight:600}
.support-report-tools button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.support-overlay .support-report{box-sizing:border-box;display:block;min-width:0;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:12px;font:12px/1.7 ui-monospace,Consolas,monospace;color:var(--txt);tab-size:2}
.support-debug .support-report{flex:1;min-height:80px;resize:none;overflow:auto}
.support-debug .support-body>p{flex-shrink:0;margin-bottom:0}
.support-form-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:24px}
.support-fields,.support-attachments{min-width:0}
.support-field{margin-bottom:16px}
.support-field-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.support-field-head label,.support-field-head h4{font-size:13px;font-weight:600;margin:0}
.support-badge{font-size:10px;line-height:1.4;border:1px solid var(--line);border-radius:3px;color:var(--sub);padding:2px 5px}
.support-badge.required{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.support-field textarea{display:block;width:100%;min-height:100px;box-sizing:border-box;resize:vertical;padding:11px 12px;background:var(--panel);border:1px solid var(--line);border-radius:3px;color:var(--txt);font-family:inherit;font-size:13px;line-height:1.8}
.support-field textarea[aria-invalid=true]{border-color:#ffaaa3}
.support-count{display:block;text-align:right;font-size:10px;color:var(--sub);margin-top:5px;font-variant-numeric:tabular-nums}
.support-attachments{border-left:1px solid var(--line);padding-left:24px}
.support-attachments h3{font-size:13px;margin:0}
.support-option{padding:12px;margin-top:10px;border:1px solid var(--line);border-radius:3px;background:var(--panel)}
.support-option>label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.support-option input[type=checkbox]{flex-shrink:0;margin:3px 0 0;accent-color:var(--accent)}
.support-option strong{font-size:12px;font-weight:600;line-height:1.6}
.support-option .support-note{margin:4px 0 0}
.support-log-preview{margin-top:9px;font-size:11px;color:var(--sub)}
.support-log-preview summary{cursor:pointer;color:var(--accent);padding:3px 0}
.support-log-preview .support-report{height:170px;resize:vertical;font-size:10px;margin-top:8px;line-height:1.6}
.support-files{margin-top:20px}
.support-file-list{list-style:none;padding:0;margin:10px 0;display:grid;gap:6px}
.support-file-list li{display:flex;gap:8px;align-items:center;padding:6px 8px;background:var(--panel);border:1px solid var(--line);border-radius:3px;font-size:11px}
.support-file-name{flex:1;min-width:0;overflow-wrap:anywhere}
.support-file-size{font-size:10px;color:var(--sub);white-space:nowrap}
.support-overlay .support-file-remove{padding:4px;min-height:28px;flex-shrink:0}
.support-file-remove>span:last-child{display:none}
.support-disclosure{font-size:11px;line-height:1.8;color:var(--sub);padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--panel);margin:18px 0 0}
.support-honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.support-overlay button:focus-visible,.support-overlay input:focus-visible,.support-overlay textarea:focus-visible,.support-overlay summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:700px){
 .support-overlay .support-box{width:calc(100vw - 12px);height:calc(100dvh - 16px)}
 .support-overlay .support-header{padding:12px;gap:8px}
 .support-header h2{font-size:17px}
 .support-header p{font-size:10px}
 .support-overlay .support-body{padding:14px}
 .support-overlay .support-footer{padding:10px 12px;gap:8px;flex-wrap:wrap}
 .support-status:not(:empty){flex-basis:100%}
 .support-summary{gap:6px;margin-bottom:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .support-summary>div{padding:8px 10px}
 .support-summary dd{font-size:16px;margin-top:3px}
 .support-form-grid{grid-template-columns:1fr;gap:12px}
 .support-attachments{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}
 .support-overlay .support-button{font-size:11px}
 .support-report-tools{gap:6px}
 .support-report-tools label{flex-basis:100%}
}
@media(max-height:550px){
 .support-overlay .support-header{padding:8px 12px}
 .support-header p{display:none}
 .support-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:8px;gap:6px}
 .support-summary>div{padding:4px 8px}
 .support-summary dd{font-size:14px;margin-top:0}
 .support-overlay .support-body{padding:10px 12px}
 .support-report-tools label{flex-basis:auto}
 .support-overlay .support-footer{padding:8px 12px}
 .support-debug .support-body>p{display:none}
}
