/* Ads HQ v2 additions on top of the approved v1 design layer (app.css). */
.gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--canvas);}
.gate .card{width:100%;max-width:380px;background:var(--surface);border-radius:var(--r-lg);padding:28px 22px 22px;}
.gate h1{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:.013em;}
.gate p{font-size:15px;color:var(--ink2);letter-spacing:-.016em;margin-top:4px;line-height:1.4;}
.gate form{margin-top:22px;display:grid;gap:12px;}
.gate input{font:inherit;font-size:17px;letter-spacing:-.024em;color:var(--ink);background:var(--fill);border:0;border-radius:10px;min-height:48px;padding:0 14px;width:100%;}
.gate input:focus{outline:2px solid var(--tint);outline-offset:0;}
.gate .msg{font-size:13px;color:var(--ink2);min-height:18px;}
.gate .msg.err{color:var(--red-text);}
.ask-box{display:grid;gap:10px;}
.ask-box textarea{width:100%;min-height:76px;resize:vertical;border:0;border-radius:var(--r);padding:11px 16px;background:var(--surface);color:var(--ink);font:inherit;font-size:17px;line-height:1.35;letter-spacing:-.024em;}
.ask-box textarea:focus{outline:2px solid var(--tint);outline-offset:0;}
.ask-box .btn{justify-self:end;}
.qa{list-style:none;margin:0;padding:0;}
.qa li{padding:11px 16px;position:relative;}
.qa li + li::before{content:'';position:absolute;left:16px;right:0;top:0;height:1px;background:var(--hair);}
.qa b{display:block;font-weight:400;font-size:13px;color:var(--ink2);letter-spacing:-.006em;}
.qa span{display:block;font-size:17px;margin-top:2px;}
.lrow.won .stage,.lrow.appointment .stage{color:var(--ok);}
.lrow.lost .stage,.lrow.spam .stage{color:var(--ink3);}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:6px;vertical-align:1px;}