/* LamsaGuard customer account page (v14) */
.acct{padding-block:56px 100px;min-height:70vh;background:radial-gradient(800px 420px at 85% 0%,rgba(46,123,168,.18),rgba(0,0,0,0) 70%),var(--bg)}
[hidden]{display:none!important}
.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:56px;align-items:center}
.auth-side h1{font-size:clamp(34px,4.6vw,54px);line-height:1.05;margin-bottom:16px}
.auth-list{margin:26px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;color:var(--soft)}
.auth-list li{padding-left:28px;position:relative}
.auth-list li:before{content:"";position:absolute;left:4px;top:8px;width:10px;height:10px;border-radius:3px;background:var(--orange)}
.auth-card{padding:28px}
.auth-tabs{display:flex;gap:8px;margin-bottom:22px}
.auth-tabs .tab{flex:1}
.aform{display:flex;flex-direction:column;gap:16px}
.aform .btn{width:100%}
.aform-h{font-size:24px}
.muted-p{color:var(--muted);font-size:15px}
.small-link{font-size:14px;text-align:center}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted)}
.agree input{width:18px;height:18px;margin-top:2px;accent-color:var(--orange)}
.plan-note{padding:12px 14px;border-radius:12px;border:1px solid #2E5A92;background:#10223F;color:#CFE0F7;font-size:14px}
.loading-acct{color:var(--muted);text-align:center;padding:60px 0}
.dash-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.dash-head h1{font-size:clamp(30px,4vw,44px)}
.notice{padding:14px 18px;border-radius:14px;background:#1A2B46;border:1px solid #2E4E80;color:#DCE8F8;margin-bottom:18px}
.dgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start}
.dcol{display:flex;flex-direction:column;gap:20px;min-width:0}
.box{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px}
.box h2{font-size:20px;margin-bottom:6px;display:flex;align-items:center;gap:10px}
.box .sub{color:var(--muted);font-size:14.5px;margin-bottom:16px}
.plan-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.plan-name{font:700 28px var(--display)}
.pl{display:inline-flex;align-items:center;font:600 13px var(--body);padding:4px 12px;border-radius:99px;border:1px solid transparent}
.pl.good{background:rgba(62,232,136,.1);color:#7BF0AE;border-color:rgba(62,232,136,.25)}
.pl.info{background:rgba(127,192,255,.1);color:#A9D4FF;border-color:rgba(127,192,255,.25)}
.pl.warn{background:rgba(240,160,48,.1);color:#F5C07A;border-color:rgba(240,160,48,.3)}
.pl.bad{background:rgba(255,106,106,.1);color:#FF9A9A;border-color:rgba(255,106,106,.3)}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.fact{background:var(--card2);border:1px solid var(--line2);border-radius:14px;padding:12px 14px}
.fact span{display:block;font-size:12.5px;color:var(--faint)}
.fact b{display:block;font:600 17px var(--display);margin-top:3px}
.btnrow{display:flex;gap:10px;flex-wrap:wrap}
.btn.sm{min-height:40px;padding:0 16px;font-size:14px;border-radius:11px}
.alert{padding:12px 14px;border-radius:12px;font-size:14.5px;margin-bottom:14px}
.alert.warn{background:#2A2210;border:1px solid #6B5020;color:#F5D59A}
.alert.bad{background:#2A1414;border:1px solid #7A2F2F;color:#FFB3AA}
.cycle{display:inline-flex;background:#0F1C33;border:1px solid #2A3F66;border-radius:99px;padding:4px;margin-bottom:16px}
.cycle button{border:0;background:transparent;color:var(--muted);font:600 14px var(--display);padding:8px 16px;border-radius:99px;cursor:pointer}
.cycle button.on{background:var(--orange);color:#1A0E02}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pcard{border:1px solid var(--line);background:var(--card2);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px}
.pcard.hot{border-color:rgba(224,120,32,.55);box-shadow:0 0 0 1px rgba(224,120,32,.25) inset}
.pcard h3{font-size:19px}
.pcard .price{font:700 30px var(--display)}
.pcard .price small{font:500 14px var(--body);color:var(--muted)}
.pcard ul{margin:0;padding-left:18px;color:var(--soft);font-size:14px}
.pcard .btn{margin-top:auto}
.list{display:flex;flex-direction:column;gap:8px}
.li{display:flex;gap:12px;align-items:center;background:var(--card2);border:1px solid var(--line2);border-radius:14px;padding:12px 14px;min-width:0}
.li .grow{flex:1;min-width:0}
.li .t{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.li .s{font-size:13px;color:var(--faint)}
.dotp{width:9px;height:9px;border-radius:50%;background:#56688A;flex:0 0 auto}
.dotp.on{background:var(--green);box-shadow:0 0 0 4px rgba(62,232,136,.15)}
.dotp.warn{background:var(--amber)}
.locked{padding:16px;border-radius:14px;border:1px dashed #33507F;color:var(--muted);font-size:14.5px}
.steps{margin:0;padding-left:20px;color:var(--soft);display:flex;flex-direction:column;gap:8px;font-size:15px}
.thread{display:flex;flex-direction:column;gap:10px;margin:12px 0;max-height:380px;overflow:auto}
.bub{padding:11px 14px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;max-width:92%}
.bub .w{display:block;font-size:12px;color:var(--faint);margin-bottom:4px;white-space:normal}
.bub.me{background:var(--card2);border:1px solid var(--line);align-self:flex-end}
.bub.us{background:#1B3355;border:1px solid #2C4F82;align-self:flex-start}
.tform{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.tform textarea,.tform input,.tform select{width:100%;border-radius:12px;border:1px solid #2A3F66;background:#0B172B;color:var(--text);font:500 15px var(--body);padding:11px 13px}
.tform textarea{min-height:110px;resize:vertical}
.okmsg{color:#9FF0C4;font-size:14px}
.errmsg{color:#FFB3AA;font-size:14px}
@media (max-width:900px){.auth{grid-template-columns:minmax(0,1fr);gap:30px}.auth-side{order:2}.dgrid{grid-template-columns:minmax(0,1fr)}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.plans{grid-template-columns:minmax(0,1fr)}.auth-card,.box{padding:20px}.acct{padding-block:32px 80px}}
.alert.good{background:#0F2A1E;border:1px solid #2F7A52;color:#9FF0C4}
.pcard .was{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--dim)}
.pcard .was s{text-decoration-color:rgba(255,106,106,.8)}
.pcard .off{font:700 11px var(--mono);letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:#0F2A1E;color:#7EE8B0;border:1px solid #2F7A52}
.pcard .trial-link{display:block;text-align:center;font-size:13.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;margin-top:2px}
.pcard .trial-link:hover{color:#fff}
/* v20: attachments on questions / replies */
.att-wrap{margin:4px 0 2px}
.att-wrap .att-row small{font-size:12.5px}
.bub .att-note{display:block;margin-top:6px;font-size:12.5px;color:#9FB6D6}

/* 1.0: download warning help pop-up */
.dh-ov{position:fixed;inset:0;z-index:200;background:rgba(4,9,18,.78);display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto}
.dh-box{position:relative;background:var(--card);border:1px solid #2E4A7A;border-radius:22px;max-width:620px;width:100%;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.5);margin:auto 0}
.dh-box h2{font-size:26px;margin:0 0 8px}
.dh-lead{color:var(--muted);font-size:15px;margin:0 0 18px}
.dh-x{position:absolute;right:14px;top:10px;background:none;border:0;color:var(--dim);font:600 22px var(--display);cursor:pointer;padding:6px 10px}
.dh-step{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--line2)}
.dh-n{flex:0 0 32px;height:32px;border-radius:50%;background:var(--orange);color:#1A0E02;font:700 16px var(--display);display:flex;align-items:center;justify-content:center}
.dh-b{flex:1;min-width:0}
.dh-t{font:700 17px var(--display);color:#fff;margin-bottom:4px}
.dh-p{color:var(--soft);font-size:14.5px;line-height:1.5}
.dh-mock{margin-top:10px;border-radius:12px;padding:12px 14px;font-family:"Segoe UI",Arial,sans-serif;font-size:13px;max-width:380px}
.dh-edge{background:#fff;color:#1b1b1b;border:1px solid #d0d0d0}
.dh-mt{font-weight:700;margin-bottom:6px}
.dh-mp{color:#444;margin:4px 0}
.dh-row{display:flex;gap:8px;margin:8px 0 4px;flex-wrap:wrap}
.dh-row.r{justify-content:flex-end}
.dh-fake{border:1px solid #bbb;border-radius:6px;padding:4px 12px;background:#f3f3f3;color:#222}
.dh-fake.hot{border:2px solid var(--orange);background:#FFF1E4;font-weight:700}
.dh-smart{background:#1F5FAD;color:#fff}
.dh-st{font-size:18px;font-weight:600;margin-bottom:6px}
.dh-sp{color:#DCE8F8}
.dh-link{display:inline-block;margin-top:8px;text-decoration:underline;color:#fff}
.dh-link.hot{outline:2px solid var(--orange);outline-offset:3px;border-radius:3px;font-weight:700}
.dh-fake.w{background:#1F5FAD;color:#fff;border-color:#fff}
.dh-fake.w.hot{border:2px solid var(--orange);background:#2B6FC2}
.dh-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}
.dh-again{font-size:14px;color:var(--muted)}
.dh-small{color:var(--faint);font-size:12.5px;margin:14px 0 0}
@media (max-width:520px){.dh-box{padding:22px 18px}.dh-box h2{font-size:22px}}

/* v1.0 (2026-10-06): free trial plan picker on the sign-up form */
.trial-pick{margin:-4px 0 14px}.trial-pick .tp-l{font:600 13px var(--display);color:var(--muted);margin-bottom:6px}.trial-pick .cycle{margin-bottom:0;flex-wrap:wrap}