#support-dialog{width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 28px);padding:24px;border:1px solid #becfc7;border-radius:22px;background:#f7f9f4;color:#23443e;overflow:auto}
#support-dialog::backdrop{background:#173a3459}
#support-dialog .support-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
#support-dialog h2{margin:0;font-size:1.5rem}
#support-dialog .support-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
#support-dialog .support-grid button{min-height:86px;text-align:left;padding:14px;white-space:normal}
#support-dialog button{min-height:44px;white-space:normal;height:auto}
#support-dialog .support-grid small{display:block;font-weight:normal;margin-top:5px}
#support-dialog pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:12px;max-height:300px;overflow:auto}
#support-dialog .field input,#support-dialog textarea,#support-dialog select{width:100%;box-sizing:border-box}
#support-dialog .support-preview{border:1px solid #becfc7;border-radius:12px;padding:14px;overflow-wrap:anywhere}
#support-dialog .support-secondary{display:grid;gap:10px;margin-top:14px}
#support-dialog .support-secondary button{text-align:left}
#support-dialog .support-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#support-dialog .support-actions button{flex:1;min-width:125px}
#support-dialog img{max-width:100%;height:auto}
#support-rescue:not([hidden]){position:fixed;bottom:18px;right:18px;z-index:100000;border-radius:24px;padding:10px 20px;background:#23443e;color:white}
.task-estimate{display:block;margin-top:5px;font-size:.85rem;color:#385b52}
.report-options{border:1px solid #becfc7;border-radius:12px;padding:12px;margin:16px 0;min-width:0}
.report-options .check-row{align-items:flex-start;white-space:normal}
.asset-list-contact{max-width:calc(100% - 24px);margin-inline:auto!important}
@media(max-width:360px){#support-dialog{padding:18px}.support-grid{gap:8px!important}}

/* Report modes use compact radios, not the general full-width input rule. */
.report-options .check-row{display:flex;align-items:center;gap:10px;min-height:44px;margin:5px 0;padding:5px 0;cursor:pointer}
.report-options input[type=radio]{display:block;width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;flex:0 0 22px;margin:0;padding:0;accent-color:var(--green)}
.report-options .check-row span{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}
.report-options .small{margin:12px 0 0}
.report-date178 input[readonly]{background:#fff;color:var(--green);opacity:1;-webkit-text-fill-color:var(--green)}
.report-impact178{margin:14px 0;white-space:pre-line;overflow-wrap:anywhere}

/* The page title has its own line; permanent navigation must fit narrow phones. */
#support-dialog .support-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
#support-dialog .support-head h2{grid-column:1/-1;grid-row:2;overflow-wrap:anywhere;min-width:0}
#support-dialog [data-support-menu]{grid-column:1;grid-row:1;text-align:left}
#support-dialog [data-guide-replay168]{grid-column:2;grid-row:1}
#support-dialog [data-support-close]{grid-column:3;grid-row:1}