
/* CONTENT_ISSUE_STRUCTURED_UX_V1 */
.issue-dialog{width:min(640px,calc(100vw - 24px));max-height:min(88vh,820px);padding:0;border:0;border-radius:22px;background:#fff;color:var(--ink,#18202c);box-shadow:0 24px 80px rgba(18,28,45,.28);overflow:auto}
.issue-dialog::backdrop{background:rgba(12,22,39,.56);backdrop-filter:blur(3px)}
.issue-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 14px;border-bottom:1px solid var(--line,#dfe5ec);background:rgba(255,255,255,.98)}
.issue-dialog-head h2{margin:0;font-size:clamp(20px,4vw,28px)}
.issue-eyebrow{margin:0 0 3px;color:#647083;font-size:11px;font-weight:900;letter-spacing:.12em}
.issue-icon-button{display:grid;min-width:44px;min-height:44px;place-items:center;border:1px solid var(--line,#dfe5ec);border-radius:50%;background:#fff;color:inherit;font-size:26px;line-height:1;cursor:pointer}
.issue-dialog-body{padding:20px 22px 24px}
.issue-intro{margin:0 0 14px;color:#566174}
.issue-target{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.issue-target span{padding:5px 9px;border-radius:999px;background:#eef3ff;color:#315cdd;font:750 12px ui-monospace,SFMono-Regular,Menlo,monospace}
.issue-form{display:grid;gap:8px}
.issue-form>label:not(.issue-consent){display:grid;gap:6px;margin-top:7px;font-weight:800}
.issue-form select,.issue-form textarea,.issue-form input[type=file]{width:100%;min-height:44px;padding:11px 12px;border:1px solid #cbd4df;border-radius:11px;background:#fff;color:inherit;font:inherit}
.issue-form textarea{min-height:120px;resize:vertical}
.issue-form select:focus,.issue-form textarea:focus,.issue-form input:focus,.issue-dialog button:focus-visible{outline:3px solid rgba(49,92,221,.28);outline-offset:2px;border-color:#315cdd}
.issue-help{display:block;color:#68758a;font-size:12px}
.issue-consent{display:flex;gap:9px;align-items:center;min-height:44px;margin:12px 0 4px;color:#445064;font-size:13px;font-weight:650;cursor:pointer}
.issue-consent input{width:20px;height:20px;flex:0 0 auto;margin:1px 0 0}
.issue-submit-status{min-height:44px;margin:6px 0 0;padding:11px 13px;border-radius:11px;background:#f4f6f9;color:#536075}
.issue-submit-status.sending{background:#edf3ff;color:#315cdd}
.issue-submit-status.success{background:#e9f8ef;color:#16784b}
.issue-submit-status.error,.issue-inline-error{background:#fff0f0;color:#a62f2f}
.issue-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:8px}
.issue-actions button,.issue-dialog-body>.issue-secondary{min-height:44px;padding:10px 15px;border-radius:11px;font-weight:850;cursor:pointer}
.issue-primary{border:1px solid #315cdd;background:#315cdd;color:#fff}
.issue-secondary{border:1px solid #cbd4df;background:#fff;color:#263347}
.issue-actions button:disabled,.issue-dialog button:disabled{cursor:wait;opacity:.58}
.issue-history{display:grid;gap:10px;margin:14px 0}
.issue-ticket{padding:14px;border:1px solid #dce2eb;border-radius:14px;background:#fafbfc}
.issue-ticket p{margin:6px 0}
.issue-ticket-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.issue-ticket-top strong{color:#315cdd}
.issue-ticket-top code{max-width:58%;overflow-wrap:anywhere;color:#68758a;font-size:11px}
.issue-ticket-description{color:#4e5a6c}
.issue-inline-error{padding:8px;border-radius:8px;font-size:12px}
.issue-empty{padding:30px 18px;border:1px dashed #cbd4df;border-radius:14px;color:#68758a;text-align:center}
.issue-history-launcher{position:fixed;right:18px;bottom:18px;z-index:20;min-height:44px;padding:10px 14px;border:1px solid #b8c7ee;border-radius:999px;background:#fff;color:#315cdd;box-shadow:0 8px 28px rgba(24,40,72,.18);font-weight:850;cursor:pointer}
@media(max-width:520px){
  .issue-dialog{width:100vw;max-width:none;max-height:92vh;margin:auto 0 0;border-radius:22px 22px 0 0}
  .issue-dialog-head,.issue-dialog-body{padding-left:16px;padding-right:16px}
  .issue-actions{display:grid;grid-template-columns:1fr}
  .issue-actions button{width:100%}
  .issue-history-launcher{right:10px;bottom:10px;max-width:calc(100vw - 20px)}
}
@media(prefers-reduced-motion:reduce){.issue-dialog::backdrop{backdrop-filter:none}}
