/* ScamShield site + member dashboard. The existing task pages and their hooks remain intact. */
.top-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;white-space:nowrap}.top-brand .brand-mark{flex:none;width:35px;height:40px;margin:0;transform:scale(.76)}.top-brand b{font-size:20px;letter-spacing:-.045em}.top-brand small{display:block;color:#b9d7f4;font-size:12px;letter-spacing:.02em}
.site-links{display:flex;align-items:center;gap:8px;margin:auto}.site-links button{border:0;background:none;color:#dce9fc;padding:11px 10px;font-size:13px}.site-links button:hover,.site-links button:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:6px}
.home-signin,.home-start{display:none}.top-brand{display:none}
.landing-view{background:#edf5ff}.landing-view .app-shell{display:block}.landing-view .sidebar{display:none}.landing-view .main-area{display:block;width:100%}.landing-view .topbar{height:78px;padding:0 max(28px,calc((100vw - 1480px)/2));background:#07182d;border-bottom:1px solid #2e5881;position:relative;z-index:3;gap:20px}.landing-view .top-brand{display:flex}.landing-view .search-shell,.landing-view #account-pill,.landing-view .global-badge{display:none}.landing-view .home-signin,.landing-view .home-start{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:41px}.landing-view .home-signin{background:transparent;border-color:#628caf}.landing-view .home-start{border-color:#187ff2;background:linear-gradient(115deg,#1766ed,#16a1f2);color:white;font-weight:700}.landing-view .language-switch{background:#123456;border-color:#4775a7}.landing-view .top-actions{gap:10px}
.landing-view .workspace{max-width:none;padding:0;margin:0}.landing-hero{position:relative;min-height:660px;padding:58px max(28px,calc((100vw - 1480px)/2)) 126px;background:#07172d url('/assets/scamshield-hero-globe-businessman.jpg') center 45%/cover no-repeat;overflow:hidden}.landing-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,30,.88) 0%,rgba(3,14,30,.66) 31%,rgba(3,14,30,.15) 57%,rgba(3,14,30,0) 77%);pointer-events:none}.landing-content{position:relative;z-index:1;max-width:750px}.landing-eyebrow{margin:0 0 16px;color:#9be2ff;font-weight:800;letter-spacing:.17em;font-size:12px}.landing-content h1{font-size:clamp(42px,4.5vw,74px);letter-spacing:-.055em;line-height:1.02;margin:0 0 16px;color:#fff;max-width:730px}.landing-content h1 span{color:#7aa8ff}.landing-lead{font-size:17px;line-height:1.55;max-width:635px;color:#e1eeff;margin:0 0 32px}.landing-search{max-width:740px}.landing-tabs{display:flex;gap:0;max-width:625px;border:1px solid #456a9b;border-bottom:0;border-radius:13px 13px 0 0;background:rgba(3,20,42,.83);overflow:hidden}.landing-tabs button{flex:1;min-height:51px;border:0;border-right:1px solid #385379;border-radius:0;background:transparent;color:#dce9fd;font-weight:650}.landing-tabs button:last-child{border-right:0}.landing-tabs button.selected{color:#fff;background:#176be9;box-shadow:inset 0 -3px #75d9ff}.landing-start-form{display:flex;gap:8px;padding:8px;border:1px solid #5481b4;border-radius:0 14px 14px 14px;background:rgba(3,22,46,.86)}.landing-start-form input{flex:1;min-width:0;border:0;background:#eaf5ff;color:#102441;border-radius:9px;padding:14px 18px;font-size:15px}.landing-start-form input::placeholder{color:#607595}.landing-start-form button{border:0;min-width:176px;border-radius:9px;color:#fff;font-weight:800;background:linear-gradient(120deg,#196aef,#25aafa)}.landing-hint{font-size:12px;color:#bdd8f5;margin:9px 0 0}.landing-service-chips{position:absolute;z-index:1;top:115px;left:53%;display:grid;gap:12px;pointer-events:none}.landing-service-chips span{display:block;width:max-content;max-width:250px;padding:11px 16px;border-radius:13px;border:1px solid #6ab8ed88;background:#081d37df;box-shadow:0 12px 28px #0004;font-weight:700;color:#f6fbff}.landing-service-chips span:nth-child(2){margin-left:75px}.landing-service-chips span:nth-child(3){margin-left:24px}.landing-service-chips span:nth-child(4){margin-left:112px}.landing-benefits{position:absolute;z-index:1;bottom:22px;left:max(28px,calc((100vw - 1480px)/2));right:max(28px,calc((100vw - 1480px)/2));display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid #a9d7ff5e;padding-top:18px}.landing-benefits>div{border-right:1px solid #9ac8ff45;padding-right:12px}.landing-benefits>div:last-child{border:0}.landing-benefits b{display:block;font-size:14px;color:white}.landing-benefits small{display:block;color:#b6d1ed;margin-top:5px;line-height:1.35}
.landing-services{position:relative;z-index:2;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));max-width:1600px;margin:-1px auto 0;padding:23px max(18px,calc((100vw - 1550px)/2));border-radius:20px;background:white;box-shadow:0 16px 35px #153a651a}.landing-services button{text-align:start;display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px 13px;border:0;border-right:1px solid #dce8f6;border-radius:0;background:none;color:#172945}.landing-services button:last-child{border:0}.landing-services button:hover,.landing-services button:focus-visible{background:#eef6ff;border-radius:12px}.landing-services b{font-size:12px;line-height:1.25}.landing-services small{font-size:12px;line-height:1.35;color:#5c708c}.service-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-size:20px}.service-icon.green{background:#ddfbf0;color:#009c74}.service-icon.blue{background:#e4f0ff;color:#1768df}.service-icon.red{background:#ffebee;color:#df3e64}.service-icon.violet{background:#efe9ff;color:#6a49df}.service-icon.orange{background:#fff1e2;color:#de8419}.landing-next{text-align:center;padding:66px 22px 84px;color:#142943}.landing-next h2{margin:0;font-size:clamp(25px,3vw,38px)}.landing-next p{color:#5e718c;font-size:15px}.landing-next-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:23px}.landing-next-actions button{padding:14px 21px;border-radius:10px}.landing-next-actions button:first-child{background:#176ceb;color:white;border-color:#176ceb}
/* Dashboard follows the reference's dark sidebar, KPI row, map and activity column. */
#page-dashboard{max-width:1460px;margin:0 auto}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 28px}.dashboard-heading h1{color:#65e9c1;font-size:clamp(26px,3vw,40px);margin:8px 0 6px}.dashboard-heading p{margin:0;color:var(--muted)}.dashboard-heading>button{background:linear-gradient(110deg,#176be9,#7954ee);border:0;color:#fff;padding:14px 20px;font-weight:750}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dashboard-stats button{display:flex;flex-direction:column;text-align:start;gap:12px;min-height:127px;padding:21px;border:1px solid #2b5278;background:linear-gradient(145deg,#0d2944,#0a1c33);border-radius:15px}.dashboard-stats strong{font-size:35px;line-height:1;color:#fff}.dashboard-stats span{color:#a9bed7}.dashboard-stats button:last-child strong{color:#ff798b}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.92fr);gap:17px;margin-top:20px}.dashboard-map,.dashboard-activity,.dashboard-tools{border:1px solid #285074;border-radius:17px;background:#081b33;padding:21px}.dashboard-grid h2,.dashboard-tools h2{font-size:18px;margin:0 0 17px}.dashboard-map-art{position:relative;height:275px;overflow:hidden;border:1px solid #193e69;border-radius:13px;background:radial-gradient(circle at 50% 45%,#1447787b,transparent 42%),repeating-linear-gradient(0deg,transparent 0 34px,#3278c819 35px 36px),repeating-linear-gradient(90deg,transparent 0 43px,#3278c819 44px 45px),#06182c}.dashboard-map-art:after{content:'◎';position:absolute;left:47%;top:42%;font-size:60px;color:#52b9f7;opacity:.8}.map-orbit{position:absolute;width:70%;height:80%;left:15%;top:10%;border:1px solid #499bec63;border-radius:50%}.orbit-two{transform:scaleX(.5)}.orbit-three{transform:scaleY(.5)}.map-continent{position:absolute;background:#2a80b5;opacity:.25;filter:blur(9px);border-radius:55% 45% 70% 35%}.c1{width:20%;height:26%;left:12%;top:19%;transform:rotate(-30deg)}.c2{width:18%;height:38%;left:30%;top:48%;transform:rotate(15deg)}.c3{width:34%;height:30%;left:51%;top:24%;transform:rotate(12deg)}.c4{width:14%;height:25%;left:73%;top:62%}.dashboard-map>p{min-height:34px;color:#b7c9df;overflow-wrap:anywhere}.dashboard-map>button,.dashboard-activity>button{color:#9dc7ff;background:none;border:0;padding:8px 0}.dashboard-activity{display:flex;flex-direction:column}.dashboard-activity>button{align-self:start;margin-top:auto}.dashboard-event{display:flex;align-items:center;gap:13px;width:100%;padding:13px 5px;background:none;border:0;border-bottom:1px solid #234469;text-align:left}.dashboard-event>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#163d60;color:#7fd3ff}.dashboard-event b{display:block;color:#f1f7ff}.dashboard-event small{display:block;color:#9bb1cf;margin-top:4px}.dashboard-tools{margin-top:18px}.dashboard-tools>div{display:flex;flex-wrap:wrap;gap:10px}.dashboard-tools button{padding:12px 15px;border-radius:10px;background:#11375c;border:1px solid #2c6391;color:#eaf5ff}
body:not(.landing-view) .top-brand{display:flex}body:not(.landing-view) .site-links{display:none}body:not(.landing-view) .topbar{gap:18px}body:not(.landing-view) .search-shell{margin-right:auto}.side-nav button.active{background:linear-gradient(110deg,#176be9,#385edb);color:white}.nav-icon{font-style:normal}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid #6bc4ff;outline-offset:3px}
[dir=rtl] .landing-content,[dir=rtl] .landing-services button,[dir=rtl] .dashboard-stats button,[dir=rtl] .dashboard-event{text-align:right}[dir=rtl] .landing-hero:before{background:linear-gradient(270deg,rgba(3,14,30,.86),rgba(3,14,30,.35) 50%,transparent 80%)}
@media(max-width:1100px){.landing-service-chips{display:none}.landing-services{grid-template-columns:repeat(4,1fr)}.landing-services button:nth-child(4){border-right:0}.dashboard-grid{grid-template-columns:1fr}.site-links{gap:0}.site-links button{padding:8px 5px}}
@media(max-width:820px){.landing-view .topbar{padding:12px 18px;height:auto;flex-wrap:wrap}.landing-view .site-links{order:3;width:100%;justify-content:space-between;overflow-x:auto}.landing-hero{padding:55px 24px 145px;min-height:690px;background-position:62% center}.landing-hero:before{background:linear-gradient(90deg,#061730ed 0%,#061730a6 60%,#06173030)}.landing-benefits{left:24px;right:24px;grid-template-columns:repeat(2,1fr)}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.landing-view .top-actions{display:flex}.landing-view .language-switch{display:flex}.landing-view .home-signin{display:none}.landing-view .home-start{font-size:12px;padding:9px}.landing-view .top-brand b{font-size:16px}.landing-view .top-brand small{display:none}.landing-view .site-links button{font-size:12px}.landing-content h1{font-size:42px}.landing-hero{min-height:775px;background-position:59% center;padding:48px 17px 160px}.landing-hero:before{background:linear-gradient(90deg,#061730f5,#061730ae 78%,#06173064)}.landing-lead{font-size:14px}.landing-tabs button{font-size:12px;min-height:45px}.landing-start-form{flex-direction:column}.landing-start-form button{min-height:45px}.landing-benefits{left:17px;right:17px}.landing-benefits b{font-size:12px}.landing-benefits small{font-size:12px}.landing-services{grid-template-columns:repeat(2,1fr)}.landing-services button:nth-child(even){border-right:0}.dashboard-heading{align-items:start;flex-direction:column}.dashboard-stats{gap:8px}.dashboard-stats button{padding:14px;min-height:105px}.dashboard-stats strong{font-size:26px}.dashboard-map-art{height:210px}.dashboard-tools button{flex:1}}
/* Unified contour icons for site capabilities and member navigation. */
.nav-icon svg{display:block;width:21px;height:21px;stroke:currentColor}.service-icon svg{display:block;width:23px;height:23px;stroke:currentColor}.landing-service-chips span{display:flex;align-items:center;gap:10px}.landing-service-chips svg{display:block;flex:none;width:19px;height:19px;color:#83cbff;stroke:currentColor}
@media(max-width:1200px){body:not(.landing-view) .search-shell{display:none}}
.landing-start-form .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.landing-services b,.landing-next h2{color:#172945}

/* Stage 99: match the chosen two-panel composition while keeping every route accessible. */
.landing-view{background:#061426}
.landing-view .topbar{height:78px;background:#07172b;border-bottom:0;padding-inline:max(38px,calc((100vw - 1480px)/2))}
.landing-view .top-brand small{display:none}
.landing-view .site-links{gap:17px}
.landing-view .site-links button{font-size:14px;color:#e3ebf8}
.landing-view .home-start{background:linear-gradient(115deg,#1764f4,#23a9ec);box-shadow:0 9px 30px #0d84ff50}
.landing-view .language-switch{background:transparent;border-color:transparent}
.landing-view .language-label{display:none}
.landing-hero{min-height:740px;padding:64px max(48px,calc((100vw - 1480px)/2)) 165px;background-position:center 42%}
.landing-hero:before{background:linear-gradient(90deg,#061426e8 0%,#061426ca 25%,#06142650 51%,#06142600 75%)}
.landing-content{max-width:750px}
.landing-eyebrow{margin-bottom:20px;color:#dceaff;font-size:13px;letter-spacing:.13em}
.landing-content h1{font-size:clamp(52px,5.2vw,78px);line-height:1.04;letter-spacing:-.055em;margin-bottom:19px;text-shadow:0 2px 23px #06142674}
.landing-content h1 span{color:#9daaff;background:linear-gradient(90deg,#9fa9ff,#54c7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.landing-lead{max-width:520px;font-size:19px;line-height:1.45;margin-bottom:43px;color:#e0e9f5}
.landing-search{max-width:690px}
.landing-tabs{max-width:500px;background:#071a2de8;border-color:#315676}
.landing-tabs button{min-height:51px;font-size:14px;border-color:#315676}
.landing-tabs button.selected{background:linear-gradient(180deg,#1c3f67,#173052);box-shadow:inset 0 -3px #b969fc}
.landing-start-form{padding:11px;border-color:#3573af;background:#0d2846dd;box-shadow:0 20px 50px #0005}
.landing-start-form input{background:#17375b;color:#fff;border:1px solid #4979ac;min-height:55px}
.landing-start-form input::placeholder{color:#b9cbe4}
.landing-start-form button{min-width:175px;background:linear-gradient(120deg,#2468e9,#8d3feb);font-size:15px;box-shadow:0 0 0 1px #93acff7a,inset 0 1px #fff6}
.landing-hint{color:#aec9e5}
.landing-service-chips{left:58%;top:120px;gap:15px}
.landing-service-chips span{min-height:53px;font-size:14px;padding:7px 15px 7px 7px;border-color:#4d8bc19c;background:#0a2440ed;box-shadow:0 12px 25px #0008}
.landing-service-chips span:nth-child(2){margin-left:75px}.landing-service-chips span:nth-child(3){margin-left:12px}.landing-service-chips span:nth-child(4){margin-left:85px}
.landing-service-chips svg{width:38px;height:38px;padding:9px;border-radius:10px;background:#145b84;color:#8bddff}
.landing-service-chips span:nth-child(2) svg{background:#1857ab;color:#e4f0ff}
.landing-service-chips span:nth-child(3) svg{background:#a62d52;color:#fff0f5}
.landing-service-chips span:nth-child(4) svg{background:#087861;color:#dbfff5}
.landing-benefits{bottom:0;left:0;right:0;min-height:143px;align-items:center;gap:0;padding:22px max(48px,calc((100vw - 1480px)/2));background:linear-gradient(90deg,#06111edb,#07172bcf);border-top:1px solid #79aff75c}
.landing-benefits>div{display:flex;align-items:center;gap:14px;min-width:0;padding:5px 16px;border-right:1px solid #9ac8ff39}
.landing-benefits>div:first-child{padding-left:0}.landing-benefits b{font-size:16px;color:#fff}.landing-benefits small{font-size:12px;color:#b9cce2}
.benefit-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:11px;border:1px solid #399bf762;background:#104e5b;color:#6ff1e4}
.benefit-icon svg{width:26px;height:26px}.benefit-icon.blue{background:#103f75;color:#9aceff}.benefit-icon.violet{background:#2b246f;color:#c0a9ff}.benefit-icon.orange{background:#3d276f;color:#e7bbff}
.landing-services{max-width:none;border-radius:0;box-shadow:none;background:#08182d;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:43px max(48px,calc((100vw - 1480px)/2))}
.landing-services button{border:1px solid #24466b;border-radius:12px;background:#0c233c;color:#eaf5ff;padding:16px;gap:8px}
.landing-services button:last-child{border:1px solid #24466b}.landing-services button:hover,.landing-services button:focus-visible{background:#123659}
.landing-services b{font-size:14px;color:#f3f7ff}.landing-services small{font-size:12px;color:#a8bed8}
.landing-next{background:#071628;color:#f3f7ff;padding:45px 22px 76px}.landing-next h2{color:#f3f7ff}.landing-next p{color:#a8bed8}

body.dashboard-view{--sidebar:208px}
.dashboard-view .sidebar{padding:18px 12px;background:#071a2b;overflow-y:auto;scrollbar-width:thin}
.dashboard-view .brand-block{padding:2px 10px 18px}.dashboard-view .brand-block .brand-copy small{display:none}
.dashboard-view .side-nav{display:flex;flex-direction:column;gap:3px;margin:0;padding:0}
.dashboard-view .side-nav button{min-height:42px;padding:9px 11px;font-size:12px;gap:12px}
.dashboard-view .side-nav button .nav-icon svg{width:19px;height:19px}
.dashboard-view .upgrade-card{margin-top:20px;padding:15px}
.dashboard-view .sidebar-footer{margin-top:16px}
.dashboard-view .topbar{height:68px;background:#081b2d;padding:0 25px}
.dashboard-view .top-brand,.dashboard-view .search-shell,.dashboard-view .global-badge,.dashboard-view #account-pill{display:none}
.dashboard-view .site-links{display:flex;margin:0 auto 0 0;gap:13px}
.dashboard-view .site-links button{font-size:12px;color:#c4d6eb}
.dashboard-view .dashboard-profile{display:flex}
.dashboard-profile{display:none;align-items:center;gap:10px;padding:3px 4px;border:0;background:transparent;text-align:left}
.dashboard-profile .profile-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:linear-gradient(145deg,#136cf4,#4078ed);font-weight:800;color:#fff}
.dashboard-profile b{display:block;color:#fff;font-size:12px}.dashboard-profile small{display:block;color:#a9bed5;font-size:12px}
.dashboard-view .workspace{max-width:1500px;padding:21px 25px 48px}
.dashboard-heading{margin:0 0 21px}.dashboard-heading .eyebrow{display:none}
.dashboard-heading h1{margin:0 0 4px;font-size:clamp(27px,3vw,39px);color:#60e5c6}
.dashboard-heading p{font-size:14px}.dashboard-heading>button{display:none}
.dashboard-stats{gap:13px}.dashboard-stats button{min-height:123px;padding:17px;background:linear-gradient(135deg,#102e3f,#0d2037);border-color:#235070}
.dashboard-stats button:nth-child(4){background:linear-gradient(135deg,#261d2f,#101f33)}
.dashboard-stats strong{font-size:31px}.dashboard-stats span{font-size:12px}
.dashboard-grid{grid-template-columns:minmax(0,1.48fr) minmax(260px,.9fr);gap:15px;margin-top:16px}
.dashboard-map,.dashboard-activity{padding:16px;background:#0b1e34;border-color:#235071}
.dashboard-grid h2{font-size:17px;margin-bottom:11px}
.dashboard-map-art{height:320px;background:#061a30 url('/assets/world-risk-map.svg') center/cover no-repeat}
.dashboard-map-art:after{content:none}.dashboard-map-art .map-orbit,.dashboard-map-art .map-continent{display:none}
.dashboard-map>p{font-size:12px;min-height:24px;margin:11px 0 2px}
.dashboard-activity #dashboard-events{flex:1}.dashboard-event{padding:12px 5px}.dashboard-event>span:first-child{background:#173c5f}
.dashboard-tools{margin-top:16px;background:#0b1e34}
@media(min-width:821px){.landing-view .pwa-install-banner,.dashboard-view .pwa-install-banner{display:none}}
@media(min-width:821px) and (max-width:1100px){.landing-service-chips{display:grid}.landing-hero{padding-inline:36px}.landing-benefits{padding-inline:36px}.landing-services{padding-inline:36px}.landing-content{max-width:54%}.landing-content h1{font-size:clamp(48px,5.7vw,65px)}.landing-search{width:calc(100vw - 72px)}.landing-lead{max-width:470px}.dashboard-grid{grid-template-columns:1.35fr .9fr}}
@media(max-width:820px){.landing-hero{min-height:760px;padding:52px 24px 215px;background-position:60% center}.landing-service-chips{display:none}.landing-content h1{font-size:clamp(44px,6.5vw,60px)}.landing-lead{font-size:16px;max-width:520px}.landing-benefits{left:0;right:0;min-height:190px;padding:14px 24px;grid-template-columns:repeat(2,1fr)}.landing-benefits>div{padding:8px}.landing-services{grid-template-columns:repeat(2,1fr);padding:24px}.dashboard-view .site-links{display:none}.dashboard-view .sidebar{overflow:visible}.dashboard-view .side-nav{flex-direction:row;overflow-x:auto}.dashboard-view .upgrade-card,.dashboard-view .sidebar-footer{display:none}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:560px){.landing-view .topbar{padding:11px 17px}.landing-view .site-links{gap:3px}.landing-hero{min-height:780px;padding:45px 17px 245px;background-position:62% center}.landing-content h1{font-size:clamp(39px,10.2vw,52px)}.landing-lead{font-size:14px;margin-bottom:28px}.landing-tabs{max-width:none}.landing-start-form button{min-width:0}.landing-benefits{padding:12px 16px;min-height:208px}.landing-benefits>div{gap:8px}.landing-benefits b{font-size:12px}.landing-benefits small{font-size:12px}.benefit-icon{width:36px;height:36px}.benefit-icon svg{width:20px;height:20px}.landing-services{grid-template-columns:1fr 1fr;padding:18px;gap:7px}.landing-services button{padding:10px}.landing-services b{font-size:12px}.dashboard-profile{display:none!important}.dashboard-view .workspace{padding:17px}.dashboard-map-art{height:220px}}
.dashboard-plan{display:none}.dashboard-view .upgrade-card{display:none}.dashboard-view .dashboard-plan{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding:15px;border:1px solid #25527c;border-radius:12px;background:#0b2640}
.dashboard-plan small{font-size:12px;color:#b2c8dc}.dashboard-plan strong{font-size:19px;color:#fff}.dashboard-plan button{background:linear-gradient(115deg,#176cf0,#8847e8);color:#fff;border:0;margin-top:8px}
@media(max-width:820px){.dashboard-view .dashboard-plan{display:none}}
body.dashboard-view .top-brand{display:none}
body.dashboard-view .site-links{display:flex}
.dashboard-view .brand-copy em{display:none}
.dashboard-view .sidebar{scrollbar-width:none}
.dashboard-view .sidebar::-webkit-scrollbar{display:none}
#page-home h1:focus{outline:none}
@media(max-width:820px){body.dashboard-view .site-links{display:none}}

/* Public site: product story only; workspace tools live in the authenticated cabinet. */
.landing-view .landing-hero{min-height:690px;padding-top:105px;padding-bottom:100px;background-position:center 46%}
.landing-view .landing-content{max-width:770px}
.landing-view .landing-hero:before{background:linear-gradient(90deg,rgba(4,15,32,.94) 0%,rgba(4,15,32,.76) 35%,rgba(4,15,32,.25) 68%,rgba(4,15,32,.05) 100%)}
.public-hero-actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center}
.public-primary,.public-secondary{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:53px;padding:12px 23px;border-radius:10px;font-size:14px;font-weight:750;cursor:pointer}
.public-primary{border:1px solid #77bdff;background:linear-gradient(110deg,#1168eb,#2ab4f6);box-shadow:0 12px 34px #127df254;color:#fff}
.public-secondary{border:1px solid #7bafd680;background:#092844a8;color:#e7f4ff}
.public-access-note{margin:16px 0 0;color:#c3d6ed;font-size:12px}
.public-hero-caption{position:absolute;right:max(32px,calc((100vw - 1480px)/2));bottom:33px;display:flex;align-items:center;gap:11px;padding:11px 16px;border:1px solid #87c1e064;border-radius:40px;background:#061a31a6;color:#ecf7ff;font-size:12px;backdrop-filter:blur(10px)}
.public-section{padding:105px max(28px,calc((100vw - 1380px)/2));background:#eef5fb;color:#12263b}
.public-section-heading{max-width:750px}.public-section-heading .landing-eyebrow,.public-story .landing-eyebrow,.public-final .landing-eyebrow{color:#1275d9}
.public-section-heading h2,.public-story h2,.public-final h2{margin:0 0 16px;font-size:clamp(34px,3.5vw,52px);line-height:1.12;letter-spacing:-.035em}
.public-section-heading p{margin:0;color:#526982;font-size:16px;line-height:1.6}
.public-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}
.public-feature{min-height:310px;padding:27px;border:1px solid #d5e3f2;border-radius:18px;background:#fff;box-shadow:0 18px 42px #0e40600c}
.public-feature-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#e8f4ff;color:#1377d3}.public-feature-icon svg{width:27px;height:27px}
.public-feature-no{display:block;margin:29px 0 11px;color:#3075b3;font-size:12px;font-weight:800;letter-spacing:.11em}
.public-feature h3{margin:0 0 10px;color:#132a42;font-size:20px}.public-feature p{margin:0;color:#5c7085;line-height:1.55;font-size:13px}
.public-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:95px max(28px,calc((100vw - 1380px)/2));background:#0b1e34;color:#fff}
.public-story h2 em{font-style:normal;color:#6cdbd0}.public-story .landing-eyebrow{color:#70d9e9}
.public-story-steps{align-self:center}.public-story-steps p{display:flex;align-items:center;gap:23px;margin:0;padding:20px 0;border-bottom:1px solid #436079;color:#e5f0fd;font-size:16px}.public-story-steps b{color:#7bdeee;font-size:13px}
.public-final{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:75px max(28px,calc((100vw - 1380px)/2));background:#e4f0fb;color:#12263b}
.public-final p{color:#587089}.public-final .public-primary{flex-shrink:0}
@media(max-width:1100px){.public-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-view .landing-hero{background-position:61% center}}
@media(max-width:720px){.landing-view .landing-hero{min-height:700px;padding:78px 22px 110px;background-position:64% center}.landing-view .landing-hero:before{background:linear-gradient(90deg,rgba(4,15,32,.93),rgba(4,15,32,.63) 72%,rgba(4,15,32,.25))}.public-hero-actions{align-items:stretch}.public-hero-actions button{width:100%}.public-hero-caption{left:22px;right:auto;bottom:24px}.public-section,.public-story,.public-final{padding:68px 22px}.public-feature-grid{grid-template-columns:1fr;gap:13px;margin-top:28px}.public-feature{min-height:0}.public-story{grid-template-columns:1fr;gap:18px}.public-final{display:block}.public-final .public-primary{margin-top:18px}}

/* Login/registration is a public gateway, not an empty member dashboard. */
.auth-view{background:#edf5ff}.auth-view .app-shell{display:block}.auth-view .sidebar{display:none}.auth-view .main-area{display:block;width:100%}.auth-view .topbar{background:#07182d;border-bottom:1px solid #2e5881}.auth-view .top-brand{display:flex}.auth-view .site-links,.auth-view .search-shell,.auth-view .dashboard-profile,.auth-view .global-badge{display:none}.auth-view .workspace{max-width:1160px;margin:0 auto}.auth-view #page-account{padding:40px 0 80px}
/* Approved navy / matte champagne workspace. */
body.member-view{--sidebar:246px;--gold:#d8bd8b;background:#03121f;color:#edf6ff}
.member-view .sidebar{background:linear-gradient(150deg,#031522,#041b2b);padding:20px 14px;border-color:#15374b;overflow-y:auto}
.member-view .brand-block{padding:0 8px 22px}.member-view .brand-copy small{display:none}.member-view .brand-copy em{color:#16beee!important;display:inline!important}
.member-view .side-nav{display:flex;flex-direction:column;gap:5px;padding:0}
.cabinet-nav-label{display:block;padding:22px 12px 8px;font-size:12px;letter-spacing:.15em;color:#a3bfd1;pointer-events:none}
.member-view .side-nav button{min-height:42px;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:500;border:1px solid transparent;background:transparent;box-shadow:none;gap:13px;color:#dce8f2}
.member-view .side-nav button.active{background:linear-gradient(100deg,#d8bd8b12,#092034);border-color:#d8bd8b;color:#e7cb96;box-shadow:inset 3px 0 #d8bd8b}
.member-view .side-nav button:hover{background:#0c2a40}.member-view .side-nav button.active .nav-icon{color:#e7cb96;background:none}.member-view .nav-icon{background:none;color:#b8d6e8}.member-view .nav-icon svg{width:21px;height:21px}
.member-view .upgrade-card,.member-view .dashboard-plan{display:none}.member-view .sidebar-footer{border-top:1px solid #17405a;margin-top:24px;padding-top:20px}
.member-view .topbar{height:78px;padding:0 25px;background:#031521;border-bottom:1px solid #173a50}.member-view .topbar .site-links,.member-view .topbar .top-brand,.member-view .global-badge,.member-view #account-pill{display:none!important}
.member-view .topbar .search-shell{display:flex;background:none;border:0;padding:0;color:#a6c6da;font-size:13px;box-shadow:none}.member-view .search-shell .search-icon{display:none}.member-view .dashboard-profile{display:flex}.member-view .dashboard-profile small{color:#d8bd8b}.member-view .top-actions{margin-inline-start:auto}
.member-view .workspace{max-width:1800px;padding:24px;margin:0 auto}.member-view #page-dashboard{max-width:none}
.cabinet-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.cabinet-heading h1{font-size:27px;line-height:1.2;letter-spacing:-.025em;margin:0 0 7px;color:#e9ddc4}.cabinet-heading p{color:#8eb0c5;font-size:12px;margin:0}.cabinet-heading>button{background:none;border-color:#1d4158;font-size:12px;white-space:nowrap}
.cabinet-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:16px}.cabinet-main,.cabinet-rail{min-width:0;display:flex;flex-direction:column;gap:16px}
.cabinet-hero{position:relative;isolation:isolate;min-height:226px;padding:28px;border:1px solid #195279;border-radius:13px;overflow:hidden;background:#061b31 url('/assets/scamshield-hero-globe-businessman.jpg') center 42%/cover no-repeat}
.cabinet-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#041426ed,#04142680 48%,transparent 75%);z-index:-1}.cabinet-hero>div{max-width:540px}.cabinet-eyebrow{font-size:12px!important;letter-spacing:.16em;color:#7bd7ed!important;margin:0 0 12px!important}.cabinet-hero h2{font-size:clamp(25px,2.6vw,39px);letter-spacing:-.035em;line-height:1.06;max-width:380px;margin:0 0 13px;color:#e5c48e}.cabinet-hero p{font-size:14px;color:#daeaff;margin:0 0 20px}.cabinet-hero-actions{display:flex;gap:10px}.cabinet-hero-actions button{font-size:12px;padding:11px 16px;background:#06223dd4;border-color:#1686ca}
#page-dashboard button.primary{background:linear-gradient(115deg,#00aef1,#0060f5);border:1px solid #28b3fa;box-shadow:0 5px 20px #027fff26;color:#fff}
.cabinet-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.cabinet-stats>button{display:flex;align-items:center;gap:12px;padding:19px 13px;border:1px solid #15425d;background:linear-gradient(120deg,#071e31,#052034);border-radius:12px;text-align:start;min-width:0}.cabinet-stats>button>span:last-child{font-size:12px;line-height:1.5}.cabinet-stats strong{display:block;margin-top:4px;font-size:29px;line-height:1.1;color:#fff;font-weight:700}.cabinet-stat-icon{display:grid;place-items:center;width:40px;height:44px;border-radius:12px;background:#03457988;color:#23c0ff;flex-shrink:0}.cabinet-stat-icon svg{width:24px;height:24px}.cabinet-stats>button:nth-child(2) .cabinet-stat-icon{background:#024f4488;color:#0fe0b0}.cabinet-stats>button:nth-child(4) .cabinet-stat-icon{background:#543c2480;color:#d8bd8b}
.cabinet-card{min-width:0;padding:19px 17px;background:linear-gradient(125deg,#061b2c,#041b2b);border:1px solid #143e57;border-radius:12px}.cabinet-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.cabinet-card h2{font-size:16px;font-weight:650;line-height:1.3;color:#e0c08d;margin:0}.cabinet-card>header>span{font-size:12px;color:#a7bed2}.cabinet-card>header>button{font-size:12px;padding:0;border:0;background:none;color:#13beff;white-space:nowrap}
.cabinet-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.cabinet-chart svg{display:block;width:100%;min-height:145px}.cabinet-chart svg text{fill:#9cb6cc;font:9px sans-serif}.cabinet-note{font-size:12px;color:#9ab5c9;line-height:1.5;margin:12px 0 0}.cabinet-empty{color:#9fb9cb;line-height:1.65;font-size:12px;padding:18px 4px;margin:0}.cabinet-risk-layout{display:flex;align-items:center;gap:12px;min-height:172px}.cabinet-risk-layout>svg{width:115px;flex-shrink:0}.cabinet-risk-layout text{fill:#fff;font:700 20px sans-serif}.cabinet-risk-layout ul{padding:0;margin:0;list-style:none;flex:1}.cabinet-risk-layout li{display:flex;gap:7px;align-items:center;font-size:12px;margin:14px 0}.cabinet-risk-layout li b{margin-inline-start:auto}.cabinet-risk-layout i{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.risk-low{--risk:#11c895}.risk-medium{--risk:#ffbe24}.risk-high{--risk:#ff656b}.risk-critical{--risk:#ec80bd}.risk-unknown{--risk:#99aac1}.cabinet-risk-layout circle{stroke:var(--risk)}.cabinet-risk-layout i{background:var(--risk)}
.cabinet-results .cabinet-note{margin:-8px 0 10px}.cabinet-table-scroll{overflow-x:auto}.cabinet-results table{width:100%;border-collapse:collapse;text-align:start}.cabinet-results th{font-size:12px;font-weight:500;color:#9abed5;padding:10px 6px;text-align:start;border-bottom:1px solid #1a425b}.cabinet-results td{font-size:12px;padding:16px 6px;border-bottom:1px solid #123449;vertical-align:middle}.cabinet-results tr:last-child td{border-bottom:0}.cabinet-result-title{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cabinet-risk-badge{display:inline-block;font-size:12px;border:1px solid color-mix(in srgb,var(--risk) 30%,transparent);background:color-mix(in srgb,var(--risk) 10%,transparent);color:var(--risk);padding:5px 8px;border-radius:7px;white-space:nowrap}.cabinet-row-actions{display:flex;gap:6px}.cabinet-row-actions button{font-size:12px;white-space:nowrap;padding:7px 9px;border:1px solid #19679a;background:#072a48;color:#c5e6ff;border-radius:7px}
.cabinet-warning,.cabinet-conversation{display:flex;align-items:center;gap:10px;width:100%;text-align:start;padding:13px 10px;background:#082136;border:1px solid #133a54;border-radius:9px;margin-bottom:8px;min-width:0}.cabinet-warning>span:last-child,.cabinet-conversation>span:nth-child(2){min-width:0;flex:1}.cabinet-warning b,.cabinet-conversation b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cabinet-warning small,.cabinet-conversation small{display:block;font-size:12px;color:#9abbcf;line-height:1.5;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cabinet-alert-icon{display:grid;place-items:center;width:33px;height:35px;background:#4c2834;color:#ff777c;font-size:22px;font-weight:800;border-radius:8px;flex-shrink:0}.cabinet-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#074477;color:#5cd4fa;flex-shrink:0}.cabinet-conversation em{font-style:normal;background:#d8bd8b;color:#092035;border-radius:12px;min-width:20px;padding:3px;font-size:12px;text-align:center}
.cabinet-chat-tip{border-top:1px solid #193e56;margin-top:18px;padding-top:18px}.cabinet-chat-tip b{display:block;font-size:13px;color:#edf5fc;line-height:1.5}.cabinet-chat-tip p{font-size:12px;line-height:1.6;color:#a0bfd3}.cabinet-chat-tip button{width:100%;font-size:12px;margin-top:10px}.cabinet-subscription strong{display:block;color:#e2c58f;font-size:21px}.cabinet-subscription p{color:#a8c6d7;font-size:12px}
@media(min-width:1500px){.cabinet-layout{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:1250px){body.member-view{--sidebar:212px}.member-view .workspace{padding:18px}.cabinet-layout{grid-template-columns:minmax(0,1fr) 270px}.cabinet-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cabinet-charts{grid-template-columns:1fr}.cabinet-risk-layout{min-height:135px}.cabinet-risk-layout ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.cabinet-row-actions{flex-direction:column}}
@media(max-width:1000px){.cabinet-layout{grid-template-columns:1fr}.cabinet-rail{display:grid;grid-template-columns:1fr 1fr}.cabinet-subscription{grid-column:1/-1}.cabinet-charts{grid-template-columns:1.25fr 1fr}.cabinet-risk-layout{flex-direction:column}.cabinet-risk-layout ul{display:block;width:100%}.cabinet-row-actions{flex-direction:row}}
@media(max-width:820px){.member-view .sidebar{position:static;width:auto;padding:14px;overflow:visible}.member-view .brand-block{padding:0 0 12px}.member-view .side-nav{flex-direction:row;overflow-x:auto;flex-wrap:nowrap}.member-view .side-nav button{flex-shrink:0}.member-view .cabinet-nav-label,.member-view .sidebar-footer{display:none}.member-view .topbar{height:auto;min-height:60px;padding:12px 16px}.member-view .topbar .search-shell{display:none}.member-view .dashboard-profile{display:flex!important}.member-view .workspace{padding:16px}.cabinet-hero{background-position:62% center}.cabinet-heading h1{font-size:23px}}
@media(max-width:560px){.cabinet-heading{align-items:flex-start;gap:10px}.cabinet-heading>button{font-size:12px;padding:7px}.cabinet-heading p{font-size:12px}.cabinet-hero{padding:25px 18px;min-height:245px}.cabinet-hero h2{max-width:230px;font-size:31px}.cabinet-hero p{max-width:210px;font-size:12px}.cabinet-hero-actions button{font-size:12px;padding:10px}.cabinet-stats{gap:8px}.cabinet-stats>button{gap:9px;padding:15px 10px}.cabinet-stats strong{font-size:26px}.cabinet-stats>button>span:last-child{font-size:12px}.cabinet-stat-icon{width:30px;height:36px}.cabinet-charts,.cabinet-rail{display:flex;flex-direction:column}.cabinet-risk-layout{flex-direction:row}.cabinet-risk-layout ul{display:block}.cabinet-card{padding:16px 13px}.cabinet-results table{min-width:590px}.cabinet-row-actions{flex-direction:row}}
.public-mobile{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:58px max(28px,calc((100vw - 1380px)/2));background:#0b2035;color:#fff;border-top:1px solid #26425a}.public-mobile h2{font-size:32px;color:#dfc18c;margin:0 0 12px}.public-mobile p{color:#bad0e4;line-height:1.6;max-width:600px}.public-mobile button{flex-shrink:0}
.pwa-install-dialog{width:min(480px,calc(100% - 32px));margin:auto;padding:28px;border:1px solid #3a647f;border-radius:18px;background:#081e30;color:#eff7ff;box-shadow:0 24px 90px #0009}.pwa-install-dialog::backdrop{background:#020a16bd;backdrop-filter:blur(5px)}.pwa-install-dialog h2{color:#dfc18c;font-size:23px;margin:0 0 16px}.pwa-install-dialog p{line-height:1.7;color:#bfd4e4;font-size:14px}.pwa-dialog-actions{display:flex;gap:12px;margin-top:24px}.pwa-dialog-actions button{font-size:13px}.pwa-dialog-actions [hidden]{display:none!important}#pwa-dialog-install{background:#0878e9;color:white;border-color:#36adf9}
@media(max-width:720px){.public-mobile{display:block;padding:48px 22px}.public-mobile button{margin-top:15px;width:100%}}

/* Fit the opening section to laptop height without clipping translated content. */
@media(min-width:821px) and (max-height:820px){
 .landing-view .landing-hero{min-height:calc(100svh - 78px);padding-top:clamp(32px,7vh,65px);padding-bottom:80px}
 .landing-view .landing-content h1{font-size:clamp(40px,4.6vw,64px)}
 .landing-view .landing-lead{font-size:17px;margin-bottom:25px}
 .member-view .cabinet-hero{min-height:210px;padding:24px}
 .member-view .cabinet-nav-label{padding-top:14px}
}
.landing-view .topbar{min-height:78px;height:auto;flex-wrap:wrap}
.landing-view .top-actions{flex-wrap:wrap}
.public-hero-caption{max-width:calc(100% - 44px);overflow-wrap:anywhere}
.public-feature,.cabinet-card,.cabinet-heading>div{min-width:0;overflow-wrap:anywhere}
[dir=rtl] .landing-view .landing-hero:before{background:linear-gradient(270deg,rgba(4,15,32,.94),rgba(4,15,32,.76) 35%,rgba(4,15,32,.25) 68%,rgba(4,15,32,.05))}
@media(max-width:720px){
 .landing-view .landing-hero{min-height:0;padding-top:48px;padding-bottom:36px}
 .landing-view .public-hero-caption{position:relative;left:auto;right:auto;bottom:auto;margin-top:35px;width:fit-content;max-width:100%}
 .landing-view .landing-content h1{font-size:clamp(34px,8vw,52px);overflow-wrap:anywhere}
 .public-primary,.public-secondary{white-space:normal;text-align:center}
}
/* Explicit heading colors keep light marketing sections readable. */
.public-section-heading h2,.public-final h2{color:#12263b}
.auth-view{background:#061327}
/* Public home: compact scale (smaller type and vertical rhythm across the three sections). */
.landing-view .landing-hero{min-height:560px;padding-top:72px;padding-bottom:72px}
.landing-view .landing-content h1{font-size:clamp(38px,3.9vw,56px);line-height:1.06;margin-bottom:16px}
.landing-view .landing-lead{font-size:17px;margin-bottom:28px}
.landing-view .landing-eyebrow{font-size:12px;margin-bottom:14px}
.public-section{padding:64px max(28px,calc((100vw - 1380px)/2))}
.public-section-heading h2,.public-story h2,.public-final h2{font-size:clamp(26px,2.6vw,38px);margin-bottom:12px}
.public-section-heading p{font-size:15px}
.public-feature-grid{margin-top:28px;gap:16px}
.public-feature{min-height:0;padding:22px}
.public-feature-icon{width:44px;height:44px}.public-feature-icon svg{width:23px;height:23px}
.public-feature-no{margin:18px 0 8px}
.public-feature h3{font-size:18px}
.public-story{padding:60px max(28px,calc((100vw - 1380px)/2));gap:48px}
.public-story-steps p{padding:14px 0;font-size:15px}
.public-mobile{padding:40px max(28px,calc((100vw - 1380px)/2))}.public-mobile h2{font-size:26px}
.public-final{padding:48px max(28px,calc((100vw - 1380px)/2))}
@media(max-width:720px){
.landing-view .landing-hero{min-height:0;padding:56px 22px 64px}
.landing-view .landing-content h1{font-size:clamp(32px,8.6vw,42px)}
.landing-view .landing-lead{font-size:15px}
.public-section,.public-story,.public-final{padding:44px 22px}
.public-mobile{padding:36px 22px}
}
/* UI audit fixes: touch targets, 16px form text on phones (no iOS zoom), scroll hint on the phone menu, chat hint. */
.legal-links a{display:inline-block;padding:14px 4px}
@media(max-width:820px),(pointer:coarse){
.workspace button,.workspace select,.workspace input:not([type=checkbox]):not([type=radio]):not([type=file]){min-height:44px}
}
@media(max-width:820px){
.workspace input,.workspace textarea,.workspace select{font-size:16px}
.member-view .side-nav{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-inline-end:28px}
#chat-empty-hint{display:none}
}
/* Phone: bottom tab bar (4 main sections + "More" sheet). */
body .side-nav .nav-more{display:none}
@media(max-width:820px){
body.member-view{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
body.member-view .sidebar .side-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));overflow:visible;-webkit-mask-image:none;mask-image:none;background:#041b2b;border-top:1px solid #1b4560;box-shadow:0 -10px 30px #0006}
body.member-view .sidebar .side-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:6px 2px;font-size:11px;text-align:center;line-height:1.15}
body.member-view .sidebar .side-nav button.nav-more{display:flex}
body.member-view .sidebar .side-nav:not(.open) button:not([data-page=dashboard]):not([data-page=check]):not([data-page=counterparty]):not([data-page=chat]):not(.nav-more){display:none}
body.member-view .sidebar .side-nav.open{grid-template-columns:repeat(3,minmax(0,1fr));max-height:72vh;overflow-y:auto;border-radius:18px 18px 0 0}
body.member-view .sidebar .side-nav .nav-more.active{color:#e7cb96}
body.member-view .pwa-install-banner{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:820px){
body.member-view .sidebar .side-nav{box-sizing:border-box;width:100%;max-width:100vw;margin:0}
body.member-view .sidebar .side-nav button{min-width:0;white-space:nowrap;font-size:10.5px;letter-spacing:-.02em;padding-inline:1px}
body.member-view .sidebar .side-nav.open button{white-space:normal;overflow-wrap:anywhere;font-size:11px;letter-spacing:0}
}
/* Respect the system "reduce motion" setting. */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Chat thread header on phones: buttons on their own row instead of overflowing. */
@media(max-width:820px){
.chat-thread-head{flex-wrap:wrap}
.chat-thread-head>div:not(.chat-thread-actions){flex:1 1 0;min-width:0;overflow-wrap:anywhere}
.chat-thread-actions{flex:1 1 100%}
.chat-thread-actions button{flex:1 1 auto}
}