.support-dialog{box-sizing:border-box;width:calc(100% - 28px);max-width:560px;max-height:88dvh;padding:22px;border:3px solid #a08a55;border-radius:16px;background:linear-gradient(135deg,#f3edd5,#e9e4c8);color:#385541;box-shadow:inset 0 2px 0 #fff8df,0 24px 70px #020c0a80;font-family:Play,home-play,sans-serif;overflow:auto}
.support-dialog::backdrop{background:#071a12ad;backdrop-filter:blur(4px)}
.support-dialog header{display:flex;align-items:center;gap:10px;border-bottom:1px solid #a99b6d77;padding:0 0 14px;margin-bottom:14px}.support-dialog h2{flex:1;font-size:24px;margin:0}.support-dialog button,.support-dialog select{font:inherit;cursor:pointer;border:1px solid #a89b70;border-radius:8px;background:#f6efd7;color:#385541;padding:9px 12px;min-height:38px}.support-dialog button:hover{background:#e0e4c4}.support-dialog button:disabled{opacity:.55;cursor:wait}.support-dialog button:focus-visible,.support-dialog textarea:focus-visible{outline:2px solid #607547;outline-offset:2px}.support-dialog .support-close,.support-dialog .support-back{font-size:24px;line-height:1;min-width:38px;padding:4px}.support-dialog [hidden]{display:none!important}
.support-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.support-dialog .support-primary{background:#385b49;color:#fff4d1;border-color:#385b49}.support-dialog .support-primary:hover{background:#476e55}.support-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;text-align:left}.support-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-badge{font-size:12px;padding:4px 8px;white-space:nowrap;border-radius:12px;background:#dfdbc0;color:#5b6547}.support-badge.replied{background:#d9e2b9;color:#385541}.support-badge.resolved{background:#cedbc4;color:#385541}
.support-dialog .support-muted{font-size:12px;line-height:1.5;color:#657252;margin:12px 0}.support-note{font-size:13px;line-height:1.5;color:#89523d}.support-note:empty{display:none}.support-dialog form{display:grid;gap:10px;margin-top:14px}.support-dialog label{display:grid;gap:6px;font-size:14px;font-weight:700}.support-dialog textarea{box-sizing:border-box;width:100%;min-height:95px;resize:vertical;max-height:240px;padding:10px;border:1px solid #a89b70;border-radius:9px;background:#fff9e6;color:#354b3a;font:inherit;font-size:16px;user-select:text}.support-dialog form>button{justify-self:end}.support-history{max-height:36dvh;overflow:auto;overscroll-behavior:contain}.support-message{border-radius:10px;background:#e0dfc3;padding:12px;margin:8px 0}.support-message.support{background:#d3dfc1;margin-left:18px}.support-message small{font-size:11px;color:#667455}.support-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5;margin:6px 0 0}
@media(max-width:480px){.support-dialog{padding:16px}.support-dialog h2{font-size:21px}.support-tools{gap:6px}.support-dialog button{padding:8px 10px}.support-message.support{margin-left:10px}}

/* Consistent, heavier controls and aligned header icons. */
.support-dialog{font-weight:700}.support-dialog header{gap:12px;min-height:42px}.support-dialog .support-close,.support-dialog .support-back{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:2px solid #a89b70;border-radius:10px;background:linear-gradient(#f8f0d7,#dedbb9);box-shadow:inset 0 1px 0 #fff9e9,0 2px 0 #a3a37a55}.support-dialog header svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.support-dialog h2{line-height:1.2}.support-dialog button,.support-dialog select{font-weight:700}.support-dialog textarea{font-weight:400}

/* Resolved conversations remain readable, with a visibly locked composer. */
.support-body.is-resolved .support-history{opacity:.5}
.support-body.is-resolved form{opacity:.25}
.support-body.is-resolved textarea{resize:none;background:#e0dfce;cursor:not-allowed}
.support-body.is-resolved form button:disabled{opacity:1;cursor:not-allowed}

/* Keep the shell stable; long lists and text scroll inside the available viewport. */
.support-dialog{position:fixed;inset:auto;left:50%;top:calc(var(--support-top,0px) + var(--support-height,100dvh)/2);transform:translate(-50%,-50%);margin:0;height:min(580px,calc(var(--support-height,100dvh) - 24px));max-height:calc(var(--support-height,100dvh) - 24px);overflow:hidden}
.support-dialog[open]{display:flex;flex-direction:column}.support-dialog header,.support-dialog>.support-note{flex:none}.support-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere;scrollbar-gutter:stable}
.support-body[data-view=thread]{display:flex;flex-direction:column}.support-body[data-view=thread]>.support-tools,.support-body[data-view=thread]>form,.support-body[data-view=thread]>.support-muted{flex:none}.support-body[data-view=thread]>.support-history{flex:1;min-height:70px;max-height:none}
.support-dialog textarea{resize:none;height:clamp(72px,16dvh,120px);min-height:72px;max-height:120px}.support-row{box-sizing:border-box;max-width:100%;min-width:0;min-height:44px}.support-row .support-badge{flex:none}.support-dialog .support-message{flex-shrink:0}
@media(max-height:500px){.support-dialog{padding:12px 16px}.support-dialog header{padding-bottom:8px;margin-bottom:8px}.support-dialog .support-tools{margin-bottom:6px}.support-dialog form{margin-top:6px;gap:6px}.support-dialog textarea{height:72px}.support-dialog h2{font-size:21px}}