:root{--ink:#172927;--muted:#74817d;--line:#e5eae5;--green:#244e43;--lime:#d2f584;--bg:#f5f7f3}*{box-sizing:border-box}body{margin:0;font:14px Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #8ebc60;outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:232px;background:#fff;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;z-index:10}.logo{font-size:27px;font-weight:800;letter-spacing:-1.4px}.logo span{font-weight:400}.logo:after{content:"JOE CARR ACADEMY";display:block;font-size:9px;letter-spacing:1px;color:#74817d;margin:9px 0 0 44px;font-weight:500}.mark{display:inline-grid;place-items:center;background:var(--green);color:var(--lime);width:34px;height:34px;border-radius:10px;font-size:24px;margin-right:8px}.workspace{margin:30px 0 22px;padding:13px 10px;background:#f5f7f3;border:1px solid var(--line);border-radius:9px;font-size:12px}.workspace strong{display:block;margin-bottom:5px;font-size:14px}.label{font-size:10px;letter-spacing:1.6px;color:#8c9690;margin:14px 12px 9px;font-weight:700}.nav{display:flex;align-items:center;gap:12px;border:0;background:none;color:#69756f;padding:11px 13px;border-radius:7px;text-align:left;width:100%;margin:2px 0}.nav.active{background:#eaf1e5;color:#254f41;font-weight:700}.nav b{font-size:17px;width:20px;font-weight:400}.nav em{margin-left:auto;font-size:10px;font-style:normal;background:#edf0eb;border-radius:5px;padding:2px 5px}.bottom{margin-top:auto}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.avatar{background:#eadfcd;color:#6a5639;width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:700}.small{font-size:12px;color:var(--muted);line-height:1.6}main{margin-left:232px}.topbar{height:78px;background:#ffffffb5;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.search{border:0;background:none;width:290px;padding:12px;color:var(--ink)}.topright{display:flex;align-items:center;gap:17px}.demo{font-size:10px;text-transform:uppercase;letter-spacing:1px;border:1px solid #dce6d6;background:#eef4e9;border-radius:5px;padding:6px 8px}.content{padding:32px 38px 45px;max-width:1600px;margin:auto}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1{font-size:29px;letter-spacing:-1px;font-weight:600;margin:5px 0 8px}h2{font-size:16px;font-weight:600;margin:0}p{line-height:1.6}.btn{border:1px solid var(--line);background:white;color:var(--ink);padding:11px 15px;border-radius:7px;font-size:12px;font-weight:600}.primary{background:var(--green);color:#fff;border-color:var(--green)}.actions{display:flex;gap:8px}.hero{background:#214b40;color:white;position:relative;border-radius:12px;padding:28px 30px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.hero:after{content:'';position:absolute;width:320px;height:320px;border:1px solid #ffffff16;border-radius:50%;right:-60px;top:-100px;box-shadow:0 0 0 36px #ffffff06,0 0 0 72px #ffffff05}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#bdd798}.hero h2{font-size:26px;letter-spacing:-.5px;margin:12px 0}.hero p{color:#c3d2ca;margin:0;font-size:12px}.hero .btn{background:var(--lime);border-color:var(--lime);position:relative;z-index:1;color:#254237}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:10px}.stat{padding:21px}.stat label{color:var(--muted);font-size:12px;display:flex;justify-content:space-between}.stat strong{display:block;font-size:29px;font-weight:600;letter-spacing:-1px;margin:14px 0 11px}.trend{font-size:10px;color:#537f48}.trend span{color:#929b94;margin-left:5px}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-bottom:22px}.panel{padding:23px}.panelhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.textbtn{background:none;border:0;color:#6d8264;font-size:11px}.chart{height:185px;display:flex;align-items:end;gap:15px;padding:10px 10px 25px 35px;border-bottom:1px solid var(--line);position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#eff1ed 50px)}.bar{flex:1;background:#dce9d0;border-radius:5px 5px 0 0;position:relative;min-height:10px}.bar:last-child{background:#38634f}.bar span{position:absolute;bottom:-24px;left:0;width:100%;text-align:center;font-size:10px;color:#7e8980}.bar:hover{background:#9abd77}.chartfoot{display:flex;justify-content:space-between;margin-top:20px;font-size:11px;color:var(--muted)}.task{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0e9}.task:last-child{border:0}.task input{accent-color:#456d43;width:16px;height:16px}.task strong{font-size:12px;font-weight:500}.task .tag{margin-left:auto}.tag{display:inline-block;font-size:10px;border-radius:5px;padding:5px 8px;background:#edf4e8;color:#50713f;white-space:nowrap}.tag.amber{background:#fcf1df;color:#ad7a36}.tag.blue{background:#e9eff8;color:#587da8}.tag.gray{background:#f0f1ee;color:#7e877d}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-weight:500;color:#90978f;font-size:10px;padding:0 12px 15px;border-bottom:1px solid var(--line)}td{padding:16px 12px;border-bottom:1px solid #edf0e9}tbody tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:#f8faf5}.company{display:flex;gap:10px;align-items:center}.company .avatar{border-radius:9px;background:#edf0e8;color:#657b53}.money{font-weight:600}.activity{padding:12px 0 12px 20px;border-left:1px solid #e1e7dc;position:relative;font-size:12px}.activity:before{content:'';width:7px;height:7px;border-radius:50%;background:#89a875;position:absolute;left:-4px;top:16px}.activity p{margin:5px 0 0;font-size:10px;color:var(--muted)}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.column{background:#edf1e9;border-radius:10px;padding:15px;min-height:400px}.column h2{font-size:13px;margin-bottom:20px}.deal{background:#fff;border:1px solid #e3e7df;padding:18px;border-radius:9px;margin-bottom:12px;cursor:pointer}.deal h3{font-size:13px;margin:12px 0 8px}.deal .money{font-size:19px;margin:20px 0}.deal select{width:100%;border:1px solid var(--line);padding:7px;border-radius:5px;font-size:11px;background:#fff}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module{padding:25px;background:#fff;border:1px solid var(--line);border-radius:10px}.module h2{margin:15px 0 10px}.module p{font-size:12px;color:var(--muted)}.progress{height:6px;background:#edf0e7;border-radius:5px;margin:18px 0;overflow:hidden}.progress i{height:100%;display:block;background:#7c9d65}.notice{padding:13px 16px;border:1px solid #e0e7d7;background:#eff4e8;color:#6a7b5d;border-radius:7px;font-size:11px;margin-bottom:22px}.empty{padding:40px;text-align:center;color:var(--muted)}dialog{border:0;border-radius:14px;padding:30px;width:480px;max-width:94vw;box-shadow:0 30px 100px #10251c44}dialog::backdrop{background:#14251e66;backdrop-filter:blur(3px)}dialog h2{font-size:22px;margin-bottom:20px}dialog label{display:block;margin:15px 0 6px;font-size:12px}dialog input,dialog select,dialog textarea{width:100%;padding:11px;border:1px solid #dce3d8;border-radius:6px;background:white}dialog .actions{justify-content:end;margin-top:24px}.toast{position:fixed;bottom:25px;right:25px;background:#214b40;color:white;padding:15px 23px;border-radius:8px;z-index:100;box-shadow:0 8px 30px #0002}.mobile{display:none}.footer{font-size:10px;color:#98a092;display:flex;justify-content:space-between;margin-top:25px}@media(min-width:1450px){.content{padding:38px 50px}.topbar{padding:0 50px}.chart{height:220px}}@media(max-width:1100px){aside{width:200px}main{margin-left:200px}.content{padding:25px}.topbar{padding:0 25px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:25px}.board{grid-template-columns:repeat(2,1fr)}.modules{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){aside{transform:translateX(-100%);transition:.2s}aside.open{transform:translateX(0);box-shadow:0 0 0 100vmax #0005}main{margin-left:0}.mobile{display:block}.topbar{padding:0 18px;height:65px}.search{width:155px}.topright{gap:8px}.topright .small{display:none}.content{padding:22px 16px}.head{align-items:start;gap:10px}h1{font-size:25px}.head .actions .btn:not(.primary){display:none}.hero{padding:23px;align-items:start;gap:18px;flex-direction:column}.hero h2{font-size:23px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.panel{padding:18px;overflow:auto}.modules,.board{grid-template-columns:1fr}.footer{line-height:1.8;gap:20px}th,td{white-space:nowrap}.demo{font-size:8px}.head .small{font-size:11px}}


/* digiSite visual system / JCRM identity */
:root{color-scheme:dark;--bg:#070a0a;--surface:#111617;--raised:#18201d;--ink:#ffffff;--muted:#a2ada6;--line:#293330;--lime:#c6ff16;--green:#c6ff16;--accent-text:#c6ff16;--soft:#c6ff1612;--shadow:0 16px 48px #0002}
:root[data-theme="light"]{color-scheme:light;--bg:#f5f7f3;--surface:#ffffff;--raised:#eef2e9;--ink:#101710;--muted:#59665d;--line:#d9e1d5;--accent-text:#436000;--soft:#9dcf1815;--shadow:0 16px 48px #24331808}
body{font-family:"Public Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.25;background-image:linear-gradient(#71835c15 1px,transparent 1px),linear-gradient(90deg,#71835c15 1px,transparent 1px);background-size:54px 54px}
aside{background:var(--bg);border-color:var(--line);width:245px;padding:32px 22px}main{margin-left:245px}.logo{padding:0 10px;line-height:1}.logo:after{display:none}.logo .wordmark{font-size:43px;font-weight:900;letter-spacing:-3px;display:block;color:var(--ink)}.logo .wordmark span{color:var(--lime);font-weight:900}.logo i{font-style:normal;color:var(--lime)}.logo small{display:block;font-size:9px;font-weight:650;letter-spacing:2.4px;margin-top:12px;color:var(--ink)}[data-theme="light"] .logo .wordmark span,[data-theme="light"] .logo i{color:#729d00}.workspace{margin-top:32px;background:var(--surface);border-color:var(--line);padding:15px 12px;border-radius:12px}.workspace strong{font-size:12px}.workspace .small{font-size:10px}.label{color:var(--muted);font-size:9px;letter-spacing:2px}.nav{color:var(--muted);padding:11px 12px;font-size:12px;transition:background .15s,color .15s}.nav:hover{background:var(--raised);color:var(--ink)}.nav.active{background:var(--lime);color:#0b1005;box-shadow:0 4px 22px #c6ff1615}.nav b{font-size:19px}.nav em{background:var(--raised);color:var(--ink)}.nav.active em{background:#0001;color:#111}.profile{border-color:var(--line)}.avatar{background:var(--raised);color:var(--accent-text);border:1px solid var(--line)}.powered{padding:15px 12px;border:1px solid var(--line);border-radius:10px;font-size:8px;letter-spacing:2px;color:var(--muted);margin-bottom:20px}.powered strong{display:block;color:var(--ink);font-size:12px;letter-spacing:-.2px;margin-top:7px}.powered span{color:var(--accent-text)}.powered i{font-style:normal;float:right;color:var(--accent-text);font-size:19px}.topbar{background:var(--bg);border-color:var(--line);height:82px}.search{color:var(--ink);font-size:12px}.topright{gap:14px}.theme-switch{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:30px;padding:9px 13px;font-size:14px;display:flex;gap:8px;align-items:center;white-space:nowrap}.theme-switch span{font-size:10px;font-weight:700}.demo{color:var(--accent-text);background:var(--soft);border-color:var(--line);border-radius:30px;font-size:8px}.workspace-status{font-size:8px;letter-spacing:1.3px;color:var(--muted);display:flex;align-items:center;gap:7px}.workspace-status i{background:var(--lime);width:5px;height:5px;border-radius:50%;box-shadow:0 0 12px var(--lime)}.content{padding-top:37px}.head{margin-bottom:30px;align-items:center}.head .eyebrow{color:var(--accent-text)!important;font-size:9px;letter-spacing:2.2px}h1{font-size:clamp(30px,3.4vw,53px);line-height:1.04;letter-spacing:-2px;font-weight:850;margin:16px 0 14px}.headline-accent{color:var(--lime)}[data-theme="light"] .headline-accent{color:#507000}.head .small{font-size:12px}.btn{background:var(--surface);color:var(--ink);border-color:var(--line);padding:12px 16px;border-radius:10px;transition:transform .15s,border-color .15s}.btn:hover{border-color:var(--accent-text);transform:translateY(-1px)}.primary{background:var(--lime);border-color:var(--lime);color:#0b1005;box-shadow:0 0 24px #c6ff1612}.hero{padding:29px 32px;border-radius:18px;border:1px solid #526333;background:linear-gradient(135deg,#1a2519,#0b100c);gap:20px}.hero:after{width:300px;height:300px;border:30px solid #c6ff160a;box-shadow:0 0 0 35px #c6ff1605;top:-130px;right:40px}.hero h2{font-size:clamp(20px,2vw,30px);line-height:1.12;letter-spacing:-1px;font-weight:850;color:white}.hero p{color:#b1bcaf;font-size:11px}.hero .eyebrow{color:#c6ff16;font-size:8px;letter-spacing:1.8px}.hero .btn{background:var(--lime);color:#101703;min-width:165px;box-shadow:0 0 30px #c6ff1620}.stats{gap:16px}.stat,.panel,.module{background:linear-gradient(145deg,var(--raised),var(--surface) 60%);border-color:var(--line);border-radius:17px;box-shadow:var(--shadow)}.stat{padding:23px;position:relative;overflow:hidden}.stat:after{content:'';position:absolute;bottom:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,var(--lime),transparent);opacity:.5}.stat label{color:var(--muted);font-size:11px}.stat label span{color:var(--accent-text)}.stat strong{font-size:34px;color:var(--ink);font-weight:750;margin:17px 0 11px}.trend{color:var(--accent-text);font-size:10px}.panel{padding:24px}.panel h2{font-size:14px;font-weight:700}.textbtn{color:var(--accent-text)}.chart{border-color:var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 49px,var(--line) 50px);gap:18px}.bar{background:linear-gradient(to top,#6f970d,#b1e617);opacity:.5;border-radius:5px 5px 0 0}.bar:last-child{background:linear-gradient(to top,#9bce12,#d2ff54);opacity:1;box-shadow:0 -10px 35px #c6ff1612}.bar:hover{background:var(--lime);opacity:1}.bar span{color:var(--muted);font-size:9px}.chartfoot{font-size:9px}.tag{background:var(--soft);color:var(--accent-text);border:1px solid #849b2822;border-radius:6px}.tag.gray{background:var(--raised);color:var(--muted);border-color:var(--line)}.tag.amber{background:#c48b1715;color:#e2b664;border-color:#b3852525}.tag.blue{background:#528cca15;color:#8bb8e6;border-color:#528cca25}[data-theme="light"] .tag.amber{color:#90600b}[data-theme="light"] .tag.blue{color:#366895}.task{border-color:var(--line);padding:15px 0}.task input{accent-color:var(--lime)}.task strong{font-size:11px}.task .small{font-size:10px}.small{color:var(--muted)}th,td{border-color:var(--line)}th{color:var(--muted);font-size:9px;letter-spacing:.5px}tbody tr:hover{background:var(--raised)}.company .avatar{background:var(--raised);color:var(--accent-text)}.activity{border-color:var(--line);font-size:11px}.activity:before{background:var(--lime);box-shadow:0 0 9px #c6ff1640}.activity p{color:var(--muted)}.column{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px}.column h2{color:var(--ink)}.deal{background:var(--raised);border-color:var(--line);border-radius:12px;padding:15px}.deal select{background:var(--surface);color:var(--ink);border-color:var(--line)}.progress{background:var(--raised);border:1px solid var(--line);height:7px}.progress i{background:var(--lime)}.notice{background:var(--soft);border-color:var(--line);color:var(--muted);border-radius:11px}.footer{border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:9px;line-height:1.9}.apg-credit{color:var(--accent-text);font-weight:650}.toast{background:var(--lime);color:#111;border:1px solid #d9ff77}.module p{color:var(--muted)}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 30px 100px #0009}dialog input,dialog select,dialog textarea,input#business{background:var(--bg)!important;color:var(--ink);border-color:var(--line)!important}dialog::backdrop{background:#0009}.panel div[style*="background:#f1f5eb"]{background:var(--soft)!important;border:1px solid var(--line)}.panel .eyebrow{color:var(--accent-text)!important}.empty{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
@media(max-height:820px) and (min-width:761px){aside{padding-top:22px;padding-bottom:18px}.workspace{margin:22px 0 12px}.nav{padding:9px 12px}.powered{padding:10px 12px;margin-bottom:12px}.profile{margin-top:10px;padding-top:12px}.label{margin-top:10px}.logo .wordmark{font-size:37px}}
@media(max-width:1200px){.workspace-status{display:none}.head .actions{flex-direction:column}.stat strong{font-size:28px}}
@media(max-width:1100px){aside{width:210px;padding-left:15px;padding-right:15px}main{margin-left:210px}.logo .wordmark{font-size:39px}.logo small{font-size:8px;letter-spacing:1.8px}.hero{padding:25px}.board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){main{margin-left:0}aside{width:245px}.topbar{height:70px;padding:0 14px;gap:9px}.topright{gap:7px}.topright>.avatar{display:none}.search{width:130px;padding:8px;font-size:10px}.theme-switch{padding:8px 10px}.theme-switch span{display:none}.demo{font-size:7px;padding:6px}.content{padding:27px 16px}.head{gap:12px}.head .actions{padding-top:8px}.head .actions .primary{padding:11px;font-size:10px}h1{font-size:34px;letter-spacing:-1.5px}.head .eyebrow{font-size:7px;letter-spacing:1.6px}.hero{padding:24px;gap:20px}.hero h2{font-size:23px}.hero p{max-width:290px}.hero:after{right:-170px}.stat{padding:18px}.stat strong{font-size:28px}.stat label{font-size:10px}.trend{font-size:8px}.stats{gap:10px}.panel{padding:20px}.panelhead{gap:12px}.panelhead>.small{font-size:9px}.chart{gap:12px;padding-left:10px}.board{grid-template-columns:1fr}.footer{font-size:8px}.logo small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.12fr 1fr;background:var(--bg)}.login-brand{padding:50px 6vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;border-right:1px solid var(--line);overflow:hidden}.login-brand:after{content:'';position:absolute;bottom:60px;right:-130px;width:440px;height:440px;border:1px solid #c6ff1622;border-radius:50%;box-shadow:0 0 0 55px #c6ff1604,0 0 0 110px #c6ff1603;pointer-events:none}.login-brand .logo{padding:0}.login-brand h1{font-size:clamp(48px,6.5vw,90px);font-weight:900;letter-spacing:-5px;line-height:.96;position:relative;z-index:1;margin-top:55px}.login-brand h1 span{color:var(--lime)}.login-brand p{color:var(--muted);font-size:15px;max-width:390px}.brand-foot{font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:50px}.login-right{padding:45px 6vw;display:flex;flex-direction:column;justify-content:center;position:relative}.login-right>.theme-switch{position:absolute;right:35px;top:30px}.login-card{width:100%;max-width:410px;margin:auto}.login-card h2{font-size:31px;letter-spacing:-1px;margin:16px 0}.login-card form{margin-top:32px}.formlabel{display:block;color:var(--muted);font-size:11px;font-weight:600;margin:18px 0 8px}.field-input{width:100%;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:11px;padding:15px 16px;font:inherit}.full{width:100%;margin-top:25px;padding:16px}.form-error{background:#cc332216;border:1px solid #dd554433;color:#ff9b8c;padding:12px;border-radius:9px;font-size:12px;line-height:1.5;margin:15px 0}.login-trust{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;font-size:10px;color:var(--muted)}.login-trust b{display:block;color:var(--ink);font-size:11px;margin-bottom:6px}.login-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:22px}.form-error:empty{display:none}.session-bar{padding:11px 16px;background:var(--soft);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;font-size:11px;color:var(--accent-text)}.tenant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tenant-card{background:linear-gradient(145deg,var(--raised),var(--surface));border:1px solid var(--line);border-radius:18px;padding:23px;position:relative}.tenant-card h2{font-size:19px;margin:17px 0 7px}.tenant-card .btn{width:100%;margin-top:22px}.tenant-kpis{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.tenant-kpis small{display:block;color:var(--muted);font-size:9px;margin-bottom:7px}.tenant-kpis strong{font-size:20px;letter-spacing:-.6px}.company-switch{width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:11px;font-size:11px}.member-badge{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--accent-text)}.logout-btn{background:none;color:var(--muted);border:0;font-size:10px;padding:12px 0}.loading{padding:60px;color:var(--muted);text-align:center}.empty-state{padding:50px 25px;text-align:center;max-width:520px;margin:auto}.empty-state .empty-icon{font-size:32px;color:var(--lime);margin-bottom:18px}.empty-state h2{font-size:23px;margin:15px 0}.empty-state p{font-size:12px;color:var(--muted)}.edit-button{background:none;border:0;color:var(--accent-text);font-size:11px}.setup-link{width:100%;font-family:monospace;font-size:11px;overflow-wrap:anywhere;line-height:1.7;background:var(--bg);color:var(--ink);padding:13px;border:1px solid var(--line);border-radius:9px;min-height:100px}.audit-action{font-size:10px;color:var(--accent-text);text-transform:uppercase;letter-spacing:.5px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid .wide{grid-column:1/-1}.company-empty{background:var(--surface);border:1px dashed var(--line);border-radius:17px;padding:35px}.topbar .search{max-width:240px}.mobile-company{display:none}.risk{color:#e0b577}.readonly{font-size:10px;color:var(--muted)}.avatar{flex-shrink:0}.table-wrap{overflow-x:auto}dialog{max-height:90vh;overflow:auto}aside{overflow-y:auto}table button{white-space:nowrap}.metric-caption{font-size:10px;color:var(--muted)}.hero h2{max-width:650px}.stat label{min-height:15px}.chart-empty{padding:35px;background:var(--soft);border-radius:12px;color:var(--muted);font-size:12px}.login-mobile-logo{display:none}[data-theme="light"] .login-brand h1 span{color:#547700}[data-theme="light"] .form-error{color:#a32920}[data-theme="light"] .risk{color:#8b5e19}@media(max-width:1150px){.tenant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-brand{padding:45px 5vw}.login-right{padding:45px 5vw}.login-brand h1{letter-spacing:-3px}.workspace-status{display:none}}@media(max-width:760px){.login-page{display:block}.login-brand{display:none}.login-right{padding:110px 28px 45px;min-height:100vh}.login-mobile-logo{display:block;margin-bottom:40px}.login-card h2{font-size:29px}.tenant-grid{grid-template-columns:1fr}.session-bar{font-size:9px;align-items:start}.session-bar .btn{padding:6px 9px;font-size:9px}.formgrid{grid-template-columns:1fr}.formgrid .wide{grid-column:auto}.mobile-company{display:block;font-size:10px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .search{width:110px}.head{flex-wrap:wrap}.head .actions{flex-direction:row}.head h1{font-size:30px}.topright .workspace-status{display:none}.column{min-height:150px}.login-note{font-size:11px}}
/* JCRM 0.4 / Momentum visual edition */
:root{--lime:#c6ff16;--green:#c6ff16}.login-page{background:#060909}.login-brand{padding:44px 5.5vw 35px;justify-content:space-between;min-height:100vh}.login-brand:after{display:none}.login-brand h1{font-size:clamp(45px,5.6vw,80px);letter-spacing:-4.5px;line-height:1.02;margin:30px 0 18px}.login-brand>.logo{position:relative;z-index:1}.login-brand p{max-width:350px;font-size:14px}.login-brand .eyebrow{font-size:8px;letter-spacing:2.5px;color:#c6ff16}.login-brand .login-trust{margin-top:0;padding-top:18px}.brand-foot{margin-top:25px;font-size:9px;letter-spacing:2px}.login-right{background:var(--bg);padding:45px 6vw;border-left:1px solid #ffffff04}.login-card{max-width:420px}.login-card h2{white-space:pre-line;font-size:37px;line-height:1.16;letter-spacing:-1.7px;font-weight:800;margin:24px 0 15px}.access-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:20px;padding:8px 11px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.access-pill i{width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #c6ff16aa}.field-input{padding:17px;border-radius:10px;background:linear-gradient(120deg,var(--surface),var(--bg));transition:border-color .2s,box-shadow .2s}.field-input:focus{border-color:var(--accent-text);box-shadow:0 0 0 3px #c6ff1609;outline:none}.login-card .primary{font-size:13px;font-weight:800;box-shadow:0 0 32px #c6ff1615;margin-top:28px}.brand-sculpture{position:relative;height:230px;max-width:480px;margin:22px auto 16px;isolation:isolate}.brand-sculpture:before{content:'';position:absolute;inset:5% 18%;background:#c6ff1620;filter:blur(55px);border-radius:50%;z-index:-1}.orbit{position:absolute;border:1px solid #c6ff1640;border-radius:50%;width:350px;height:145px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg);box-shadow:0 0 25px #c6ff1605}.orbit-two{transform:translate(-50%,-50%) rotate(40deg);border-color:#ffffff14}.orbit-three{transform:translate(-50%,-50%) rotate(100deg);border-color:#c6ff1625}.sculpture-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);width:105px;height:112px;border:1px solid #c6ff1680;background:linear-gradient(145deg,#24321a,#080e08 65%);border-radius:23px;color:#fff;font-size:86px;font-weight:900;line-height:105px;text-align:center;box-shadow:inset 0 1px 1px #e0ff9c40,0 22px 60px #0008,0 0 38px #c6ff1617;text-shadow:1px 2px 0 #73866a}.sculpture-core span{position:absolute;font-size:25px;right:6px;top:2px;line-height:1;color:var(--lime);text-shadow:none}.orbit-label{position:absolute;border:1px solid #35452d;background:#10170f;color:#bcc8b3;font-size:7px;font-weight:650;letter-spacing:1.3px;padding:8px 11px;border-radius:30px;box-shadow:0 10px 20px #0003}.label-one{left:1%;top:47%}.label-two{right:8%;top:14%;color:#c6ff16}.label-three{right:0;bottom:16%}.orbit-dot{position:absolute;width:6px;height:6px;background:var(--lime);border-radius:50%;left:29%;top:12%;box-shadow:0 0 16px var(--lime);animation:jcrm-pulse 4s ease-in-out infinite}.content{max-width:1650px}.head h1{letter-spacing:-2.5px}.hero{min-height:190px;position:relative;isolation:isolate;background:linear-gradient(120deg,#141c12,#0b100c)}.hero h2{font-size:31px;position:relative;z-index:1}.hero .eyebrow{font-size:8px}.hero-total{z-index:1;display:flex;align-items:center;gap:18px;padding-right:20px}.hero-total strong{font-size:80px;line-height:1;letter-spacing:-5px;color:var(--lime);font-weight:850}.hero-total>span{font-size:9px;letter-spacing:1.5px;color:#bdc9b3;line-height:1.8}.portfolio-emblem{position:absolute;right:15%;width:210px;height:210px;opacity:.15;transform:rotate(-14deg);z-index:-1}.portfolio-emblem span{font-size:200px;font-weight:900;color:#c6ff16;line-height:1}.portfolio-emblem i,.portfolio-emblem b{position:absolute;inset:15px;border:1px solid #c6ff16;border-radius:50%;transform:rotate(35deg) scaleX(1.6)}.portfolio-emblem b{transform:rotate(-35deg) scaleX(1.6)}.tenant-card{overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;padding:25px}.tenant-card:after{content:'';position:absolute;right:-35px;top:-40px;width:125px;height:125px;border:1px solid #c6ff1615;border-radius:50%;box-shadow:0 0 0 18px #c6ff1603;pointer-events:none}.tenant-card:hover{transform:translateY(-4px);border-color:#708d31;box-shadow:0 18px 40px #0003}.company-monogram{width:43px;height:43px;border-radius:12px;background:linear-gradient(130deg,#334121,#141c13);color:#c6ff16;font-size:13px;border-color:#4d6135}.tenant-card h2{font-size:22px;letter-spacing:-.7px;margin-top:24px}.tenant-card>.small{font-size:10px}.tenant-kpis{padding-top:20px;border-top:1px solid var(--line);gap:24px}.tenant-kpis strong{font-size:23px}.tenant-card>.primary{margin-top:25px}.focus-strip{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;border:1px solid var(--line);border-radius:17px;background:var(--surface);margin-bottom:22px;overflow:hidden}.focus-title{padding:24px}.focus-title .eyebrow{font-size:8px;color:var(--accent-text)}.focus-title h2{margin:10px 0 6px;font-size:16px;letter-spacing:-.5px}.focus-title>.small{font-size:10px}.focus-item{border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;padding:23px 20px;display:flex;gap:15px;align-items:center;transition:background .2s}.focus-item:hover{background:var(--soft)}.focus-num{font-size:35px;letter-spacing:-1.5px;font-weight:750;color:var(--accent-text)}.focus-item>span:last-child{font-size:11px;font-weight:650}.focus-item small{display:block;font-size:9px;font-weight:400;color:var(--muted);line-height:1.6;margin-top:8px}.momentum-strip{display:flex;align-items:center;gap:20px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:17px;margin-bottom:22px}.momentum-strip h2{font-size:16px;letter-spacing:-.3px}.momentum-strip p{margin:6px 0 0;font-size:11px}.momentum-strip>.actions{margin-left:auto}.stat{transition:border-color .2s}.stat:hover{border-color:#789637}.stat strong{letter-spacing:-1.8px;font-size:37px}.nav.active{box-shadow:0 0 25px #c6ff1610}.panel{border-radius:17px}.profile{margin-bottom:4px}.session-bar{border-left:3px solid var(--lime)}[data-theme="light"] .login-page{background:#f5f7f3}[data-theme="light"] .login-brand{background:#f5f7f3}[data-theme="light"] .login-brand .eyebrow{color:#506d16}[data-theme="light"] .login-brand h1 span{color:#5b7c0a}[data-theme="light"] .orbit{border-color:#74992b55}[data-theme="light"] .orbit-two{border-color:#74992b30}[data-theme="light"] .login-brand .logo .wordmark span{color:#577800}[data-theme="light"] .orbit-label{background:#fff;color:#42552a;border-color:#b9cc9c}[data-theme="light"] .label-two{color:#476b00}[data-theme="light"] .tenant-card:hover{box-shadow:0 18px 40px #53662d12}@keyframes jcrm-pulse{50%{opacity:.45;box-shadow:0 0 4px var(--lime)}}@media(max-width:1200px){.focus-strip{grid-template-columns:1fr 1fr}.focus-title{border-bottom:1px solid var(--line)}.focus-item:nth-child(2){border-bottom:1px solid var(--line)}.focus-item:nth-child(3){border-left:0}.hero-total strong{font-size:65px}.hero h2{font-size:27px}.stat strong{font-size:30px}.momentum-strip>.actions{flex-direction:column}.brand-sculpture{height:200px}.orbit{width:280px;height:120px}.sculpture-core{transform:translate(-50%,-50%) rotate(-7deg) scale(.85)}}@media(max-width:760px){.login-page{background:var(--bg)}.login-right{padding:95px 24px 35px}.login-card h2{font-size:33px}.login-mobile-logo{margin-bottom:35px}.login-mobile-logo .wordmark{font-size:44px}.login-card .login-trust{margin-top:24px}.login-note{font-size:10px}.hero{min-height:220px}.hero h2{font-size:24px}.hero-total{gap:14px;padding-right:0}.hero-total strong{font-size:49px;letter-spacing:-2px}.hero-total>span{font-size:8px}.portfolio-emblem{right:3%;top:0}.focus-strip{grid-template-columns:1fr 1fr}.focus-title{padding:19px}.focus-title h2{font-size:14px}.focus-title>.small{font-size:9px}.focus-item{padding:19px 13px;gap:10px}.focus-num{font-size:28px}.focus-item>span:last-child{font-size:10px}.focus-item small{font-size:8px}.momentum-strip{padding:20px 16px;gap:14px;flex-wrap:wrap}.momentum-strip>div:nth-child(2){max-width:calc(100% - 85px)}.momentum-strip>.actions{width:100%;flex-direction:row;margin:0}.momentum-strip h2{font-size:15px}.stat strong{font-size:29px}.head h1{letter-spacing:-1.6px}.tenant-card:hover{transform:none}.tenant-card h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.orbit-dot{animation:none}}

/* JCRM 0.5 | Academy identity and editorial photography */
body,.login-page,.login-right{background:var(--bg)}body:before{display:none}
.logo{display:flex;align-items:center;gap:12px;padding:0}.academy-mark{width:44px;height:44px;flex-shrink:0;object-fit:contain}.logo-type{min-width:0}.logo .wordmark{font-size:39px;letter-spacing:-2.6px}.logo small{font-size:7px;letter-spacing:1.8px;margin-top:9px}
.login-page{grid-template-columns:1.3fr 1fr}.login-brand{isolation:isolate;padding:45px 4vw 32px;min-height:850px;color:white;background:#080b0a!important;justify-content:space-between}.login-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;z-index:-3}.login-brand:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#04080745 0%,#04080714 30%,#040807db 67%,#040807 100%);z-index:-2}.login-brand:after{display:none}.login-brand .logo .wordmark,.login-brand .logo small{color:#fff}.login-brand .logo .wordmark span,.login-brand .logo i{color:#c6ff16!important}.login-brand .academy-mark{width:55px;height:55px}.login-brand .wordmark{font-size:48px}.login-story{margin-top:200px}.login-brand h1{font-size:clamp(41px,4.7vw,74px);line-height:1.02;letter-spacing:-3px;margin:20px 0;max-width:730px}.login-brand h1 span{color:#c6ff16!important}.login-brand .eyebrow{color:#c6ff16!important;font-size:9px;letter-spacing:2px}.login-brand p{color:#e2e5df;font-size:14px;max-width:370px}.brand-chapters{display:flex;gap:0;border-top:1px solid #ffffff45;border-bottom:1px solid #ffffff45;margin:28px 0 23px;padding:16px 0;max-width:520px;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.4px;color:#fff}.brand-chapters span:last-child{color:#c6ff16}.login-brand .login-trust{border:0;gap:24px;color:#b9c1b7}.login-brand .login-trust b{color:white}.brand-foot{color:#aeb5ab}.brand-foot b{color:#c6ff16!important}.login-right{padding:100px 4.5vw 55px}.login-card{max-width:420px}.login-card h2{font-size:clamp(30px,3vw,43px);letter-spacing:-1.9px}.login-right>.theme-switch{top:30px;right:30px}.access-pill{border-radius:4px}.field-input,.login-card .primary{border-radius:6px}.login-card .primary{min-height:54px}.login-note{line-height:1.7}
.hero{background:#080b0a;min-height:270px;border-color:#394333;border-radius:12px;padding:35px;isolation:isolate}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-3}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#060906ed 0%,#060906aa 48%,#06090642 72%,#060906bf 100%)}.hero:after,.tenant-card:after,.portfolio-emblem,.brand-sculpture{display:none}.hero h2{font-size:clamp(25px,2.5vw,38px);max-width:570px}.hero p{color:#d8ddd5;max-width:410px}.hero-total{align-self:flex-end;border-left:3px solid #c6ff16;padding:10px 0 10px 20px}.hero-total strong{font-size:64px}.hero-total>span{color:#fff}.hero>div:first-child{max-width:67%}
.business-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-height:195px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:25px;background:#080b0a;color:white}.business-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-3}.business-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b0af5,#080b0ac9 45%,#080b0a40);z-index:-2}.business-banner h2{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.8px;max-width:440px;margin:12px 0}.business-banner p{font-size:11px;color:#d3d9ce;max-width:330px;margin:0}.business-banner .eyebrow{color:#c6ff16;font-size:8px}.business-banner>.btn{align-self:flex-end;white-space:nowrap}.momentum-strip{background:var(--surface)}.completion-meter{width:88px;flex-shrink:0}.completion-meter strong{display:block;font-size:27px;letter-spacing:-1px;color:var(--ink)}.completion-track{height:5px;background:var(--line);margin-top:9px;overflow:hidden}.completion-track i{height:100%;display:block;background:var(--accent-text)}.tenant-card{border-radius:12px}.tenant-card:before{content:'';position:absolute;left:0;top:0;width:3px;height:60px;background:var(--lime)}.mobile-image{display:none}
@media(min-width:1600px){.login-brand{min-height:100vh}.login-story{margin-top:32vh}}
@media(max-width:1100px){.login-brand{padding:35px 30px}.login-brand h1{font-size:43px;letter-spacing:-2px}.login-right{padding:100px 35px 40px}.logo{gap:9px}.academy-mark{width:34px;height:38px}.logo .wordmark{font-size:34px}.logo small{font-size:6px;letter-spacing:1.4px}.hero-total{gap:12px}.hero-total strong{font-size:48px}.hero-total>span{font-size:8px}.hero{padding:28px;gap:18px}}
@media(max-width:760px){.login-brand{display:none}.login-right{padding:88px 24px 35px;min-height:100vh}.login-mobile-logo{margin-bottom:28px}.login-mobile-logo .logo{padding:0;gap:13px}.login-mobile-logo .academy-mark{width:44px;height:46px}.login-mobile-logo .logo small{font-size:8px;letter-spacing:1.9px}.mobile-image{display:block;position:relative;height:175px;margin-top:27px;border-radius:8px;overflow:hidden;isolation:isolate;background:#080b0a}.mobile-image img{width:100%;height:100%;object-fit:cover;object-position:60% center;position:absolute;inset:0;z-index:-3}.mobile-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b0adb,#080b0a15);z-index:-2}.mobile-image>span{position:absolute;left:20px;bottom:20px;color:white;font-size:26px;font-weight:850;letter-spacing:-1px;line-height:1.05}.mobile-image b{color:#c6ff16}.login-card h2{font-size:32px}.hero{min-height:300px;align-items:flex-start;padding:24px;gap:25px}.hero>div:first-child{max-width:100%}.hero-photo{object-position:65% center}.hero:before{background:linear-gradient(90deg,#060906ec,#06090675)}.hero-total{align-self:flex-start;padding:0 0 0 14px}.hero-total strong{font-size:43px}.business-banner{min-height:230px;padding:24px;flex-direction:column;align-items:flex-start;gap:22px}.business-banner>.btn{align-self:flex-start}.business-banner>img{object-position:65% center}.business-banner h2{font-size:25px;max-width:270px}.business-banner p{max-width:250px}.momentum-strip>div:nth-child(2){max-width:calc(100% - 102px)}}

/* Photo collection and everyday navigation */
.page-photo{height:145px;position:relative;overflow:hidden;border-radius:10px;margin:0 0 25px;background:#080b0a;isolation:isolate}.page-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-3}.page-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b0adb,#080b0a10);z-index:-2}.page-photo>span{position:absolute;left:26px;bottom:26px;color:#c6ff16;font-size:8px;letter-spacing:2px}.page-photo b{display:block;font-size:22px;letter-spacing:-.6px;color:white;margin-top:9px}.login-brand{min-height:100vh}.login-photo{object-position:65% center}aside{overflow-y:auto}aside .bottom{padding-top:20px}aside nav{flex-shrink:0}.edit-button:focus-visible{outline:2px solid var(--lime)}@media(max-width:760px){.page-photo{height:120px}.page-photo>span{left:20px;bottom:20px}.page-photo b{font-size:19px}.page-photo img{object-position:65% center}}
/* Connected business workflows */
.customer-link{border:0;background:none;color:var(--accent-text);font:inherit;font-weight:700;text-align:left;padding:5px 0}.customer-summary{display:grid;grid-template-columns:1fr 1fr;gap:35px;border:1px solid var(--line);padding:28px;background:var(--surface);border-radius:12px;margin-bottom:24px}.customer-summary .eyebrow{color:var(--accent-text)}.goal-result{display:block;font-size:35px;letter-spacing:-1px;margin-top:22px}.goal-result small{font-size:13px;color:var(--muted);letter-spacing:0}.document-line{display:grid;grid-template-columns:2fr .6fr 1fr auto;gap:10px;align-items:end;border-bottom:1px solid var(--line);padding:10px 0}.document-line input{min-width:0}.document-line button{margin-bottom:0}.document-line label{margin:0}fieldset{border:1px solid var(--line);border-radius:8px;margin:25px 0;padding:15px}legend{font-size:12px;font-weight:700;padding:0 8px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-banner{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:var(--lime);color:#111;padding:14px 18px;border-radius:8px;margin-bottom:25px;font-size:10px}.demo-banner>span{flex:1}.demo-banner a{color:#111;font-weight:700}.demo-banner .btn{background:#111;color:white}.document-dialog{width:min(900px,94vw)}.print-document{margin-top:25px;background:white;color:#17201a;padding:36px;border-radius:6px}.print-document header{display:flex;justify-content:space-between;gap:25px;border-bottom:3px solid #9cce14;padding-bottom:25px}.print-document h1{font-size:28px;letter-spacing:-1px}.print-document h2{font-size:16px}.print-document p{font-size:12px;white-space:pre-line}.document-type{font-size:10px;font-weight:800;letter-spacing:2px}.document-parties{display:flex;justify-content:space-between;margin:25px 0;gap:25px}.document-parties small{font-size:9px;font-weight:700}.print-document table td,.print-document table th{color:#17201a;border-color:#ddd;white-space:normal}.document-totals{max-width:300px;margin:25px 0 30px auto}.document-totals b{float:right}.document-totals h2{border-top:1px solid #ddd;padding-top:15px}.document-terms{border-top:1px solid #ddd;padding-top:20px}.print-document footer{margin-top:35px;font-size:9px;color:#58635a}.photo-preference{max-width:130px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:8px;font-size:10px}.login-right>.photo-preference{position:absolute;top:30px;left:30px}dialog:has(.document-line){width:min(760px,94vw)}.topright{flex-wrap:wrap}.content table .btn{padding:7px 9px;margin:2px}.activity .tag{margin-left:7px}
@media(max-width:760px){.customer-summary{grid-template-columns:1fr;padding:22px;gap:25px}.document-line{grid-template-columns:1fr 1fr}.document-line label:first-child{grid-column:1/-1}.print-document{padding:18px}.print-document header,.document-parties{flex-direction:column;gap:12px}.topright>.btn{font-size:9px;padding:8px}.topright .photo-preference{max-width:90px;font-size:9px}.topright .demo{display:none}.quick-grid{grid-template-columns:1fr}.login-right>.photo-preference{left:24px;top:30px}.demo-banner{gap:8px}.demo-banner>span{flex-basis:100%}}
@media print{body{background:white!important}#root,#toast,.no-print,dialog::backdrop{display:none!important}dialog.document-dialog{display:block!important;position:absolute;inset:0;border:0;box-shadow:none;width:100%;max-width:none;max-height:none;overflow:visible;padding:0;margin:0;background:white}.print-document{margin:0;padding:15mm;color:black}tr{break-inside:avoid}.print-document footer{color:#444}@page{margin:10mm}}
/* 0.7.1: stable workspace switcher, touch layouts and standalone safe areas */
aside>.logo,aside>.workspace,aside>.label,aside>.bottom{flex-shrink:0}
.workspace{display:flex;flex-direction:column;gap:10px;min-width:0;overflow:visible}
.workspace .member-badge{position:static;display:block;margin:0;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.company-switch{display:block;min-width:0;max-width:100%;height:auto;min-height:46px;line-height:1.4;padding:12px 30px 12px 10px;text-overflow:ellipsis}
.company-switch:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
main,.topbar>.small,.topright,.head>div,.grid>*,.stats>*{min-width:0}
.topbar{height:auto;min-height:78px;gap:16px;padding-top:12px;padding-bottom:12px}
.topbar>.small{overflow-wrap:anywhere}.demo-banner,.session-bar,.actions{flex-wrap:wrap}
.menu-dismiss{display:none}.install-app{width:100%;margin-top:14px;min-height:44px}.install-help{line-height:1.7}.install-help li{margin-bottom:14px}
@media(max-width:760px){
 body{min-width:0}main{margin-left:0}.topbar{display:grid;grid-template-columns:44px minmax(0,1fr);padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));gap:8px 12px}
 .topbar>.mobile{width:44px;min-height:44px;padding:8px}.topbar>.small{font-size:12px}.topright{grid-column:1/-1;justify-content:flex-end;gap:8px}
 .topright>.btn,.topright .theme-switch,.topright .photo-preference{min-height:44px;font-size:12px}.topright .photo-preference{max-width:145px}
 aside{width:min(310px,88vw);padding:calc(20px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));height:100dvh;overscroll-behavior:contain;z-index:30}
 aside.open{box-shadow:0 0 0 100vmax #0009}.menu-dismiss{display:block;align-self:flex-end;min-height:44px;margin-bottom:12px}
 .company-switch{font-size:16px}.workspace{gap:12px}.nav{min-height:46px}.content{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
 input,select,textarea,.field-input{font-size:16px!important}.btn,.textbtn,.theme-switch{min-height:44px}
 .head{flex-wrap:wrap}.head h1{font-size:clamp(26px,7vw,36px)}.head .actions{max-width:100%}.session-bar{gap:12px}.session-bar>span{min-width:0;overflow-wrap:anywhere}
 .demo-banner{align-items:flex-start;padding:16px}.demo-banner strong{line-height:1.6}.demo-banner a{padding:12px 4px}.stat{padding:16px 12px}.stat strong{font-size:clamp(23px,6vw,29px);overflow-wrap:anywhere}
 .task{flex-wrap:wrap}.task>div{min-width:0;overflow-wrap:anywhere}.task input{width:22px;height:22px;flex-shrink:0}.panelhead{gap:12px;flex-wrap:wrap}.footer{flex-wrap:wrap}
 dialog{max-height:calc(100dvh - 32px);max-width:calc(100vw - 24px);overflow-y:auto;padding:20px}.login-right{min-height:100dvh;padding-bottom:calc(35px + env(safe-area-inset-bottom))}
 .print-document{overflow-x:auto}.customer-summary{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}