/* The form uses the app's existing theme tokens and modal manager. Its Home entry is a .guide-replay
   in .mine-actions (discovery-ux.css); the About entry is a .btn-exp beside Support. */
#suggestions-ov{position:fixed;inset:0;z-index:10010;background:rgba(8,4,12,.7);display:none;align-items:center;justify-content:center;padding:12px}
#suggestions-ov.show{display:flex}
.sg-box{box-sizing:border-box;width:min(590px,100%);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:22px;padding:22px;background:var(--bg2);color:var(--fg);box-shadow:0 20px 80px #0005;text-align:left}
.sg-box *{box-sizing:border-box}
.sg-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.sg-head h2{flex:1;min-width:0;font-size:20px;line-height:1.4;margin:0;overflow-wrap:anywhere}
.sg-close{border:1px solid var(--border);border-radius:12px;min-height:44px;min-width:44px;flex-shrink:0;background:var(--bg3);color:var(--fg);font-size:20px;cursor:pointer}
.sg-box p{font-size:14px;line-height:1.65;color:var(--sub2);margin:0 0 16px}
.sg-field{display:grid;gap:7px;margin:14px 0;font-size:14px;font-weight:700}
.sg-field input,.sg-field textarea,.sg-field select{width:100%;min-width:0;font:inherit;font-weight:400;font-size:16px;line-height:1.5;padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--bg3);color:var(--fg)}
.sg-field textarea{resize:vertical;min-height:130px}
.sg-field input[readonly]{opacity:.8}
.sg-box .sg-note{font-size:12px;margin:0 0 14px}
.sg-box button:focus-visible,.sg-box input:focus-visible,.sg-box textarea:focus-visible,.sg-box select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.sg-box button:disabled{opacity:.55;cursor:wait}
.sg-primary{width:100%;min-height:46px;border:1px solid var(--gold);border-radius:12px;padding:10px 14px;background:var(--gold);color:#38230c;font:inherit;font-weight:800;cursor:pointer}
.sg-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:12px 0}
.sg-notice{line-height:1.6;overflow-wrap:anywhere;margin:12px 0;color:var(--fg)}
.sg-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sg-card{border:1px solid var(--border);padding:14px;border-radius:14px;margin:12px 0;background:var(--bg3);overflow-wrap:anywhere}
.sg-card.is-unread{border-color:var(--gold)}
.sg-meta{font-size:12px;line-height:1.7;color:var(--sub2)}
.sg-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sg-actions button{min-height:44px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg3);color:var(--fg);font:inherit;cursor:pointer}
.sg-actions button:disabled{opacity:.5}
.sg-reply{border-top:1px solid var(--border);padding-top:10px;margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}
#ow-ov #owner-suggestions-view{--bg2:var(--ow-card);--bg3:var(--ow-card2);--fg:var(--ow-tx);--border:var(--ow-bd);--sub2:var(--ow-sub);--gold:var(--ow-accent);position:absolute;inset:var(--ow-top-h,64px) 0 0;z-index:29;background:var(--ow-bg);overflow:auto;padding:12px;overscroll-behavior:contain}
#ow-ov #owner-suggestions-view[hidden]{display:none}
#ow-ov #owner-suggestions-view .sg-box{margin:0 auto;max-height:none;overflow:visible;width:min(850px,100%);box-shadow:none}
#owner-suggestions-btn{white-space:normal}
@media(max-width:390px){.sg-box{padding:16px;border-radius:16px}.sg-head h2{font-size:17px}#suggestions-ov{padding:8px}.sg-box{max-height:calc(100dvh - 16px)}.sg-card{padding:10px}}
#owner-suggestions-btn[hidden]{display:none!important}

#ow-ov #owner-suggestions-view .sg-primary{color:#fff;background:#1d4ed8;border-color:#1d4ed8}
