/* Legacy domain/module styles with historical !important flags removed.
   Shell chrome is owned by macos27_system.css. */
:root{--bg:#05070b;--panel:#1e150a;--panel2:#251c11;--line:#3b332d;--warm-accent:#d2bfad;--neutral-accent:#8d7f72;--text:#f6fbff;--muted:#c9c0b5;--danger:#ff657a;--ok:#55e19f;--content-max:1500px;--page-gutter:clamp(14px,2.2vw,32px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--text-body:clamp(15px,1vw,17px);--text-meta:13px;--text-card-title:clamp(17px,1.25vw,20px);--text-section:clamp(22px,2vw,30px);--text-title:clamp(34px,4vw,52px);--line-body:1.55;--line-heading:1.12;--line-compact:1.35;--control-min:44px;--glass-readable:rgba(248,252,255,.82);--glass-readable-strong:rgba(248,252,255,.94);--glass-border:rgba(255,255,255,.72);--radius-control:14px;--radius-card:24px;--motion-fast:140ms;--motion-normal:220ms}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 70% 0,#231a0f 0,#05070b 44%,#030406 100%);color:var(--text);font-family:Segoe UI,Arial,sans-serif;min-height:100%}a{color:inherit;text-decoration:none}.topbar{height:72px;display:flex;align-items:center;gap:26px;padding:0 24px;background:#05080d;border-bottom:1px solid #372e23;position:sticky;top:0;z-index:20;box-shadow:0 10px 35px #0007}.brand{display:flex;align-items:center;gap:10px;min-width:260px}.brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 8px #c4b9ab66)}.brand span{display:flex;flex-direction:column;line-height:1.05}.brand b{letter-spacing:.08em}.brand small{font-size:9px;color:#dfcbb8;letter-spacing:.18em;margin-top:6px}.topbar nav{display:flex;gap:8px;flex:1}.topbar nav a,.acct a{padding:9px 10px;color:#eee5da;font-size:13px;border:1px solid transparent}.topbar nav a:hover,.acct a:hover{border-color:#51483f;background:#241b10}.acct{display:flex;gap:6px}.danger{color:#ff91a0}.shell{width:min(100%,var(--content-max));max-width:var(--content-max);margin-inline:auto;padding:var(--space-5) var(--page-gutter);padding-inline:var(--page-gutter);min-width:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.flash{padding:12px 14px;margin:0 0 16px;border:1px solid #4f453d;background:#271e13}.flash.success{border-color:#2a7658}.flash.danger{border-color:#7d3340}.flash.warning{border-color:#7b622a}.hero.compact{display:grid;grid-template-columns:1fr 220px;min-height:220px;padding:28px 34px;background:linear-gradient(120deg,#1d1409,#20170c 58%,#231a0f);border:1px solid #413831;position:relative;}.hero.compact:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49%,#d0c5b70d 50%,transparent 51%),linear-gradient(transparent 0 49%,#d0c5b708 50%,transparent 51%);background-size:42px 42px;opacity:.5}.hero h1{font-size:42px;margin:6px 0 10px;position:relative}.hero h1 span{color:var(--warm-accent)}.hero p{max-width:780px;color:var(--muted);font-size:15px;line-height:1.6;position:relative}.eyebrow{color:#dbc7b4;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin:0 0 7px}.core{display:grid;place-items:center;position:relative}.core-ring{width:145px;height:145px;border-radius:50%;border:1px solid #cdbaa8;display:grid;place-items:center;box-shadow:0 0 0 12px #cbc0b20a,0 0 45px #988d7f44,inset 0 0 32px #aba09222}.core-ring div{text-align:center;font-weight:800;font-size:24px;letter-spacing:.12em}.core-ring small{color:#d7c4b1;font-size:10px}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0 26px}.stats>div{background:#1e150a;border:1px solid #3b332c;padding:15px 17px}.stats b{font-size:24px;color:#fff;display:block}.stats span{font-size:11px;color:#bfb6ab;text-transform:uppercase;letter-spacing:.08em}.section-title{font-size:22px;margin:22px 0 12px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-card{min-height:205px;background:linear-gradient(160deg,#1e150a,#231a0f);border:1px solid #413931;padding:18px;display:flex;gap:16px;transition:.18s;position:relative;}.module-card:after{content:"";position:absolute;right:-35px;bottom:-35px;width:100px;height:100px;border:1px solid #c8bdaf22;transform:rotate(45deg)}.module-card:hover{transform:translateY(-2px);border-color:#d5c2af;box-shadow:0 0 26px #a3988a1a}.module-card img{width:64px;height:64px;object-fit:contain;align-self:flex-start}.module-card h3{margin:4px 0 8px;font-size:17px}.module-card p{color:#d3cabf;line-height:1.45;font-size:13px}.module-card .access{font-size:9px;color:#d6c3b0;letter-spacing:.13em;margin:0}.module-card span{display:inline-block;margin-top:6px;color:#dbc7b4;font-size:11px;font-weight:700;letter-spacing:.08em}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:5px 0 18px}.page-head h1{font-size:32px;margin:0}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn,button{border:0;cursor:pointer}.primary,.secondary,.btn{display:inline-block;padding:10px 14px;font-weight:700;font-size:12px;letter-spacing:.04em}.primary{background:linear-gradient(90deg,#7e7165,#cbb8a7);color:#1c1308}.secondary{background:#292015;border:1px solid #64594f;color:#fffaef}.link{background:none;color:#ddc9b6;padding:0}.table-card,.form-card,.review-card,.placeholder,.history>div,.note,.iframe-wrap{background:#1e150a;border:1px solid #3f362b}.table-card{overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid #352c21;font-size:12px}th{font-size:10px;color:#dac6b3;text-transform:uppercase;letter-spacing:.09em;background:#231a0f}.empty{text-align:center;color:#b0a79c;padding:30px}.form-card{padding:18px;margin:14px 0}.form-card summary{cursor:pointer;font-weight:700;color:#e0cbb8;margin:-2px 0 16px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.form-grid .span2{grid-column:span 2}label{display:flex;flex-direction:column;gap:6px;color:#e1d8cd;font-size:11px;font-weight:600}input,select,textarea{width:100%;background:#180f04;border:1px solid #494038;color:#f6fbff;padding:10px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#d2bfad;box-shadow:0 0 0 2px #d0c5b716}textarea{resize:vertical}.calcbox{display:flex;align-items:end}.sticky-actions{position:sticky;bottom:0;background:#1d1409e8;border-top:1px solid #453d35;padding:12px;display:flex;gap:10px;margin:18px -18px -18px}.paper{background:#fff;color:#111;max-width:950px;margin:0 auto;padding:55px 65px;box-shadow:0 0 50px #0008}.paper-logo{display:block;width:130px;margin:0 auto 24px}.paper pre{white-space:pre-wrap;font-family:"Times New Roman",serif;font-size:12.2pt;line-height:1.55}.paper.hindi pre{font-family:"Nirmala UI","Mangal",sans-serif}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.review-card{padding:14px;margin-bottom:10px}.review-card textarea{min-height:130px}.placeholder{min-height:330px;display:grid;place-items:center;color:#9c9388}.history{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.history>div{padding:14px}.history p{font-size:13px;color:#d8cfc4}.history small,.muted{color:#a39a8f}.badge{padding:5px 7px;border:1px solid #5a5047}.badge.vacant{color:#67efad;border-color:#2b7652}.badge.occupied{color:#e2ceba}.badge.upcoming{color:#ffd56b;border-color:#735f2d}.badge.maintenance,.badge.blocked{color:#ff8da0;border-color:#7c3440}.iframe-wrap{height:calc(100vh - 150px);position:relative}.iframe-wrap iframe{width:100%;height:100%;border:0;background:white}.iframe-note{position:absolute;right:10px;bottom:10px;background:#1e150ad9;padding:8px 10px;font-size:11px;color:#d5c1af}.login-card{width:min(440px,95vw);background:linear-gradient(160deg,#1e150a,#231a0f);border:1px solid #574d44;padding:34px;box-shadow:0 0 70px #a1968818}.login-logo{width:110px;display:block;margin:0 auto 12px}.login-card h1{text-align:center;margin:4px 0}.login-card .muted{text-align:center}.stack{display:grid;gap:14px;margin-top:26px}.statusline{margin-top:20px;color:#aea59a;font-size:11px}.statusline span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55e19f;box-shadow:0 0 9px #55e19f;margin-right:7px}.narrow{max-width:620px}.note{padding:16px;line-height:1.55;color:#d6cdc2;margin-top:15px}@media (max-width:1100px){.topbar nav{display:none}.stats{grid-template-columns:repeat(3,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media (max-width:700px){.shell{padding:14px}.brand{min-width:unset}.brand span{display:none}.acct a:not(.danger){display:none}.hero.compact{grid-template-columns:1fr;padding:22px}.core{display:none}.hero h1{font-size:32px}.stats{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.page-head{align-items:flex-start;flex-direction:column}.history{grid-template-columns:1fr}.paper{padding:35px 22px}.paper pre{font-size:10.5pt}}@media print{body{background:white}.topbar,.no-print,.flash{display:none}.shell{padding:0;max-width:none}.paper{box-shadow:none;max-width:none;padding:10mm 13mm}.paper pre{font-size:10.5pt}.paper-logo{width:110px}}

/* Review QR / Google review actions */
.qr-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #403830;background:#1f160b;padding:22px;margin-bottom:18px}.qr-wrap{background:#fff;padding:12px;border-radius:8px;min-width:190px;text-align:center}.qr-wrap img{display:block;width:180px;height:180px;max-width:100%}.qr-actions,.review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.link-button{display:inline-block;text-decoration:none}.check-row{display:flex;align-items:center;gap:10px}.check-row input{width:auto}.small-link{color:#cfbcaa;display:inline-block;margin:4px 0 7px}.history small{display:block}.muted{color:#c9c0b5}@media (max-width:760px){.qr-panel{flex-direction:column;align-items:flex-start}.qr-wrap{align-self:center}}

/* ===== Tesla OS 27 lively colour + animation layer ===== */
:root{--violet:#807367;--pink:#ff4fa3;--orange:#ff9f43;--lime:#59e391;--warm-accent:#d2bfad;--glass:rgba(23,19,12,.78)}
body{background:linear-gradient(125deg,#1b1611 0%,#271e13 32%,#322a24 63%,#3d103d 100%);background-size:300% 300%;}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 12% 16%,#83786a50 0,transparent 26%),radial-gradient(circle at 88% 15%,#d0c5b742 0,transparent 25%),radial-gradient(circle at 74% 78%,#ff4fa337 0,transparent 28%),radial-gradient(circle at 18% 85%,#ff9f432e 0,transparent 25%)}
.ambient{position:fixed;border-radius:50%;filter:blur(60px);opacity:.24;z-index:-2;pointer-events:none;}.ambient-a{width:260px;height:260px;background:#776a5f;left:-70px;top:20%}.ambient-b{width:320px;height:320px;background:#c1af9e;right:-110px;top:35%;animation-delay:-5s}.ambient-c{width:240px;height:240px;background:#ff4fa3;left:45%;bottom:-100px;animation-delay:-9s}
.glass,.topbar{background:rgba(15,11,4,.84);border-bottom:1px solid #ffffff1a}.shell{position:relative;z-index:1}.site-footer{max-width:1500px;margin:24px auto 0;padding:16px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#ece3d8;background:#1a1106d9;border:1px solid #ffffff1b;border-bottom:0;box-shadow:0 -12px 34px #0005;font-size:12px}.site-footer b{color:#fff}
.hero.compact.lively-hero{background:linear-gradient(120deg,#2c2113e8,#34291bd9 45%,#473c2edb 76%,#32291ee6);border:1px solid #e2d7c955;box-shadow:0 25px 70px #0004,inset 0 0 60px #83786a12;border-radius:18px}.hero.compact:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:8%;top:-65px;background:linear-gradient(135deg,#ff4fa355,#d0c5b755);filter:blur(10px);}.core-ring{border-color:#ecd6c2;box-shadow:0 0 0 12px #83786a16,0 0 55px #d0c5b766,inset 0 0 35px #ff4fa31c;}
.stats>div,.module-card,.city-card,.form-card,.review-card,.table-card,.history>div,.note,.user-access-card{background:linear-gradient(145deg,rgba(23,19,12,.90),rgba(26,22,15,.82));border:1px solid #ffffff20;box-shadow:0 14px 35px #0003;border-radius:14px}.stats>div:nth-child(1){border-top:3px solid #d2bfad}.stats>div:nth-child(2){border-top:3px solid #807367}.stats>div:nth-child(3){border-top:3px solid #ff4fa3}.stats>div:nth-child(4){border-top:3px solid #59e391}.stats>div:nth-child(5){border-top:3px solid #ff9f43}.stats>div:nth-child(6){border-top:3px solid #ab9b8c}.module-card{min-height:210px;transition:.3s cubic-bezier(.2,.8,.2,1)}.module-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 24px 52px #0005,0 0 36px #d0c5b724}.module-1{border-top:3px solid #d2bfad}.module-2{border-top:3px solid #59e391}.module-3{border-top:3px solid #ff4fa3}.module-4{border-top:3px solid #ff9f43}.module-5{border-top:3px solid #807367}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px}.city-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;margin:10px 0 25px}.city-card{padding:18px;display:flex;gap:14px;align-items:center;transition:.25s}.city-card:hover{transform:translateY(-3px);border-color:#eadfd166}.city-orb{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#807367,#d2bfad);box-shadow:0 0 22px #d0c5b744}.city-card h3{margin:0 0 5px}.city-card p{margin:0;color:#d4cbc0;font-size:12px}.compact-placeholder{min-height:95px}.primary{background:linear-gradient(90deg,#6e6258,#baa898 55%,#4de0a5);box-shadow:0 8px 22px #8d827438}.whatsapp-btn{background:linear-gradient(90deg,#1fbe65,#4dea8c);color:#042315;font-weight:800}.whatsapp-text{color:#5bf099}.whatsapp-note,.mandatory-note{margin:12px 0 18px;padding:13px 15px;border-radius:10px;background:linear-gradient(90deg,#173d3088,#392e2088);border:1px solid #43e68c4d;color:#d8f6e4}
.preset-console{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:14px;margin-bottom:14px}.preset-profile{padding:15px;border-radius:12px;background:linear-gradient(120deg,#382d1faa,#534a3faa);border:1px solid #e9ded044}.preset-profile h3{margin:3px 0 5px}.preset-profile p,.preset-profile small{color:#e4dbd0}.agreement-tools{display:flex;align-items:center;gap:14px;margin:10px 0 15px;flex-wrap:wrap}.agreement-section{background:#1d1409ba;border:1px solid #ffffff1d;border-radius:12px;margin:10px 0;}.agreement-section summary{padding:14px 16px;color:#fff;font-weight:800;cursor:pointer;background:linear-gradient(90deg,#312618aa,#392e20aa)}.agreement-section summary span{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:9px;border-radius:50%;background:linear-gradient(135deg,#807367,#d2bfad);font-size:11px}.agreement-section .form-grid{padding:15px}.agreement-builder em,.review-link-callout em{color:#ff9dbf;font-style:normal;font-size:10px;margin-left:4px}.pulse-once{}.review-link-callout{grid-column:1/-1;padding:16px;margin-bottom:14px;border-radius:14px;background:linear-gradient(125deg,#32291e99,#52493e99);border:1px solid #ff70c65c}.review-link-callout small{display:block;color:#eae1d6;margin:7px 0}.step-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#ff4fa3;color:white;font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:8px}.qr-panel{background:linear-gradient(130deg,#2e2315e6,#292015e6);border-color:#d9cec055;border-radius:14px}.qr-awaiting{opacity:.82}.disabled-link{pointer-events:none;filter:grayscale(1);opacity:.55}.qr-wrap{min-height:200px;display:grid;place-items:center}.qr-wrap #qrPlaceholder{color:#352c21;padding:18px;font-size:13px}.colourful-card{background:linear-gradient(145deg,#2b2012e8,#2b2217dd)}.admin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.perm-chip{display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px;border-radius:10px;background:#1f1914;border:1px solid #ffffff19}.perm-chip input{width:auto}.user-admin-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.user-access-card{padding:18px}.user-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.user-head h3{margin:4px 0}.role-badge{font-size:9px;letter-spacing:.1em;color:#ebd6c2}.city-admin-list{display:grid;gap:7px;margin-top:15px}.city-admin-list>div{display:flex;justify-content:space-between;padding:8px 10px;background:#1d1713;border-radius:8px}.check-row{flex-direction:row;align-items:center}.check-row input{width:auto}
@keyframes livenzaFlow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(25px,-35px,0) scale(1.12)}}@keyframes pulseGlow{0%,100%{opacity:.45;transform:scale(.95)}50%{opacity:.85;transform:scale(1.08)}}@keyframes coreBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes presetPulse{0%{box-shadow:0 0 0 #d0c5b700}50%{box-shadow:0 0 30px #d0c5b766}100%{box-shadow:0 0 0 #d0c5b700}}
@media (max-width:1100px){.city-grid{grid-template-columns:repeat(2,1fr)}.admin-grid,.user-admin-list{grid-template-columns:1fr}.preset-console{grid-template-columns:1fr}}@media (max-width:700px){.city-grid{grid-template-columns:1fr}.site-footer{flex-direction:column}.permission-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){body,.ambient,.core-ring,.hero.compact:after{}}
.agreement-builder label.required-field{position:relative}.agreement-builder label.required-field:before{content:"MANDATORY";align-self:flex-start;font-size:8px;letter-spacing:.08em;color:#ffacd0;background:#5d1646;padding:2px 5px;border-radius:5px;margin-bottom:-3px}

/* ===== Tesla OS 27 Liquid Glass System ===== */
:root{--lg-bg:#1d1409;--lg-glass:rgba(255,255,255,.105);--lg-glass-2:rgba(255,255,255,.075);--lg-border:rgba(255,255,255,.22);--lg-shadow:0 24px 70px rgba(24,20,13,.28);--lg-purple:#8a7c6f;--lg-pearl:#dac6b3;--lg-pink:#ff70bc;--lg-green:#56e6a5;--lg-gold:#ffc96b}
html{background:#251c11}body{background:linear-gradient(135deg,#1a1410 0%,#2c2520 28%,#544a41 57%,#3f362b 82%,#322b25 100%);background-size:240% 240%;color:#fff;min-height:100vh;position:relative}
.aurora{position:fixed;border-radius:50%;filter:blur(18px);opacity:.45;pointer-events:none;z-index:-2;mix-blend-mode:screen;}.a1{width:420px;height:420px;left:-110px;top:12%;background:radial-gradient(circle,#897b6f 0,#6d625455 45%,transparent 70%)}.a2{width:520px;height:520px;right:-160px;top:5%;background:radial-gradient(circle,#d9cec0cc 0,#9d928444 45%,transparent 72%);animation-delay:-6s}.a3{width:480px;height:480px;left:36%;bottom:-240px;background:radial-gradient(circle,#ff5cadbb 0,#756a5c33 50%,transparent 72%);animation-delay:-11s}.liquid-noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.045) 49%,transparent 51%),linear-gradient(30deg,transparent 0 48%,rgba(255,255,255,.035) 49%,transparent 51%);background-size:120px 120px}
.liquid-card,.glass-panel,.topbar,.site-footer,.module-card,.stats>div,.city-card,.form-card,.table-card,.review-card,.history>div,.note,.query-card,.login-card{background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055));border:1px solid var(--lg-border);box-shadow:var(--lg-shadow),inset 0 1px 0 rgba(255,255,255,.2);border-radius:24px;position:relative;}.liquid-card:before,.module-card:before,.stats>div:before,.form-card:before,.query-card:before{content:"";position:absolute;left:2%;right:2%;top:1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);pointer-events:none}
.topbar{height:82px;margin:10px 14px 0;border-radius:26px;position:sticky;top:10px;background:rgba(28,24,17,.58);box-shadow:0 18px 55px #12090077,inset 0 1px 0 #fff4}.topbar nav a,.acct>a{border-radius:16px;transition:.25s cubic-bezier(.2,.8,.2,1)}.topbar nav a:hover,.acct>a:hover{background:rgba(255,255,255,.14);border-color:#fff4;transform:translateY(-1px)}.glass-icon{display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#ffffff35,#ffffff0d);border:1px solid #ffffff42;box-shadow:inset 0 1px 1px #fff8,0 12px 30px #19100555;}.brand-glass{width:58px;height:58px}.brand-glass img{width:50px;height:50px}.module-icon{width:78px;height:78px;flex:none}.module-icon img{width:64px;height:64px}.module-icon span{font-size:34px;color:#fff;text-shadow:0 0 22px var(--lg-pearl)}
.user-chip{display:flex;align-items:center;gap:8px}.user-chip img,.user-chip>span{width:28px;height:28px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--lg-purple),var(--lg-pearl));color:white}.user-chip b{font-size:11px}.module-card{min-height:220px;border-radius:28px;transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .28s,border .28s}.module-card:hover{transform:translateY(-7px) scale(1.012);box-shadow:0 28px 80px #1f140655,0 0 38px #d8cdbf26;border-color:#ffffff66}.module-card:active,.primary:active,.secondary:active{transform:scale(.975)}.module-1{background:linear-gradient(145deg,#5f544656,#cabfb119)}.module-2{background:linear-gradient(145deg,#0b8c7255,#4de6b019)}.module-3{background:linear-gradient(145deg,#a62e7d55,#ff69bc1d)}.module-4{background:linear-gradient(145deg,#81766855,#cabfb11d)}.module-5{background:linear-gradient(145deg,#da7d2e55,#ffc45e1d)}.module-6{background:linear-gradient(145deg,#60554755,#988d7f1d)}
.primary,.secondary,.btn,button{border-radius:16px;box-shadow:inset 0 1px 0 #fff5,0 10px 25px #281d0f35;transition:.2s}.primary{background:linear-gradient(135deg,#8b7e71,#cfbcaa 55%,#55e4ad);color:#1e150a}.secondary{background:rgba(255,255,255,.11);border:1px solid #ffffff35}.whatsapp-btn{background:linear-gradient(135deg,#24c26d,#75efaa)}.stats>div{border-radius:20px}.stats b{font-size:27px}.hero.compact{border-radius:32px;background:linear-gradient(130deg,#584d3f55,#9c918337 55%,#ce4a9c2d);min-height:245px}.core-ring{border-color:#f0e7dc;box-shadow:0 0 0 14px #d6cbbd12,0 0 55px #dacfc155,inset 0 0 35px #8b807233}
input,select,textarea{border-radius:14px;background:rgba(16,12,5,.48);border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff12;color:#fff}.table-card{border-radius:24px}.table-card table th{background:rgba(39,32,27,.7)}.glass-panel{padding:18px;margin:14px 0}.vacant-auto-strip{display:flex;justify-content:space-between;align-items:center;gap:15px}.vacant-auto-strip p{margin:5px 0;color:#efdac5}
.profile-photo-wrap{text-align:center}.profile-photo{width:120px;height:120px;border-radius:34px;object-fit:cover;border:1px solid #fff6;box-shadow:0 20px 50px #180f0466}.profile-photo.fallback,.mini-avatar.fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--lg-purple),var(--lg-pearl));font-weight:800}.mini-avatar{width:54px;height:54px;border-radius:18px;object-fit:cover;border:1px solid #fff5}.user-identity{display:flex;gap:12px;align-items:center}.aadhaar-box,.aadhaar-info,.aadhaar-verify{padding:16px;border:1px solid #ffffff25;border-radius:18px;background:rgba(41,35,29,.35)}.aadhaar-verify{margin:-8px 0 20px}.aadhaar-verify label{margin:9px 0}.template-list{display:grid;gap:9px;margin-top:18px}.template-list>div{display:flex;justify-content:space-between;gap:10px;padding:13px;background:#ffffff0d;border:1px solid #ffffff19;border-radius:14px}.template-list em{color:#6cf2b2}
.query-stats{grid-template-columns:repeat(4,1fr)}.query-filter{margin-bottom:18px}.query-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.query-card{padding:18px}.query-card.heat-hot{border-color:#ff789b88;box-shadow:var(--lg-shadow),0 0 35px #ff477b20}.query-card.heat-warm{border-color:#ffd26e66}.query-card.heat-cold{border-color:#dacfc155}.query-card-head{display:flex;justify-content:space-between;gap:12px}.query-card-head h3{margin:8px 0 4px}.query-card-head p{margin:0;color:#e3dacf}.source-pill,.heat-pill,.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em;border:1px solid #fff3;background:#ffffff0f}.heat-pill{color:#ffd486}.status-pill{height:max-content;color:#e7d2be}.query-meta{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.query-meta span{padding:7px 10px;background:#ffffff0b;border-radius:999px;font-size:10px}.query-text{min-height:44px;color:#faf1e6;line-height:1.55}.query-update-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.query-update-grid .span2{grid-column:span 2}.query-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.site-footer{margin:18px 14px 12px;padding:17px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:rgba(21,17,10,.58)}.site-footer small{color:#e4cfbc}.site-footer>div:last-child{text-align:right}
@keyframes liquidBg{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes auroraFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(45px,-35px,0) scale(1.12)}}@keyframes liquidCore{0%,100%{transform:scale(1);filter:hue-rotate(0)}50%{transform:scale(1.06);filter:hue-rotate(24deg)}}
@media (max-width:1150px){.query-board{grid-template-columns:1fr}.query-update-grid{grid-template-columns:repeat(2,1fr)}.topbar{margin:6px 7px 0}.site-footer{margin:12px 7px}}@media (max-width:700px){.query-stats{grid-template-columns:repeat(2,1fr)}.query-update-grid{grid-template-columns:1fr}.query-update-grid .span2{grid-column:auto}.vacant-auto-strip{align-items:flex-start;flex-direction:column}.site-footer{align-items:flex-start}.site-footer>div:last-child{text-align:left}}
@media (prefers-reduced-motion:reduce){body,.aurora,.core-ring{}.module-card{transition:none}}

/* Tesla OS 27 layout reliability: footer always follows content and rests at viewport bottom on short pages */
html{min-height:100%}
body{min-height:100vh;display:flex;flex-direction:column}
.topbar{flex:0 0 auto}
.shell{width:min(1500px,100%);flex:1 0 auto}
.login-shell{min-height:0;flex:1 0 auto}
.site-footer{position:relative;inset:auto;flex:0 0 auto;margin-top:auto;width:calc(100% - 28px);align-self:center;z-index:2}
@media (max-width:1150px){.site-footer{width:calc(100% - 14px)}}
@media print{body{display:block}.site-footer{display:none}}

/* Aadhaar agreement intake */
.aadhaar-intake{margin:14px 0 18px;padding:20px;border-radius:25px;background:linear-gradient(145deg,rgba(204,185,167,.17),rgba(112,100,89,.12));border:1px solid rgba(233,212,192,.32);box-shadow:0 18px 48px rgba(15,11,4,.28),inset 0 1px rgba(255,255,255,.22)}
.aadhaar-intake-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:13px}.aadhaar-intake h3{margin:3px 0 4px}.aadhaar-upload-row{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end}.aadhaar-upload-row input[type=file]{min-height:46px;background:rgba(18,14,7,.55)}
.aadhaar-extract-status{margin-top:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.07);font-size:12px;color:#f6ede2;min-height:38px}.aadhaar-extract-status.success{border:1px solid #60e6ae88;color:#bfffe0}.aadhaar-extract-status.error{border:1px solid #ff759488;color:#ffd0d8}.aadhaar-extract-status.working{border:1px solid #d9cec088;color:#fbf2e7}.aadhaar-privacy{font-size:10px;color:#e8d3c0;line-height:1.55;margin-top:9px}.aadhaar-field-flash{}@keyframes aadhaarFill{0%{box-shadow:0 0 0 0 #ded3c588;background:#6b6052aa}100%{box-shadow:0 0 0 12px transparent}}
@media (max-width:700px){.aadhaar-intake-head{align-items:flex-start;flex-direction:column}.aadhaar-upload-row{grid-template-columns:1fr}}


/* ================================================================
   Tesla OS 27 — Apple-inspired light + liquid glass visual system
   Clean white/soft-grey surfaces, black typography, subtle motion.
   ================================================================ */
:root{
  --bg:#f5f5f7;
  --panel:#ffffff;
  --panel2:#fbfbfd;
  --line:rgba(0,0,0,.10);
  --warm-accent:#6f6358;
  --neutral-accent:#6f6358;
  --text:#1d1d1f;
  --muted:#6e6e73;
  --danger:#d70015;
  --ok:#248a3d;
  --lg-border:rgba(255,255,255,.82);
  --lg-shadow:0 18px 50px rgba(0,0,0,.09);
  --lg-pearl:#98897b;
  --lg-purple:#a49486;
}
html{background:#f5f5f7}
body{
  background:
    radial-gradient(circle at 13% 8%,rgba(228,207,188,.45),transparent 26%),
    radial-gradient(circle at 88% 16%,rgba(219,215,208,.42),transparent 24%),
    radial-gradient(circle at 54% 88%,rgba(194,245,223,.40),transparent 28%),
    #f5f5f7;
  color:#1d1d1f;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Segoe UI,Arial,sans-serif;
  letter-spacing:-.01em;
  
}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(115deg,#f5f5f7,#fff 35%,#f7f7fa 68%,#f2f4f8);background-size:220% 220%;}
.aurora{filter:blur(10px);opacity:.42;mix-blend-mode:multiply;}
.a1{background:radial-gradient(circle,rgba(176,160,144,.55),rgba(176,160,144,.12) 48%,transparent 72%)}
.a2{background:radial-gradient(circle,rgba(169,153,138,.42),rgba(169,153,138,.10) 48%,transparent 72%)}
.a3{background:radial-gradient(circle,rgba(91,226,174,.38),rgba(91,226,174,.09) 48%,transparent 72%)}
.liquid-noise{opacity:.035;mix-blend-mode:multiply;background-image:linear-gradient(120deg,transparent 0 48%,rgba(0,0,0,.06) 49%,transparent 51%),linear-gradient(30deg,transparent 0 48%,rgba(0,0,0,.035) 49%,transparent 51%)}

/* Frosted navigation — light and understated */
.topbar{
  height:72px;
  margin:8px 14px 0;
  top:8px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 10px 35px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.95);
  
  
}
.brand b{color:#1d1d1f;font-weight:700;letter-spacing:.035em}.brand small{color:#6e6e73;letter-spacing:.15em}.brand img{filter:none}
.topbar nav a,.acct>a{color:#1d1d1f;font-size:12px;border-radius:999px}
.topbar nav a:hover,.acct>a:hover{background:rgba(0,0,0,.055);border-color:rgba(0,0,0,.06);color:#000}
.acct .danger{color:#d70015}.user-chip img,.user-chip>span{box-shadow:0 2px 9px rgba(0,0,0,.12)}

/* Main surfaces */
.shell{padding-top:30px}
.liquid-card,.glass-panel,.site-footer,.module-card,.stats>div,.city-card,.form-card,.table-card,.review-card,.history>div,.note,.query-card,.login-card,.iframe-wrap{
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.57));
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 16px 45px rgba(0,0,0,.075),inset 0 1px 0 rgba(255,255,255,1);
  
  
  color:#1d1d1f;
}
.liquid-card:before,.module-card:before,.stats>div:before,.form-card:before,.query-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent)}
.glass-icon{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,245,247,.72));border:1px solid rgba(0,0,0,.07);box-shadow:inset 0 1px 0 #fff,0 10px 30px rgba(0,0,0,.08)}
.glass-icon img{filter:none}

/* Hero — large type, calm whitespace, pastel liquid lighting */
.hero.compact{
  min-height:270px;
  padding:42px 48px;
  background:linear-gradient(130deg,rgba(255,255,255,.90),rgba(248,250,255,.78) 54%,rgba(255,251,244,.82));
  border-radius:32px;
  border-color:rgba(255,255,255,.96);
}
.hero.compact:before{background:radial-gradient(circle at 78% 36%,rgba(111,99,88,.12),transparent 28%),radial-gradient(circle at 62% 70%,rgba(152,137,124,.10),transparent 30%);opacity:1}
.hero h1{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.05em;color:#1d1d1f;font-weight:700;max-width:900px}.hero h1 span{color:#6f6358}.hero p{color:#6e6e73;font-size:17px;max-width:820px}.eyebrow{color:#6f6358;font-weight:700;letter-spacing:.13em}.core-ring{border-color:rgba(111,99,88,.45);background:rgba(255,255,255,.62);color:#1d1d1f;box-shadow:0 18px 55px rgba(111,99,88,.12),inset 0 1px 0 #fff;}.core-ring small{color:#6f6358}

/* Type */
h1,h2,h3,h4,.page-head h1,.section-title{color:#1d1d1f;letter-spacing:-.035em}.page-head h1{font-size:40px;font-weight:700}.section-title{font-size:28px;font-weight:700}.muted,.history small,.placeholder,.statusline,.module-card p,.city-card p,.note,.query-card p{color:#6e6e73}

/* Stats & app cards */
.stats{gap:14px}.stats>div{border-radius:24px;padding:19px 20px}.stats b{color:#1d1d1f;font-size:30px;letter-spacing:-.035em}.stats span{color:#6e6e73;font-size:10px}
.module-grid{gap:18px}.module-card{border-radius:30px;min-height:225px;padding:22px;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease}.module-card:hover{transform:translateY(-6px) scale(1.008);box-shadow:0 26px 70px rgba(0,0,0,.11),inset 0 1px 0 #fff;border-color:#fff}.module-card h3{font-size:20px;color:#1d1d1f}.module-card p{font-size:13px}.module-card .access,.module-card span{color:#6f6358}.module-card:after{border-color:rgba(111,99,88,.08)}
.module-1{background:linear-gradient(145deg,rgba(250,246,239,.96),rgba(255,255,255,.72))}.module-2{background:linear-gradient(145deg,rgba(235,251,244,.96),rgba(255,255,255,.72))}.module-3{background:linear-gradient(145deg,rgba(255,239,248,.96),rgba(255,255,255,.72))}.module-4{background:linear-gradient(145deg,rgba(248,244,237,.96),rgba(255,255,255,.72))}.module-5{background:linear-gradient(145deg,rgba(255,247,232,.96),rgba(255,255,255,.72))}.module-6{background:linear-gradient(145deg,rgba(250,246,239,.96),rgba(255,255,255,.72))}
.city-orb{background:linear-gradient(145deg,#fff8ed,#fff);color:#6f6358;border:1px solid rgba(111,99,88,.12);box-shadow:0 8px 25px rgba(111,99,88,.10)}

/* Forms */
label{color:#3a3a3c;font-weight:600}input,select,textarea{background:rgba(255,255,255,.86);color:#1d1d1f;border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 1px 0 #fff}input::placeholder,textarea::placeholder{color:#9a9a9f}input:focus,select:focus,textarea:focus{border-color:#6f6358;box-shadow:0 0 0 4px rgba(111,99,88,.11)}.form-card summary{color:#6f6358}.sticky-actions{background:rgba(248,248,250,.88);border-color:rgba(0,0,0,.08);}
.primary,.secondary,.btn,button{border-radius:999px;font-weight:600;letter-spacing:0}.primary{background:#6f6358;color:#fff;box-shadow:0 8px 22px rgba(111,99,88,.20)}.primary:hover{background:#74685d}.secondary,.btn{background:rgba(255,255,255,.78);border:1px solid rgba(0,0,0,.10);color:#1d1d1f;box-shadow:0 8px 20px rgba(0,0,0,.06)}.secondary:hover,.btn:hover{background:#fff}.link{color:#6f6358}.whatsapp-btn{background:#25d366;color:#fff}

/* Tables */
table{color:#1d1d1f}th{background:rgba(245,245,247,.90);color:#6e6e73;border-color:rgba(0,0,0,.06)}td{border-color:rgba(0,0,0,.06)}.badge{border-color:rgba(0,0,0,.12)}.badge.vacant{color:#248a3d}.badge.occupied{color:#6f6358}.badge.upcoming{color:#a05a00}.badge.maintenance,.badge.blocked{color:#d70015}

/* Query cards */
.query-card.heat-hot{border-color:rgba(215,0,21,.18);box-shadow:0 18px 45px rgba(215,0,21,.06)}.query-card.heat-warm{border-color:rgba(160,90,0,.16)}.query-card.heat-cold{border-color:rgba(111,99,88,.14)}.source-pill,.heat-pill,.status-pill,.query-meta span{background:rgba(0,0,0,.035);border-color:rgba(0,0,0,.07);color:#3a3a3c}.status-pill{color:#6f6358}.heat-pill{color:#a05a00}.query-text{color:#1d1d1f}

/* Review / QR */
.qr-panel{background:rgba(255,255,255,.78);border:1px solid rgba(0,0,0,.08);border-radius:28px}.qr-wrap{background:#fff;box-shadow:0 14px 35px rgba(0,0,0,.08)}

/* Aadhaar intake */
.aadhaar-intake{background:linear-gradient(145deg,rgba(251,247,240,.93),rgba(255,255,255,.76));border:1px solid rgba(111,99,88,.10)}.aadhaar-upload-row input[type=file],.aadhaar-extract-status{background:rgba(255,255,255,.72);color:#3a3a3c}.aadhaar-privacy{color:#6e6e73}.aadhaar-box,.aadhaar-info,.aadhaar-verify{background:rgba(255,255,255,.72);border-color:rgba(0,0,0,.08)}

/* Login */
.login-card{background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.95);box-shadow:0 30px 90px rgba(0,0,0,.11);max-width:480px}.login-card h1{color:#1d1d1f;font-size:38px;letter-spacing:-.045em}.login-card .muted,.statusline{color:#6e6e73}.login-logo{filter:none}

/* Footer */
.site-footer{background:rgba(255,255,255,.70);border:1px solid rgba(255,255,255,.94);color:#1d1d1f;box-shadow:0 10px 35px rgba(0,0,0,.06)}.site-footer small{color:#6e6e73}

/* Flash */
.flash{background:rgba(255,255,255,.82);color:#1d1d1f;border-color:rgba(0,0,0,.09)}.flash.success{border-color:rgba(36,138,61,.25)}.flash.danger{border-color:rgba(215,0,21,.20)}.flash.warning{border-color:rgba(160,90,0,.20)}

/* Embedded pages & document previews */
.iframe-note{background:rgba(255,255,255,.86);color:#3a3a3c;border:1px solid rgba(0,0,0,.08);border-radius:12px}.paper{background:#fff;color:#111;box-shadow:0 20px 60px rgba(0,0,0,.12)}

@keyframes appleLightShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes appleOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(28px,-22px,0) scale(1.08)}}
@keyframes appleCore{0%,100%{transform:scale(1);box-shadow:0 18px 55px rgba(111,99,88,.12),inset 0 1px 0 #fff}50%{transform:scale(1.035);box-shadow:0 24px 65px rgba(111,99,88,.17),inset 0 1px 0 #fff}}
@media (max-width:700px){.hero.compact{padding:30px 24px}.hero h1{font-size:42px}.topbar{background:rgba(255,255,255,.82)}.site-footer{background:rgba(255,255,255,.82)}}
@media (prefers-reduced-motion:reduce){body:before,.aurora,.core-ring{}}

/* ===== Tesla OS 27 • Video Wall Studio ===== */
.wall-grid-top{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.festive-live{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:24px 28px;margin:0 0 20px;background:linear-gradient(135deg,rgba(255,247,232,.96),rgba(255,235,244,.90));border:1px solid rgba(255,149,0,.20)}.festive-live h2{margin:2px 0 8px}.festive-live p{margin:0;color:#6e6e73}.festive-start{background:linear-gradient(90deg,#ff9500,#ff375f);box-shadow:0 10px 30px rgba(255,55,95,.18)}.festive-stop{background:#1d1d1f}.status-pill.ok{color:#248a3d;background:rgba(52,199,89,.10)}.status-pill.warn{color:#a05a00;background:rgba(255,159,10,.10)}.or-divider{display:flex;align-items:center;gap:12px;color:#8e8e93;font-size:11px}.or-divider:before,.or-divider:after{content:"";height:1px;background:rgba(0,0,0,.08);flex:1}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.media-card{border-radius:26px;padding:0}.media-card>video,.media-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}.media-card>div{padding:15px 17px}.media-card h3{margin:5px 0 8px;font-size:16px}.media-card small{color:#8e8e93}.media-type{font-size:9px;font-weight:800;letter-spacing:.13em;color:#6f6358}.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.screen-card{padding:20px;border-radius:30px}.screen-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.screen-head>div:first-child{display:flex;align-items:center;gap:12px}.screen-head h3{margin:2px 0;font-size:20px}.screen-dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 0 6px rgba(0,0,0,.03)}.screen-dot.online{background:#34c759;box-shadow:0 0 0 6px rgba(52,199,89,.10),0 0 18px rgba(52,199,89,.35)}.screen-dot.offline{background:#8e8e93}.rotation-badge{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(111,99,88,.07);border:1px solid rgba(111,99,88,.12);color:#6f6358;font-weight:700}.screen-preview{padding:16px 0}.mini-screen{height:92px;border-radius:18px;background:linear-gradient(135deg,#251c11,#393025);border:7px solid #d8d8dd;box-shadow:inset 0 0 30px #0007,0 12px 24px rgba(0,0,0,.10);display:grid;place-items:center;color:white;text-align:center;padding:12px;}.mini-screen span{font-size:11px;letter-spacing:.08em}.screen-form .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.screen-toggles{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.screen-card .actions{margin:12px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.section-head h2{margin:0}.form-card code,.note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(0,0,0,.05);padding:2px 6px;border-radius:6px}
@media (max-width:1150px){.media-grid{grid-template-columns:repeat(3,1fr)}.screen-grid{grid-template-columns:1fr}.screen-form .form-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:800px){.wall-grid-top{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.festive-live{align-items:flex-start;flex-direction:column}.screen-form .form-grid{grid-template-columns:1fr}}
@media (max-width:520px){.media-grid{grid-template-columns:1fr}}
.module-7{background:linear-gradient(145deg,rgba(252,248,241,.96),rgba(248,244,237,.76))}

/* ===== Tesla OS 27 • Billing, Fullscreen & Rotate controls ===== */
.app-viewport{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;transition:width .35s cubic-bezier(.2,.8,.2,1),max-width .35s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1),border-radius .35s ease;transform-origin:center center}.app-viewport>.shell{width:100%;flex:1 0 auto}.app-viewport>.site-footer{margin-top:auto}
.view-controls{display:flex;align-items:center;gap:7px;position:relative;flex:0 0 auto}.top-tool{appearance:none;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.68);color:#1d1d1f;box-shadow:0 7px 20px rgba(0,0,0,.055),inset 0 1px 0 rgba(255,255,255,.95);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.top-tool:hover,.top-tool.active{background:rgba(255,255,255,.96);transform:translateY(-1px);box-shadow:0 10px 28px rgba(111,99,88,.12),inset 0 1px 0 #fff}.tool-icon{font-size:17px;line-height:1;color:#6f6358}.tool-label{font-size:11px;font-weight:650}.rotate-control{position:relative}.rotate-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:1000;width:190px;padding:8px;display:grid;gap:4px;background:rgba(255,255,255,.90);border:1px solid rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(0,0,0,.16);border-radius:18px}.rotate-menu[hidden]{display:none}.rotate-menu button{width:100%;text-align:left;padding:10px 12px;background:transparent;color:#1d1d1f;box-shadow:none;border:0;border-radius:12px;font-size:12px}.rotate-menu button:hover,.rotate-menu button.selected{background:rgba(111,99,88,.09);color:#655a50}.rotate-menu button.selected:after{content:"✓";float:right;font-weight:800}
/* Portrait view is a safe browser-level simulation that works even when the OS will not rotate. */
.app-viewport.view-portrait{width:min(100%,520px);max-width:520px;margin-inline:auto;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 30px 100px rgba(0,0,0,.10);background:rgba(255,255,255,.18)}.app-viewport.view-portrait .topbar{border-radius:0}.app-viewport.view-landscape{width:100%;max-width:none;margin:0}
html.site-rotation-active,html.site-rotation-active body{;width:100%;height:100%;min-height:100%}.app-viewport.view-rot-90,.app-viewport.view-rot-180,.app-viewport.view-rot-270{position:fixed;z-index:500;left:50%;top:50%;margin:0;max-width:none;overflow:auto;background:#f5f5f7}.app-viewport.view-rot-90{width:100vh;height:100vw;min-height:0;transform:translate(-50%,-50%) rotate(90deg)}.app-viewport.view-rot-180{width:100vw;height:100vh;min-height:0;transform:translate(-50%,-50%) rotate(180deg)}.app-viewport.view-rot-270{width:100vh;height:100vw;min-height:0;transform:translate(-50%,-50%) rotate(270deg)}
@media (max-width:1280px){.topbar{gap:12px;padding-inline:14px}.brand{min-width:210px}.tool-label{display:none}.top-tool{padding:9px}.view-controls{gap:5px}}
@media (max-width:820px){.view-controls{margin-left:auto}.acct .user-chip b{display:none}.acct>a:not(.danger):not(.user-chip){display:none}.topbar{gap:8px}.top-tool{width:38px;height:38px;justify-content:center;padding:0}.tool-icon{font-size:18px}.rotate-menu{position:fixed;top:72px;right:12px;width:190px}.app-viewport.view-portrait{width:100%;max-width:none;box-shadow:none}}
@media print{.view-controls{display:none}.app-viewport{width:100%;max-width:none;transform:none;position:static;height:auto;overflow:visible}}


/* ===== Tesla OS 27 VERIFIED DEPLOY • final light liquid-glass overrides ===== */
html,body{background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif}
body:before{background:linear-gradient(125deg,#f5f5f7 0%,#ffffff 38%,#fffbf0 70%,#faf5ff 100%);}
.liquid-card,.module-card,.form-card,.table-card,.review-card,.note,.placeholder,.history>div{background:rgba(255,255,255,.72);color:#1d1d1f;border:1px solid rgba(255,255,255,.95);box-shadow:0 14px 45px rgba(0,0,0,.07);}
.hero.compact{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,251,244,.72));border-color:rgba(0,0,0,.06);border-radius:34px}.hero h1,.page-head h1,.section-title{color:#1d1d1f}.hero h1 span,.eyebrow{color:#6f6358}.hero p,.muted,.module-card p,.note{color:#6e6e73}
.core-ring{border-color:#6f6358;color:#1d1d1f;box-shadow:0 0 0 12px rgba(111,99,88,.05),0 18px 55px rgba(111,99,88,.12),inset 0 1px 0 #fff}.core-ring small{color:#6f6358}
.stats>div{background:rgba(255,255,255,.76);border:1px solid rgba(0,0,0,.06);border-radius:24px}.stats b{color:#1d1d1f}.stats span{color:#6e6e73}.module-card h3{color:#1d1d1f}.module-card .access,.module-card span{color:#6f6358}
.module-card:hover{transform:translateY(-6px) scale(1.008);box-shadow:0 26px 70px rgba(0,0,0,.11)}
.module-5{background:linear-gradient(145deg,rgba(252,248,241,.96),rgba(248,244,237,.80));border-color:rgba(111,99,88,.12)}
.site-footer{background:rgba(255,255,255,.76);color:#1d1d1f;border-color:rgba(0,0,0,.07);}.site-footer small{color:#6e6e73}

/* =====================================================================
   Tesla OS 27 — Apple-like typography, richer liquid motion, reliable UI
   ===================================================================== */
:root{
  --apple-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI",Arial,sans-serif;
  --apple-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","Segoe UI",Arial,sans-serif;
  --apple-black:#1d1d1f;
  --apple-grey:#6e6e73;
  --system-accent:#6f6358;
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}
body,input,select,textarea,button{font-family:var(--apple-font)}
body{font-size:15px;font-weight:400;line-height:1.47059;color:var(--apple-black)}
h1,h2,h3,h4,.hero h1,.page-head h1,.section-title,.module-card h3,.stats b,.core-ring div{
  font-family:var(--apple-display);color:var(--apple-black);font-weight:600;letter-spacing:-.035em;
}
.hero h1{font-size:clamp(44px,5vw,72px);line-height:1.03;letter-spacing:-.055em}
.page-head h1{font-size:clamp(34px,3.5vw,52px);line-height:1.06}
.section-title{font-size:28px;line-height:1.12}
h2{letter-spacing:-.03em} h3{letter-spacing:-.022em}
p,.muted,.module-card p,.note,.history p{letter-spacing:-.012em}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.topbar nav a,.acct>a,.top-tool{font-weight:500;letter-spacing:-.01em}
input,select,textarea{font-size:14px;letter-spacing:-.01em}
button,.btn,.primary,.secondary{font-weight:600;letter-spacing:-.012em}

/* Page shell stays stable and the footer is always the last visual element. */
html,body{min-height:100%}
body{min-height:100vh}
.app-viewport{min-height:100vh;display:flex;flex-direction:column}
.app-viewport>.shell{flex:1 0 auto}
.site-footer{
  margin-top:auto;position:relative;bottom:auto;
  display:grid;grid-template-columns:1.25fr 1fr 1fr;align-items:center;
  padding:19px 24px;border-radius:24px;
}
.footer-company{display:flex;flex-direction:column;gap:4px}.footer-created{text-align:center;font-size:13px;font-weight:500}.footer-created>b{font-weight:650}.footer-created small{display:block;margin-top:4px;color:#86868b}.footer-time{text-align:right;font-size:12px;color:#6e6e73;font-variant-numeric:tabular-nums}
.site-footer:after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(111,99,88,.28),rgba(127,114,102,.25),transparent)}

/* Header and controls. Fixed popover is outside the header, so it cannot clip. */
.topbar{overflow:visible;}
.view-controls{overflow:visible;z-index:60}
.top-tool{border-radius:999px;min-height:38px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease}
.top-tool:active{transform:scale(.955)}.tool-chevron{font-size:12px;color:#86868b;transition:transform .2s ease}.top-tool[aria-expanded="true"] .tool-chevron{transform:rotate(180deg)}
.rotate-menu-global{
  position:fixed;z-index:2147483000;width:min(310px,calc(100vw - 20px));
  padding:10px;border-radius:24px;background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.98);box-shadow:0 30px 90px rgba(0,0,0,.18),inset 0 1px 0 #fff;
  
  transform:translateY(-7px) scale(.975);opacity:0;transform-origin:top right;transition:opacity .15s ease,transform .18s cubic-bezier(.2,.8,.2,1);
}
.rotate-menu-global.open{opacity:1;transform:translateY(0) scale(1)}
.rotate-menu-global[hidden]{display:none}
.rotate-menu-head{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:5px}.rotate-menu-head b{font-size:14px;letter-spacing:-.02em}.rotate-menu-head small{color:#86868b;font-size:11px}
.rotate-menu-global>button{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;width:100%;text-align:left;padding:10px 11px;border-radius:14px;background:transparent;color:#1d1d1f;border:0;box-shadow:none;transition:background .15s ease,transform .15s ease}
.rotate-menu-global>button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(111,99,88,.07);color:#6f6358;font-size:16px}.rotate-menu-global>button>div{display:flex;flex-direction:column;gap:1px}.rotate-menu-global>button b{font-size:12px;font-weight:600}.rotate-menu-global>button small{font-size:10px;color:#86868b}.rotate-menu-global>button:hover{background:rgba(111,99,88,.075);transform:translateX(2px)}.rotate-menu-global>button.selected{background:rgba(111,99,88,.10)}.rotate-menu-global>button.selected:after{content:"✓";color:#6f6358;font-weight:800;font-size:13px}

/* Reliable orientation simulations. Native orientation lock is attempted in JS
   when the browser permits it in fullscreen. */
.app-viewport.view-auto,.app-viewport.view-landscape{width:100%;max-width:none;margin:0;transform:none}
.app-viewport.view-portrait{width:min(560px,100%);max-width:560px;margin-inline:auto;background:rgba(245,245,247,.92);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 30px 110px rgba(0,0,0,.12)}
html.site-rotation-active,html.site-rotation-active body{width:100%;height:100%;min-height:100%;}
.app-viewport.view-rot-90,.app-viewport.view-rot-180,.app-viewport.view-rot-270{position:fixed;left:50%;top:50%;z-index:500;margin:0;max-width:none;min-height:0;background:#f5f5f7;overflow:auto;overscroll-behavior:contain;transform-origin:center center}
.app-viewport.view-rot-90{width:100vh;height:100vw;transform:translate(-50%,-50%) rotate(90deg)}
.app-viewport.view-rot-180{width:100vw;height:100vh;transform:translate(-50%,-50%) rotate(180deg)}
.app-viewport.view-rot-270{width:100vh;height:100vw;transform:translate(-50%,-50%) rotate(270deg)}

@media (max-width:900px){
  .site-footer{grid-template-columns:1fr;text-align:center;gap:10px}.footer-time{text-align:center}.footer-created{text-align:center}
  .topbar{padding-inline:10px}.view-controls{margin-left:auto}.tool-chevron{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:.001ms}
  .page-transition{display:none}
}

/* ===== Tesla OS 27 • fullscreen stability + live motion ===== */
/* Fullscreen is intentionally a normal scrolling document. The old rotated
   fixed viewport is suppressed while fullscreen is active. */
body:fullscreen,
body:-webkit-full-screen{
  width:100vw;
  height:100vh;
  min-height:100vh;
  overflow-y:auto;
  ;
  margin:0;
  background:#f5f5f7;
}
html.fullscreen-stable,
html.fullscreen-stable body{
  width:100%;
  min-height:100%;
  height:auto;
  overflow-y:auto;
  ;
  overscroll-behavior-y:auto;
}
html.fullscreen-stable .app-viewport,
body:fullscreen .app-viewport,
body:-webkit-full-screen .app-viewport{
  position:relative;
  inset:auto;
  left:auto;
  top:auto;
  width:100%;
  height:auto;
  min-height:100vh;
  max-width:none;
  margin:0;
  transform:none;
  transform-origin:initial;
  overflow:visible;
  background:transparent;
}
html.fullscreen-stable .topbar,
body:fullscreen .topbar,
body:-webkit-full-screen .topbar{position:sticky;top:0;z-index:5000}
html.fullscreen-stable .shell,
body:fullscreen .shell,
body:-webkit-full-screen .shell{overflow:visible}
html.fullscreen-stable .page-transition{display:none}
html.fullscreen-stable.site-rotation-active,
html.fullscreen-stable.site-rotation-active body{overflow-y:auto;height:auto}
html.fullscreen-stable .view-rot-90,
html.fullscreen-stable .view-rot-180,
html.fullscreen-stable .view-rot-270{position:relative;width:100%;height:auto;transform:none;overflow:visible}

/* Clean brand header: no secondary operations-cloud subtitle. */
.brand>span:last-child{justify-content:center}
.brand>span:last-child small{display:none}
.brand b{letter-spacing:-.018em;font-weight:650}

/* Portrait preview remains available in fullscreen without transforms. */
html.fullscreen-stable .app-viewport.view-portrait,
body:fullscreen .app-viewport.view-portrait,
body:-webkit-full-screen .app-viewport.view-portrait{
  width:min(560px,100%);
  margin-inline:auto;
  box-shadow:0 0 0 1px rgba(0,0,0,.05),0 25px 90px rgba(0,0,0,.10);
}

/* =====================================================================
   Tesla OS 27 — professional white UI lock, aligned navigation & View menu
   ===================================================================== */
:root{
  color-scheme:light only;
  --livenza-ink:#2b241e;
  --livenza-black:#1d1d1f;
  --livenza-white:#ffffff;
  --livenza-soft:#f5f5f7;
  --livenza-neutral:#6f6358;
}
html,body{color-scheme:light}

/* Native browser controls: force Windows/Edge select popups into light mode. */
input,textarea,select,option,optgroup,
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],input[type="number"]{
  color-scheme:light;
  background-color:#fff;
  color:var(--livenza-black);
}
select{accent-color:var(--livenza-neutral)}
select option,select optgroup{
  background:#fff;
  color:var(--livenza-black);
  font-family:var(--apple-font);
}
select option:checked{background:#fff6eb;color:var(--livenza-ink)}
select[multiple]{background:#fff;color:var(--livenza-black)}
select[multiple] option{padding:7px 9px;background:#fff;color:var(--livenza-black)}
select[multiple] option:checked{background:#fff6eb linear-gradient(0deg,#fff6eb,#fff6eb);color:var(--livenza-ink)}
::selection{background:#f7eee3;color:var(--livenza-ink)}

/* All custom menus/popovers remain white, black type, neutral accents. */
.view-menu-global,[role="menu"],.rotate-menu,.rotate-menu-global,.dropdown-menu,.popover,.menu-panel{
  background:rgba(255,255,255,.94);
  color:var(--livenza-black);
  border-color:rgba(43,36,30,.10);
}
.view-menu-global button,[role="menu"] button,.dropdown-menu button,.dropdown-menu a,.popover button,.popover a{
  color:var(--livenza-black);
}
.view-menu-global small,[role="menu"] small{color:#6e6e73}
details,details[open],summary{color:var(--livenza-black)}
.form-card summary{background:transparent;color:var(--livenza-ink)}
.festive-stop{background:var(--livenza-ink);color:#fff}

/* Neat, non-wrapping desktop header. Application tabs have their own lane;
   View is a separate utility control and never sits between module tabs. */
.topbar{
  display:grid;
  grid-template-columns:auto minmax(360px,1fr) auto auto;
  align-items:center;
  column-gap:14px;
  row-gap:0;
  min-height:74px;
  height:auto;
  padding:8px 14px;
  overflow:visible;
}
.brand{min-width:205px;max-width:235px;}
.brand>span:last-child{min-width:0}.brand b{font-size:13px;}
.main-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  flex-wrap:nowrap;
  min-width:0;
  overflow-x:auto;
  ;
  scrollbar-width:none;
  padding:3px;
  border-radius:999px;
  background:rgba(245,245,247,.66);
  border:1px solid rgba(0,0,0,.045);
}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{
  flex:0 0 auto;
  padding:8px 10px;
  ;
  line-height:1;
  border-radius:999px;
  color:var(--livenza-black);
}
.main-nav a.active{
  background:#fff;
  color:var(--livenza-ink);
  box-shadow:0 4px 14px rgba(0,0,0,.07),inset 0 0 0 1px rgba(43,36,30,.06);
}
.main-nav a.active:after{transform:scaleX(1);background:var(--livenza-neutral)}
.header-view{display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.view-menu-toggle{
  appearance:none;display:flex;align-items:center;justify-content:center;gap:7px;
  min-height:38px;padding:9px 12px;border-radius:999px;
  background:#fff;color:var(--livenza-ink);border:1px solid rgba(43,36,30,.09);
  box-shadow:0 5px 18px rgba(0,0,0,.055),inset 0 1px 0 #fff;;
}
.view-menu-toggle:hover,.view-menu-toggle[aria-expanded="true"]{background:#f8fbff;box-shadow:0 9px 28px rgba(111,99,88,.12);transform:translateY(-1px)}
.view-menu-toggle .tool-icon{font-size:16px;color:var(--livenza-neutral)}
.view-menu-toggle b{font-size:11px;font-weight:650}.view-menu-toggle .tool-chevron{font-size:11px;transition:transform .18s ease}.view-menu-toggle[aria-expanded="true"] .tool-chevron{transform:rotate(180deg)}
.acct{display:flex;align-items:center;justify-content:flex-end;gap:4px;;min-width:0}
.acct>a{padding:8px 9px}
.user-chip{max-width:165px}.user-chip b{white-space:normal;overflow-wrap:anywhere;}

/* Unified View popover */
.view-menu-global{
  position:fixed;z-index:2147483000;width:min(326px,calc(100vw - 20px));
  padding:10px;border-radius:24px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(43,36,30,.09);
  box-shadow:0 28px 85px rgba(69,55,44,.18),inset 0 1px 0 #fff;
  
  transform:translateY(-7px) scale(.98);opacity:0;transform-origin:top right;
  transition:opacity .15s ease,transform .19s cubic-bezier(.2,.8,.2,1);
  ;
}
.view-menu-global.open{opacity:1;transform:translateY(0) scale(1)}
.view-menu-global[hidden]{display:none}
.view-menu-head{display:flex;flex-direction:column;gap:2px;padding:10px 12px 11px}.view-menu-head b{font-size:14px;color:var(--livenza-ink);letter-spacing:-.02em}.view-menu-head small{font-size:11px;color:#6e6e73}
.view-menu-divider{height:1px;background:rgba(43,36,30,.08);margin:5px 8px}
.view-menu-section-label{padding:7px 12px 5px;color:#86868b;font-size:9px;font-weight:700;letter-spacing:.10em;text-transform:uppercase}
.view-menu-global>button{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;
  width:100%;text-align:left;padding:10px 11px;border-radius:14px;
  background:#fff;color:var(--livenza-black);border:0;box-shadow:none;
  transition:background .16s ease,transform .16s ease,color .16s ease;
}
.view-menu-global>button:hover,.view-menu-global>button.selected{background:#fffaef;color:var(--livenza-ink);transform:translateX(2px)}
.view-menu-global>button.active{background:#eef8f2;color:#176b34}
.view-menu-global>button>div{display:flex;flex-direction:column;gap:1px;min-width:0}.view-menu-global>button b{font-size:12px;font-weight:650}.view-menu-global>button small{font-size:10px;color:#6e6e73;white-space:normal}
.view-menu-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#fffaef;color:var(--livenza-neutral);font-size:16px}.view-shortcut{font-size:9px;color:#9a9a9f;background:#f5f5f7;padding:3px 5px;border-radius:6px}.view-menu-global>button.selected:after{content:"✓";color:var(--livenza-neutral);font-size:13px;font-weight:800}

/* Footer credit is explicit and permanently visible. */
.site-footer{min-height:74px;color:var(--livenza-black);background:rgba(255,255,255,.86)}
.footer-created{display:flex;align-items:center;justify-content:center;gap:4px;color:#3a3a3c;visibility:visible;opacity:1}
.footer-created strong{display:inline;color:var(--livenza-ink);font-weight:700;visibility:visible;opacity:1}
.footer-company b{color:var(--livenza-ink)}.footer-company small,.footer-time{color:#6e6e73}

/* Professional live motion: restrained, responsive and click-safe. */
@view-transition{navigation:auto}
::view-transition-old(root){}
::view-transition-new(root){}
.reveal-ready{opacity:0;transform:translateY(18px) scale(.992);transition:opacity .55s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),transform .55s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}
.reveal-ready.reveal-in{opacity:1;transform:none}
.topbar{transition:box-shadow .28s ease,background .28s ease}
.topbar:hover{box-shadow:0 14px 42px rgba(43,36,30,.10),inset 0 1px 0 #fff}
.main-nav a{transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
.main-nav a:hover{transform:translateY(-1px)}
.module-card,.city-card,.query-card,.screen-card,.media-card{will-change:transform}
.module-card:hover,.city-card:hover,.query-card:hover,.screen-card:hover,.media-card:hover{filter:saturate(1.02)}
.page-head h1{}
.page-head .eyebrow{}
.site-footer:before{content:"";position:absolute;left:10%;right:10%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#6f6358,#2b241e,transparent);opacity:.28;}
@keyframes livenzaPageOut{to{opacity:.72;transform:scale(.997)}}
@keyframes livenzaPageIn{from{opacity:0;transform:translateY(7px) scale(.998)}to{opacity:1;transform:none}}
@keyframes titleSettle{from{opacity:0;transform:translateY(12px);letter-spacing:-.05em}to{opacity:1;transform:none}}
@keyframes eyebrowSlide{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes footerLine{0%,100%{transform:scaleX(.45);opacity:.14}50%{transform:scaleX(1);opacity:.35}}

/* Header breakpoints: never haphazard, never hide the module navigation. */
@media (max-width:1320px){
  .topbar{grid-template-columns:auto minmax(300px,1fr) auto auto;column-gap:8px}
  .brand{min-width:180px}.brand b{font-size:12px}
  .main-nav a{padding-inline:8px;font-size:11px}
  .acct>a{padding-inline:7px;font-size:11px}.user-chip{max-width:125px}
}
@media (max-width:1050px){
  .topbar{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;padding:8px 10px}
  .brand{grid-column:1;grid-row:1;min-width:0;max-width:none}
  .header-view{grid-column:2;grid-row:1}.acct{grid-column:3;grid-row:1}
  .main-nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:flex-start;margin-top:5px;display:flex}
  .topbar nav{display:flex}
}
@media (max-width:720px){
  .brand>span:last-child{display:flex}.brand b{font-size:11px}
  .brand-glass{width:38px;height:38px}.brand-glass img{width:30px;height:30px}
  .acct>a:not(.danger):not(.user-chip){display:none}.acct .user-chip{display:flex}.acct .user-chip b{display:none}
  .acct .danger{display:flex;padding-inline:7px}
  .view-menu-toggle{width:38px;height:38px;padding:0}.view-menu-toggle b,.view-menu-toggle .tool-chevron{display:none}
  .main-nav{padding:4px;gap:2px}.main-nav a{font-size:10px;padding:8px 9px}
  .site-footer{grid-template-columns:1fr;text-align:center}.footer-created,.footer-time{justify-content:center;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .reveal-ready{opacity:1;transform:none}.site-footer:before{}
}

/* Warm neutral is the only decorative UI accent in the operational interface. */
.eyebrow,.module-card .access,.module-card span,.link,.small-link,.form-card summary{color:var(--livenza-ink)}
.primary{background:var(--livenza-ink);color:#fff;box-shadow:0 8px 22px rgba(69,55,44,.18)}.primary:hover{background:#3e362f}
input:focus,select:focus,textarea:focus{border-color:var(--livenza-ink);box-shadow:0 0 0 4px rgba(43,36,30,.10)}
.view-menu-icon,.view-menu-global>button.selected:after,.view-menu-toggle .tool-icon{color:var(--livenza-ink)}
.view-menu-icon{background:#f0f4f8}.view-menu-global>button:hover,.view-menu-global>button.selected{background:#f0f4f8}
.main-nav a:after{background:var(--livenza-ink)}.main-nav a.active:after{background:var(--livenza-ink)}

/* ============================================================
   Tesla OS 27 — reference-style clean header + Operations menu
   ============================================================ */
:root{
  --header-height:66px;
  
  --header-ink:#111113;
  --header-ink:#2b241e;
}

.reference-header{
  position:sticky;
  top:0;
  z-index:1000;
  min-height:var(--header-height);
  height:var(--header-height);
  display:grid;
  grid-template-columns:150px minmax(520px,1fr) 250px;
  align-items:center;
  gap:18px;
  padding:0 clamp(18px,3vw,46px);
  background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(43,36,30,.07);
  box-shadow:0 7px 28px rgba(43,36,30,.055);
  
  
  overflow:visible;
}
.reference-header:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 16%,rgba(255,255,255,.78) 43%,transparent 67%);
  transform:translateX(-125%);
}
.brand-logo-only{min-width:0;max-width:none;width:max-content;display:flex;align-items:center;position:relative;z-index:2}
.brand-logo-only .brand-glass{
  width:46px;height:46px;border-radius:15px;
  background:rgba(255,255,255,.92);border:1px solid rgba(43,36,30,.08);
  box-shadow:0 7px 22px rgba(43,36,30,.08),inset 0 1px 0 #fff;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;
}
.brand-logo-only:hover .brand-glass{transform:translateY(-2px) scale(1.035);box-shadow:0 12px 30px rgba(43,36,30,.13),inset 0 1px 0 #fff}
.brand-logo-only .brand-glass img{width:37px;height:37px;filter:none}

.reference-nav{
  position:relative;z-index:3;
  display:flex;align-items:center;justify-content:center;
  gap:clamp(2px,.5vw,8px);min-width:0;
  padding:0;margin:0;background:transparent;border:0;border-radius:0;
  overflow:visible;box-shadow:none;
}
.reference-nav>a,.reference-nav>.nav-dropdown>summary{
  position:relative;display:flex;align-items:center;justify-content:center;gap:5px;
  min-height:38px;padding:0 clamp(8px,.75vw,13px);border:0;border-radius:999px;
  background:transparent;color:var(--header-ink);
  font-family:var(--apple-font);font-size:12px;font-weight:560;letter-spacing:-.012em;
  ;cursor:pointer;list-style:none;
  transition:background .2s ease,color .2s ease,transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease;
}
.reference-nav>.nav-dropdown>summary::-webkit-details-marker,.profile-toggle::-webkit-details-marker{display:none}
.reference-nav>a:after,.reference-nav>.nav-dropdown>summary:after{
  content:"";position:absolute;left:50%;bottom:2px;width:16px;height:2px;
  border-radius:99px;background:var(--header-ink);transform:translateX(-50%) scaleX(0);
  transition:transform .22s cubic-bezier(.2,.8,.2,1);
}
.reference-nav>a:hover,.reference-nav>.nav-dropdown>summary:hover,.reference-nav>.nav-dropdown[open]>summary{
  background:#f5f7fa;color:var(--header-ink);transform:translateY(-1px);
}
.reference-nav>a.active,.reference-nav>.nav-dropdown.active>summary{
  background:#f2f5f8;color:var(--header-ink);box-shadow:none;
}
.reference-nav>a.active:after,.reference-nav>.nav-dropdown.active>summary:after,.reference-nav>.nav-dropdown[open]>summary:after{transform:translateX(-50%) scaleX(1)}
.nav-caret{font-size:10px;color:#6e6e73;transition:transform .2s ease}.nav-dropdown[open]>.profile-toggle .nav-caret,.nav-dropdown[open]>summary .nav-caret{transform:rotate(180deg)}

.nav-dropdown{position:relative;display:block;flex:0 0 auto}
.nav-dropdown-menu{
  position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(-7px) scale(.985);
  width:292px;padding:9px;z-index:2147482000;
  background:rgba(255,255,255,.97);color:#111113;border:1px solid rgba(43,36,30,.09);border-radius:22px;
  box-shadow:0 24px 70px rgba(43,36,30,.17),inset 0 1px 0 #fff;
  
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .17s ease,transform .2s cubic-bezier(.2,.8,.2,1),visibility .17s ease;
}
.nav-dropdown[open]>.nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.nav-dropdown-title{display:flex;flex-direction:column;gap:2px;padding:10px 11px 8px;border-bottom:1px solid rgba(43,36,30,.065);margin-bottom:5px}
.nav-dropdown-title b{font-size:13px;color:var(--header-ink);letter-spacing:-.02em}.nav-dropdown-title small{font-size:10px;color:#86868b}
.nav-dropdown-menu>a{
  display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;
  padding:9px 10px;margin:1px 0;border-radius:13px;border:0;background:#fff;color:#111113;
  transition:background .17s ease,transform .17s cubic-bezier(.2,.8,.2,1);
}
.nav-dropdown-menu>a:hover,.nav-dropdown-menu>a.active{background:#f1f5f9;color:var(--header-ink);transform:translateX(2px)}
.nav-dropdown-menu>a>span:last-child{display:flex;flex-direction:column;gap:1px;min-width:0}.nav-dropdown-menu>a b{font-size:11px;font-weight:650}.nav-dropdown-menu>a small{font-size:9.5px;color:#86868b;white-space:normal}
.menu-symbol{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#f0f4f8;color:var(--header-ink);font-size:15px}
.nav-dropdown-divider{height:1px;background:rgba(43,36,30,.07);margin:5px 7px}.logout-menu-item b{color:#a21f32}

.header-actions{position:relative;z-index:4;display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.header-action-button{
  appearance:none;display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;
  border-radius:999px;border:1px solid rgba(43,36,30,.09);background:#fff;color:var(--header-ink);
  font-family:var(--apple-font);font-size:11px;font-weight:600;box-shadow:0 5px 17px rgba(43,36,30,.055);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.header-action-button:hover,.header-action-button[aria-expanded="true"]{background:#f6f9fc;transform:translateY(-1px);box-shadow:0 9px 24px rgba(43,36,30,.10)}
.profile-dropdown{min-width:0}
.profile-toggle{
  list-style:none;display:flex;align-items:center;gap:7px;height:40px;max-width:180px;padding:3px 9px 3px 4px;
  border-radius:999px;border:1px solid rgba(43,36,30,.09);background:#fff;color:#111113;cursor:pointer;
  box-shadow:0 5px 17px rgba(43,36,30,.055);transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.profile-toggle:hover,.profile-dropdown[open]>.profile-toggle{background:#f6f9fc;box-shadow:0 9px 24px rgba(43,36,30,.10);transform:translateY(-1px)}
.profile-toggle img,.profile-initial{width:32px;height:32px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(145deg,#2b241e,#62574d);color:#fff;font-size:12px;font-weight:700}
.profile-name{max-width:98px;;white-space:normal;overflow-wrap:anywhere;font-size:10.5px;font-weight:620}.profile-dropdown .nav-dropdown-menu{left:auto;right:0;transform:translateY(-7px) scale(.985)}.profile-dropdown[open]>.nav-dropdown-menu{transform:translateY(0) scale(1)}
.account-dropdown-menu{width:276px}











@keyframes headerGlassPass{0%,68%,100%{transform:translateX(-125%);opacity:0}76%{opacity:.55}91%{transform:translateX(125%);opacity:0}}

/* Reference-style responsiveness: preserve one premium row, reduce labels before wrapping. */
@media (max-width:1260px){
  .reference-header{grid-template-columns:82px minmax(440px,1fr) 188px;padding-inline:16px;gap:9px}
  .reference-nav>a,.reference-nav>.nav-dropdown>summary{padding-inline:8px;font-size:11px}
  .profile-name{display:none}.profile-toggle{max-width:48px;padding-right:5px}.profile-toggle>.nav-caret{display:none}
}
@media (max-width:980px){
  .reference-header{grid-template-columns:62px minmax(0,1fr) 104px;gap:5px;padding-inline:9px}
  .brand-logo-only .brand-glass{width:42px;height:42px}.brand-logo-only .brand-glass img{width:34px;height:34px}
  .reference-nav{justify-content:center;overflow:visible}
  .header-action-button{width:40px;padding:0;justify-content:center}.header-action-button>span:not(.tool-icon){display:none}
}
@media (max-width:620px){
  :root{--header-height:58px;}
  .reference-header{grid-template-columns:48px minmax(0,1fr) 87px;min-height:58px;height:58px}
  .brand-logo-only .brand-glass{width:38px;height:38px;border-radius:13px}.brand-logo-only .brand-glass img{width:31px;height:31px}
  .reference-nav{justify-content:flex-start;overflow-x:auto;;scrollbar-width:none;padding-inline:2px}
  .reference-nav::-webkit-scrollbar{display:none}
  .reference-nav>a,.reference-nav>.nav-dropdown>summary{min-height:34px;padding-inline:7px;font-size:10px}
  .header-action-button{width:36px;height:36px}.profile-toggle{height:36px;max-width:40px}.profile-toggle img,.profile-initial{width:28px;height:28px}
  .nav-dropdown-menu{position:fixed;left:10px;right:10px;top:calc(var(--header-height) + 0px + 8px);width:auto;transform:translateY(-7px) scale(.985)}.nav-dropdown[open]>.nav-dropdown-menu{transform:translateY(0) scale(1)}
  .profile-dropdown .nav-dropdown-menu{left:10px;right:10px}
  
}
@media (prefers-reduced-motion:reduce){.reference-header:before{}}

/* =====================================================================
   Tesla OS 27 — absolute white-theme lock + polished live touchpoints
   ===================================================================== */
:root{
  color-scheme:light;
  --cloud-white:#ffffff;
  --cloud-canvas:#f5f5f7;
  --cloud-soft:#f8fafc;
  --cloud-line:rgba(43,36,30,.10);
  --cloud-ink:#2b241e;
  --cloud-accent:#655a50;
  --cloud-text:#111113;
  --cloud-muted:#6e6e73;
}
html,body,.app-viewport{background:#fff;color:var(--cloud-text);color-scheme:light}
body{background:
  radial-gradient(circle at 12% 9%,rgba(101,90,80,.055),transparent 28%),
  radial-gradient(circle at 88% 25%,rgba(195,177,160,.055),transparent 31%),
  linear-gradient(180deg,#fff 0%,#fbfcfe 58%,#f7f9fc 100%);
}
.shell{color:var(--cloud-text)}

/* Every application surface is light. These rules intentionally sit last so
   legacy early dark-theme declarations can never leak into new pages. */
.liquid-card,.glass-panel,.form-card,.table-card,.review-card,.query-card,.city-card,.module-card,.stats>div,.history>div,.note,.placeholder,.login-card,.user-access-card,.screen-card,.media-card,.sheet-toolbar,.query-sheet-wrap,
.preset-console,.preset-profile,.agreement-tools,.agreement-section,.aadhaar-intake,.aadhaar-box,.aadhaar-info,.aadhaar-verify,.review-link-callout,.qr-panel,.perm-chip,.city-admin-list>div,.template-list>div,.iframe-wrap,.flash{
  background:rgba(255,255,255,.88);
  color:var(--cloud-text);
  border-color:var(--cloud-line);
  box-shadow:0 14px 44px rgba(43,36,30,.065),inset 0 1px 0 #fff;
  
  
}
.hero.compact{background:linear-gradient(145deg,#fff,#f7faff);color:var(--cloud-text);border-color:var(--cloud-line);box-shadow:0 18px 58px rgba(43,36,30,.07)}
.hero h1,.hero p,.module-card h3,.module-card p,.history p,.city-card p,.vacant-auto-strip p,.aadhaar-intake h3{color:var(--cloud-text)}
.muted,.history small,.aadhaar-privacy,.aadhaar-extract-status,.preset-profile p,.preset-profile small{color:var(--cloud-muted)}
.eyebrow,.small-link,.link,.module-card .access,.module-card span{color:var(--cloud-ink)}

/* Agreement Studio: all accordion tabs are white with black/warm-neutral type. */
.agreement-builder{background:#fff}
.preset-console{background:transparent;border:0;box-shadow:none;}
.preset-console>div:first-child,.preset-profile{background:linear-gradient(145deg,#fff,#f4f8fc);border:1px solid var(--cloud-line);border-radius:20px;padding:16px;color:var(--cloud-text)}
.preset-profile h3,.preset-profile p,.preset-profile small{color:var(--cloud-text)}
.agreement-section{;border:1px solid rgba(43,36,30,.10);border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(43,36,30,.04)}
.agreement-section>summary{background:#fff;color:var(--cloud-text);border:0;padding:15px 17px;transition:background .2s ease,color .2s ease,transform .2s ease}
.agreement-section>summary:hover{background:#f4f7fa;color:var(--cloud-ink)}
.agreement-section[open]>summary{background:linear-gradient(90deg,#f4f8fc,#fff);color:var(--cloud-ink);border-bottom:1px solid rgba(43,36,30,.075)}
.agreement-section summary span{background:var(--cloud-ink);color:#fff;box-shadow:none}
.agreement-section .form-grid{background:#fff}
.agreement-tools{background:transparent;border:0;box-shadow:none;}
.mandatory-note,.whatsapp-note{background:#f4f8fc;color:var(--cloud-ink);border:1px solid rgba(43,36,30,.09)}
.sticky-actions{background:rgba(255,255,255,.93);border-color:var(--cloud-line);box-shadow:0 -10px 30px rgba(43,36,30,.055)}

/* Inputs, native dropdowns and every menu are locked to light mode. */
label{color:#313136}
input,textarea,select,input[type=file]{background:#fff;color:var(--cloud-text);border:1px solid rgba(43,36,30,.15);color-scheme:light;box-shadow:inset 0 1px 0 #fff}
input::placeholder,textarea::placeholder{color:#a89f94}
select,select *{color-scheme:light}
select option,select optgroup{background:#fff;color:#111113}
select:focus,input:focus,textarea:focus{border-color:var(--cloud-accent);box-shadow:0 0 0 4px rgba(101,90,80,.10)}
[role="menu"],.nav-dropdown-menu,.view-menu-global,.rotate-menu,.rotate-menu-global,.popover,.dropdown-menu,.menu-panel{background:#fff;color:#111113;border-color:var(--cloud-line)}
[role="menu"] a,[role="menu"] button,.nav-dropdown-menu a,.view-menu-global button{background:#fff;color:#111113}
[role="menu"] a:hover,[role="menu"] button:hover,.nav-dropdown-menu a:hover,.view-menu-global button:hover{background:#f1f5f9;color:var(--cloud-ink)}

/* Tables are fully white/light. */
.table-card,table,.query-sheet-wrap{background:#fff}
th{background:#f4f6f9;color:var(--cloud-ink);border-color:rgba(43,36,30,.09)}
td{background:#fff;color:var(--cloud-text);border-color:rgba(43,36,30,.075)}
tbody tr:hover td{background:#fbfdff}

/* Buttons: white, black/warm-neutral and one neutral primary accent. */
.primary{background:var(--cloud-ink);color:#fff;border:1px solid var(--cloud-ink);box-shadow:0 8px 22px rgba(43,36,30,.15)}
.primary:hover{background:#413932;transform:translateY(-1px)}
.secondary,.btn.secondary{background:#fff;color:var(--cloud-ink);border:1px solid rgba(43,36,30,.14);box-shadow:0 5px 16px rgba(43,36,30,.045)}
.secondary:hover{background:#f4f7fa;color:var(--cloud-ink)}
.whatsapp-btn{background:#fff;color:var(--cloud-ink);border:1px solid rgba(43,36,30,.14)}

/* Status surfaces remain subtle, never black. */
.badge,.source-pill,.heat-pill,.status-pill,.role-badge{background:#f2f6fa;color:var(--cloud-ink);border-color:rgba(43,36,30,.10)}
.iframe-note{background:rgba(255,255,255,.94);color:var(--cloud-ink);border:1px solid var(--cloud-line);border-radius:12px;box-shadow:0 8px 22px rgba(43,36,30,.08)}
.login-card{background:#fff}.statusline{color:var(--cloud-muted)}

/* Fullscreen stays scrollable and uses in-place module navigation. */
html.fullscreen-stable,body.fullscreen-stable,body:fullscreen,body:-webkit-full-screen{;overflow-y:auto;height:auto;min-height:100%;background:#fff}
body:fullscreen .app-viewport,body:-webkit-full-screen .app-viewport{min-height:100vh;height:auto;overflow:visible;background:#fff}
#appMain.ajax-loading{opacity:.58;filter:saturate(.8);pointer-events:none;transition:opacity .16s ease}
#appMain{transition:opacity .2s ease,filter .2s ease}

/* Query Spreadsheet — Excel-like, but visually aligned to the site. */
.query-sheet-head{align-items:center}
.sheet-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin:0 0 12px;border-radius:18px}
.sheet-search{display:flex;align-items:center;gap:8px;min-width:min(520px,100%)}.sheet-search input{min-width:260px}
.sheet-status{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:7px;row-gap:1px;color:var(--cloud-ink)}.sheet-status small{grid-column:2;color:var(--cloud-muted);font-size:9px}.sheet-live-dot{width:8px;height:8px;border-radius:50%;background:#34c759;box-shadow:0 0 0 5px rgba(52,199,89,.10);}.sheet-status b[data-state="error"]{color:#a21f32}.sheet-status b[data-state="saved"]{color:#176b34}
.query-sheet-wrap{overflow:auto;border-radius:20px;max-height:calc(100vh - 245px);min-height:410px}
.query-sheet{border-collapse:separate;border-spacing:0;min-width:2200px;font-size:11px}
.query-sheet thead th{position:sticky;top:0;z-index:6;height:42px;padding:8px 10px;;border-bottom:1px solid rgba(43,36,30,.12)}
.query-sheet th:first-child,.query-sheet td:first-child{position:sticky;left:0;z-index:5;background:#f7f9fb;min-width:46px;text-align:center}.query-sheet thead th:first-child{z-index:8}
.query-sheet td{height:38px;padding:0;min-width:116px;border-right:1px solid rgba(43,36,30,.065);vertical-align:middle;outline:0}
.query-sheet td[contenteditable="true"]{padding:8px 9px;cursor:text;transition:box-shadow .14s ease,background .14s ease}
.query-sheet td[contenteditable="true"]:focus{background:#fffdf2;box-shadow:inset 0 0 0 2px var(--cloud-accent);position:relative;z-index:3}
.query-sheet td select{height:37px;border:0;border-radius:0;padding:6px 26px 6px 8px;box-shadow:none;background:#fff}
.query-sheet .sheet-wide-cell{min-width:260px;max-width:360px;white-space:normal}
.sheet-row-number{font-weight:700;color:#938a7f}.sheet-action-cell{min-width:54px;text-align:center}.sheet-save-row{width:28px;height:28px;border-radius:9px;background:#f1f5f9;color:var(--cloud-ink);border:1px solid rgba(43,36,30,.10)}.sheet-save-row:hover{background:#fef5ea}
.query-sheet tr.saving td{background:#fffdf6}.query-sheet tr.saved td{}.query-sheet tr.save-error td{box-shadow:inset 0 -2px #c73d4d}.new-sheet-row td{}.sheet-tip{font-size:11px}
@keyframes sheetPulse{50%{transform:scale(.78);opacity:.65}}@keyframes sheetSaved{0%{background:#ecfff2}100%{background:#fff}}@keyframes newRowIn{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:none}}

/* Conversation controls now live exclusively inside the mascot panel. */
.assistant-messages{height:300px;min-height:140px;flex:1 1 300px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:#fff}.assistant-message{max-width:86%;padding:10px 12px;border-radius:16px;font-size:11px;line-height:1.5;white-space:pre-wrap}.assistant-message.bot{align-self:flex-start;background:#f2f5f8;color:#212124;border-bottom-left-radius:6px}.assistant-message.user{align-self:flex-end;background:var(--cloud-ink);color:#fff;border-bottom-right-radius:6px}.assistant-message.thinking{}
.assistant-suggestions{display:flex;gap:6px;overflow:auto;padding:0 14px 10px;background:#fff}.assistant-suggestions button{padding:7px 9px;border-radius:999px;background:#fff;color:var(--cloud-ink);border:1px solid rgba(43,36,30,.11);font-size:9px}.assistant-form{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px 12px 12px;border-top:1px solid rgba(43,36,30,.08);background:#fbfcfd}.assistant-form input{height:40px}.assistant-form button{height:40px;border-radius:12px}
@keyframes thinkingPulse{50%{opacity:.55}}

/* Transparent Livenza easter egg: decorative, click-safe and unobtrusive. */
.livenza-easter-egg{position:fixed;right:18px;bottom:142px;z-index:28;width:74px;height:74px;border:0;background:transparent;padding:0;opacity:.035;filter:grayscale(1);transition:opacity .35s ease,filter .35s ease,transform .35s cubic-bezier(.2,.8,.2,1);overflow:visible}
.livenza-easter-egg img{width:100%;height:100%;object-fit:contain}.livenza-easter-egg:hover{opacity:.12;filter:grayscale(.2);transform:scale(1.07) rotate(-3deg)}.livenza-easter-egg.awake{opacity:.28;filter:none;transform:scale(1.12) rotate(4deg)}
.easter-toast{position:fixed;right:24px;bottom:222px;z-index:2147482600;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.96);color:var(--cloud-ink);font-size:10px;font-weight:700;border:1px solid var(--cloud-line);box-shadow:0 12px 32px rgba(43,36,30,.12);opacity:0;transform:translateY(8px);transition:.22s}.easter-toast.show{opacity:1;transform:none}.easter-star{position:absolute;left:50%;top:50%;color:var(--cloud-accent);font-style:normal;font-size:15px;pointer-events:none;}
@keyframes easterBurst{from{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(8px);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateX(var(--distance));opacity:0}}

/* Additional professional liveliness. */
.page-head:after{content:"";display:block;position:absolute;left:0;bottom:-8px;width:52px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--cloud-ink),transparent);}.page-head{position:relative}
.module-card,.query-card,.agreement-section,.city-card,.screen-card{transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease,border-color .26s ease}.module-card:hover,.query-card:hover,.city-card:hover,.screen-card:hover{transform:translateY(-4px);box-shadow:0 22px 56px rgba(43,36,30,.10)}.agreement-section:hover{box-shadow:0 14px 38px rgba(43,36,30,.075)}
.touch-ripple{position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(101,90,80,.14);pointer-events:none;transform:translate(-50%,-50%);z-index:999}.btn,button,.module-card,.nav-dropdown-menu>a{position:relative;}
@keyframes touchRipple{to{width:150px;height:150px;opacity:0}}@keyframes headLine{from{width:0;opacity:0}to{width:52px;opacity:1}}

/* Footer credit is non-negotiable and always visible. */
.site-footer{background:#fff;color:var(--cloud-text);border-color:rgba(43,36,30,.08)}
.footer-created,.footer-created span,.footer-created strong{display:flex;visibility:visible;opacity:1;color:var(--cloud-ink)}.footer-created strong{font-weight:750}

@media (max-width:760px){
  .sheet-toolbar{align-items:stretch;flex-direction:column}.sheet-search{min-width:0;width:100%}.sheet-search input{min-width:0}.livenza-easter-egg{right:8px;bottom:136px;width:58px;height:58px}.query-sheet-wrap{max-height:calc(100vh - 275px)}
}
@media (prefers-reduced-motion:reduce){.assistant-orb,.sheet-live-dot,.page-head:after{}.touch-ripple,.easter-star{display:none}}

/* Final palette discipline: white + charcoal + warm neutral, with only semantic status dots. */
.colourful-card{background:#fff;color:var(--cloud-text);border-color:var(--cloud-line)}
.city-orb,.step-badge,.profile-photo.fallback,.mini-avatar.fallback{background:linear-gradient(145deg,#2b241e,#554b42);color:#fff;box-shadow:0 8px 20px rgba(43,36,30,.12)}
.core-ring{border-color:rgba(69,55,44,.18);box-shadow:0 0 0 12px rgba(43,36,30,.025),0 18px 45px rgba(43,36,30,.10),inset 0 0 26px rgba(43,36,30,.04)}.core-ring small{color:var(--cloud-ink)}
.festive-start{background:var(--cloud-ink);color:#fff;box-shadow:0 8px 22px rgba(43,36,30,.14)}.festive-live{background:linear-gradient(145deg,#fff,#f6f9fc);border-color:var(--cloud-line)}.festive-live p{color:var(--cloud-muted)}
.a1{background:radial-gradient(circle,rgba(101,90,80,.16),transparent 68%)}.a2{background:radial-gradient(circle,rgba(43,36,30,.11),transparent 68%)}.a3{background:radial-gradient(circle,rgba(141,127,114,.10),transparent 68%)}


/* =====================================================================
   Tesla OS 27 — AI logo core + Food partner integrations / live portals
   ===================================================================== */

/* Home hero: replace text LIVE/ONLINE disc with a branded AI-like energy core. */
.ai-core-wrap{min-width:210px;min-height:190px;display:grid;place-items:center;perspective:800px}
.ai-logo-core{position:relative;width:150px;height:150px;display:grid;place-items:center;isolation:isolate;}
.ai-logo-shell{position:relative;z-index:5;width:104px;height:104px;border-radius:32px;background:rgba(255,255,255,.82);border:1px solid rgba(43,36,30,.08);box-shadow:0 22px 54px rgba(43,36,30,.13),inset 0 1px 0 rgba(255,255,255,.95);display:grid;place-items:center;}
.ai-logo-shell:after{content:"";position:absolute;inset:-35% -80%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.94) 50%,transparent 62%);transform:translateX(-52%) rotate(8deg);pointer-events:none}
.ai-logo-shell img{width:72px;height:72px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 8px 16px rgba(43,36,30,.08));}
.ai-border-run{position:absolute;z-index:3;width:122px;height:122px;border-radius:38px;background:conic-gradient(from 0deg,transparent 0 55%,rgba(111,99,88,.08) 61%,#6f6358 68%,#d4c1ae 72%,rgba(111,99,88,.12) 79%,transparent 84% 100%);filter:drop-shadow(0 0 8px rgba(111,99,88,.38))}
.ai-border-run:after{content:"";position:absolute;inset:4px;border-radius:34px;background:#fff}
.ai-logo-core:before,.ai-logo-core:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.ai-logo-core:before{width:138px;height:138px;border:1px solid rgba(111,99,88,.14);box-shadow:0 0 38px rgba(111,99,88,.10),inset 0 0 34px rgba(111,99,88,.05);}
.ai-logo-core:after{width:168px;height:168px;border:1px dashed rgba(43,36,30,.09);}
.ai-orbit{position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:2}.ai-orbit.orbit-two{inset:10px;animation-duration:9s;animation-direction:reverse}.ai-orbit i{position:absolute;left:50%;top:-2px;width:7px;height:7px;border-radius:50%;background:#6f6358;box-shadow:0 0 0 5px rgba(111,99,88,.08),0 0 14px rgba(111,99,88,.55)}.ai-orbit.orbit-two i{top:auto;bottom:-1px;width:5px;height:5px;background:#d2bfad}
.ai-spark{position:absolute;z-index:8;color:#6f6358;text-shadow:0 0 12px rgba(111,99,88,.42);font-size:13px;}.ai-spark.s1{left:9px;top:28px}.ai-spark.s2{right:7px;bottom:30px;animation-delay:-1.1s}.ai-spark.s3{right:20px;top:16px;font-size:20px;animation-delay:-1.8s}


/* Extra lively, professional motion without obstructing controls. */
.hero.lively-hero{}.hero.lively-hero:after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.58) 43%,rgba(111,99,88,.045) 50%,transparent 62%);transform:translateX(-120%);}
.stats>div{position:relative;}.stats>div:after{content:"";position:absolute;left:-60%;bottom:-28px;width:70%;height:40px;background:radial-gradient(ellipse,rgba(111,99,88,.15),transparent 68%);pointer-events:none}.stats>div:nth-child(2n):after{animation-delay:-1.6s}.stats>div:nth-child(3n):after{animation-delay:-3.2s}
.module-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 32%,rgba(255,255,255,.7) 48%,transparent 62%);transform:translateX(-130%);transition:none;opacity:.45;}.module-card:nth-child(2n):after{animation-delay:-3.5s}.module-card:nth-child(3n):after{animation-delay:-7s}




/* Food Hub internal navigation. */
.food-page-head{margin-bottom:14px}.food-subnav{display:flex;align-items:center;gap:5px;padding:5px;margin:0 0 17px;border-radius:16px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}.food-subnav::-webkit-scrollbar{display:none}.food-subnav a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#343438;font-size:13px;font-weight:600;padding:10px 14px;border-radius:12px;transition:background .22s ease,color .22s ease,transform .22s ease}.food-subnav a:hover{background:#f3f6fa;color:#2b241e;transform:translateY(-1px)}.food-subnav a.active{background:#2b241e;color:#fff;box-shadow:0 7px 18px rgba(43,36,30,.17)}.food-subnav a span{font-size:15px}
.partner-status-strip{display:flex;gap:10px;align-items:center;padding:10px 12px;margin-bottom:15px;overflow-x:auto;scrollbar-width:none}.partner-status-pill{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center;min-width:max-content;padding:7px 11px;border-radius:12px;background:#f7f9fc;border:1px solid rgba(43,36,30,.06)}.partner-status-pill small{grid-column:2;font-size:9px;color:#898075;max-width:210px;white-space:normal;overflow-wrap:anywhere}.partner-dot{width:7px;height:7px;border-radius:50%;background:#c9c0b5;box-shadow:0 0 0 4px rgba(194,190,183,.1)}.partner-dot.on{background:#34c759;box-shadow:0 0 0 4px rgba(52,199,89,.1);}.platform-badge{display:inline-flex;padding:5px 8px;border-radius:8px;background:#f1f6fb;color:#2b241e;font-weight:700;font-size:11px}

/* Integrations. */
.integration-intro{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:17px 19px;margin-bottom:17px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,251,244,.9))}.integration-intro p{margin:3px 0 0;color:#6e6e73;font-size:12px}.integration-pulse{position:relative;width:44px;height:44px;display:grid;place-items:center}.integration-pulse span{position:absolute;border:1px solid rgba(111,99,88,.28);border-radius:50%;}.integration-pulse span:nth-child(1){width:10px;height:10px;background:#6f6358;border:0}.integration-pulse span:nth-child(2){width:27px;height:27px;animation-delay:-.9s}.integration-pulse span:nth-child(3){width:44px;height:44px;animation-delay:-1.8s}.integration-token-state{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;color:#8a3030;background:#fff5f5;border:1px solid #f4dada;padding:8px 10px;border-radius:10px;}.integration-token-state span{width:7px;height:7px;border-radius:50%;background:#e05c5c}.integration-token-state.ready{color:#176b34;background:#f2fbf5;border-color:#d8f0df}.integration-token-state.ready span{background:#34c759;box-shadow:0 0 0 4px rgba(52,199,89,.1)}

.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:18px}.integration-card{padding:20px;position:relative;}.integration-card:before{content:"";position:absolute;right:-60px;top:-80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(111,99,88,.09),transparent 68%);pointer-events:none;}.integration-card:nth-child(2n):before{background:radial-gradient(circle,rgba(127,114,102,.08),transparent 68%);animation-delay:-3s}.integration-card-head{display:flex;align-items:center;gap:11px;margin-bottom:15px;position:relative;z-index:1}.integration-card-head h2{font-size:19px;margin:1px 0 0;letter-spacing:-.025em}.platform-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#2b241e;color:#fff;font-weight:800;font-size:18px;box-shadow:0 9px 22px rgba(43,36,30,.14)}.platform-mark.mini{width:29px;height:29px;border-radius:9px;font-size:12px}.integration-state{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.08em;color:#777;background:#f4f4f5;padding:5px 7px;border-radius:7px}.integration-state.on{background:#edf9f1;color:#176b34}.integration-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.integration-metrics>div{background:#f8fafc;border:1px solid rgba(43,36,30,.055);padding:10px;border-radius:11px;min-width:0}.integration-metrics small{display:block;color:#9b9287;font-size:9px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.integration-metrics b{display:block;font-size:11px;color:#2b241e;white-space:normal;overflow-wrap:anywhere;}.integration-form{position:relative;z-index:1}.integration-switches{display:flex;gap:12px;flex-wrap:wrap;padding:8px 0}.webhook-box{background:#f5f8fc;border:1px solid rgba(43,36,30,.07);border-radius:12px;padding:11px 12px}.webhook-box small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8b8277;margin-bottom:5px}.webhook-box code{display:block;overflow-x:auto;background:#fff;border:1px solid rgba(43,36,30,.07);padding:8px 9px}.webhook-box p{font-size:10px;color:#857c71;margin:7px 0 0}.integration-delete{display:flex;justify-content:flex-end;margin-top:8px}.add-integration-card{margin-top:15px}.note.liquid-card{padding:14px 16px}


/* Reliable official partner portal launcher. */
.portal-tabbar{display:flex;align-items:center;gap:7px;padding:6px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none}.portal-tabbar::-webkit-scrollbar{display:none}.portal-tab{display:flex;align-items:center;gap:9px;text-decoration:none;padding:8px 11px;border-radius:12px;color:#242426;min-width:max-content;transition:.22s ease}.portal-tab:hover{background:#f4f7fb;transform:translateY(-1px)}.portal-tab.active{background:#fff9ee;box-shadow:inset 0 0 0 1px rgba(43,36,30,.06)}.portal-tab b{display:block;font-size:12px}.portal-tab small{display:block;font-size:9px;color:#8d8479;margin-top:1px}.partner-browser{padding:0;;border-radius:20px}.partner-browser-bar{height:46px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 14px;background:rgba(249,250,252,.94);border-bottom:1px solid rgba(43,36,30,.07)}.browser-dots{display:flex;gap:5px}.browser-dots i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.browser-dots i:nth-child(2){background:#febc2e}.browser-dots i:nth-child(3){background:#28c840}.browser-address{height:29px;border-radius:9px;background:#fff;border:1px solid rgba(43,36,30,.07);display:flex;align-items:center;gap:7px;padding:0 10px;font-size:10px;color:#7e756a;white-space:normal;overflow-wrap:anywhere}.browser-config{text-decoration:none;color:#2b241e;font-size:10px;font-weight:700}.partner-browser iframe{display:block;width:100%;height:min(74vh,820px);min-height:580px;border:0;background:#fff}.partner-browser .iframe-note{margin:0;border-radius:0;border:0;border-top:1px solid rgba(43,36,30,.07);background:#fbfcfe;padding:11px 15px;font-size:10px}.portal-empty{min-height:520px;display:grid;place-items:center;text-align:center;background:#fbfcfe;color:#6e6e73}.portal-empty b{color:#2b241e;font-size:18px}.portal-empty p{margin:5px 0}

.portal-launch-stage{min-height:510px;padding:58px 24px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(111,99,88,.07),transparent 36%),linear-gradient(180deg,#fff,#f9fbfd)}.portal-launch-mark{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;margin-bottom:17px;background:linear-gradient(145deg,#2b241e,#6e6258);color:#fff;font-size:34px;font-weight:800;box-shadow:0 18px 42px rgba(69,55,44,.18),0 0 0 8px rgba(111,99,88,.045);}.portal-ready{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;margin-bottom:13px;border-radius:999px;background:#eef9f1;color:#176b34;border:1px solid #d9efdf;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.portal-ready i{width:7px;height:7px;border-radius:50%;background:#34c759;box-shadow:0 0 0 4px rgba(52,199,89,.10);}.portal-launch-stage h2{margin:4px 0 8px;font-size:28px;letter-spacing:-.035em;color:#2b241e}.portal-launch-copy{max-width:650px;margin:0 auto;color:#746b60;font-size:13px;line-height:1.65}.portal-launch-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:23px 0 13px}.portal-copy{min-width:100px}.portal-safety{color:#8f867b;font-size:10px}.portal-safety:before{content:"◉";margin-right:6px;color:#34c759}@keyframes portalMarkFloat{50%{transform:translateY(-5px);box-shadow:0 24px 50px rgba(43,36,30,.16),0 0 0 11px rgba(111,99,88,.035)}}
@media (max-width:950px){.integration-grid{grid-template-columns:1fr}.integration-intro{grid-template-columns:auto 1fr}.integration-token-state{grid-column:1/-1;width:max-content;max-width:100%}.ai-core-wrap{min-width:170px}.portal-launch-stage{min-height:460px}}
@media (max-width:680px){.ai-core-wrap{min-width:100%;min-height:170px}.ai-logo-core{width:132px;height:132px}.ai-logo-core:after{width:150px;height:150px}.integration-metrics{grid-template-columns:1fr}.partner-browser-bar{grid-template-columns:auto 1fr}.browser-config{display:none}.food-subnav{width:100%}.integration-card{padding:15px}.portal-launch-stage{min-height:420px;padding:36px 18px}.portal-launch-stage h2{font-size:24px}.portal-launch-actions{width:100%}.portal-launch-actions .btn,.portal-launch-actions button{flex:1 1 100%;text-align:center}}
@media (prefers-reduced-motion:reduce){.ai-logo-core,.ai-logo-shell img,.ai-logo-shell:after,.ai-border-run,.ai-logo-core:before,.ai-logo-core:after,.ai-orbit,.ai-spark,.hero.lively-hero:after,.stats>div:after,.module-card:after,.integration-pulse span,.integration-card:before,.portal-launch-mark{}}

/* =====================================================================
   Tesla OS 27 — kiosk, secure login, WhatsApp, Gmail and Drive workspaces
   ===================================================================== */
.security-admin-grid,.workspace-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:22px}.security-card-head{display:flex;align-items:center;gap:12px}.security-card-head>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#2b241e;color:#fff;font-size:20px}.security-card-head h2{margin:2px 0}.security-card-head .integration-state{margin-left:auto}.kiosk-downloads{margin-top:15px}.dropdown-lock-form,.dropdown-lock-form button{width:100%;margin:0}.dropdown-lock-form button{display:flex;align-items:center;gap:11px;background:transparent;box-shadow:none;text-align:left;padding:10px 12px;color:#1d1d1f}.dropdown-lock-form button span:last-child{display:flex;flex-direction:column}.dropdown-lock-form button small{color:#6e6e73}.reference-nav{overflow-x:auto;scrollbar-width:none}.reference-nav::-webkit-scrollbar{display:none}.reference-nav>a{flex:0 0 auto}
.auth-login-card{width:min(500px,95vw)}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#eef1f5;padding:5px;border-radius:15px;margin:20px 0 5px}.auth-tabs button{background:transparent;box-shadow:none;color:#5f6368;padding:9px 5px}.auth-tabs button.active{background:#fff;color:#2b241e;box-shadow:0 5px 16px rgba(43,36,30,.09)}.fingerprint-panel{text-align:center;padding:14px 5px}.fingerprint-mark{width:68px;height:68px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-size:48px;color:#5c5148;background:#fffbf0;border:1px solid #f2e9de}.fingerprint-panel p{line-height:1.5}
.pattern-grid{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:12px;justify-content:center;padding:15px;border-radius:18px;background:#f5f8fb;border:1px solid rgba(43,36,30,.08)}.pattern-grid>button{width:52px;height:52px;padding:0;background:transparent;border:0;box-shadow:none;display:grid;place-items:center}.pattern-grid>button span{width:18px;height:18px;border-radius:50%;background:#dad1c6;border:4px solid #fff;box-shadow:0 0 0 1px #b1a89d;transition:.18s}.pattern-grid>button.selected span{background:#71655a;box-shadow:0 0 0 7px rgba(113,101,90,.14)}.compact-pattern{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);gap:7px;padding:10px}.compact-pattern>button{width:36px;height:36px}.compact-pattern>button span{width:14px;height:14px}.pattern-admin-box,.passkey-admin-box,.passkey-account-box{padding:14px;border-radius:17px;background:#f7f9fc;border:1px solid rgba(43,36,30,.08)}.pattern-admin-box>b,.passkey-admin-box>b{display:block;margin-bottom:8px}.user-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.credential-list{display:grid;gap:5px;margin-top:9px}.credential-list span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;padding:7px;border-radius:9px;background:#fff}.user-security-wrap{min-width:0}.user-security-wrap>.aadhaar-verify{margin-top:8px}
.workspace-split>form{align-self:start;margin:0}.workspace-split>.form-card{margin:0;min-width:0}.message-feed,.mail-list{display:grid;gap:10px;max-height:68vh;overflow:auto;padding-right:4px}.message-bubble{max-width:88%;padding:12px 14px;border-radius:16px;background:#f1f3f6;border:1px solid rgba(43,36,30,.07)}.message-bubble.outbound{margin-left:auto;background:#e7f7ed}.message-bubble>div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.message-bubble span,.message-bubble small{color:#70757a;font-size:9px}.message-bubble p{white-space:pre-wrap;margin:8px 0;font-size:13px;line-height:1.45}.mail-list article{padding:13px;border-radius:14px;background:#f7f9fb;border:1px solid rgba(43,36,30,.07)}.mail-list article>div{display:flex;justify-content:space-between;gap:12px}.mail-list article span,.mail-list article small{font-size:10px;color:#857c71}.mail-list article p{font-size:12px;color:#685f54;line-height:1.45}.email-reader dl{display:grid;grid-template-columns:80px 1fr;gap:8px;padding-bottom:16px;border-bottom:1px solid rgba(43,36,30,.09)}.email-reader dt{font-weight:750;color:#2b241e}.email-reader dd{margin:0;color:#736a5f}.email-body{white-space:pre-wrap;line-height:1.7;padding:22px 4px}.drive-upload{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:12px}.drive-upload small{grid-column:1/-1}.drive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.drive-card{padding:16px;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center}.drive-card .actions{grid-column:1/-1}.drive-card h3{margin:0 0 4px;font-size:15px}.drive-card p{margin:0;color:#6e6e73;font-size:10px}.drive-icon{width:45px;height:45px;border-radius:13px;background:#fff8ed;color:#5c5148;display:grid;place-items:center;font-size:22px}
.kiosk-lock-body{display:block;min-height:100vh;background:radial-gradient(circle at 50% 20%,#51473f,#251c11 52%,#180f04)}.kiosk-lock-stage{min-height:100vh;display:grid;place-items:center;padding:22px}.kiosk-lock-card{width:min(460px,94vw);padding:32px;text-align:center;background:rgba(255,255,255,.96)}.kiosk-lock-card>img{width:92px}.kiosk-lock-card>p{color:#736a5f}.kiosk-lock-card>small{display:block;color:#6e6e73;margin-top:18px;line-height:1.5}.kiosk-lock-icon{width:72px;height:72px;border-radius:24px;margin:12px auto;display:grid;place-items:center;background:#2b241e;color:#fff;font-size:30px;box-shadow:0 16px 34px rgba(43,36,30,.22)}
button:disabled,.primary:disabled{opacity:.5;cursor:not-allowed}.note code{display:block;margin-top:8px;padding:9px;border-radius:9px;background:#eef2f6;overflow:auto}
@media (max-width:980px){.security-admin-grid,.workspace-split,.drive-grid{grid-template-columns:1fr}.user-auth-grid{grid-template-columns:1fr}.drive-upload{grid-template-columns:1fr}.drive-upload small{grid-column:auto}}
@media (max-width:560px){.auth-tabs{grid-template-columns:1fr}.pattern-grid{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px)}.pattern-grid>button{width:46px;height:46px}.compact-pattern{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px)}.compact-pattern>button{width:36px;height:36px}}

/* Tesla OS 27 — white reference header, hanging logo and live data ribbon. */
:root{--header-height:76px;}
.showcase-header{display:flex;justify-content:space-between;grid-template-columns:none;height:var(--header-height);min-height:var(--header-height);margin:0;border-radius:0;padding:0 clamp(14px,5vw,72px);background:rgba(255,255,255,.97);border:0;border-bottom:1px solid rgba(43,36,30,.08);box-shadow:0 8px 30px rgba(43,36,30,.075);overflow:visible}.showcase-header:before{display:none}
.hamburger-button{position:relative;z-index:8;width:54px;height:44px;padding:10px 13px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:#fff;border:1px solid #f3eadf;border-radius:10px;box-shadow:0 6px 18px rgba(43,36,30,.08)}.hamburger-button span{display:block;width:26px;height:3px;border-radius:4px;background:#2b241e;transition:.22s}.hamburger-button.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-button.active span:nth-child(2){opacity:0}.hamburger-button.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.icon-header-actions{margin-left:auto;gap:10px}.header-icon-link{width:42px;height:42px;min-width:42px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(43,36,30,.075);background:#fff;color:#2b241e;font-size:19px;line-height:1;box-shadow:0 5px 16px rgba(43,36,30,.055);text-decoration:none}.header-icon-link:hover{transform:translateY(-2px);background:#f2f7fb;box-shadow:0 10px 24px rgba(43,36,30,.10)}.icon-header-actions .profile-toggle{height:44px;max-width:210px;padding-right:12px}.icon-header-actions .profile-name{display:flex;flex-direction:column;max-width:110px}.icon-header-actions .profile-name small{font-size:8px;color:#8e857a;font-weight:550}.icon-header-actions .profile-toggle img,.icon-header-actions .profile-initial{width:36px;height:36px}
.apps-menu-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:3px 4px 13px;border-bottom:1px solid rgba(43,36,30,.07)}.apps-menu-head p{margin-bottom:3px}.apps-menu-head>button{width:34px;height:34px;padding:0;border-radius:50%;background:#eef3f7;color:#2b241e;font-size:24px;box-shadow:none}.apps-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px}.apps-menu-grid>a{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;padding:11px;border-radius:15px;color:#1d1d1f;text-decoration:none;border:1px solid transparent;transition:.2s}.apps-menu-grid>a:hover,.apps-menu-grid>a.active{background:#f1f6fa;border-color:#f6ede2;transform:translateY(-2px)}.apps-menu-grid i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#2b241e,#6a5f54);color:#fff;font-style:normal;font-size:17px;box-shadow:0 7px 16px rgba(43,36,30,.13)}.apps-menu-grid span{display:flex;flex-direction:column;min-width:0}.apps-menu-grid b{font-size:12px;color:#2b241e}.apps-menu-grid small{font-size:9px;color:#8a8176;white-space:normal;margin-top:2px}

.settings-section-head{display:flex;align-items:center;gap:14px;margin-bottom:17px}.settings-section-head h2{margin:2px 0}.settings-picture{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:28px;background:linear-gradient(145deg,#2b241e,#827569);box-shadow:0 12px 28px rgba(43,36,30,.16);}.automation-picture{animation-delay:-2s;background:linear-gradient(145deg,#245c4a,#4da885)}.settings-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.settings-fields{margin-bottom:13px}.note-inline{padding:11px 13px;border-radius:13px;background:#f4f7fa;color:#71685d;font-size:10px;line-height:1.55}.shell>.page-head:before{content:"";position:absolute;right:2px;top:-8px;width:58px;height:58px;background:url("/static/brand/livenza_life_mark_h10l.png") center/contain no-repeat;opacity:.11;filter:grayscale(.3);pointer-events:none}
@media (max-width:900px){.header-icon-link:nth-child(-n/**/+2){display:none}.apps-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-header-actions .profile-name{display:none}.icon-header-actions .profile-toggle{max-width:48px;padding-right:4px}.icon-header-actions .nav-caret{display:none}.settings-option-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){:root{--header-height:64px;}.showcase-header{height:64px;min-height:64px;padding:0 9px}.hamburger-button{width:46px;height:40px;padding:9px 10px}}
@media (prefers-reduced-motion:reduce){.hanging-brand:before,.hanging-brand:after,.hanging-brand>span:before,.hanging-brand>span:after,.settings-picture,.shell>.page-head:before{}.hanging-brand img{transform:none}}

/* =====================================================================
   Tesla OS 27 — plain L mark, transparent scroll header and visual UI
   ===================================================================== */
.showcase-header{
  top:0;
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  
  
  transition:background .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease,backdrop-filter .45s ease;
}
.showcase-header:after{
  content:"";position:absolute;z-index:2;left:clamp(18px,5vw,72px);right:clamp(18px,5vw,72px);bottom:0;height:2px;border-radius:999px;
  background:linear-gradient(90deg,transparent,#d9c6b3 22%,#6f6358 48%,#9c8d7f 72%,transparent);
  transform:scaleX(var(--header-scroll,0));transform-origin:center;opacity:calc(.18 + var(--header-scroll,0)*.72);
  box-shadow:0 0 18px rgba(111,99,88,.34);transition:transform .18s linear,opacity .25s ease;pointer-events:none;
}
.showcase-header.is-scrolled{
  background:linear-gradient(100deg,rgba(255,255,255,.64),rgba(247,252,255,.78),rgba(255,255,255,.62));
  background-size:220% 100%;border-bottom-color:rgba(43,36,30,.075);
  box-shadow:0 18px 55px rgba(43,36,30,.10),inset 0 1px 0 rgba(255,255,255,.88);
  
  
}
.showcase-header.is-scrolled .hamburger-button,.showcase-header.is-scrolled .header-icon-link,.showcase-header.is-scrolled .profile-toggle{background:rgba(255,255,255,.70);box-shadow:0 7px 22px rgba(43,36,30,.075)}
@keyframes headerGlassFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}

/* The image is genuinely transparent; all animated light lives behind it. */
.hanging-brand>span{
  background:transparent;border:0;box-shadow:none;border-radius:0;
}
.hanging-brand>span:before{inset:1px;z-index:-1;border-radius:50%;opacity:.92}
.hanging-brand>span:after{inset:-7px;z-index:-2;background:radial-gradient(circle,rgba(216,196,178,.17),rgba(111,99,88,.055) 48%,transparent 70%);border-color:rgba(111,99,88,.12);box-shadow:0 0 28px rgba(111,99,88,.16)}
.hanging-brand img{width:64px;height:70px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(69,55,44,.18))}

/* Photo-led dashboard. */
.experience-gallery{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:14px;margin:8px 0 30px;perspective:1200px}
.experience-shot{position:relative;display:block;min-height:230px;border-radius:28px;background:#f5ece1;box-shadow:0 16px 44px rgba(43,36,30,.10);isolation:isolate;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease;}
.experience-shot:nth-child(2){animation-delay:.08s}.experience-shot:nth-child(3){animation-delay:.16s}
.experience-shot:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 26%,rgba(25,21,14,.12) 55%,rgba(23,19,12,.82));pointer-events:none}
.experience-shot img{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s ease;filter:saturate(.94) contrast(1.02)}
.experience-shot:hover{transform:perspective(900px) translateY(-6px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 25px 64px rgba(43,36,30,.17)}
.experience-shot:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.02)}
.experience-shot>span{position:absolute;z-index:2;left:20px;right:18px;bottom:18px;display:flex;flex-direction:column;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.34)}
.experience-shot small{font-size:9px;font-weight:800;letter-spacing:.16em;opacity:.8}.experience-shot b{font-size:20px;letter-spacing:-.03em;margin-top:4px}
@keyframes galleryLift{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

.section-kicker{font-size:11px;color:#8e857a;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(43,36,30,.07)}
.module-card{display:grid;grid-template-columns:126px minmax(0,1fr);align-items:stretch;gap:18px;min-height:248px;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;will-change:transform}
.module-card:hover{transform:perspective(1000px) translateY(-7px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.module-card-media{position:relative;min-height:198px;border-radius:22px;background:#e8eef3;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);transform:translateZ(12px)}
.module-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.03);transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.module-card:hover .module-photo{transform:scale(1.075);filter:saturate(1.08) contrast(1.03)}
.module-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 26%,rgba(26,22,15,.05) 55%,rgba(26,22,15,.48));pointer-events:none}
.module-card .module-icon{position:absolute;z-index:2;left:12px;bottom:12px;width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 10px 26px rgba(33,29,22,.18)}
.module-card .module-icon img{width:52px;height:52px}.module-card .module-icon span{font-size:28px;color:#2b241e;text-shadow:none}
.module-card-copy{align-self:center;min-width:0;transform:translateZ(8px)}.module-card-copy h3{margin-top:5px}.module-card-copy>span{position:relative}.module-card-copy>span:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:#6f6358;transition:right .3s ease}.module-card:hover .module-card-copy>span:after{right:0}

/* Compact contextual photography on working tabs; it supports the task without becoming a hero. */
.module-visual-ribbon{--visual-shift:0px;position:relative;display:block;height:138px;margin:-4px 0 20px;border-radius:28px;background:#f5ece1;box-shadow:0 14px 40px rgba(43,36,30,.09);isolation:isolate;}
.module-visual-ribbon:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(22,18,11,.82),rgba(22,18,11,.45) 48%,rgba(22,18,11,.04) 82%);pointer-events:none}
.module-visual-ribbon img{position:absolute;left:0;top:-32px;width:100%;height:calc(100% + 64px);object-fit:cover;transform:translateY(var(--visual-shift)) scale(1.035);transition:transform .16s linear,filter .45s ease;filter:saturate(.9) contrast(1.02)}
.module-visual-ribbon:hover img{filter:saturate(1.08) contrast(1.03)}
.module-visual-copy{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:center;padding:20px clamp(20px,4vw,52px);color:#fff}.module-visual-copy small{font-size:9px;font-weight:800;letter-spacing:.16em;opacity:.8}.module-visual-copy strong{font-size:clamp(20px,2.6vw,34px);letter-spacing:-.045em;max-width:680px;line-height:1.05;margin-top:5px}.module-visual-copy i{font-size:8px;font-style:normal;letter-spacing:.12em;margin-top:12px;opacity:.72}
@keyframes visualRibbonEnter{from{opacity:0;transform:translateY(14px);clip-path:inset(0 8% 0 8% round 28px)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 28px)}}

/* A few extra tactile refinements shared across the site. */
.page-head h1{background:linear-gradient(105deg,#2b241e 0%,#2b241e 50%,#76695e 78%,#2b241e 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;}
.form-card,.table-card,.query-card,.drive-card,.screen-card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.form-card:hover,.query-card:hover,.drive-card:hover,.screen-card:hover{box-shadow:0 22px 58px rgba(43,36,30,.105),inset 0 1px 0 #fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(111,99,88,.28);outline-offset:3px}
@keyframes titleInkFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}

@media (max-width:980px){.experience-gallery{grid-template-columns:1.35fr 1fr}.experience-shot:nth-child(3){grid-column:1/-1;min-height:190px}.module-card{grid-template-columns:112px minmax(0,1fr)}}
@media (max-width:700px){.experience-gallery{grid-template-columns:1fr}.experience-shot,.experience-shot:nth-child(3){grid-column:auto;min-height:190px}.module-card{grid-template-columns:102px minmax(0,1fr);gap:14px;min-height:218px;padding:15px}.module-card-media{min-height:178px}.module-card .module-icon{width:54px;height:54px;left:9px;bottom:9px}.module-card .module-icon img{width:45px;height:45px}.module-visual-ribbon{height:118px;border-radius:22px}.module-visual-copy{padding:16px 20px}.module-visual-copy strong{font-size:21px}.section-kicker{display:none}}
@media (max-width:480px){.hanging-brand img{width:53px;height:59px}.module-card{grid-template-columns:88px minmax(0,1fr)}.module-card-media{min-height:164px}.module-card-copy h3{font-size:17px}.module-card-copy p{font-size:11px}.experience-shot{min-height:176px}.module-visual-copy i{display:none}}
@media (prefers-reduced-motion:reduce){.showcase-header.is-scrolled,.showcase-header:after,.experience-shot,.module-visual-ribbon,.page-head h1{}.module-visual-ribbon img,.module-card,.experience-shot{transform:none;transition:none}}

/* =====================================================================
   Tesla OS 27 — one-time dancing welcome mascot after every successful login
   ===================================================================== */
.login-mascot-welcome{position:fixed;inset:0;z-index:2147483000;pointer-events:none;isolation:isolate}
.login-mascot-welcome:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 78%,rgba(181,164,148,.16),transparent 34%),linear-gradient(180deg,transparent 62%,rgba(247,251,255,.28));opacity:0;transition:opacity .6s ease;}
.login-mascot-welcome.is-visible:before{opacity:1}.login-mascot-welcome.is-leaving:before{opacity:0}
.mascot-welcome-shell{position:absolute;left:50%;bottom:clamp(14px,4vh,42px);width:min(680px,94vw);display:grid;grid-template-columns:minmax(290px,1fr) 270px;align-items:end;gap:4px;opacity:0;transform:translateX(-145vw) translateY(18px) scale(.72) rotate(-8deg);transform-origin:bottom center;transition:transform .86s cubic-bezier(.18,.88,.24,1.18),opacity .42s ease;will-change:transform,opacity}
.login-mascot-welcome.is-visible .mascot-welcome-shell{opacity:1;transform:translateX(-50%) translateY(0) scale(1) rotate(0)}
.login-mascot-welcome.is-leaving .mascot-welcome-shell{opacity:0;transform:translateX(115vw) translateY(-20px) scale(.84) rotate(9deg);transition:transform 1.05s cubic-bezier(.55,.02,.8,.25),opacity .72s ease}
.mascot-speech{align-self:center;z-index:3;padding:22px 44px 22px 24px;margin:0 -22px 50px 0;border-radius:25px;background:linear-gradient(140deg,rgba(255,255,255,.94),rgba(253,249,242,.84));box-shadow:0 22px 60px rgba(43,36,30,.17),inset 0 1px 0 #fff;opacity:0;transform:translateY(20px) scale(.94);transition:opacity .45s ease .55s,transform .55s cubic-bezier(.2,.9,.2,1.1) .55s}
.login-mascot-welcome.is-visible .mascot-speech{opacity:1;transform:none}.login-mascot-welcome.is-leaving .mascot-speech{opacity:0;transform:translateY(-12px) scale(.94);transition-delay:0s}
.mascot-speech:after{content:"";position:absolute;right:-17px;bottom:42px;width:32px;height:32px;background:rgba(244,250,255,.92);clip-path:polygon(0 0,0 100%,100% 100%);transform:rotate(-45deg);border-radius:0 0 0 7px;box-shadow:-3px 5px 8px rgba(43,36,30,.035)}
.mascot-speech small{display:block;color:#6f6358;font-size:9px;font-weight:800;letter-spacing:.16em;margin-bottom:7px}.mascot-speech strong{display:block;color:#2b241e;font-size:clamp(21px,2.4vw,31px);line-height:1.06;letter-spacing:-.045em}.mascot-speech span{display:block;color:#756c61;font-size:12px;line-height:1.5;margin-top:8px}.mascot-speech button{position:absolute;z-index:3;right:10px;top:10px;width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:50%;background:rgba(43,36,30,.055);color:#2b241e;font-size:21px;line-height:1;box-shadow:none;pointer-events:auto}.mascot-speech button:hover{background:rgba(43,36,30,.11);transform:rotate(8deg)}
.mascot-stage{position:relative;width:270px;height:410px;display:flex;align-items:flex-end;justify-content:center;z-index:2;filter:drop-shadow(0 24px 26px rgba(51,44,37,.20))}
.mascot-character{position:relative;z-index:3;width:250px;transform-origin:50% 90%;will-change:transform}.mascot-character img{display:block;width:100%;height:auto;mix-blend-mode:multiply;filter:saturate(1.06) contrast(1.015);-webkit-mask-image:radial-gradient(ellipse 86% 96% at 50% 49%,#000 70%,rgba(0,0,0,.94) 82%,transparent 100%);mask-image:radial-gradient(ellipse 86% 96% at 50% 49%,#000 70%,rgba(0,0,0,.94) 82%,transparent 100%)}
.login-mascot-welcome.is-dancing .mascot-character{}
.mascot-floor-shadow{position:absolute;z-index:1;left:38px;right:30px;bottom:2px;height:27px;border-radius:50%;background:radial-gradient(ellipse,rgba(48,41,35,.32),transparent 70%);filter:blur(4px);animation-play-state:paused}.login-mascot-welcome.is-dancing .mascot-floor-shadow{animation-play-state:running}
.mascot-spotlight{position:absolute;z-index:0;left:50%;bottom:5px;width:310px;height:360px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 78%,rgba(211,192,174,.28),rgba(111,99,88,.06) 46%,transparent 72%);filter:blur(3px);}
.mascot-star{position:absolute;z-index:5;color:#8e8073;font-style:normal;text-shadow:0 0 12px rgba(111,99,88,.48);opacity:0}.star-one{left:6px;top:105px;font-size:20px}.star-two{right:2px;top:70px;font-size:28px;color:#96877a}.star-three{left:26px;top:40px;font-size:28px}.star-four{right:26px;top:178px;font-size:16px;color:#bfad9c}.login-mascot-welcome.is-visible .mascot-star{}.login-mascot-welcome.is-visible .star-two{animation-delay:-.4s}.login-mascot-welcome.is-visible .star-three{animation-delay:-.75s}.login-mascot-welcome.is-visible .star-four{animation-delay:-.95s}
@keyframes mascotHappyDance{0%,100%{transform:translateY(0) rotate(0) scale(1)}18%{transform:translateY(-18px) rotate(-5deg) scale(1.025,.975)}38%{transform:translateY(0) rotate(4deg) scale(.98,1.02)}58%{transform:translateY(-13px) rotate(5deg) scale(1.02,.98)}78%{transform:translateY(0) rotate(-3deg) scale(.985,1.015)}}
@keyframes mascotShadowBeat{0%,100%{transform:scaleX(1);opacity:.7}30%,65%{transform:scaleX(.72);opacity:.38}}
@keyframes mascotGlow{50%{transform:translateX(-50%) scale(1.06);opacity:.74}}
@keyframes mascotSparkle{0%,100%{opacity:.18;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.18) rotate(18deg)}}
@media (max-width:660px){.mascot-welcome-shell{width:min(390px,94vw);grid-template-columns:1fr;gap:0;bottom:6px;justify-items:center}.mascot-stage{grid-row:2;width:230px;height:330px}.mascot-character{width:196px}.mascot-speech{grid-row:1;width:min(360px,92vw);margin:0 0 -38px;padding:17px 40px 17px 18px;text-align:center}.mascot-speech:after{right:50%;bottom:-14px;transform:translateX(50%) rotate(-45deg)}.mascot-speech strong{font-size:22px}.mascot-speech span{font-size:11px}.mascot-spotlight{width:270px;height:300px}.star-one{left:8px;top:78px}.star-two{right:5px;top:55px}}
@media (max-height:650px){.mascot-welcome-shell{bottom:4px;grid-template-columns:minmax(260px,1fr) 210px;width:min(570px,94vw)}.mascot-stage{width:210px;height:300px}.mascot-character{width:185px}.mascot-speech{margin-bottom:32px;padding-block:16px}.mascot-spotlight{width:240px;height:285px}}
@media (prefers-reduced-motion:reduce){.mascot-welcome-shell{transition:opacity .3s ease;transform:translateX(-50%)}.login-mascot-welcome.is-leaving .mascot-welcome-shell{transform:translateX(-50%)}.mascot-character,.mascot-floor-shadow,.mascot-spotlight,.mascot-star{}}

/* =====================================================================
   Tesla OS 27 — sitewide translucent workspace and photographic depth
   The existing light theme, typography and motion remain unchanged.
   ===================================================================== */
:root{
  --glass-workspace:rgba(242,247,251,.20);
  --glass-surface:rgba(255,255,255,.36);
  --glass-surface-soft:rgba(255,255,255,.24);
  --glass-surface-strong:rgba(255,255,255,.58);
  --glass-border:rgba(255,255,255,.60);
  --glass-line:rgba(43,36,30,.10);
  --glass-shadow:0 28px 90px rgba(33,29,22,.17);
  --glass-shadow-soft:0 16px 44px rgba(33,29,22,.10);
}

html{background:#efe6db}
body{
  background:
    linear-gradient(118deg,rgba(247,243,236,.84) 0%,rgba(250,252,254,.52) 40%,rgba(240,236,229,.76) 100%),
    radial-gradient(circle at 22% 12%,rgba(255,255,255,.70),transparent 36%),
    url("/static/livenza_360_lifestyle_bg.jpg") center 44%/cover fixed;
  background-color:#f2e9de;
  
}
body:before{
  background:
    radial-gradient(circle at 12% 14%,rgba(200,182,164,.16),transparent 28%),
    radial-gradient(circle at 82% 22%,rgba(255,255,255,.28),transparent 31%),
    radial-gradient(circle at 70% 82%,rgba(134,121,108,.10),transparent 30%);
  
}
body:after{
  background:radial-gradient(circle,rgba(255,255,255,.24),rgba(111,99,88,.055) 38%,transparent 72%);
  mix-blend-mode:screen;
}
.app-viewport,
body:fullscreen .app-viewport,
body:-webkit-full-screen .app-viewport{background:transparent}
.aurora{opacity:.20;mix-blend-mode:screen;filter:blur(28px)}
.liquid-noise{opacity:.08;mix-blend-mode:soft-light}

/* The reference's large glass work area, adapted to Livenza's existing pages. */
.app-viewport>.shell:not(.login-shell){
  max-width:1500px;
  margin:clamp(18px,2.8vw,38px) auto 24px;
  padding:clamp(18px,2.4vw,34px);
  border:1px solid rgba(255,255,255,.58);
  border-radius:36px;
  background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(237,245,250,.13));
  box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.82);
  
  
  isolation:isolate;
}
.app-viewport>.shell:not(.login-shell):after{
  content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.18),transparent 28%,transparent 68%,rgba(255,255,255,.11));
  background-size:180% 100%;
}
.login-shell{background:transparent}

/* Translucent hierarchy across dashboards, records, tools and integrations. */
.liquid-card,.glass-panel,.form-card,.table-card,.review-card,.query-card,.city-card,.module-card,.stats>div,.history>div,.note,.placeholder,.login-card,.user-access-card,.screen-card,.media-card,.sheet-toolbar,.query-sheet-wrap,
.preset-console>div:first-child,.preset-profile,.agreement-section,.aadhaar-intake,.aadhaar-box,.aadhaar-info,.aadhaar-verify,.review-link-callout,.qr-panel,.perm-chip,.city-admin-list>div,.template-list>div,.iframe-wrap,.flash,
.drive-card,.partner-browser,.partner-status-strip,.food-subnav,.integration-card,.vacant-auto-strip,.assistant-launcher{
  background:linear-gradient(145deg,var(--glass-surface),var(--glass-surface-soft));
  color:var(--cloud-text);
  border:1px solid var(--glass-border);
  box-shadow:var(--glass-shadow-soft),inset 0 1px 0 rgba(255,255,255,.78);
  
  
}
.liquid-card:before,.module-card:before,.stats>div:before,.form-card:before,.query-card:before{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
  opacity:.72;
}
.hero.compact{
  background:linear-gradient(135deg,rgba(255,255,255,.47),rgba(238,247,252,.24));
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 24px 70px rgba(33,29,22,.12),inset 0 1px 0 rgba(255,255,255,.86);
  
  
}
.hero.compact:before{opacity:.78;mix-blend-mode:screen}
.experience-shot,.module-visual-ribbon,.module-card-media{
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 18px 48px rgba(33,29,22,.15),inset 0 1px 0 rgba(255,255,255,.70);
}
.section-kicker,.source-pill,.heat-pill,.status-pill,.query-meta span,.badge,.integration-state{
  background:rgba(255,255,255,.38);
  border-color:rgba(255,255,255,.56);
  
  
}

/* Header and menus float as progressively stronger glass. */
.showcase-header{
  background:linear-gradient(105deg,rgba(255,255,255,.10),rgba(244,249,252,.05));
  border-bottom-color:rgba(255,255,255,.20);
  box-shadow:0 10px 36px rgba(33,29,22,.025);
  
  
}
.showcase-header.is-scrolled{
  background:linear-gradient(105deg,rgba(255,255,255,.52),rgba(237,246,251,.34),rgba(255,255,255,.45));
  border-bottom-color:rgba(255,255,255,.58);
  box-shadow:0 18px 55px rgba(33,29,22,.13),inset 0 1px 0 rgba(255,255,255,.86);
  
  
}
.hamburger-button,.header-icon-link,.profile-toggle,
.showcase-header.is-scrolled .hamburger-button,.showcase-header.is-scrolled .header-icon-link,.showcase-header.is-scrolled .profile-toggle{
  background:rgba(255,255,255,.32);
  border-color:rgba(255,255,255,.55);
  box-shadow:0 8px 24px rgba(33,29,22,.075),inset 0 1px 0 rgba(255,255,255,.72);
  
  
}



.nav-dropdown-menu,.view-menu-global,.rotate-menu,.rotate-menu-global,.popover,.dropdown-menu,.menu-panel,.assistant-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(237,245,250,.54));
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 30px 90px rgba(33,29,22,.22),inset 0 1px 0 rgba(255,255,255,.92);
  
  
}
.apps-menu-grid>a,[role="menu"] a,[role="menu"] button,.nav-dropdown-menu a,.view-menu-global button,.dropdown-lock-form button{
  background:rgba(255,255,255,.18);
}
.apps-menu-grid>a:hover,.apps-menu-grid>a.active,[role="menu"] a:hover,[role="menu"] button:hover,.nav-dropdown-menu a:hover,.view-menu-global button:hover,.view-menu-global button.selected{
  background:rgba(255,255,255,.54);
  border-color:rgba(255,255,255,.68);
}

/* Dense information stays legible while retaining depth behind it. */
.table-card,table,.query-sheet-wrap{background:rgba(255,255,255,.15)}
th,.table-card table th{
  background:rgba(245,249,252,.46);
  border-color:rgba(255,255,255,.50);
  
}
td{background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.44)}
tbody tr:hover td{background:rgba(255,255,255,.52)}
label{color:#30363b}
input,textarea,select,input[type=file]{
  background:rgba(255,255,255,.48);
  color:var(--cloud-text);
  border:1px solid rgba(255,255,255,.66);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 7px 20px rgba(33,29,22,.04);
  
  
}
input:focus,textarea:focus,select:focus{
  background:rgba(255,255,255,.72);
  border-color:rgba(111,99,88,.52);
  box-shadow:0 0 0 4px rgba(111,99,88,.10),inset 0 1px 0 #fff;
}
select option,select optgroup{background:#f7fafc;color:#111113}
.sticky-actions,.sheet-toolbar{
  background:rgba(245,249,252,.58);
  border-color:rgba(255,255,255,.62);
  
  
}
.integration-metrics>div,.webhook-box,.note-inline,.mandatory-note,.whatsapp-note,.aadhaar-upload-row input[type=file],.aadhaar-extract-status{
  background:rgba(255,255,255,.34);
  border-color:rgba(255,255,255,.55);
}
.webhook-box code{background:rgba(255,255,255,.46);border-color:rgba(255,255,255,.62)}
.qr-wrap{background:rgba(255,255,255,.66)}
.iframe-note{background:rgba(255,255,255,.60);border-color:rgba(255,255,255,.70);}

/* Strong glass anchors: authentication, assistant and footer. */
.login-card,.kiosk-lock-card{
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(236,245,250,.43));
  border-color:rgba(255,255,255,.76);
  box-shadow:0 34px 100px rgba(33,29,22,.20),inset 0 1px 0 rgba(255,255,255,.96);
  
  
}
.assistant-panel{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(237,246,251,.64))}
.assistant-head,.assistant-form{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.56)}
.assistant-suggestions{background:rgba(255,255,255,.16)}
.assistant-suggestions button{background:rgba(255,255,255,.44);border-color:rgba(255,255,255,.62)}
.assistant-message.bot{background:rgba(255,255,255,.46);border-color:rgba(255,255,255,.56)}
.assistant-message.user{box-shadow:0 8px 22px rgba(111,99,88,.16)}
.site-footer{
  background:linear-gradient(105deg,rgba(255,255,255,.46),rgba(238,246,250,.27));
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 18px 55px rgba(33,29,22,.10),inset 0 1px 0 rgba(255,255,255,.78);
  
  
  border-radius:26px 26px 0 0;
}
.agreement-builder,.agreement-tools,.preset-console{background:transparent}
.agreement-section .form-grid{background:rgba(255,255,255,.13)}
.agreement-section>summary{background:rgba(255,255,255,.28)}
.agreement-section>summary:hover,.agreement-section[open]>summary{background:rgba(255,255,255,.48)}
.colourful-card{background:linear-gradient(145deg,var(--glass-surface),var(--glass-surface-soft));border-color:var(--glass-border)}
.auth-tabs{background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.50)}
.auth-tabs button.active{background:rgba(255,255,255,.68)}
.fingerprint-mark{background:rgba(253,249,242,.58);border-color:rgba(255,255,255,.66)}
.query-sheet td select{background:rgba(255,255,255,.42)}
.kiosk-lock-body,
body:fullscreen,
body:-webkit-full-screen{
  background:
    linear-gradient(118deg,rgba(246,242,235,.88) 0%,rgba(250,252,254,.56) 42%,rgba(237,233,226,.75) 100%),
    url("/static/livenza_360_lifestyle_bg.jpg") center/cover fixed;
}
.app-viewport.view-rot-90,.app-viewport.view-rot-180,.app-viewport.view-rot-270{
  background:rgba(240,247,251,.50);
  
  
}

@keyframes glassSceneBreathe{
  0%,100%{background-position:center 48%}
  50%{background-position:center 52%}
}
@keyframes glassAtmosphere{
  0%,100%{opacity:.72;transform:scale(1)}
  50%{opacity:1;transform:scale(1.035)}
}
@keyframes workspaceGlassSheen{
  0%,100%{background-position:0 50%;opacity:.58}
  50%{background-position:100% 50%;opacity:1}
}

@media (max-width:700px){
  body{background-attachment:scroll;background-position:center top}
  .app-viewport>.shell:not(.login-shell){margin:10px 8px 16px;padding:14px;border-radius:24px;}
  .showcase-header{background:rgba(255,255,255,.24);}
  .site-footer{background:rgba(255,255,255,.48);border-radius:20px 20px 0 0}
}

@media (prefers-reduced-motion:reduce){
  body,body:before,.app-viewport>.shell:not(.login-shell):after{}
}
@media print{
  html,body,.app-viewport,.app-viewport>.shell:not(.login-shell){background:#fff;box-shadow:none;border:0;}
}

/* =====================================================================
   Tesla OS 27 — persistent live mascot, floating stars and weather scenes
   ===================================================================== */
.mascot-companion{
  position:fixed;z-index:2147482200;right:14px;top:clamp(168px,31vh,330px);width:126px;height:205px;
  opacity:0;transform:translateX(120%) scale(.76);transform-origin:center right;pointer-events:none;
  transition:opacity .55s ease,transform .72s cubic-bezier(.2,.9,.2,1.12);isolation:isolate;
}
.mascot-companion.is-parked{opacity:1;transform:none;pointer-events:auto}
.mascot-companion-button{
  position:absolute;right:0;top:0;width:126px;height:205px;padding:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;overflow:visible;transform-origin:50% 86%;
  filter:drop-shadow(0 18px 18px rgba(69,55,44,.18));transition:filter .25s ease,transform .25s ease;
}
.mascot-companion-button:hover{background:transparent;box-shadow:none;filter:drop-shadow(0 22px 24px rgba(43,36,30,.24));transform:translateY(-3px)}
.mascot-side-character{position:absolute;z-index:3;left:14px;right:6px;bottom:12px;display:block;transform-origin:50% 86%;will-change:transform}
.mascot-side-character img{
  display:block;width:100%;height:174px;object-fit:contain;mix-blend-mode:multiply;filter:saturate(1.07) contrast(1.015);
  -webkit-mask-image:radial-gradient(ellipse 88% 97% at 50% 49%,#000 71%,rgba(0,0,0,.94) 84%,transparent 100%);
  mask-image:radial-gradient(ellipse 88% 97% at 50% 49%,#000 71%,rgba(0,0,0,.94) 84%,transparent 100%);
}
.mascot-side-glow{position:absolute;z-index:0;width:134px;height:166px;right:-8px;bottom:7px;border-radius:50%;background:radial-gradient(ellipse at 52% 70%,rgba(211,192,173,.24),rgba(111,99,88,.07) 46%,transparent 72%);}
.mascot-side-shadow{position:absolute;z-index:1;left:28px;right:12px;bottom:7px;height:14px;border-radius:50%;background:radial-gradient(ellipse,rgba(43,36,30,.30),transparent 70%);filter:blur(3px);}
.mascot-weather-chip{position:absolute;z-index:6;right:0;bottom:8px;min-width:44px;height:28px;padding:0 8px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,rgba(43,36,30,.91),rgba(114,102,91,.90));border:1px solid rgba(255,255,255,.58);color:#fff;font-size:9px;font-weight:800;letter-spacing:.06em;box-shadow:0 8px 22px rgba(43,36,30,.20);}
.mascot-companion.is-syncing .mascot-weather-chip{}

/* Floating star language inspired by generative design interfaces. */
.companion-float-icon{position:absolute;z-index:7;display:grid;place-items:center;color:#73675c;font-style:normal;text-shadow:0 0 13px rgba(111,99,88,.35);pointer-events:none;}
.companion-float-one{left:3px;top:38px;font-size:18px}.companion-float-two{right:-2px;top:24px;font-size:23px;color:#897c6f;animation-delay:-1.7s}.companion-float-three{left:18px;top:8px;font-size:20px;color:#ac9c8c;animation-delay:-3.1s}.companion-float-four{right:8px;top:76px;font-size:15px;color:#938577;animation-delay:-.8s}

.mascot-companion-nudge{
  position:absolute;z-index:9;right:calc(100% - 7px);top:35px;width:225px;padding:13px 17px;border-radius:18px;
  background:linear-gradient(140deg,rgba(255,255,255,.84),rgba(251,247,240,.66));
  opacity:0;visibility:hidden;transform:translateX(12px) scale(.96);transform-origin:right center;
  transition:opacity .3s ease,transform .38s cubic-bezier(.2,.9,.2,1),visibility .3s;pointer-events:none;
}
.mascot-companion-nudge:after{content:"";position:absolute;right:-8px;top:48%;width:16px;height:16px;background:rgba(241,248,252,.80);transform:translateY(-50%) rotate(45deg);border-radius:0 4px 0 0}
.mascot-companion-nudge small{display:block;color:#6f6358;font-size:8px;font-weight:800;letter-spacing:.13em;margin-bottom:4px}.mascot-companion-nudge span{display:block;color:#2b241e;font-size:11px;font-weight:650;line-height:1.4}
.mascot-companion-nudge.show{opacity:1;visibility:visible;transform:none}

.mascot-companion-panel{
  position:absolute;z-index:10;right:calc(100% + 14px);top:-91px;width:min(398px,calc(100vw - 170px));max-height:min(680px,calc(100vh - 118px));
  padding:0;border-radius:28px;overflow:auto;overscroll-behavior:contain;
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(246,242,235,.67));
  border:1px solid rgba(255,255,255,.83);box-shadow:0 34px 100px rgba(33,29,22,.25),inset 0 1px 0 #fff;
  
  opacity:0;transform:translateX(18px) scale(.96);transform-origin:right center;transition:opacity .24s ease,transform .34s cubic-bezier(.2,.9,.2,1);
}
.mascot-companion-panel[hidden]{display:none}.mascot-companion-panel.open{opacity:1;transform:none}
.companion-panel-head{position:sticky;z-index:5;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 12px;background:rgba(247,251,253,.59);border-bottom:1px solid rgba(255,255,255,.67);}
.companion-panel-head>div{display:flex;align-items:center;gap:10px}.companion-panel-head>div>span:last-child{display:flex;flex-direction:column}.companion-panel-head b{font-size:14px;color:#2b241e;letter-spacing:-.02em}.companion-panel-head small{font-size:8px;color:#887f74;letter-spacing:.055em;margin-top:1px}.companion-panel-head>button{width:32px;height:32px;padding:0;border-radius:50%;background:rgba(43,36,30,.06);color:#2b241e;box-shadow:none;font-size:21px}.companion-ai-star{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#2b241e,#7f7266);color:#fff;box-shadow:0 9px 22px rgba(43,36,30,.16);}

.companion-weather-hero{display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px;padding:17px 17px 12px;align-items:center}.companion-weather-icon{grid-row:1/3;width:64px;height:64px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.71),rgba(240,236,229,.46));border:1px solid rgba(255,255,255,.82);color:#72665b;font-size:33px;box-shadow:0 12px 28px rgba(43,36,30,.09);}.companion-weather-hero>div:nth-child(2){display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:9px}.companion-weather-hero>div:nth-child(2)>small{grid-column:1/-1;font-size:9px;font-weight:800;letter-spacing:.12em;color:#7c7368;text-transform:uppercase}.companion-weather-hero strong{font-size:36px;line-height:1;color:#2b241e;letter-spacing:-.07em}.companion-weather-hero>div:nth-child(2)>span{font-size:11px;color:#6d6459;padding-bottom:3px}.companion-weather-meta{grid-column:2;display:flex;gap:5px;flex-wrap:wrap}.companion-weather-meta span{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.41);border:1px solid rgba(255,255,255,.62);color:#7c7368;font-size:8px;font-weight:650}
.companion-city-tabs{display:flex;gap:5px;padding:0 16px 11px;overflow:auto;scrollbar-width:none}.companion-city-tabs::-webkit-scrollbar{display:none}.companion-city-tabs button{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.55);color:#756c61;box-shadow:none;font-size:8px}.companion-city-tabs button.active{background:#2b241e;color:#fff;border-color:#2b241e}
.companion-forecast{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 16px 15px}.companion-forecast-day{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:9px 4px;border-radius:15px;background:rgba(255,255,255,.33);border:1px solid rgba(255,255,255,.58)}.companion-forecast-day small{font-size:8px;color:#80776c;font-weight:700}.companion-forecast-day span{font-size:20px;color:#786b60;margin:3px 0}.companion-forecast-day b{font-size:9px;color:#2b241e}.companion-forecast-day i{font-size:7px;color:#8d8479;font-style:normal;margin-top:3px}
.companion-section-label{display:flex;align-items:center;gap:9px;padding:0 16px 8px}.companion-section-label span{font-size:8px;font-weight:800;letter-spacing:.13em;color:#7c7368}.companion-section-label i{height:1px;flex:1;background:linear-gradient(90deg,rgba(43,36,30,.12),transparent)}
.companion-operations{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:0 16px 13px}.companion-operation{display:flex;align-items:center;gap:8px;padding:9px;border-radius:14px;background:rgba(255,255,255,.32);border:1px solid rgba(255,255,255,.58)}.companion-operation>span{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;background:rgba(111,99,88,.09);color:#6f6358;font-size:14px}.companion-operation>div{display:flex;flex-direction:column;min-width:0}.companion-operation small{font-size:10px;color:#847b70;white-space:normal;overflow-wrap:anywhere}.companion-operation b{font-size:12px;color:#2b241e}.companion-operation.tone-green>span{background:rgba(39,163,90,.10);color:#208348}.companion-operation.tone-gold>span{background:rgba(205,150,30,.11);color:#906300}.companion-operation.tone-pink>span{background:rgba(168,61,120,.10);color:#a83d78}.companion-loading{grid-column:1/-1;padding:13px;text-align:center;color:#81786d;font-size:9px}
.companion-quote-card{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:8px;align-items:center;margin:0 16px 13px;padding:11px 10px;border-radius:17px;background:linear-gradient(115deg,rgba(43,36,30,.91),rgba(101,90,80,.86));color:#fff;box-shadow:0 13px 31px rgba(43,36,30,.17);}.companion-quote-card>span{font-size:18px;text-align:center;}.companion-quote-card>div{min-width:0}.companion-quote-card small{display:block;font-size:7px;font-weight:800;letter-spacing:.13em;opacity:.66}.companion-quote-card blockquote{margin:3px 0 0;font-size:9px;line-height:1.4;font-weight:600;letter-spacing:-.01em}.companion-quote-card button{width:28px;height:28px;padding:0;background:rgba(255,255,255,.12);color:#fff;box-shadow:none}.companion-quote-card blockquote.quote-enter{}
.companion-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px 15px}.companion-panel-footer small{font-size:7px;color:#8e857a}.companion-panel-footer button{padding:7px 9px;background:rgba(255,255,255,.38);color:#2b241e;border:1px solid rgba(255,255,255,.60);box-shadow:none;font-size:8px}

/* Funny but bounded mascot routines. */
.mascot-companion.funny-wave .mascot-side-character{}
.mascot-companion.funny-hop .mascot-side-character{}
.mascot-companion.funny-peek .mascot-side-character{}
.mascot-companion.funny-wobble .mascot-side-character{}
.mascot-companion.funny-celebrate .mascot-side-character{}
.mascot-companion.funny-hop .mascot-side-shadow,.mascot-companion.funny-celebrate .mascot-side-shadow{}

/* Short-lived weather wallpaper. It never receives pointer events. */
.livenza-weather-scene{position:fixed;z-index:2147481700;inset:0;pointer-events:none;opacity:0;transition:opacity .75s ease;isolation:isolate}.livenza-weather-scene.is-active{opacity:1}.livenza-weather-scene.is-leaving{opacity:0}
.livenza-weather-scene[data-effect="rain"]{background:linear-gradient(180deg,rgba(96,85,75,.14),rgba(172,156,141,.05) 54%,transparent)}.livenza-weather-scene[data-effect="storm"]{background:linear-gradient(180deg,rgba(51,43,37,.25),rgba(102,91,80,.09) 58%,transparent)}.livenza-weather-scene[data-effect="fog"]{background:rgba(239,235,228,.13)}.livenza-weather-scene[data-effect="night"]{background:linear-gradient(180deg,rgba(34,28,23,.19),transparent 72%)}
.weather-rain-drop{position:absolute;left:var(--weather-x);top:-12vh;width:1px;height:var(--weather-length);border-radius:999px;background:linear-gradient(180deg,transparent,rgba(234,213,193,.87));box-shadow:0 0 4px rgba(189,172,155,.38);animation-delay:var(--weather-delay)}
.weather-snowflake{position:absolute;left:var(--weather-x);top:-8vh;width:var(--weather-size);height:var(--weather-size);border-radius:50%;background:rgba(255,255,255,.91);box-shadow:0 0 9px rgba(255,255,255,.72);animation-delay:var(--weather-delay)}
.weather-cloud{position:absolute;left:var(--weather-x);top:7vh;width:210px;height:64px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(240,236,229,.54),rgba(208,204,197,.20) 54%,transparent 72%);filter:blur(8px);transform:scale(var(--weather-scale));animation-delay:var(--weather-delay)}
.weather-fog-band{position:absolute;left:-20vw;top:var(--weather-y);width:140vw;height:80px;background:linear-gradient(90deg,transparent,rgba(236,243,247,.55),rgba(255,255,255,.33),transparent);filter:blur(15px);animation-delay:var(--weather-delay)}
.weather-lightning{position:absolute;inset:0;background:#fff8ef;opacity:0;}
.weather-sun-glow{position:absolute;right:-90px;top:-110px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(255,229,139,.42),rgba(255,202,72,.12) 38%,transparent 70%);}
.weather-light-speck,.weather-night-star{position:absolute;left:var(--weather-x);top:var(--weather-y);width:6px;height:6px;border-radius:50%;background:#fff7cf;box-shadow:0 0 12px rgba(255,221,123,.8);animation-delay:var(--weather-delay)}
.weather-night-star{width:3px;height:3px;background:#fff8ef;box-shadow:0 0 9px rgba(213,194,175,.9)}
body.weather-tone-rain .app-viewport>.shell:not(.login-shell),body.weather-tone-storm .app-viewport>.shell:not(.login-shell){border-color:rgba(239,217,197,.68);box-shadow:0 28px 90px rgba(54,47,40,.23),inset 0 1px 0 rgba(255,255,255,.78)}
body.weather-tone-sun .app-viewport>.shell:not(.login-shell){border-color:rgba(255,236,185,.72);box-shadow:0 28px 90px rgba(86,61,10,.12),inset 0 1px 0 rgba(255,255,255,.82)}
body.weather-tone-night .app-viewport>.shell:not(.login-shell){border-color:rgba(227,207,187,.60);box-shadow:0 28px 90px rgba(27,23,16,.24),inset 0 1px 0 rgba(255,255,255,.72)}
.app-viewport>.shell:not(.login-shell){transition:border-color .8s ease,box-shadow .8s ease}

.companion-picture{padding:2px;background:linear-gradient(145deg,#fdf4e9,#fff)}.companion-picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:saturate(1.05)}.companion-option-grid{grid-template-columns:repeat(5,minmax(0,1fr))}

@keyframes mascotSideGlow{50%{transform:scale(1.08);opacity:.72}}
@keyframes mascotSideShadow{50%{transform:scaleX(.88);opacity:.66}}
@keyframes companionChipPulse{50%{transform:scale(.91);opacity:.68}}
@keyframes companionFloatingStar{0%,100%{transform:translate3d(0,0,0) rotate(0) scale(.78);opacity:.35}50%{transform:translate3d(5px,-12px,0) rotate(18deg) scale(1.12);opacity:1}}
@keyframes companionAiStar{0%,100%{transform:rotate(0) scale(1)}45%{transform:rotate(12deg) scale(1.08)}60%{transform:rotate(-4deg) scale(.98)}}
@keyframes companionWeatherFloat{50%{transform:translateY(-4px) rotate(2deg);box-shadow:0 17px 34px rgba(43,36,30,.13)}}
@keyframes companionQuoteStar{50%{transform:rotate(28deg) scale(1.2);opacity:.72}}
@keyframes companionQuoteEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes mascotFunnyWave{0%,100%{transform:none}18%{transform:rotate(-8deg) translateY(-5px)}35%{transform:rotate(8deg) translateY(-8px)}52%{transform:rotate(-7deg) translateY(-4px)}70%{transform:rotate(5deg)}}
@keyframes mascotFunnyHop{0%,100%{transform:none}28%{transform:translateY(-24px) scale(1.03,.97)}48%{transform:translateY(0) scale(.96,1.04)}68%{transform:translateY(-9px)}}
@keyframes mascotFunnyPeek{0%,100%{transform:none}32%,65%{transform:translateX(26px) rotate(5deg)}48%{transform:translateX(22px) rotate(-3deg)}}
@keyframes mascotFunnyWobble{0%,100%{transform:none}20%{transform:skewX(-5deg) rotate(-4deg)}40%{transform:skewX(5deg) rotate(4deg)}60%{transform:skewX(-3deg) rotate(-3deg)}80%{transform:skewX(2deg) rotate(2deg)}}
@keyframes mascotFunnyCelebrate{0%,100%{transform:none}18%{transform:translateY(-15px) rotate(-7deg)}38%{transform:translateY(0) rotate(7deg)}58%{transform:translateY(-15px) rotate(7deg)}78%{transform:translateY(0) rotate(-5deg)}}
@keyframes mascotFunnyShadow{30%,65%{transform:scaleX(.62);opacity:.36}}
@keyframes weatherRainFall{to{transform:translate3d(-8vw,118vh,0)}}
@keyframes weatherSnowFall{to{transform:translate3d(var(--weather-drift),112vh,0) rotate(540deg)}}
@keyframes weatherCloudDrift{to{transform:translate3d(32vw,4vh,0) scale(var(--weather-scale))}}
@keyframes weatherFogDrift{0%,100%{transform:translateX(-4%);opacity:.4}50%{transform:translateX(7%);opacity:.78}}
@keyframes weatherLightning{0%,87%,93%,100%{opacity:0}88%{opacity:.32}90%{opacity:.05}92%{opacity:.22}}
@keyframes weatherSunBreathe{50%{transform:scale(1.08);opacity:.76}}
@keyframes weatherSpeck{0%,100%{opacity:.2;transform:scale(.65)}50%{opacity:1;transform:scale(1.25)}}

@media (max-width:1120px){.companion-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mascot-companion{right:8px;transform-origin:right center}.mascot-companion-panel{width:min(375px,calc(100vw - 150px))}}
@media (max-width:700px){
  .mascot-companion{top:auto;right:5px;bottom:64px;width:102px;height:166px;transform:translateX(110%) scale(.72)}.mascot-companion.is-parked{transform:none}.mascot-companion-button{width:110px;height:172px}.mascot-side-character{left:14px;right:7px;bottom:10px}.mascot-side-character img{height:148px}.mascot-side-glow{width:112px;height:138px}.mascot-weather-chip{right:3px;bottom:5px}.companion-float-one{left:5px;top:32px}.companion-float-two{right:1px;top:17px}.companion-float-three{left:20px;top:4px}.companion-float-four{right:8px;top:63px}
  .mascot-companion-panel{position:fixed;left:8px;right:8px;top:auto;bottom:154px;width:auto;max-height:calc(100vh - 175px);border-radius:24px;transform:translateY(14px) scale(.97)}.mascot-companion-panel.open{transform:none}.mascot-companion-nudge{position:fixed;right:84px;top:auto;bottom:112px;width:min(225px,calc(100vw - 104px))}.mascot-companion-nudge:after{right:-7px;top:65%}
  .companion-weather-hero{padding-top:14px}.companion-forecast{gap:4px}.companion-forecast-day{padding-inline:2px}.companion-option-grid{grid-template-columns:1fr 1fr}.livenza-easter-egg{right:auto;left:8px}
}
@media (max-width:430px){.companion-operations{grid-template-columns:1fr 1fr}.companion-panel-head small{display:none}.companion-weather-meta span:last-child{display:none}.companion-option-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .mascot-companion,.mascot-side-character,.mascot-side-glow,.mascot-side-shadow,.companion-float-icon,.companion-ai-star,.companion-weather-icon,.companion-quote-card>span{transition:none}.livenza-weather-scene{display:none}.mascot-companion.is-parked{opacity:1;transform:none}
}

/* =====================================================================
   Tesla OS 27 — contained header identity + stable mobile performance mode
   ===================================================================== */
:root{--header-height:68px;--header-compact-height:50px}
.showcase-header{
  height:var(--header-height);min-height:var(--header-height);
  padding-inline:clamp(12px,4vw,58px);overflow:visible;
  transition:height .28s cubic-bezier(.2,.8,.2,1),min-height .28s cubic-bezier(.2,.8,.2,1),background .34s ease,box-shadow .34s ease,border-color .34s ease,backdrop-filter .34s ease;
}
.hanging-brand{
  --ai-orbit-one:20px;--ai-orbit-two:16px;left:50%;top:50%;
  width:48px;height:50px;transform:translate(-50%,-50%);
  display:grid;place-items:center;
}
.hanging-brand>span{width:48px;height:48px;display:grid;place-items:center}
.hanging-brand>span:after{inset:-1px;box-shadow:0 0 16px rgba(111,99,88,.14)}
.hanging-brand img{width:40px;height:44px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(43,36,30,.14))}
.showcase-header.is-scrolled{height:var(--header-compact-height);min-height:var(--header-compact-height);padding-inline:12px;}
.showcase-header.is-scrolled .icon-header-actions{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px) scale(.96);transition:opacity .16s ease,transform .22s ease,visibility 0s linear .2s}
.showcase-header.is-scrolled .hamburger-button{width:40px;height:36px;padding:7px 9px}
.showcase-header.is-scrolled .hamburger-button span{width:21px;height:2px}
.showcase-header.is-scrolled .showcase-header.is-scrolled .hanging-brand>span{width:36px;height:36px}
.showcase-header.is-scrolled .hanging-brand img{width:30px;height:33px}

.page-paused *{animation-play-state:paused}

@media (max-width:820px){
  :root{--header-height:56px;--header-compact-height:48px;}
  .showcase-header{height:56px;min-height:56px;padding:0 8px;background:rgba(250,252,253,.94);}
  .showcase-header.is-scrolled{height:48px;min-height:48px}
  .icon-header-actions{display:none}
  .hamburger-button{width:42px;height:36px;padding:7px 9px;border-radius:10px;}
  .hamburger-button span{width:22px;height:2px}
    .hanging-brand>span{width:38px;height:38px}.hanging-brand img{width:32px;height:35px}
  .showcase-header.is-scrolled   .showcase-header.is-scrolled .hanging-brand>span{width:34px;height:34px}.showcase-header.is-scrolled .hanging-brand img{width:28px;height:31px}
  
  .apps-menu-grid{grid-template-columns:1fr;max-height:min(72vh,620px);overflow:auto;overscroll-behavior:contain}
  
  
  
}

/* Apply this class before CSS loads on phones, data-saving connections and
   low-memory devices. Information and weather remain available; only costly
   visual compositing is removed. */
html.mobile-performance,html.mobile-performance body{scroll-behavior:auto}
html.mobile-performance body{
  background:#eef4f7;background-image:linear-gradient(160deg,#f8fbfd,#eaf2f6 58%,#f5f8fa);
  background-attachment:scroll;
}
html.mobile-performance body:before,html.mobile-performance body:after,
html.mobile-performance .aurora,html.mobile-performance .liquid-noise,html.mobile-performance .live-motion-layer,
html.mobile-performance .page-transition,html.mobile-performance .app-viewport>.shell:not(.login-shell):after,
html.mobile-performance .liquid-card:before,html.mobile-performance .module-card:before,html.mobile-performance .stats>div:before,
html.mobile-performance .form-card:before,html.mobile-performance .query-card:before{display:none;}

html.mobile-performance .app-viewport>.shell:not(.login-shell){background:rgba(248,251,253,.96);contain:none}
html.mobile-performance .experience-shot,html.mobile-performance .module-visual-ribbon{
  transform:none;transform-style:flat;will-change:auto;transition:none;
}
html.mobile-performance .module-card,html.mobile-performance .city-card,html.mobile-performance .query-card,html.mobile-performance .agreement-section{contain:none}
html.mobile-performance .module-photo,html.mobile-performance .experience-shot img,html.mobile-performance .module-visual-ribbon img{transition:none;transform:none}
html.mobile-performance .hanging-brand:before,html.mobile-performance .hanging-brand:after,html.mobile-performance .hanging-brand>span:before,html.mobile-performance .hanging-brand>span:after,
html.mobile-performance .companion-float-icon,html.mobile-performance .mascot-side-glow,html.mobile-performance .mascot-side-shadow,
html.mobile-performance .companion-ai-star,html.mobile-performance .companion-weather-icon,html.mobile-performance .companion-quote-card>span{
  will-change:auto;
}
html.mobile-performance .weather-cloud,html.mobile-performance .weather-fog-band,html.mobile-performance .weather-sun-glow{display:none}
html.mobile-performance .weather-rain-drop,html.mobile-performance .weather-snowflake,html.mobile-performance .weather-night-star{box-shadow:none;will-change:transform}
html.mobile-performance .livenza-weather-scene{transition:opacity .3s ease;isolation:auto}

html.mobile-performance .touch-ripple{display:none}

/* =====================================================================
   Tesla OS 27 — bottom companion, minimal logo motion, TV-safe rotation
   ===================================================================== */

/* The L stays still. Two small, slow light points provide the AI accent
   without a badge, halo or circular ring around the mark. */
.hanging-brand>span:before,
.hanging-brand>span:after{display:none;content:none}
.hanging-brand>span{
  border:0;border-radius:0;background:transparent;
  box-shadow:none;isolation:auto;
}
.hanging-brand img{
  transform:none;
  filter:drop-shadow(0 4px 7px rgba(43,36,30,.14)) drop-shadow(0 0 7px rgba(111,99,88,.08));
}
.hanging-brand:before,.hanging-brand:after{
  display:block;content:"";left:50%;top:50%;
  border:0;will-change:transform,opacity;
}
.hanging-brand:before{
  width:5px;height:5px;margin:-2.5px;background:#6f6358;
  box-shadow:0 0 0 2px rgba(111,99,88,.08),0 0 9px rgba(111,99,88,.48);
  
}
.hanging-brand:after{
  width:3.5px;height:3.5px;margin:-1.75px;background:#c6b4a3;
  box-shadow:0 0 7px rgba(198,180,163,.72),0 0 13px rgba(198,180,163,.28);
  
}

/* A small, frameless companion stays in the bottom corner and no longer
   covers page copy. Its detailed cards still open to the left on demand. */
.mascot-companion{
  top:auto;right:10px;bottom:max(10px,env(safe-area-inset-bottom));
  width:82px;height:126px;z-index:333;
  transform:translateY(145%) scale(.84);transform-origin:right bottom;
  opacity:0;
}
.mascot-companion.is-parked{transform:none;opacity:.92;pointer-events:auto}
.mascot-companion.is-parked:hover,.mascot-companion.panel-open{opacity:1}
.mascot-companion-button{
  top:0;right:0;width:82px;height:126px;
  background:transparent;border:0;border-radius:0;box-shadow:none;
}
.mascot-side-character{left:5px;right:1px;bottom:5px}
.mascot-side-character img{
  height:116px;mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 89% 98% at 50% 50%,#000 0 70%,rgba(0,0,0,.98) 84%,transparent 100%);
  mask-image:radial-gradient(ellipse 89% 98% at 50% 50%,#000 0 70%,rgba(0,0,0,.98) 84%,transparent 100%);
}
.mascot-side-glow{right:-2px;bottom:2px;width:88px;height:102px;opacity:.28;filter:blur(9px)}
.mascot-side-shadow{left:15px;right:7px;bottom:2px;height:8px;filter:blur(2px)}
.mascot-weather-chip{
  right:-2px;bottom:0;min-width:34px;height:21px;
  padding:0 6px;font-size:7px;letter-spacing:.04em;
  box-shadow:0 5px 12px rgba(43,36,30,.13);
}
.companion-float-icon{font-size:10px;text-shadow:0 0 7px rgba(111,99,88,.3)}
.companion-float-one{left:2px;top:29px}.companion-float-two{right:0;top:12px}
.companion-float-three,.companion-float-four,.mascot-companion-nudge{display:none}
.mascot-companion-panel{
  left:auto;right:calc(100% + 10px);top:auto;bottom:0;
  width:min(380px,calc(100vw - 118px));max-height:calc(100vh - 24px);
  transform:translateX(12px) scale(.97);transform-origin:right bottom;
}
.mascot-companion-panel.open{transform:none}

/* Rotation uses measured viewport pixels instead of vh/vw alone. This
   behaves consistently on Chromium signage, television browsers and older
   WebKit implementations, including fullscreen-less theatre mode. */
.view-orientation-status{
  margin:8px 7px 2px;padding:8px 10px;border-radius:10px;
  color:#7a6d62;background:rgba(247,243,236,.64);font-size:10px;line-height:1.3;text-align:center;
}
html.site-rotation-active,html.site-rotation-active body{
  width:100%;height:100%;min-height:100%;
  ;overscroll-behavior:none;
}
html.site-rotation-active .app-viewport.view-rot-90,
html.site-rotation-active .app-viewport.view-rot-180,
html.site-rotation-active .app-viewport.view-rot-270{
  position:fixed;z-index:2147481000;left:50%;top:50%;
  right:auto;bottom:auto;margin:0;min-height:0;max-width:none;
  overflow:auto;overscroll-behavior:contain;transform-origin:center center;
  background:#f5f5f7;
}
html.site-rotation-active .app-viewport.view-rot-90,
html.site-rotation-active .app-viewport.view-rot-270{
  width:var(--livenza-screen-height,100vh);height:var(--livenza-screen-width,100vw);
}
html.site-rotation-active .app-viewport.view-rot-90{transform:translate(-50%,-50%) rotate(90deg)}
html.site-rotation-active .app-viewport.view-rot-180{
  width:var(--livenza-screen-width,100vw);height:var(--livenza-screen-height,100vh);
  transform:translate(-50%,-50%) rotate(180deg);
}
html.site-rotation-active .app-viewport.view-rot-270{transform:translate(-50%,-50%) rotate(270deg)}
html.livenza-theatre-mode,html.livenza-theatre-mode body{width:100%;height:100%;}
html.livenza-theatre-mode:not(.site-rotation-active) .app-viewport{
  position:fixed;inset:0;width:var(--livenza-screen-width,100vw);
  height:var(--livenza-screen-height,100vh);min-height:0;max-width:none;
  margin:0;overflow:auto;overscroll-behavior:contain;transform:none;
}

@keyframes livenzaPolishedOrbit{
  0%{transform:rotate(0) translateX(var(--ai-orbit-one)) rotate(0);opacity:.42}
  24%{opacity:1}64%{opacity:.58}
  100%{transform:rotate(360deg) translateX(var(--ai-orbit-one)) rotate(-360deg);opacity:.42}
}
@keyframes livenzaPolishedOrbitReverse{
  0%{transform:rotate(360deg) translateX(var(--ai-orbit-two)) rotate(-360deg);opacity:.38}
  34%{opacity:.68}72%{opacity:1}
  100%{transform:rotate(0) translateX(var(--ai-orbit-two)) rotate(0);opacity:.38}
}

@media (max-width:700px){
  .mascot-companion{
    right:4px;bottom:max(5px,env(safe-area-inset-bottom));
    width:66px;height:102px;
  }
  .mascot-companion-button{width:66px;height:102px}
  .mascot-side-character{left:3px;right:0;bottom:3px}.mascot-side-character img{height:96px}
  .mascot-side-glow{right:-1px;bottom:1px;width:70px;height:86px}
  .mascot-side-shadow{left:12px;right:5px;bottom:1px;height:6px}
  .mascot-weather-chip{right:-1px;bottom:0;min-width:29px;height:19px;padding:0 5px;font-size:6px}
  .companion-float-one{left:0;top:23px}.companion-float-two{right:0;top:9px}
  .mascot-companion-panel{
    position:fixed;left:8px;right:8px;top:auto;bottom:106px;
    width:auto;max-height:calc(100vh - 122px);transform:translateY(12px) scale(.98);
  }
  .mascot-companion-panel.open{transform:none}
}

@media (prefers-reduced-motion:reduce){
  .hanging-brand:before,.hanging-brand:after{opacity:.64}
}

/* =====================================================================
   Tesla OS 27 — secure agreement flow, biometric-first access and safe UI
   ===================================================================== */
:root{--livenza-ink:#3f352d;--livenza-copy:#61584d;--livenza-neutral:#6a5e54;--livenza-sky:#bdac9b;--livenza-soft-shadow:0 4px 20px rgba(43,36,30,.05)}
#appMain{padding-bottom:max(80px,calc(80px + env(safe-area-inset-bottom)))}
.muted,.note small,.form-card small,.agreement-builder p,.agreement-builder small{color:var(--livenza-copy)}
.page-head h1,.agreement-builder h1,.agreement-builder h2,.agreement-builder h3,.agreement-section summary{overflow-wrap:anywhere;text-wrap:balance}
.form-card,.agreement-section,.party-profile-vault,.aadhaar-intake,.agreement-final-review{box-shadow:var(--livenza-soft-shadow),inset 0 1px 0 rgba(255,255,255,.86)}
#agreementForm input,#agreementForm select,#agreementForm textarea,#agreementForm .primary,#agreementForm .secondary{min-height:48px}
#agreementForm select{padding-block:12px}
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}
.term-help{position:relative;width:26px;height:26px;min-width:26px;min-height:26px;padding:0;border-radius:50%;background:#fff7ec;border:1px solid rgba(106,94,84,.2);color:#6a5e54;font-weight:850;font-size:12px;display:inline-grid;place-items:center}
.term-help:hover:after,.term-help:focus-visible:after{content:attr(data-tooltip);position:absolute;z-index:80;right:0;bottom:calc(100% + 8px);width:min(280px,72vw);padding:10px 12px;border-radius:12px;background:#3f352d;color:#fff;font-size:11px;font-weight:600;line-height:1.45;text-align:left;box-shadow:0 12px 30px rgba(69,55,44,.18)}

.agreement-brand-banner{min-height:170px;margin:0 0 18px;padding:24px clamp(20px,3vw,38px);display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:24px;;background:linear-gradient(125deg,rgba(239,248,253,.88),rgba(255,255,255,.62) 48%,rgba(244,240,233,.72))}
.agreement-brand-banner:after{content:"";position:absolute;inset:-45% -5% auto 34%;height:250px;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 19px,rgba(106,94,84,.055) 20px 21px);transform:rotate(-12deg);pointer-events:none}.agreement-brand-banner>div{position:relative;z-index:2}.agreement-brand-banner h2{margin:3px 0 8px;color:#3f352d;font-size:clamp(22px,3vw,34px);letter-spacing:-.035em}.agreement-brand-banner p{margin:0;color:#61584d;font-size:12px}.agreement-brand-mark{width:104px;height:104px;display:grid;place-items:center}.agreement-brand-mark img{position:relative;z-index:2;width:84px;height:88px;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(48,41,35,.12))}.agreement-brand-mark i{position:absolute;width:7px;height:7px;border-radius:50%;background:#bdac9b;box-shadow:0 0 16px rgba(189,172,155,.45)}.agreement-brand-mark i:nth-of-type(1){transform:translate(44px,-35px)}.agreement-brand-mark i:nth-of-type(2){transform:translate(-47px,21px);width:5px;height:5px}.agreement-brand-mark i:nth-of-type(3){width:78px;height:78px;border:1px solid rgba(92,74,59,.12);background:transparent;box-shadow:none;transform:rotate(38deg);border-radius:28px}.agreement-trust-badge{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.58);border:1px solid rgba(48,41,35,.1);min-width:235px}.agreement-trust-badge>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e4f5ec;color:#1e7f4f}.agreement-trust-badge b,.agreement-trust-badge small{display:block}.agreement-trust-badge b{font-size:12px;color:#3f352d}.agreement-trust-badge small{font-size:9px;line-height:1.35;color:#6c6358}

.agreement-builder{padding:0;overflow:visible}.agreement-workspace-status{position:sticky;top:calc(var(--header-compact-height,52px) + 0px + 6px);z-index:15;padding:14px 18px;display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(43,36,30,.08);background:rgba(249,251,252,.88);border-radius:24px 24px 0 0}.agreement-wizard-nav{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:7px;flex:1}.agreement-wizard-nav button{min-height:48px;border-radius:14px;background:transparent;color:#736a5f;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;font-size:11px}.agreement-wizard-nav button span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e8edf1;color:#797065;font-weight:800}.agreement-wizard-nav button.active{background:#fff7ec;color:#584e45}.agreement-wizard-nav button.active span{background:#6a5e54;color:#fff}.agreement-wizard-nav button.complete span{background:#27865a;color:#fff}.agreement-autosave{min-width:155px;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#5b5247;font-size:10px;font-weight:750}.agreement-autosave i{width:8px;height:8px;border-radius:50%;background:#2b9a62;box-shadow:0 0 0 4px rgba(43,154,98,.1)}.agreement-autosave.saving i{}.agreement-autosave.error i{background:#c94655}.agreement-wizard-panel{padding:20px}.agreement-wizard-panel[hidden]{display:none}.agreement-wizard-panel.active{}
@keyframes wizardPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes agreementSavePulse{50%{transform:scale(1.55);box-shadow:0 0 0 7px rgba(43,154,98,.08)}}

.visual-preset-section{margin-bottom:18px}.agreement-preset-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.agreement-preset-cards button{min-height:128px;padding:17px;text-align:left;border-radius:20px;background:rgba(248,250,252,.72);border:1px solid rgba(43,36,30,.1);box-shadow:0 4px 20px rgba(43,36,30,.04);color:#3f352d;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-content:center}.agreement-preset-cards button>span{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:#fff6eb;display:grid;place-items:center;color:#6a5e54;font-size:20px}.agreement-preset-cards button b{font-size:14px}.agreement-preset-cards button small{font-size:10px;line-height:1.4}.agreement-preset-cards button.selected{border-color:rgba(106,94,84,.5);background:linear-gradient(145deg,#eef8fd,#fff);box-shadow:0 8px 28px rgba(106,94,84,.1)}.agreement-preset-cards button.selected:after{content:"Selected";grid-column:1/-1;color:#247b55;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.more-presets{margin:8px 0 14px;border:1px solid rgba(43,36,30,.08);border-radius:15px;background:rgba(255,255,255,.45);padding:0 14px}.more-presets>summary{min-height:48px;margin:0;display:flex;align-items:center;justify-content:space-between;color:#6a5e54}.more-presets>div{padding:0 0 14px}.preset-profile{border-radius:20px;background:linear-gradient(130deg,#3f352d,#6a5e54);color:#fff;padding:18px 20px}.preset-profile .eyebrow,.preset-profile h3,.preset-profile p,.preset-profile small{color:#fff}

.party-profile-vault{padding:20px;margin:18px 0;background:linear-gradient(145deg,rgba(246,251,253,.8),rgba(255,255,255,.65))}.security-chip{padding:7px 10px;border-radius:99px;background:#e5f5ec;color:#21764d;font-size:9px;font-weight:850;letter-spacing:.08em}.party-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.party-profile-grid article{padding:16px;border-radius:19px;background:rgba(255,255,255,.68);border:1px solid rgba(43,36,30,.09)}.party-profile-grid article>div:first-child{display:flex;align-items:center;gap:10px;margin-bottom:12px}.party-profile-grid article b,.party-profile-grid article small{display:block}.party-profile-grid article small{font-size:10px}.party-profile-icon{width:38px;height:38px;border-radius:12px;background:#fff6eb;color:#6a5e54;display:grid;place-items:center}.party-profile-grid .actions{margin-top:10px}.party-profile-grid .link{min-height:48px;padding:0 8px}.party-profile-vault>#partyProfileStatus{margin:12px 0 0;min-height:18px}

.aadhaar-intake{border:1px solid rgba(106,94,84,.13);background:linear-gradient(145deg,rgba(239,248,253,.76),rgba(255,255,255,.7))}.aadhaar-intake .badge{color:#6a5e54;border-color:rgba(106,94,84,.22);background:rgba(255,255,255,.5)}.agreement-section{margin:12px 0;border:1px solid rgba(43,36,30,.085);background:rgba(255,255,255,.58);border-radius:19px;}.agreement-section>summary{min-height:54px;padding:12px 16px;margin:0;display:flex;align-items:center;gap:10px;color:#3f352d;line-height:1.35}.agreement-section>summary>span{min-width:31px;height:31px;border-radius:10px;background:#fff6eb;display:grid;place-items:center;color:#6a5e54;font-size:10px}.agreement-section>.form-grid{padding:16px;border-top:1px solid rgba(43,36,30,.06)}.wizard-panel-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 2px}.agreement-final-review{padding:26px;display:grid;grid-template-columns:auto 1fr;gap:20px;background:linear-gradient(145deg,#f1f8fc,#fff)}.agreement-review-symbol{width:58px;height:58px;border-radius:18px;background:#e4f5ec;color:#1e8554;display:grid;place-items:center;font-size:25px;font-weight:850}.agreement-final-review h2{margin:4px 0 8px}.agreement-final-review p{line-height:1.65}.agreement-review-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.agreement-review-points span{padding:8px 10px;border-radius:99px;background:rgba(106,94,84,.07);color:#4e443c;font-size:10px;font-weight:700}.agreement-builder .sticky-actions{margin:20px -20px -20px;border-radius:0 0 24px 24px;background:rgba(250,251,252,.93);box-shadow:0 -8px 28px rgba(43,36,30,.05)}

.video-upload-progress{padding:14px;border-radius:16px;background:#eef7fc;border:1px solid rgba(92,74,59,.14)}.video-upload-progress>div{display:flex;justify-content:space-between;gap:12px;color:#4e443c;font-size:11px}.video-upload-progress progress{width:100%;height:9px;margin:10px 0 7px;accent-color:#6a5e54}.video-upload-progress.error{background:#fff0f1;border-color:rgba(190,52,65,.18)}.video-upload-progress.error progress{accent-color:#bd3f4b}.video-storage-note{font-size:11px}.media-card video{background:#1e150a}

.biometric-first-login{width:min(470px,95vw)}.biometric-primary{width:100%;min-height:70px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:12px;border-radius:18px;background:linear-gradient(120deg,#51473f,#786b60);color:#fff;box-shadow:0 12px 30px rgba(81,71,63,.18)}.biometric-primary .fingerprint-mark{font-size:29px}.biometric-primary b,.biometric-primary small{display:block;color:#fff}.biometric-primary small{font-size:10px;opacity:.8;margin-top:3px}.auth-live-status{min-height:18px;margin:0;font-size:10px}.auth-fallback-divider{display:flex;align-items:center;gap:12px;color:#82796e;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.auth-fallback-divider:before,.auth-fallback-divider:after{content:"";height:1px;background:rgba(43,36,30,.1);flex:1}.auth-fallback{border:1px solid rgba(43,36,30,.09);border-radius:16px;background:rgba(255,255,255,.5);}.auth-fallback>summary{min-height:58px;padding:10px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;cursor:pointer;list-style:none}.auth-fallback>summary::-webkit-details-marker{display:none}.auth-fallback>summary>span:first-child{width:34px;height:34px;border-radius:11px;background:#fff7ec;color:#6a5e54;display:grid;place-items:center}.auth-fallback>summary b,.auth-fallback>summary small{display:block}.auth-fallback>summary b{color:#3f352d;font-size:12px}.auth-fallback>summary small{font-size:9px;color:#72695e;margin-top:3px}.auth-fallback>summary i{font-style:normal;transition:transform .2s}.auth-fallback[open]>summary i{transform:rotate(180deg)}.auth-fallback-body{padding:5px 14px 14px;display:grid;gap:12px}.auth-fallback-body>.secondary{min-height:48px;border-radius:14px}
.pattern-grid{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;grid-template-columns:repeat(3,minmax(58px,72px));grid-template-rows:repeat(3,minmax(58px,72px));gap:14px;padding:19px;}.pattern-grid>button{width:100%;height:100%;min-width:58px;min-height:58px;position:relative;z-index:2}.pattern-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.pattern-links polyline{stroke:#6a5e54;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.72}.pattern-grid>button span{width:20px;height:20px}.pattern-grid>button.selected span{background:#6a5e54;box-shadow:0 0 0 8px rgba(106,94,84,.13)}.compact-pattern{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:8px;padding:12px}.compact-pattern>button{min-width:48px;min-height:48px}

/* The brand remains completely inside the header. Two tiny light points are
   the only orbiting accent; there is no surrounding ring or square. */
.hanging-brand{top:50%;width:42px;height:44px;transform:translate(-50%,-50%);--ai-orbit-one:18px;--ai-orbit-two:14px}.hanging-brand>span{width:42px;height:42px;background:transparent;border:0;border-radius:0}.hanging-brand img{width:36px;height:40px;filter:drop-shadow(0 4px 7px rgba(68,59,52,.18)) saturate(.86)}.hanging-brand:before{background:#6a5e54}.hanging-brand:after{background:#bdac9b}.showcase-header.is-scrolled .hanging-brand{top:50%;transform:translate(-50%,-50%)}.showcase-header.is-scrolled .hanging-brand>span{width:34px;height:34px}.showcase-header.is-scrolled .hanging-brand img{width:29px;height:32px}.showcase-header.is-scrolled{box-shadow:0 8px 28px rgba(43,36,30,.06)}.hanging-brand{z-index:19}

/* The mascot wrapper never steals a gesture from the page. Only its trigger
   and open information panel are interactive. */
.mascot-companion{left:max(6px,calc((100vw - 1360px)/2));right:auto;pointer-events:none;transform-origin:left bottom}.mascot-companion.is-parked{pointer-events:none}.mascot-companion-button,.mascot-companion-panel{pointer-events:auto}.mascot-companion-panel{left:calc(100% + 10px);right:auto;transform-origin:left bottom}.mascot-mini-bubble{display:none;width:46px;height:46px;border-radius:50%;place-items:center;background:rgba(245,251,254,.82);border:1px solid rgba(106,94,84,.16);color:#6a5e54;font-size:20px;box-shadow:0 8px 24px rgba(43,36,30,.12);}.mascot-companion.scroll-collapsed:not(.panel-open){width:48px;height:48px;opacity:.82}.mascot-companion.scroll-collapsed:not(.panel-open) .mascot-companion-button{width:48px;height:48px}.mascot-companion.scroll-collapsed:not(.panel-open) .mascot-side-character,.mascot-companion.scroll-collapsed:not(.panel-open) .mascot-side-glow,.mascot-companion.scroll-collapsed:not(.panel-open) .mascot-side-shadow,.mascot-companion.scroll-collapsed:not(.panel-open) .companion-float-icon,.mascot-companion.scroll-collapsed:not(.panel-open) .mascot-weather-chip{display:none}.mascot-companion.scroll-collapsed:not(.panel-open) .mascot-mini-bubble{display:grid}.livenza-easter-egg{right:12px;left:auto}

@media (max-width:760px){
  .agreement-brand-banner{grid-template-columns:72px 1fr;padding:18px;gap:14px}.agreement-brand-mark{width:68px;height:68px}.agreement-brand-mark img{width:60px;height:64px}.agreement-trust-badge{grid-column:1/-1;min-width:0}.agreement-workspace-status{top:calc(48px + 0px + 4px);align-items:stretch;flex-direction:column;gap:9px;padding:10px}.agreement-wizard-nav{display:flex;overflow:auto;scroll-snap-type:x proximity}.agreement-wizard-nav button{min-width:128px;scroll-snap-align:start}.agreement-autosave{justify-content:flex-start;min-width:0;padding-inline:7px}.agreement-preset-cards,.party-profile-grid{grid-template-columns:1fr}.agreement-preset-cards button{min-height:100px}.agreement-wizard-panel{padding:14px}.agreement-section>.form-grid{padding:12px}.wizard-panel-actions{align-items:stretch;flex-direction:column-reverse}.wizard-panel-actions>button{width:100%}.agreement-final-review{grid-template-columns:1fr;padding:20px}.agreement-builder .sticky-actions{margin:16px -14px -14px;display:grid;grid-template-columns:1fr}.party-profile-grid .actions{display:grid;grid-template-columns:1fr 1fr}.party-profile-grid .actions .danger{grid-column:1/-1}.video-upload-progress>div{font-size:10px}.mascot-companion-panel{left:8px;right:8px;bottom:108px;max-height:calc(100vh - 128px)}.mascot-companion{left:5px;right:auto}.pattern-grid{grid-template-columns:repeat(3,minmax(54px,68px));grid-template-rows:repeat(3,minmax(54px,68px));padding:15px;gap:10px}}
@media (max-width:399px){.mascot-companion{width:44px;height:44px;bottom:max(7px,env(safe-area-inset-bottom));opacity:.8}.mascot-companion-button{width:44px;height:44px}.mascot-companion-panel{bottom:62px;max-height:calc(100vh - 80px)}.mascot-side-character,.mascot-side-glow,.mascot-side-shadow,.companion-float-icon,.mascot-weather-chip{display:none}.mascot-mini-bubble{display:grid;width:44px;height:44px}.agreement-page-head h1{font-size:clamp(25px,9vw,32px)}.agreement-wizard-nav button{min-width:116px}.pattern-grid{grid-template-columns:repeat(3,minmax(50px,1fr));grid-template-rows:repeat(3,54px)}}
@media (prefers-reduced-motion:reduce){.agreement-wizard-panel.active,.agreement-autosave i,.pattern-links{transition:none}}

/* Excel-like query workspace: blank rows are visual until real data is saved. */
.sheet-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1fr) auto;align-items:end}.sheet-import-form{display:flex;align-items:end;gap:8px;min-width:0}.sheet-import-form label{flex:1}.sheet-import-form input[type=file]{min-height:42px;padding:7px}.sheet-import-form button{min-height:42px;}.query-sheet-wrap{min-height:560px;max-height:calc(100vh - 220px)}.query-sheet td[contenteditable=true]:empty:before{content:attr(data-placeholder);color:#b0a79c;font-size:10px;pointer-events:none}.query-sheet tr.sheet-blank-row td{background:rgba(247,250,252,.55)}.query-sheet tr.sheet-blank-row .sheet-row-number{color:#b9b0a5}.query-sheet tr.dirty td{box-shadow:inset 0 -2px rgba(242,153,0,.45)}.query-sheet tr.dirty .sheet-save-row{background:#fff4d8;color:#8a5b00}.sheet-status b[data-state="editing"]{color:#8a5b00}.query-sheet td[contenteditable=true]{min-height:42px}.query-sheet td select{min-height:42px}.query-sheet .sheet-action-cell{position:sticky;right:0;z-index:4;background:#f7fafc}.query-sheet thead th:last-child{position:sticky;right:0;z-index:8}.sheet-save-row{min-width:32px;min-height:32px}
@media (max-width:980px){.sheet-toolbar{grid-template-columns:1fr}.sheet-import-form{width:100%}.query-sheet-wrap{max-height:calc(100vh - 290px)}.query-sheet-head .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.query-sheet-head .actions>*{text-align:center}.query-sheet-head .actions .primary{grid-column:1/-1}}
@media (max-width:560px){.sheet-search,.sheet-import-form{display:grid;grid-template-columns:1fr auto}.sheet-search input,.sheet-import-form label{min-width:0}.query-sheet-wrap{min-height:480px;max-height:calc(100vh - 310px)}.query-sheet-head .actions{grid-template-columns:1fr}.query-sheet-head .actions .primary{grid-column:auto}}

/* =====================================================================
   Tesla OS 27 — one polished mascot for live updates and help
   ===================================================================== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;;clip:rect(0,0,0,0);;border:0}

/* The companion art is a genuine transparent cutout. No tile, rectangle,
   mask or blend mode sits behind the mascot. */
.mascot-companion-button{
  appearance:none;-webkit-appearance:none;background:none;border:0;
  border-radius:0;box-shadow:none;outline:0;overflow:visible;
}
.mascot-side-character{}
.mascot-side-character img{
  mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;
  object-fit:contain;filter:saturate(1.035) contrast(1.025) drop-shadow(0 9px 9px rgba(43,36,30,.16));
}
.mascot-side-glow{
  background:radial-gradient(ellipse at 50% 72%,rgba(189,172,155,.20),rgba(106,94,84,.055) 46%,transparent 72%);
  
}
.mascot-side-shadow{background:radial-gradient(ellipse,rgba(43,36,30,.22),transparent 70%);opacity:.72}
.mascot-companion-button:hover,.mascot-companion-button:focus-visible{background:none;border:0;box-shadow:none}
.mascot-companion-button:focus-visible .mascot-side-character{filter:drop-shadow(0 0 9px rgba(106,94,84,.45))}
.mascot-companion-button:active{transform:scale(.975)}
.mascot-weather-chip{background:linear-gradient(135deg,rgba(48,41,35,.88),rgba(106,94,84,.84));border-color:rgba(255,255,255,.72)}

@keyframes mascotPolishedIdle{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-3px) rotate(-.5deg)}55%{transform:translateY(-3px) rotate(.45deg)}}
@keyframes mascotPolishedGlow{0%,100%{opacity:.22;transform:scale(.96)}50%{opacity:.44;transform:scale(1.04)}}

.companion-mode-tabs{
  position:sticky;top:61px;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:6px;
  padding:8px 12px;background:rgba(247,251,253,.72);border-bottom:1px solid rgba(48,41,35,.07);
  
}
.companion-mode-tabs button{
  min-height:44px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid transparent;border-radius:13px;background:transparent;color:#6d6459;
  box-shadow:none;font-size:10px;font-weight:780;
}
.companion-mode-tabs button span{font-size:12px;color:#908275}
.companion-mode-tabs button:hover{background:rgba(255,255,255,.5);color:#3f352d}
.companion-mode-tabs button.active{background:linear-gradient(135deg,rgba(48,41,35,.95),rgba(106,94,84,.91));color:#fff;box-shadow:0 7px 18px rgba(48,41,35,.14)}
.companion-mode-tabs button.active span{color:#dfcbb8}
[data-companion-view][hidden]{display:none}
.companion-mode-view.active{}
.companion-chat-view.active{display:flex;min-height:470px;flex-direction:column}
.companion-chat-intro{display:flex;align-items:center;gap:11px;padding:15px 15px 8px;color:#3f352d}
.companion-chat-intro>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#fff6eb,#fff);color:#6a5e54;box-shadow:0 7px 20px rgba(48,41,35,.07)}
.companion-chat-intro>div{display:flex;flex-direction:column}.companion-chat-intro b{font-size:13px}.companion-chat-intro small{margin-top:2px;color:#6f665b;font-size:9px;line-height:1.4}
.companion-chat-messages{height:290px;min-height:240px;flex:1 1 290px;padding:12px 15px;background:transparent}
.companion-chat-messages .assistant-message.bot{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.72);color:#42392e}
.companion-chat-messages .assistant-message.user{background:linear-gradient(135deg,#3f352d,#6a5e54)}
.companion-chat-suggestions{padding:4px 15px 10px;background:transparent}
.companion-chat-suggestions button{min-height:38px;background:rgba(255,255,255,.48);border-color:rgba(48,41,35,.10)}
.companion-chat-form{position:sticky;bottom:0;z-index:3;padding:10px 12px 13px;background:rgba(247,251,253,.78);}
.companion-chat-form input,.companion-chat-form button{min-height:46px;height:46px}.companion-chat-form input{background:rgba(255,255,255,.76)}
@keyframes companionModeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

@media (max-width:760px){
  .companion-mode-tabs{top:61px}.companion-chat-view.active{min-height:min(470px,calc(100vh - 215px))}
  .companion-chat-messages{height:250px;min-height:180px}.companion-chat-form{grid-template-columns:minmax(0,1fr) auto}
}
@media (max-width:399px){
  .companion-mode-tabs{top:61px;padding-inline:8px}.companion-mode-tabs button{min-height:44px;padding-inline:6px}
  .companion-chat-view.active{min-height:min(420px,calc(100vh - 190px))}.companion-chat-intro{padding-inline:12px}.companion-chat-messages{height:220px;min-height:155px;padding-inline:12px}.companion-chat-suggestions{padding-inline:12px}
}
@media (prefers-reduced-motion:reduce){.mascot-side-character,.mascot-side-glow,.companion-mode-view.active{}}

/* =====================================================================
   Tesla OS 27 — progressive device-first authentication
   ===================================================================== */
:root{--legal-footer-height:58px;--auth-error:#b42334;--auth-error-soft:#fff0f2;--auth-focus:#6a5e54}
.app-viewport{padding-bottom:var(--legal-footer-height)}
.auth-login-card{
  width:min(500px,calc(100vw - 28px));margin:auto;padding:clamp(24px,4vw,38px);
  border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(239,247,251,.76));
  box-shadow:0 26px 80px rgba(48,41,35,.16),inset 0 1px 0 rgba(255,255,255,.92);
}
.auth-login-card .login-logo{width:86px;margin-bottom:9px}.auth-login-card h1{font-size:clamp(28px,5vw,38px);letter-spacing:-.045em;color:#3f352d}.auth-login-card>.muted{max-width:390px;margin-inline:auto;color:#6f665b;line-height:1.55}
.auth-field{display:grid;gap:6px}.auth-field>label{color:#463d32;font-size:11px;font-weight:780;letter-spacing:.015em}
.auth-input-frame{
  position:relative;display:flex;align-items:center;min-height:52px;border:1px solid rgba(48,41,35,.16);border-radius:15px;
  background:rgba(255,255,255,.78);box-shadow:0 3px 12px rgba(48,41,35,.035);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .12s ease;
}
.auth-input-frame:hover{border-color:rgba(106,94,84,.38);background:#fff;box-shadow:0 7px 20px rgba(48,41,35,.07)}
.auth-input-frame:focus-within{border-color:var(--auth-focus);background:#fff;box-shadow:0 0 0 4px rgba(106,94,84,.11),0 9px 24px rgba(48,41,35,.08)}
.auth-input-frame:active{transform:translateY(1px)}
.auth-input-frame input{min-height:50px;padding:12px 14px;border:0;background:transparent;box-shadow:none;color:#3f352d;font-size:14px}
.auth-field.has-error .auth-input-frame{border-color:var(--auth-error);background:var(--auth-error-soft);box-shadow:0 0 0 3px rgba(180,35,52,.09)}
.field-feedback{min-height:16px;color:#7d7469;font-size:9px;line-height:1.45}.auth-field.has-error .field-feedback,.pattern-entry-shell.has-error .field-feedback{color:var(--auth-error);font-weight:680}
.password-input-frame input{padding-right:55px}.password-visibility-toggle{
  position:absolute;right:6px;top:50%;transform:translateY(-50%);width:42px;height:42px;min-width:42px;padding:0;
  display:grid;place-items:center;border-radius:12px;background:transparent;color:#736a5f;border:0;box-shadow:none;
}
.password-visibility-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.password-visibility-toggle:hover{background:#fff7ec;color:#6a5e54}.password-visibility-toggle:active{transform:translateY(-50%) scale(.94)}.password-visibility-toggle:focus-visible{outline:3px solid rgba(106,94,84,.22);outline-offset:1px}.password-visibility-toggle.is-visible{color:#6a5e54;background:#fff6eb}

.biometric-primary{min-height:74px;border-radius:18px;transition:transform .16s ease,box-shadow .2s ease,filter .2s ease}.biometric-primary:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 16px 38px rgba(81,71,63,.24)}.biometric-primary:active{transform:translateY(1px) scale(.992)}.biometric-primary.is-checking{opacity:.62;cursor:progress;transform:none}
.credential-skeleton{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:12px 13px;border-radius:16px;background:rgba(249,245,238,.78);border:1px solid rgba(92,74,59,.12);}.credential-skeleton[hidden]{display:none}.credential-skeleton-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(100deg,#f6ede2 25%,#f7fbfd 45%,#f6ede2 65%);background-size:220% 100%;}.credential-skeleton>div{display:grid;gap:7px}.credential-skeleton i{display:block;height:8px;border-radius:99px;background:linear-gradient(100deg,#f2e9de 25%,#f8fbfc 45%,#f2e9de 65%);background-size:220% 100%;}.credential-skeleton i:nth-child(2){width:68%}.credential-skeleton small{color:#695d53;font-size:9px}
.auth-method-link{justify-self:center;min-height:44px;padding:7px 10px;background:transparent;border:0;box-shadow:none;color:#695d53;font-size:10px;font-weight:720;text-decoration:underline;text-decoration-color:rgba(105,93,83,.32);text-underline-offset:4px}.auth-method-link:hover{color:#6a5e54;text-decoration-color:#6a5e54}.auth-method-link:active{transform:translateY(1px)}
.auth-fallback-layer{display:grid;gap:10px;}.auth-fallback-layer[hidden]{display:none}.auth-fallback-layer .auth-fallback-divider{margin:2px 0 0}.auth-fallback-layer .auth-fallback{background:rgba(255,255,255,.50)}
.auth-fallback summary{transition:background .18s ease,color .18s ease}.auth-fallback summary:hover{background:rgba(248,244,237,.72)}.auth-fallback summary:active{background:rgba(241,237,230,.84)}.auth-fallback summary:focus-visible{outline:3px solid rgba(106,94,84,.22);outline-offset:-3px}
.auth-inline-alert{padding:10px 12px;border-radius:12px;background:var(--auth-error-soft);border:1px solid rgba(180,35,52,.18);color:var(--auth-error);font-size:10px;font-weight:680;line-height:1.45}.auth-inline-alert[hidden]{display:none}

.pattern-entry-shell{display:grid;gap:9px}.gesture-matrix.pattern-grid{
  width:min(100%,310px);margin-inline:auto;grid-template-columns:repeat(3,minmax(76px,84px));grid-template-rows:repeat(3,minmax(76px,84px));
  gap:12px;padding:16px;border-radius:22px;background:linear-gradient(145deg,#f8fbfd,#edf4f8);border:1px solid rgba(48,41,35,.11);
  box-shadow:inset 0 1px 0 #fff,0 9px 26px rgba(48,41,35,.06);
}
.pattern-grid>button{
  min-width:58px;min-height:58px;border-radius:17px;background:rgba(255,255,255,.76);
  border:1px solid rgba(48,41,35,.10);box-shadow:0 3px 10px rgba(48,41,35,.045);transition:transform .14s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.gesture-matrix.pattern-grid>button{min-width:76px;min-height:76px}.pattern-grid>button:after{content:attr(data-pattern-node);position:absolute;right:8px;bottom:6px;color:#a1988d;font-size:8px;font-weight:800}.pattern-grid>button:hover{transform:translateY(-2px);border-color:rgba(106,94,84,.40);box-shadow:0 8px 20px rgba(48,41,35,.09)}.pattern-grid>button:active{transform:translateY(1px) scale(.97)}.pattern-grid>button:focus-visible{outline:3px solid rgba(106,94,84,.28);outline-offset:2px}.pattern-grid>button.selected{background:linear-gradient(145deg,#fff7ec,#fff);border-color:#6a5e54;box-shadow:0 0 0 3px rgba(106,94,84,.11)}.pattern-grid>button.selected:after{color:#6a5e54}.pattern-grid>button span{width:22px;height:22px}
.pattern-control-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:4px 2px}.pattern-selection-status{color:#6f665b;font-size:9px;font-weight:680}.pattern-clear-button{min-height:44px;padding:8px 11px;border-radius:12px;background:#fff;border:1px solid rgba(48,41,35,.13);color:#554c41;box-shadow:0 4px 12px rgba(48,41,35,.05);font-size:10px;}.pattern-clear-button:hover{background:#edf6fb;border-color:rgba(106,94,84,.35);color:#6a5e54}.pattern-clear-button:active{transform:translateY(1px) scale(.98)}.pattern-clear-button:focus-visible{outline:3px solid rgba(106,94,84,.22);outline-offset:2px}.pattern-help{display:block;min-height:31px}.pattern-entry-shell.has-error .pattern-grid{border-color:var(--auth-error);box-shadow:0 0 0 3px rgba(180,35,52,.08)}
.compact-pattern{grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,58px);gap:8px}.compact-pattern>button{min-width:58px;min-height:58px}.pattern-admin-box .pattern-control-bar{margin-top:7px}

/* Tactile confirmation across form controls without layout movement. */
input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
input:not([type=hidden]):not([type=checkbox]):not([type=radio]):hover,select:hover,textarea:hover{border-color:rgba(106,94,84,.40);box-shadow:0 5px 14px rgba(48,41,35,.05)}
input:not([type=hidden]):not([type=checkbox]):not([type=radio]):active,select:active,textarea:active{border-color:#6a5e54}
.auth-input-frame input:hover,.auth-input-frame input:active{border:0;box-shadow:none}
.check-row,.perm-chip{cursor:pointer;transition:transform .13s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.check-row:hover,.perm-chip:hover{background:rgba(249,245,238,.72);border-color:rgba(106,94,84,.28);box-shadow:0 5px 16px rgba(48,41,35,.05)}.check-row:active,.perm-chip:active{transform:translateY(1px) scale(.995)}.check-row:focus-within,.perm-chip:focus-within{outline:3px solid rgba(106,94,84,.18);outline-offset:2px}input[type=checkbox],input[type=radio]{accent-color:#6a5e54;cursor:pointer}

/* Formal metadata is separated from actions in an absolute, muted strip. */
.site-footer{
  position:absolute;left:0;right:0;bottom:0;top:auto;width:100%;height:var(--legal-footer-height);
  margin:0;padding:8px clamp(14px,3vw,32px);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;
  border:0;border-top:1px solid rgba(48,41,35,.08);border-radius:0;background:rgba(247,250,252,.74);box-shadow:none;
  color:#837a6f;;
}
.site-footer:before,.site-footer:after{display:none}.footer-company{gap:1px;min-width:0}.footer-company b,.footer-company small,.footer-created,.footer-created span,.footer-created strong,.footer-time{color:#837a6f;font-size:8px;font-weight:540;line-height:1.35;}.footer-company small{white-space:normal;overflow-wrap:anywhere}.footer-created{display:flex;gap:4px;align-items:center}.footer-time{text-align:right;font-variant-numeric:tabular-nums}
.mascot-companion{bottom:max(64px,calc(var(--legal-footer-height) + env(safe-area-inset-bottom) + 6px))}

@keyframes credentialSkeleton{to{background-position:-220% 0}}@keyframes credentialLoaderIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes authFallbackIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media (max-width:560px){
  :root{--legal-footer-height:64px}.auth-login-card{padding:24px 18px}.gesture-matrix.pattern-grid{grid-template-columns:repeat(3,minmax(64px,1fr));grid-template-rows:repeat(3,68px);padding:12px;gap:9px}.gesture-matrix.pattern-grid>button{min-width:64px;min-height:68px}.pattern-control-bar{align-items:stretch;flex-direction:column}.pattern-clear-button{width:100%}.site-footer{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:7px 10px}.footer-time{display:none}.footer-company b,.footer-company small,.footer-created,.footer-created span,.footer-created strong{font-size:7.5px}.footer-created{justify-content:flex-end}.mascot-companion{bottom:max(70px,calc(var(--legal-footer-height) + env(safe-area-inset-bottom) + 6px))}
}
@media (prefers-reduced-motion:reduce){.credential-skeleton-icon,.credential-skeleton i,.credential-skeleton,.auth-fallback-layer{}}

/* =====================================================================
   Tesla OS 27 — header website rotation control restored
   ===================================================================== */
.header-rotation-control{margin-left:auto;display:flex;align-items:center;flex:0 0 auto;position:relative;z-index:65}
.header-rotation-control+.icon-header-actions{margin-left:0}
.header-rotation-control .top-tool{min-height:42px;height:42px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.80);border:1px solid rgba(48,41,35,.09);color:#3f352d;box-shadow:0 5px 16px rgba(48,41,35,.06)}
.header-rotation-control .top-tool:hover,.header-rotation-control .top-tool[aria-expanded="true"]{background:#fff;border-color:rgba(106,94,84,.22);box-shadow:0 9px 24px rgba(48,41,35,.11)}
.header-rotation-control .tool-icon{font-size:19px;color:#6a5e54}.header-rotation-control .tool-label{font-size:10px;font-weight:780}.header-rotation-control .tool-chevron{margin-left:1px}
.rotate-menu-global{max-height:min(610px,calc(100vh - 20px));overflow:auto;overscroll-behavior:contain}
.rotate-menu-divider{height:1px;margin:5px 8px;background:rgba(48,41,35,.08)}
.rotate-menu-global>.fullscreen-menu-action{margin-top:1px;background:linear-gradient(145deg,rgba(249,245,238,.72),rgba(255,255,255,.56));border:1px solid rgba(106,94,84,.11)}
.rotate-menu-global>.fullscreen-menu-action.active,.rotate-menu-global>.fullscreen-menu-action[aria-pressed="true"]{background:linear-gradient(145deg,#fcf3e8,#fff);color:#6a5e54}
.rotate-menu-global .view-orientation-status{margin:7px 4px 2px;min-height:34px;display:grid;place-items:center;padding:8px 10px;border-radius:11px;background:rgba(249,245,238,.64);color:#72695e;font-size:8px;line-height:1.4}
.showcase-header.is-scrolled .header-rotation-control{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px) scale(.96)}
@media (max-width:1280px){.header-rotation-control .top-tool{width:42px;min-width:42px;padding:0;justify-content:center}.header-rotation-control .tool-label,.header-rotation-control .tool-chevron{display:none}}
@media (max-width:760px){.header-rotation-control{margin-left:auto}.header-rotation-control .top-tool{width:40px;min-width:40px;height:40px;min-height:40px}.rotate-menu-global{width:min(310px,calc(100vw - 16px))}.showcase-header:not(.is-scrolled) .header-rotation-control{display:flex}}
@media print{.header-rotation-control,.rotate-menu-global{display:none}}

/* =====================================================================
   Tesla OS 27 — personal live avatar and polished avatar studio
   ===================================================================== */
.account-page-head{margin-bottom:16px}.account-page-head .muted{max-width:720px;color:#6f665b}
.avatar-studio{
  width:min(1040px,100%);margin:0 auto 22px;padding:clamp(20px,4vw,38px);display:grid;grid-template-columns:minmax(250px,340px) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,62px);
  border:1px solid rgba(255,255,255,.82);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(247,243,236,.64));
  box-shadow:0 22px 70px rgba(48,41,35,.11),inset 0 1px 0 #fff;
}
.avatar-studio-preview{min-height:350px;display:grid;place-items:center;position:relative}.avatar-studio-preview:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(218,196,169,.25),rgba(140,116,91,.06) 50%,transparent 72%);filter:blur(8px)}
.avatar-preview-shell{position:relative;width:clamp(220px,24vw,284px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;isolation:isolate;filter:drop-shadow(0 22px 24px rgba(48,41,35,.15));transition:transform .35s ease,filter .35s ease}
.avatar-preview-shell>img,.avatar-preview-fallback{position:relative;z-index:3;width:78%;height:78%;border-radius:50%;object-fit:cover;border:5px solid rgba(255,255,255,.9);background:#fff7ec;box-shadow:0 13px 38px rgba(48,41,35,.18),inset 0 1px 0 #fff}
.avatar-preview-fallback{display:grid;place-items:center;font-size:70px;font-weight:800;color:#fff;background:linear-gradient(145deg,#3f352d,#8a7c6f)}
.avatar-preview-orbit{position:absolute;z-index:1;inset:4%;border-radius:50%;border:1px solid rgba(106,94,84,.20)}.avatar-preview-orbit:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;top:8%;left:22%;background:#938577;box-shadow:0 0 16px rgba(147,133,119,.7)}.avatar-preview-orbit.orbit-b{inset:0;transform:rotate(142deg);border-color:rgba(189,172,155,.16);}.avatar-preview-orbit.orbit-a{}
.avatar-preview-spark{position:absolute;z-index:5;color:#85786b;text-shadow:0 0 14px rgba(133,120,107,.45);}.avatar-preview-spark.s-one{right:6%;top:17%;font-size:21px}.avatar-preview-spark.s-two{left:8%;bottom:20%;font-size:13px;animation-delay:-1.1s}
.avatar-live-pill{position:absolute;z-index:6;left:50%;bottom:1%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:rgba(48,41,35,.91);color:#fff;font-size:8px;font-weight:820;letter-spacing:.12em;box-shadow:0 8px 20px rgba(48,41,35,.18);}.avatar-live-pill i{width:6px;height:6px;border-radius:50%;background:#65eda9;box-shadow:0 0 0 4px rgba(101,237,169,.13);}
.avatar-preview-shell.is-generating{filter:drop-shadow(0 24px 30px rgba(106,94,84,.28))}.avatar-preview-shell.is-generating>img{filter:saturate(.84) brightness(1.06)}
.avatar-studio-copy{display:grid;gap:12px}.avatar-studio-copy h2{margin:0;color:#3f352d;font-size:clamp(26px,4vw,42px);line-height:1.02;letter-spacing:-.05em}.avatar-studio-copy>p:not(.eyebrow):not(.avatar-privacy-note):not(.avatar-mode-label){margin:0;max-width:630px;color:#6d6459;font-size:13px;line-height:1.65}
.avatar-trust-row{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}.avatar-trust-row span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(106,94,84,.10);color:#5e534a;font-size:8px;font-weight:760}
.avatar-upload-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:4px}.avatar-file-control{position:relative;min-height:64px;padding:11px 14px;display:flex;flex-direction:column;justify-content:center;border-radius:15px;border:1px dashed rgba(106,94,84,.34);background:rgba(255,255,255,.58);cursor:pointer;transition:border-color .2s,background .2s,transform .16s}.avatar-file-control:hover{border-color:#6a5e54;background:#fff;transform:translateY(-1px)}.avatar-file-control span{color:#3f3730;font-size:11px;font-weight:780}.avatar-file-control small{margin-top:3px;color:#7c7368;font-size:8px}.avatar-file-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.avatar-upload-form>.primary{min-height:64px;padding-inline:18px;border-radius:15px;}
.avatar-generation-status{grid-column:1/-1;min-height:64px;padding:11px 13px;display:flex;align-items:center;gap:12px;border-radius:15px;background:rgba(250,246,239,.84);border:1px solid rgba(106,94,84,.13)}.avatar-generation-status[hidden]{display:none}.avatar-generation-status b,.avatar-generation-status small{display:block}.avatar-generation-status b{color:#3f3730;font-size:10px}.avatar-generation-status small{margin-top:3px;color:#7c7368;font-size:8px}.avatar-generation-status[data-state="success"]{background:#edf9f3;border-color:rgba(30,136,84,.16)}.avatar-generation-status[data-state="success"] b{color:#16643d}.avatar-generation-status[data-state="error"]{background:#fff0f2;border-color:rgba(180,35,52,.15)}.avatar-generation-status[data-state="error"] b{color:#9f2635}.avatar-loader{width:28px;height:28px;flex:0 0 auto;border-radius:50%;border:2px solid rgba(106,94,84,.16);border-top-color:#6a5e54;}.avatar-generation-status[data-state="success"] .avatar-loader,.avatar-generation-status[data-state="error"] .avatar-loader,.avatar-generation-status[data-state="ready"] .avatar-loader{display:none}
.avatar-privacy-note{grid-column:1/-1;margin:0;color:#877e73;font-size:8px;line-height:1.5}.avatar-secondary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.avatar-secondary-actions form{margin:0}.avatar-secondary-actions button{min-height:42px}.avatar-mode-label{margin:0;color:#72695e;font-size:9px}.avatar-mode-label b{color:#6a5e54}.account-details-card{margin-inline:auto}.account-card-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.account-card-heading h2{margin:2px 0 0}.account-card-heading img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 22px rgba(48,41,35,.13)}

.companion-panel-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.86);box-shadow:0 5px 14px rgba(48,41,35,.14)}
.mascot-companion.has-personal-avatar{width:108px;height:132px}.mascot-companion.has-personal-avatar .mascot-companion-button{width:108px;height:132px}
.mascot-companion.has-personal-avatar .mascot-side-glow{left:3px;right:3px;bottom:7px;width:auto;height:112px;border-radius:50%;background:radial-gradient(circle,rgba(189,172,155,.23),rgba(140,116,91,.06) 52%,transparent 72%)}
.mascot-companion.has-personal-avatar .mascot-personal-character{left:11px;right:auto;bottom:22px;width:86px;height:86px;display:block;border-radius:50%;filter:drop-shadow(0 13px 13px rgba(48,41,35,.18))}
.mascot-personal-character>img{position:relative;z-index:3;display:block;width:86px;height:86px;max-width:none;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.94);background:#fff7ec;box-shadow:inset 0 0 0 1px rgba(92,74,59,.12);filter:saturate(1.025) contrast(1.02)}
.personal-avatar-halo{position:absolute;z-index:1;inset:-7px;border-radius:50%;border:1px solid rgba(106,94,84,.22);}.personal-avatar-halo:after{content:"";position:absolute;top:8px;left:10px;width:7px;height:7px;border-radius:50%;background:#bdac9b;box-shadow:0 0 12px rgba(189,172,155,.8)}
.personal-avatar-status{position:absolute;z-index:5;right:-1px;bottom:2px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff,#fdf4e9);border:2px solid #fff;color:#6a5e54;font-size:10px;box-shadow:0 5px 12px rgba(48,41,35,.14)}
.mascot-companion.has-personal-avatar .mascot-side-shadow{left:18px;right:9px;bottom:10px;height:15px}.mascot-companion.has-personal-avatar .mascot-weather-chip{right:1px;bottom:2px}

.personal-welcome-stage{height:360px}.welcome-personal-avatar{width:230px;height:230px;margin-bottom:48px;border-radius:50%;display:block;filter:drop-shadow(0 24px 24px rgba(48,41,35,.18))}.welcome-personal-avatar>img{position:relative;z-index:3;width:230px;height:230px;border-radius:50%;object-fit:cover;border:7px solid rgba(255,255,255,.92);mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;filter:saturate(1.03) contrast(1.02);box-shadow:inset 0 0 0 1px rgba(92,74,59,.12)}.welcome-avatar-halo{position:absolute;z-index:1;inset:-13px;border-radius:50%;border:1px solid rgba(106,94,84,.23);}.welcome-avatar-halo:after{content:"";position:absolute;top:18px;left:28px;width:11px;height:11px;border-radius:50%;background:#bdac9b;box-shadow:0 0 20px rgba(189,172,155,.8)}.welcome-personal-avatar>i{position:absolute;z-index:6;right:8px;bottom:12px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:#6a5e54;font-style:normal;font-size:18px;box-shadow:0 10px 24px rgba(48,41,35,.16)}

@keyframes avatarOrbit{to{transform:rotate(360deg)}}@keyframes avatarSpark{0%,100%{opacity:.28;transform:scale(.72) rotate(0)}50%{opacity:1;transform:scale(1.14) rotate(16deg)}}@keyframes avatarLivePulse{50%{opacity:.45;transform:scale(.8)}}@keyframes avatarBreathe{50%{transform:translateY(-4px) scale(1.015)}}@keyframes avatarLoader{to{transform:rotate(360deg)}}@keyframes personalAvatarIdle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.6deg)}}@keyframes personalAvatarOrbit{to{transform:rotate(360deg)}}

@media (max-width:760px){
  .avatar-studio{grid-template-columns:1fr;padding:20px 16px;gap:8px;border-radius:24px}.avatar-studio-preview{min-height:270px}.avatar-preview-shell{width:230px}.avatar-studio-copy{text-align:center}.avatar-studio-copy>p{margin-inline:auto}.avatar-trust-row,.avatar-secondary-actions{justify-content:center}.avatar-upload-form{grid-template-columns:1fr}.avatar-upload-form>.primary{min-height:54px}.avatar-file-control{min-height:58px}.personal-welcome-stage{height:300px}.welcome-personal-avatar{width:185px;height:185px;margin-bottom:30px}.welcome-personal-avatar>img{width:185px;height:185px}.mascot-companion.has-personal-avatar{width:94px;height:116px}.mascot-companion.has-personal-avatar .mascot-companion-button{width:94px;height:116px}.mascot-companion.has-personal-avatar .mascot-personal-character{left:9px;bottom:21px;width:76px;height:76px}.mascot-companion.has-personal-avatar .mascot-personal-character>img{width:76px;height:76px}
}
@media (max-width:399px){.avatar-studio{padding:17px 13px}.avatar-studio-preview{min-height:225px}.avatar-preview-shell{width:195px}.avatar-studio-copy h2{font-size:28px}.avatar-trust-row{display:none}.avatar-secondary-actions{display:grid}.avatar-secondary-actions form,.avatar-secondary-actions button{width:100%}.mascot-companion.has-personal-avatar .mascot-personal-character{display:none}}
@media (prefers-reduced-motion:reduce){.avatar-preview-orbit,.avatar-preview-spark,.avatar-live-pill i,.avatar-preview-shell,.avatar-loader,.mascot-personal-character,.personal-avatar-halo,.welcome-avatar-halo{}}

/* Rotation stability: keep the control outside the transformed workspace and
   suspend expensive full-page glass/particle compositing only while rotated. */
.rotate-menu-global{z-index:2147483600;contain:layout paint}
html.site-rotation-active .app-viewport{transition:none;will-change:transform;contain:layout paint style}
html.site-rotation-active .aurora,html.site-rotation-active .liquid-noise,html.site-rotation-active .live-motion-layer,html.site-rotation-active .livenza-weather-scene,html.site-rotation-active .page-transition{display:none}
html.site-rotation-active .app-viewport>.shell:not(.login-shell),html.site-rotation-active .liquid-card,html.site-rotation-active .form-card,html.site-rotation-active .table-card,html.site-rotation-active .topbar,html.site-rotation-active .site-footer{}
html.site-rotation-active .hanging-brand:before,html.site-rotation-active .hanging-brand:after,html.site-rotation-active .ai-orbit,html.site-rotation-active .ai-spark,html.site-rotation-active .avatar-preview-orbit,html.site-rotation-active .avatar-preview-spark{}
html.site-rotation-active .mascot-companion{display:none}


/* =====================================================================
   Tesla OS 27 — progressive login, numeric gesture keypad and vector icons
   ===================================================================== */
.ui-icon,.auth-login-card svg,.kiosk-lock-card svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.progressive-login-form{gap:13px}.auth-id-frame{padding-left:42px}.auth-field-icon{position:absolute;left:14px;width:19px;height:19px;color:#898075}.auth-id-frame:focus-within .auth-field-icon{color:#6a5e54}.auth-id-frame input{padding-left:4px}
.biometric-primary{grid-template-columns:48px minmax(0,1fr) 24px;gap:13px;min-height:78px;padding:10px 15px;}.auth-primary-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}.auth-primary-icon svg{width:25px;height:25px;color:#fff}.auth-primary-copy{display:block;min-width:0;text-align:left}.auth-primary-copy strong{display:block;margin:0;color:#fff;font-size:14px;font-weight:800;line-height:1.25;letter-spacing:-.01em}.auth-primary-copy small{display:block;margin:5px 0 0;color:rgba(255,255,255,.76);font-size:9px;font-weight:560;line-height:1.35;white-space:normal}.auth-primary-arrow{width:20px;height:20px;color:rgba(255,255,255,.76)}
.auth-live-status{display:flex;align-items:center;justify-content:center;gap:7px;line-height:1.4}.status-safe-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#30b36e;box-shadow:0 0 0 4px rgba(48,179,110,.11)}
.auth-method-link{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.auth-method-link>svg{width:17px;height:17px}.auth-method-link .auth-link-chevron{width:15px;height:15px;transition:transform .2s ease}.auth-method-link.is-open .auth-link-chevron{transform:rotate(180deg)}
.auth-fallback-layer{gap:12px;padding-top:2px}.auth-fallback-layer.is-open{}.auth-fallback-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;border-radius:17px;background:rgba(246,242,235,.78);border:1px solid rgba(48,41,35,.08)}.auth-fallback-tabs>button{min-height:72px;padding:10px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;text-align:left;border-radius:13px;border:1px solid transparent;background:transparent;color:#71685d;box-shadow:none}.auth-fallback-tabs>button>svg{width:24px;height:24px;grid-row:1/3;color:#7f7266}.auth-fallback-tabs>button>span{display:block;min-width:0}.auth-fallback-tabs b,.auth-fallback-tabs small{display:block}.auth-fallback-tabs b{font-size:10px;line-height:1.25;color:#50473c}.auth-fallback-tabs small{margin-top:3px;font-size:7.5px;line-height:1.35;color:#887f74}.auth-fallback-tabs em{grid-column:2;font-style:normal;font-size:6.5px;font-weight:760;color:#7a7166;background:rgba(255,255,255,.62);border:1px solid rgba(48,41,35,.07);border-radius:999px;padding:4px 6px;width:max-content}.auth-fallback-tabs>button:hover{background:rgba(255,255,255,.62);color:#6a5e54}.auth-fallback-tabs>button.active{background:#fff;border-color:rgba(106,94,84,.13);box-shadow:0 7px 20px rgba(48,41,35,.08)}.auth-fallback-tabs>button.active>svg,.auth-fallback-tabs>button.active b{color:#6a5e54}
.auth-method-panel{display:grid;gap:12px;padding:15px;border-radius:18px;background:rgba(255,255,255,.56);border:1px solid rgba(48,41,35,.09);box-shadow:0 8px 24px rgba(48,41,35,.045);}.auth-method-panel[hidden]{display:none}.auth-method-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:2px}.auth-method-heading b,.auth-method-heading small{display:block}.auth-method-heading b{color:#3f3730;font-size:12px;line-height:1.3}.auth-method-heading small{margin-top:4px;color:#837a6f;font-size:8.5px;line-height:1.4}.auth-state-badge{flex:0 0 auto;padding:6px 8px;border-radius:999px;background:#fff8ed;border:1px solid rgba(106,94,84,.11);color:#6a5e54;font-size:7px;font-weight:780;}.auth-method-submit{width:100%;min-height:48px}.keypad-instruction{display:none}
.gesture-matrix.pattern-grid>button:after{content:none}.pattern-grid>button{}.pattern-number{display:none;position:relative;z-index:3;color:#4e453d;font-size:20px;line-height:1;font-weight:760}.pattern-dot{position:relative;z-index:3}.pattern-selection-status{display:flex;align-items:center;gap:9px;min-height:44px}.pattern-selection-status>b{color:#6f665b;font-size:8.5px;}.pattern-progress-dots{display:flex;align-items:center;gap:5px}.pattern-progress-dots i{display:block;width:9px;height:9px;border-radius:50%;background:#eae1d6;border:1px solid rgba(48,41,35,.08);transition:background .18s,box-shadow .18s,transform .18s}.pattern-progress-dots i.filled{background:#6a5e54;box-shadow:0 0 0 3px rgba(106,94,84,.10);transform:scale(1.04)}.pattern-selection-status.is-ready .pattern-progress-dots i{background:#28a565;box-shadow:0 0 0 3px rgba(40,165,101,.11)}.pattern-selection-status.is-ready>b{color:#21804e}.pattern-clear-button{display:flex;align-items:center;justify-content:center;gap:7px}.pattern-clear-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (pointer:fine){.pattern-grid.numeric-keypad{touch-action:auto}.pattern-grid.numeric-keypad .pattern-links,.pattern-grid.numeric-keypad .pattern-dot{display:none}.pattern-grid.numeric-keypad .pattern-number{display:block}.pattern-grid.numeric-keypad>button{background:linear-gradient(145deg,#fff,#f3f8fb);border-color:rgba(48,41,35,.11)}.pattern-grid.numeric-keypad>button:hover{background:#fff8ed}.pattern-grid.numeric-keypad>button.selected{background:linear-gradient(145deg,#6a5e54,#51473f)}.pattern-grid.numeric-keypad>button.selected .pattern-number{color:#fff}.keypad-instruction{display:block}.touch-instruction{display:none}}
.site-footer.utility-legal-footer,.login-shell~.site-footer{background:rgba(247,250,252,.78);color:#8d8479;border-top:1px solid rgba(48,41,35,.07)}
@keyframes authProgressiveOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes authPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media (max-width:520px){.auth-fallback-tabs{grid-template-columns:1fr}.auth-fallback-tabs>button{min-height:64px}.auth-fallback-tabs em{display:none}.auth-method-heading{align-items:flex-start;flex-direction:column}.auth-state-badge{align-self:flex-start}.gesture-matrix.pattern-grid{width:100%}.pattern-control-bar{gap:7px}.pattern-selection-status{justify-content:center}.pattern-clear-button{width:100%}.biometric-primary{grid-template-columns:44px minmax(0,1fr) 18px;padding-inline:12px}.auth-primary-icon{width:42px;height:42px}.auth-primary-copy strong{font-size:13px}.auth-primary-copy small{font-size:8px}}
@media (prefers-reduced-motion:reduce){.auth-fallback-layer.is-open,.auth-method-panel,.pattern-progress-dots i{transition:none}}

/* Compact display menu lives beside the applications trigger. */
.showcase-header>.header-rotation-control{margin-left:8px;margin-right:0;order:initial;z-index:70}
.showcase-header>.header-rotation-control+.hanging-brand{pointer-events:auto}
.showcase-header.is-scrolled .header-rotation-control{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.header-rotation-control .top-tool{width:44px;min-width:44px;padding:0;justify-content:center}
.header-rotation-control .tool-icon{width:19px;height:19px}.header-rotation-control .tool-label,.header-rotation-control .tool-chevron{display:none}
.header-display-menu{width:min(300px,calc(100vw - 16px));max-height:none;padding:10px}
.header-display-menu>button{grid-template-columns:32px minmax(0,1fr) auto;min-height:58px}
.header-display-menu>button>span .ui-icon{width:18px;height:18px}
.header-display-menu>button.active{background:rgba(106,94,84,.10)}
.header-display-menu>button.active:after{content:"✓";color:#6a5e54;font-weight:800;font-size:13px}
@media (max-width:560px){.showcase-header>.header-rotation-control{margin-left:6px}.header-rotation-control .top-tool{width:38px;min-width:38px;height:36px;min-height:36px}.header-display-menu{width:min(292px,calc(100vw - 12px))}}


/* =====================================================================
   Tesla OS 27 — 360 lifestyle atmosphere, restored fullscreen, camera avatar
   ===================================================================== */
.header-fullscreen-toggle{flex:0 0 auto}
.header-fullscreen-toggle.active{background:linear-gradient(145deg,#fff7ec,#fff);border-color:rgba(106,94,84,.24);color:#6a5e54}
.avatar-source-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:8px}.avatar-source-actions .secondary{min-height:42px}
.avatar-camera-panel{margin-top:12px;padding:12px;border:1px solid rgba(106,94,84,.13);border-radius:20px;background:rgba(255,255,255,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.82)}
.avatar-camera-panel video{display:block;width:min(100%,460px);aspect-ratio:1/1;object-fit:cover;border-radius:16px;background:#f6ede2;transform:scaleX(-1)}
.avatar-camera-panel>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.avatar-camera-panel>small{display:block;margin-top:8px;color:#80776c;font-size:10px;line-height:1.45}
@media (max-width:1280px){.header-fullscreen-toggle{width:42px;min-width:42px;padding:0;justify-content:center}.header-fullscreen-toggle .tool-label{display:none}}
@media (max-width:560px){.header-fullscreen-toggle{width:38px;min-width:38px;height:36px;min-height:36px}.avatar-source-actions{display:grid;grid-template-columns:1fr}.avatar-camera-panel video{width:100%}}

/* Tesla OS 27 — Banking & Reconciliation Suite + reliable avatar camera */
.avatar-camera-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:10px}.avatar-camera-toolbar label{display:grid;gap:5px;min-width:min(280px,100%);font-size:11px;font-weight:800;color:#71685d}.avatar-camera-toolbar select{min-height:40px;border-radius:12px;border:1px solid rgba(106,94,84,.18);background:rgba(255,255,255,.92);padding:0 12px;color:#3b332d}.avatar-camera-panel video{aspect-ratio:4/3;object-fit:cover}.banking-page-head{align-items:center}.banking-security-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(31,140,94,.18);background:rgba(235,250,243,.88);color:#17744e;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:800}.banking-subnav{position:sticky;top:88px;z-index:25;display:flex;gap:7px;padding:8px;margin-bottom:15px}.banking-subnav a{padding:10px 14px;border-radius:12px;font-size:12px;font-weight:800;color:#655c51}.banking-subnav a:hover{background:rgba(123,110,98,.08);color:#61564d}.banking-panel{padding:22px;margin-bottom:16px}.banking-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.banking-panel h2{margin:3px 0 7px}.bank-selector-row{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:14px;align-items:end;margin-bottom:14px}.bank-selector-row label,.bank-upload-form label,.reconcile-form label{display:grid;gap:6px;font-size:11px;font-weight:850;color:#756c61}.bank-selector-row select,.bank-upload-form select,.bank-upload-form input,.reconcile-form select{min-height:45px;border:1px solid rgba(101,90,80,.16);border-radius:13px;background:rgba(255,255,255,.92);padding:0 12px;color:#3b332c}.bank-upload-form input[type=file]{padding:10px}.bank-verified-url{min-height:45px;border:1px solid rgba(31,140,94,.15);background:rgba(243,252,248,.82);border-radius:13px;padding:8px 12px;display:grid;align-content:center}.bank-verified-url span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#648174}.bank-verified-url b{font-size:11px;word-break:break-all;color:#245941}.bank-browser-shell{border:1px solid rgba(87,77,68,.12);border-radius:20px;background:#fff}.bank-browser-shell iframe{display:block;width:100%;height:min(64vh,650px);border:0;background:#f5f8fa}.banking-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.banking-grid .banking-panel{margin:0}.bank-upload-form{display:grid;gap:12px}.bank-upload-form>small{color:#8c8378;font-size:10px;line-height:1.45}.bank-doc-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bank-doc-columns h3{margin:2px 0 10px}.bank-doc-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid rgba(78,68,60,.09)}.bank-doc-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(113,101,90,.08);color:#6c6056;font-weight:900}.bank-doc-row div{min-width:0}.bank-doc-row b,.bank-doc-row small,.bank-doc-row em{display:block}.bank-doc-row small{font-size:10px;color:#8c8378;margin-top:2px}.bank-doc-row em{font-style:normal;font-size:9px;color:#4f826e;margin-top:2px}.bank-doc-row>a,.bank-doc-row button{font-size:10px}.reconcile-form{display:grid;grid-template-columns:1fr auto 1fr auto;gap:13px;align-items:end}.reconcile-form>span{align-self:center;font-size:9px;font-weight:900;letter-spacing:.12em;color:#9b9287}.reconcile-history{margin-top:20px}.reconcile-run{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(78,68,60,.09);color:inherit}.reconcile-run div b,.reconcile-run div small{display:block}.reconcile-run small{color:#8c8378;font-size:10px}.match-ring{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff6eb,#e9fbf5);font-weight:900;color:#64594f}.reconcile-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.reconcile-score-grid article{padding:18px;display:grid;gap:3px}.reconcile-score-grid span{font-size:30px;font-weight:900;color:#433a33}.reconcile-score-grid b{font-size:12px}.reconcile-score-grid small{font-size:10px;color:#8e857a}.reconcile-score-grid .primary-score span{color:#685d52}.reconcile-table-wrap{overflow:auto}.reconcile-table{width:100%;border-collapse:collapse;font-size:11px}.reconcile-table th{position:sticky;top:0;background:#f5f8fb;text-align:left;padding:10px;border-bottom:1px solid #f3eadf;}.reconcile-table td{vertical-align:top;padding:11px 10px;border-bottom:1px solid rgba(80,70,62,.08);min-width:90px}.reconcile-table td:nth-child(3),.reconcile-table td:nth-child(4){min-width:250px}.reconcile-table td b,.reconcile-table td small,.reconcile-table td p{display:block;margin:0 0 3px}.reconcile-table td small{color:#80776c}.reconcile-table td p{color:#91887d;line-height:1.4}.reconcile-status{display:inline-block;padding:5px 7px;border-radius:8px;font-size:9px;font-weight:900}.reconcile-matched .reconcile-status{background:#e9f8f0;color:#17744e}.reconcile-review .reconcile-status{background:#fff7df;color:#8d670c}.reconcile-missing .reconcile-status{background:#fff0f0;color:#a63b3b}.extra-entry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.extra-entry-grid>div{padding:12px;border:1px solid rgba(101,90,80,.1);border-radius:14px;background:rgba(255,255,255,.62)}.extra-entry-grid b,.extra-entry-grid small{display:block}.extra-entry-grid small,.extra-entry-grid p{font-size:10px;color:#8c8378;margin:3px 0 0}.page-head-actions{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:900px){.banking-grid,.bank-doc-columns{grid-template-columns:1fr}.bank-selector-row{grid-template-columns:1fr}.reconcile-form{grid-template-columns:1fr}.reconcile-form>span{display:none}.reconcile-score-grid{grid-template-columns:repeat(2,1fr)}.bank-browser-shell iframe{height:54vh}.banking-subnav{top:74px;overflow:auto}.bank-doc-row{grid-template-columns:36px minmax(0,1fr) auto}.bank-doc-row form{grid-column:3}.extra-entry-grid{grid-template-columns:1fr}}

.avatar-engine-status{display:grid;grid-template-columns:auto auto 1fr;gap:6px 8px;align-items:center;margin:10px 0 2px;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.58);border:1px solid rgba(98,87,78,.1)}.avatar-engine-status .engine-dot{width:8px;height:8px;border-radius:50%;background:#968d82}.avatar-engine-status .engine-dot.online{background:#21a36a;box-shadow:0 0 0 4px rgba(33,163,106,.1)}.avatar-engine-status .engine-dot.fallback{background:#e4a11b;box-shadow:0 0 0 4px rgba(228,161,27,.1)}.avatar-engine-status b{font-size:10px}.avatar-engine-status small{font-size:9px;color:#8b8277}.avatar-engine-status small{grid-column:2/4}

.other-bank-launch{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:9px;align-items:end;margin:0 0 14px}.other-bank-launch label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#7b7267}.other-bank-launch input{min-height:42px;border:1px solid rgba(101,90,80,.16);border-radius:12px;background:rgba(255,255,255,.9);padding:0 12px}.other-bank-launch small{grid-column:1/-1;color:#948b80;font-size:9px}@media (max-width:700px){.other-bank-launch{grid-template-columns:1fr}}

/* Tesla OS 27 — admin-managed profiles, mascot studio and read-only account view */
.readonly-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:18px}
.read-only-list input[readonly]{background:rgba(255,255,255,.65);color:#2b241e;cursor:not-allowed}
.account-lock-note{margin-top:18px;padding:16px 18px;border-radius:20px;border:1px solid rgba(43,36,30,.08);background:linear-gradient(135deg,rgba(43,36,30,.05),rgba(111,99,88,.06));display:grid;gap:5px}
.account-lock-note b{color:#2b241e}
.user-avatar-card{padding:20px;margin-bottom:14px}
.admin-avatar-grid{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:18px;align-items:center}
.admin-avatar-preview{display:grid;gap:12px;justify-items:center;padding:16px;border-radius:24px;background:linear-gradient(180deg,rgba(245,249,253,.94),rgba(250,246,239,.86));border:1px solid rgba(111,99,88,.10)}
.admin-avatar-preview img{width:min(190px,100%);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(43,36,30,.16))}
.admin-avatar-actions{display:grid;gap:12px}
.admin-avatar-actions label{display:grid;gap:8px}
.avatar-admin-actions{display:flex;flex-wrap:wrap;gap:10px}
.danger-soft{background:rgba(190,36,60,.08);color:#8a1f31;border-color:rgba(190,36,60,.18)}
.permission-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:10px 0 12px}
@media (max-width:760px){.admin-avatar-grid{grid-template-columns:1fr}.permission-head{flex-direction:column;align-items:flex-start}}

/* Tesla OS 27 — Electricity Bill Studio, Livenza Vault & Live Reminders */
.electricity-page-head{align-items:flex-end}.electricity-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.utility-stat{padding:18px;display:grid;gap:5px}.utility-stat small{font-size:10px;letter-spacing:.13em;color:#7e756a;font-weight:800}.utility-stat b{font-size:32px;letter-spacing:-.05em;color:#2b241e}.utility-stat span{font-size:12px;color:#847b70}.electricity-admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:18px 0}.electricity-connections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}.electricity-connection{padding:18px;display:grid;gap:16px}.electricity-connection.needs-attention{border-color:rgba(196,62,82,.22)}.connection-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.connection-head h3{margin:2px 0}.connection-head p,.connection-head small{margin:0;color:#7e756a}.electricity-bolt{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#fff7ce,#faf1e6);font-size:21px}.status-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:rgba(43,36,30,.06);color:#756c61}.status-chip.success{background:rgba(36,145,95,.10);color:#137342}.status-chip.warning{background:rgba(224,148,17,.12);color:#8b5a00}.status-chip.danger{background:rgba(196,62,82,.11);color:#9c2338}.connection-data{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.connection-data span{padding:10px;border-radius:13px;background:rgba(43,36,30,.035);display:grid;gap:3px}.connection-data small,.bill-meta small{color:#8d8479;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.connection-data b{font-size:12px;color:#2b241e}.wrap-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.electricity-bill-list{display:grid;gap:12px}.bill-row{padding:15px 17px;display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(140px,.6fr) minmax(180px,.7fr) auto;gap:18px;align-items:center}.bill-main{display:flex;gap:12px;align-items:center}.bill-main h3{margin:2px 0}.bill-main p,.bill-main small{margin:0;color:#7e756a}.bill-status-dot{width:11px;height:11px;border-radius:50%;background:#afa69b;box-shadow:0 0 0 6px rgba(168,164,157,.12)}.status-overdue .bill-status-dot{background:#c43e52;box-shadow:0 0 0 6px rgba(196,62,82,.11)}.status-due_today .bill-status-dot,.status-due_soon .bill-status-dot{background:#dc931a;box-shadow:0 0 0 6px rgba(220,147,26,.11)}.status-paid .bill-status-dot{background:#24915f;box-shadow:0 0 0 6px rgba(36,145,95,.11)}.bill-amount{display:grid}.bill-amount small{font-size:9px;letter-spacing:.1em;color:#8d8479}.bill-amount b{font-size:23px;color:#2b241e;letter-spacing:-.035em}.bill-amount span{font-size:11px;color:#847b70}.bill-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.bill-meta span{display:grid;gap:3px}.electricity-review-card{border-color:rgba(224,148,17,.24)}.register-tools{padding:13px;display:grid;grid-template-columns:1fr minmax(180px,260px) auto;gap:10px;align-items:center;margin-bottom:14px}.electricity-sheet-wrap{overflow:auto;max-height:68vh;border-radius:18px;border:1px solid rgba(43,36,30,.08);background:rgba(255,255,255,.82)}.electricity-register-table{min-width:1900px}.electricity-register-table th{position:sticky;top:0;z-index:2;background:#f5f8fb}.live-reminders{margin:18px 0;padding:18px}.reminder-grid{display:grid;gap:10px}.reminder-card{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:14px;padding:13px 14px;border:1px solid rgba(43,36,30,.07);border-radius:17px;background:rgba(255,255,255,.58)}.reminder-card.severity-danger{border-color:rgba(196,62,82,.20);background:linear-gradient(90deg,rgba(196,62,82,.06),rgba(255,255,255,.7))}.reminder-card.severity-warning{border-color:rgba(224,148,17,.20);background:linear-gradient(90deg,rgba(224,148,17,.06),rgba(255,255,255,.7))}.reminder-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#fff9ee;font-size:19px}.reminder-copy h3{margin:2px 0}.reminder-copy p,.reminder-copy small{margin:0;color:#7e756a}.reminder-money{display:grid;text-align:right}.reminder-money b{font-size:18px;color:#2b241e}.reminder-money span{font-size:10px;color:#847b70}.reminder-empty{display:flex;align-items:center;gap:10px;padding:16px;color:#7c7368}.reminder-empty>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(36,145,95,.1);color:#137342}.reminder-empty div{display:grid}.vault-status{padding:18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.vault-status>div{display:flex;align-items:center;gap:14px}.vault-status h2,.vault-status p{margin:2px 0}.vault-status>b{font-size:10px;letter-spacing:.1em;padding:7px 10px;border-radius:999px}.vault-status.ready>b{background:rgba(36,145,95,.1);color:#137342}.vault-status.not-ready>b{background:rgba(196,62,82,.1);color:#9c2338}.vault-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#faf1e6,#f8efe4);font-size:21px}.vault-entry-list{display:grid;gap:8px}.vault-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid rgba(43,36,30,.07);background:rgba(255,255,255,.55)}.vault-entry span{display:grid}.vault-entry small{color:#847b70}.vault-boundary-note{padding:12px;border-radius:13px;background:rgba(196,62,82,.055);font-size:11px;color:#6d4d54}.vault-reveal-panel{margin-top:12px;padding:14px;border-radius:15px;background:#f7fafc;border:1px solid rgba(43,36,30,.08)}.vault-reveal-panel pre{white-space:pre-wrap;word-break:break-word;padding:10px;border-radius:10px;background:#fff}.provider-directory-table{overflow:auto;max-height:520px;margin-top:18px;border:1px solid rgba(43,36,30,.08);border-radius:16px}.provider-directory-table table{width:100%;border-collapse:collapse;min-width:900px}.provider-directory-table th,.provider-directory-table td{padding:10px 12px;border-bottom:1px solid rgba(43,36,30,.06);text-align:left;font-size:11px}.provider-directory-table thead th{position:sticky;top:0;background:#f5f8fb;z-index:1}.audit-list{display:grid;gap:8px}.audit-list>div{display:flex;justify-content:space-between;gap:14px;padding:11px 12px;border-radius:12px;background:rgba(43,36,30,.035)}.audit-list span{display:grid}.audit-list small{color:#847b70}.admin-utility-banner{padding:17px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.admin-utility-banner h2,.admin-utility-banner p{margin:3px 0}
@media (max-width:980px){.electricity-summary-grid{grid-template-columns:repeat(2,1fr)}.electricity-admin-grid{grid-template-columns:1fr}.bill-row{grid-template-columns:1fr 1fr}.reminder-card{grid-template-columns:auto 1fr}.reminder-money{text-align:left;grid-column:2}.reminder-card>a{grid-column:2;width:max-content}.admin-utility-banner{align-items:flex-start;flex-direction:column}}
@media (max-width:620px){.electricity-summary-grid{grid-template-columns:1fr 1fr}.connection-data{grid-template-columns:1fr}.bill-row{grid-template-columns:1fr}.register-tools{grid-template-columns:1fr}.reminder-card{grid-template-columns:auto 1fr}.provider-editor{grid-template-columns:1fr}.admin-utility-banner .actions{width:100%}}
.portal-security-note{padding:14px;margin-bottom:14px}.portal-security-note>div{display:flex;gap:12px;align-items:center}.portal-security-note span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#fff9ee}.portal-security-note div div{display:grid}.portal-security-note small{color:#80776c;line-height:1.45}.electricity-portal-frame{padding:10px}.electricity-portal-frame iframe{width:100%;height:min(72vh,850px);border:0;border-radius:17px;background:#fff}.portal-external-state{min-height:360px;padding:34px;display:grid;place-items:center;text-align:center;align-content:center;gap:12px}.portal-external-state p{max-width:700px;color:#80776c}.portal-lightning{width:70px;height:70px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#fff6c7,#faf1e6);font-size:34px}
.portal-vault-helper{padding:15px;margin-bottom:14px;display:grid;grid-template-columns:1fr minmax(300px,.8fr);gap:16px;align-items:center}.portal-vault-helper h3,.portal-vault-helper p{margin:3px 0}.portal-vault-controls{display:grid;grid-template-columns:1fr auto;gap:8px}.portal-vault-controls pre{grid-column:1/-1;min-height:34px;white-space:pre-wrap;word-break:break-word;margin:0;padding:9px;border-radius:10px;background:rgba(43,36,30,.035)}@media (max-width:760px){.portal-vault-helper{grid-template-columns:1fr}.portal-vault-controls{grid-template-columns:1fr}}
.reminder-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.reminder-actions form{margin:0}@media (max-width:980px){.reminder-actions{grid-column:2}}
.payment-confirm-details{position:relative}.payment-confirm-details summary{cursor:pointer;font-size:11px;font-weight:800;color:#5b5047}.payment-confirm-details[open]{padding:8px;border-radius:12px;background:#f7fafc;border:1px solid rgba(43,36,30,.08)}.payment-confirm-details form{min-width:220px;margin-top:8px}

/* Tesla OS 27 — personal AI output is a character mascot, never a circular photo portrait */
.avatar-preview-shell{width:clamp(220px,24vw,290px);aspect-ratio:4/5;border-radius:34px;background:radial-gradient(ellipse at 50% 72%,rgba(189,172,155,.16),transparent 64%)}
.avatar-preview-shell>img{width:90%;height:90%;border-radius:0;object-fit:contain;border:0;background:transparent;box-shadow:none;filter:drop-shadow(0 18px 24px rgba(48,41,35,.18)) saturate(1.03)}
.avatar-preview-orbit{border-radius:42%}.avatar-live-pill{bottom:3%}
.mascot-companion.has-personal-avatar{width:132px;height:184px}.mascot-companion.has-personal-avatar .mascot-companion-button{width:132px;height:184px;overflow:visible}
.mascot-companion.has-personal-avatar .mascot-side-glow{left:8px;right:8px;bottom:8px;height:150px;border-radius:48%;background:radial-gradient(ellipse at 50% 72%,rgba(189,172,155,.24),rgba(140,116,91,.06) 52%,transparent 75%)}
.mascot-companion.has-personal-avatar .mascot-personal-character{left:10px;right:auto;bottom:18px;width:112px;height:154px;border-radius:0;display:block;filter:drop-shadow(0 16px 16px rgba(48,41,35,.22));transform-origin:50% 92%}
.mascot-personal-character>img{width:100%;height:100%;max-width:none;border-radius:0;object-fit:contain;object-position:center bottom;border:0;background:transparent;box-shadow:none;filter:saturate(1.04) contrast(1.02)}
.mascot-companion.has-personal-avatar .mascot-personal-character:hover{}
.personal-avatar-halo{inset:6px 1px 3px;border-radius:48%;border-color:rgba(106,94,84,.16)}.personal-avatar-status{right:3px;bottom:8px}
.mascot-companion.has-personal-avatar .mascot-side-shadow{left:22px;right:16px;bottom:7px;height:18px}.mascot-companion.has-personal-avatar .mascot-weather-chip{right:1px;bottom:1px}
.personal-welcome-stage{height:420px}.welcome-personal-avatar{width:260px;height:360px;margin-bottom:8px;border-radius:0;display:block;filter:drop-shadow(0 28px 25px rgba(48,41,35,.22));transform-origin:50% 92%}
.welcome-personal-avatar>img{width:100%;height:100%;border-radius:0;object-fit:contain;object-position:center bottom;border:0;background:transparent;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;filter:saturate(1.04) contrast(1.02);box-shadow:none}
.welcome-avatar-halo{inset:14px 10px 5px;border-radius:45%}.welcome-personal-avatar>i{right:20px;bottom:26px}
@keyframes livenzaCharacterIdle{0%,100%{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-3px) rotate(-.6deg) scale(1.006)}50%{transform:translateY(-7px) rotate(.4deg) scale(1.012)}75%{transform:translateY(-3px) rotate(.7deg) scale(1.006)}}
@keyframes livenzaCharacterReact{0%{transform:translateY(0) rotate(0) scale(1)}35%{transform:translateY(-10px) rotate(-2deg) scale(1.04)}65%{transform:translateY(-5px) rotate(2deg) scale(1.03)}100%{transform:translateY(0) rotate(0) scale(1)}}
@media (max-width:760px){.avatar-preview-shell{width:230px}.personal-welcome-stage{height:330px}.welcome-personal-avatar{width:205px;height:285px;margin-bottom:0}.mascot-companion.has-personal-avatar{width:104px;height:148px}.mascot-companion.has-personal-avatar .mascot-companion-button{width:104px;height:148px}.mascot-companion.has-personal-avatar .mascot-personal-character{left:8px;bottom:17px;width:88px;height:122px}.mascot-personal-character>img{width:100%;height:100%}}
@media (max-width:399px){.mascot-companion.has-personal-avatar .mascot-personal-character{display:block;width:76px;height:108px;left:8px}.mascot-companion.has-personal-avatar{width:92px;height:132px}.mascot-companion.has-personal-avatar .mascot-companion-button{width:92px;height:132px}}
@media (prefers-reduced-motion:reduce){.welcome-personal-avatar,.mascot-companion.has-personal-avatar .mascot-personal-character{}}
.connection-edit-details{border-top:1px solid rgba(43,36,30,.07);padding-top:10px}.connection-edit-details summary{cursor:pointer;color:#6a5e54;font-size:10px;font-weight:800}.connection-edit-details form{margin-top:12px;padding:12px;border-radius:14px;background:rgba(247,250,252,.82)}

/* =====================================================================
   Tesla OS 27 — translucent left applications drawer
   ===================================================================== */
.apps-drawer-backdrop[hidden],.apps-drawer[hidden]{display:none}
.apps-drawer-backdrop{position:fixed;z-index:2147482400;top:var(--apps-drawer-top,112px);right:0;bottom:0;left:0;background:rgba(33,29,22,.16);opacity:0;transition:opacity .25s ease}
.apps-drawer-backdrop.open{opacity:1}
.apps-drawer{position:fixed;z-index:2147482500;left:14px;top:var(--apps-drawer-top,112px);bottom:14px;width:min(370px,calc(100vw - 28px));display:flex;flex-direction:column;color:#31281d;border:1px solid rgba(255,255,255,.62);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(247,243,236,.28));box-shadow:0 30px 80px rgba(33,29,22,.20),inset 0 1px 0 rgba(255,255,255,.82);transform:translateX(calc(-100% - 34px));opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s ease}
.apps-drawer.open{transform:translateX(0);opacity:1}
.apps-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.48);background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.08))}
.apps-drawer-head .eyebrow{margin:0 0 3px;color:#695d53;font-size:9px;letter-spacing:.14em}
.apps-drawer-head b{display:block;color:#2b241e;font-size:16px;letter-spacing:-.02em}.apps-drawer-head small{display:block;margin-top:3px;color:#867d72;font-size:9px;line-height:1.4}
.apps-drawer-head>button{flex:0 0 36px;width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(255,255,255,.36);color:#2b241e;font-size:24px;line-height:1;box-shadow:none;}
.apps-drawer-scroll{flex:1;min-height:0;overflow:auto;padding:10px 12px 20px;scrollbar-width:thin;overscroll-behavior:contain}
.apps-drawer-section{padding:6px 0 10px;border-bottom:1px solid rgba(255,255,255,.34)}.apps-drawer-section:last-child{border-bottom:0}
.apps-drawer-section>p{margin:4px 8px 6px;color:#7b6e63;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.apps-drawer-items{display:grid;gap:4px}
.apps-drawer-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:center;padding:7px 8px;border:1px solid transparent;border-radius:17px;background:rgba(255,255,255,.11);color:#372e23;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.apps-drawer-item:hover,.apps-drawer-item.active{background:rgba(255,255,255,.46);border-color:rgba(255,255,255,.72);transform:translateX(3px);box-shadow:0 8px 20px rgba(33,29,22,.06)}
.apps-drawer-item>i{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#2b241e;color:#fff;font-style:normal;font-size:18px;box-shadow:0 8px 18px rgba(33,29,22,.18),inset 0 1px 0 rgba(255,255,255,.16)}
.apps-drawer-item>i .ui-icon{width:19px;height:19px;stroke:currentColor;fill:none}.apps-drawer-item>span{display:flex;flex-direction:column;min-width:0}.apps-drawer-item b{color:#32291e;font-size:12px;line-height:1.2}.apps-drawer-item small{margin-top:2px;color:#847b70;font-size:9px;line-height:1.35;white-space:normal}
.apps-drawer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 14px;border-top:1px solid rgba(255,255,255,.50);background:rgba(255,255,255,.18)}.apps-drawer-foot>span{display:flex;min-width:0;flex-direction:column}.apps-drawer-foot b{max-width:190px;white-space:normal;overflow-wrap:anywhere;color:#2b241e;font-size:10px}.apps-drawer-foot small{color:#90877c;font-size:8px;margin-top:1px}.apps-drawer-foot>a{display:flex;align-items:center;gap:6px;color:#2b241e;text-decoration:none;font-size:10px;font-weight:800;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.32);border:1px solid rgba(255,255,255,.55)}
body.apps-drawer-open{}
@media (max-width:700px){.apps-drawer{left:10px;bottom:10px;width:min(88vw,380px);border-radius:24px;}.apps-drawer-head{padding:15px 14px 12px}.apps-drawer-scroll{padding:8px 9px 16px}.apps-drawer-item{grid-template-columns:42px minmax(0,1fr);padding:6px 7px}.apps-drawer-item>i{width:42px;height:42px}.apps-drawer-foot{padding:10px 12px 12px}}
@media (prefers-reduced-motion:reduce){.apps-drawer,.apps-drawer-backdrop,.apps-drawer-item{transition:none}}


/* =====================================================================
   Tesla OS 27 — Landlord / Tenant Master workspaces
   ===================================================================== */
.master-toolbar{padding:14px 16px;margin-bottom:14px}.master-toolbar form{display:grid;grid-template-columns:minmax(240px,1fr) 170px auto;gap:10px;align-items:end}.master-toolbar label{gap:5px}.master-toolbar input,.master-toolbar select{min-height:42px;border-radius:12px;background:rgba(255,255,255,.76);border-color:rgba(87,77,68,.13);color:#38302a}
.master-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}.master-card{padding:17px;display:grid;gap:13px}.master-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.master-card-head h3{margin:2px 0 4px;color:#2b241e}.master-card-head p{margin:0;color:#887f74;font-size:10px}.master-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}.master-card dl>div{padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.39);border:1px solid rgba(255,255,255,.52)}.master-card dt{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#9a9186}.master-card dd{margin:3px 0 0;color:#3c342d;font-size:10px;font-weight:750;overflow-wrap:anywhere}
.master-status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em;border:1px solid rgba(25,106,76,.15);background:rgba(229,248,239,.76);color:#21734f}.master-status-chip.archived{border-color:rgba(141,91,24,.16);background:rgba(255,246,225,.76);color:#8b651d}
.master-editor{padding:0;background:transparent;border:0;box-shadow:none}.master-section{padding:18px;margin:0 0 13px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.69),rgba(236,245,250,.49));border:1px solid rgba(255,255,255,.72);box-shadow:0 15px 38px rgba(33,29,22,.06),inset 0 1px 0 rgba(255,255,255,.88);}.master-section .section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:13px}.master-section h2{margin:2px 0;color:#2b241e;font-size:18px}.master-section .form-grid{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:11px}.master-section label{font-size:9px;color:#7c7368}.master-section input,.master-section select,.master-section textarea{min-height:41px;border-radius:12px;border:1px solid rgba(86,76,67,.13);background:rgba(255,255,255,.78);color:#3b332d}.security-chip{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:rgba(228,247,239,.80);border:1px solid rgba(34,132,91,.14);color:#21724e;font-size:8px;font-weight:900;letter-spacing:.08em}
.master-reveal-panel{margin:13px 0 16px;padding:14px 16px;border-radius:18px;background:rgba(251,247,240,.68);border:1px solid rgba(86,76,67,.10)}.master-reveal-panel select{min-width:min(280px,100%)}.masked-value{display:block;margin-top:10px;min-height:40px;padding:11px 13px;border-radius:12px;border:1px dashed rgba(91,81,72,.18);background:rgba(255,255,255,.58);color:#524840;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}
.document-vault-list{padding:18px;margin:15px 0}.document-upload-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;margin:14px 0 18px}.document-upload-form label{font-size:9px}.document-upload-form input,.document-upload-form select{min-height:41px;border-radius:12px;background:rgba(255,255,255,.78);color:#3b332d;border-color:rgba(86,76,67,.12)}.document-vault-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(180px,1.2fr) minmax(120px,.65fr) minmax(250px,auto);gap:10px;align-items:center;padding:12px 0;border-top:1px solid rgba(73,64,57,.09)}.document-vault-row>span{font-size:9px;color:#81786d}.document-vault-row>b{font-size:10px;color:#3b332d}.document-vault-row>small{font-size:9px;color:#92897e}.document-vault-row input[type=file]{max-width:170px;font-size:8px}
.agreement-master-picker{padding:18px;margin:0 0 15px}.agreement-master-picker>.section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.agreement-master-picker .party-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.agreement-master-picker .party-profile-grid>article{padding:14px;border-radius:18px;background:rgba(255,255,255,.44);border:1px solid rgba(255,255,255,.60)}.agreement-master-picker .party-profile-grid>article>div:first-child{display:flex;gap:10px;align-items:center;margin-bottom:10px}.party-profile-icon{flex:0 0 40px;width:40px;height:40px;border-radius:13px;background:#2b241e;color:#fff;display:grid;place-items:center;font-size:17px}.agreement-master-picker article b{color:#3f362b}.agreement-master-picker article small{display:block;margin-top:2px;color:#938a7f;font-size:9px}.agreement-master-picker select{margin-top:5px;border-radius:12px;background:rgba(255,255,255,.78);color:#3b332d}.admin-master-actions{padding-top:8px;margin-top:8px;border-top:1px solid rgba(78,69,60,.08)}
.agreement-annexure-picker{margin-top:14px;padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(238,248,253,.72),rgba(255,255,255,.42));border:1px solid rgba(108,96,86,.10)}.annexure-picker-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.annexure-picker-head b{display:block;color:#2b241e;font-size:11px}.annexure-picker-head small{display:block;margin-top:3px;color:#90877c;font-size:9px;line-height:1.45}.annexure-picker-head>span{padding:5px 8px;border-radius:999px;background:#2b241e;color:#fff;font-size:7px;font-weight:900;letter-spacing:.08em}.annexure-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px}.annexure-picker-grid>div{padding:10px;border-radius:14px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.62)}.annexure-picker-grid>div>strong{display:block;margin-bottom:7px;color:#4d443b;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.annexure-document-list{display:grid;gap:5px}.annexure-document-option{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:8px;border-radius:11px;background:rgba(255,255,255,.46);border:1px solid rgba(85,75,66,.07);cursor:pointer}.annexure-document-option input{width:auto;margin-top:2px}.annexure-document-option span{display:block}.annexure-document-option b{font-size:9px}.annexure-document-option small{font-size:8px;line-height:1.35}
.master-operations-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0}.master-usage-panel,.master-audit-panel{padding:18px}.master-linked-list,.master-audit-list{display:grid;gap:7px;margin-top:12px}.master-linked-list>a{display:flex;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.43);border:1px solid rgba(82,73,64,.07)}.master-linked-list b{font-size:10px;color:#3b332d}.master-linked-list small{font-size:8px;color:#938a7f;text-align:right}.master-audit-list>div{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;padding:9px 0;border-top:1px solid rgba(73,64,57,.07)}.master-audit-list p{margin:0}.master-audit-list b,.master-audit-list small,.master-audit-list em{display:block}.master-audit-list b{font-size:9px;color:#3b332d}.master-audit-list small{font-size:8px;color:#948b80;margin-top:2px}.master-audit-list em{font-style:normal;font-size:8px;color:#81786d;margin-top:3px}
.safe-master-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px;margin-bottom:14px}.safe-master-hero h2{margin:2px 0 5px;color:#2b241e}.safe-master-hero p{margin:0;color:#898075}.master-safe-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:14px}.master-safe-grid>article{padding:18px}.safe-master-list{display:grid;gap:6px;margin:10px 0 0}.safe-master-list>div{display:grid;grid-template-columns:minmax(120px,.45fr) 1fr;gap:12px;padding:9px 0;border-top:1px solid rgba(73,64,57,.07)}.safe-master-list dt{font-size:8px;color:#938a7f;text-transform:uppercase;letter-spacing:.07em}.safe-master-list dd{margin:0;color:#3d352e;font-size:10px;font-weight:650;overflow-wrap:anywhere}
@media (max-width:900px){.master-toolbar form{grid-template-columns:1fr 150px auto}.document-upload-form{grid-template-columns:repeat(2,minmax(0,1fr))}.document-vault-row{grid-template-columns:1fr 1fr}.document-vault-row .actions{grid-column:1/-1}.master-operations-grid,.master-safe-grid{grid-template-columns:1fr}}
@media (max-width:680px){.master-toolbar form,.document-upload-form,.agreement-master-picker .party-profile-grid,.annexure-picker-grid{grid-template-columns:1fr}.master-card dl{grid-template-columns:1fr}.master-section{padding:14px}.document-vault-row{grid-template-columns:1fr;gap:4px}.safe-master-hero{flex-direction:column}.safe-master-list>div{grid-template-columns:1fr;gap:4px}}


/* =====================================================================
   Tesla OS 27 — navigation layout safety primitives
   ===================================================================== */
:root{
  --safe-nav-gap:10px;
  --safe-sticky-height:52px;
  --safe-header-reserve:96px;
}
.safe-tabs{
  display:flex;align-items:center;gap:var(--safe-nav-gap,10px);flex-wrap:wrap;
  margin:14px 0 20px;position:relative;z-index:2;min-width:0;
}
.safe-scroll-tabs{
  flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;
  scrollbar-width:thin;padding-bottom:4px;-webkit-overflow-scrolling:touch;
}
.safe-tab{
  flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;justify-content:center;
  position:relative;
}
.safe-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin:12px 0 20px;position:relative;z-index:2;min-width:0;
}
.safe-sticky{
  position:sticky;top:var(--safe-header-reserve,96px);min-height:var(--safe-sticky-height,52px);
  z-index:20;
}
.safe-content-after-sticky{
  scroll-margin-top:calc(var(--safe-header-reserve,96px) + var(--safe-sticky-height,52px) + 16px);
}
.safe-tabs > .safe-tab,
.safe-tabs > a,
.safe-tabs > button{max-width:100%}
.safe-tab:focus-visible,
.apps-drawer-item:focus-visible,
.account-dropdown-menu [role="menuitem"]:focus-visible,
.integration-category-tabs a:focus-visible,
.integration-provider-row:focus-visible{
  outline:3px solid rgba(106,94,84,.42);outline-offset:3px;
  box-shadow:0 0 0 5px rgba(92,74,59,.12);
}
/* Companion tabs must occupy normal panel flow instead of hovering over page copy. */
.companion-mode-tabs.safe-tabs{
  position:relative;top:auto;z-index:3;margin:0;
  display:flex;grid-template-columns:none;flex-wrap:nowrap;
  min-height:60px;padding:8px 12px;
}
.companion-mode-tabs.safe-tabs button{flex:1 0 max-content;min-width:0}
@media (max-width:760px){
  :root{--safe-header-reserve:78px}
  .safe-tabs{gap:8px;margin-block:10px 16px}
  .safe-toolbar{gap:9px;margin-block:10px 16px}
  .safe-scroll-tabs{padding-inline:2px}
}

/* =====================================================================
   Tesla OS 27 — unified translucent side drawers
   ===================================================================== */
.side-drawer[hidden],.side-drawer-backdrop[hidden]{display:none}
.side-drawer{will-change:transform,opacity}
.side-drawer-left{left:14px;right:auto}
.side-drawer-right{left:auto;right:14px;transform:translateX(calc(100% + 34px))}
.side-drawer-right.open{transform:translateX(0);opacity:1}
.account-drawer-toggle{appearance:none;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit}
.account-drawer-toggle:focus-visible{outline:3px solid rgba(106,94,84,.35);outline-offset:3px}
.account-drawer-identity{display:flex;align-items:center;gap:11px;min-width:0}.account-drawer-identity>img{width:46px;height:46px;border-radius:15px;object-fit:cover;border:1px solid rgba(255,255,255,.72);box-shadow:0 7px 18px rgba(33,29,22,.12)}.account-drawer-identity>.profile-initial{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#2b241e;color:#fff}.account-drawer-identity>span:last-child{min-width:0}.account-drawer-identity b{white-space:normal;overflow-wrap:anywhere;max-width:210px}
.account-drawer-form{margin:0}.account-drawer-action{width:100%;border:1px solid transparent;text-align:left;cursor:pointer}.account-drawer-action>span{text-align:left}
body.side-drawer-open{}
.experience-shot{cursor:default}.experience-shot:focus{outline:none}
@media (max-width:700px){.side-drawer-left{left:10px}.side-drawer-right{right:10px}.side-drawer{width:min(88vw,380px)}}
@media (prefers-reduced-motion:reduce){.side-drawer,.side-drawer-backdrop{transition:none;will-change:auto}}

/* =====================================================================
   Tesla OS 27 — TV / weak-browser performance budget
   ===================================================================== */
html.tv-performance{scroll-behavior:auto}
html.tv-performance .aurora,
html.tv-performance .liquid-noise,
html.tv-performance .live-motion-layer,
html.tv-performance .livenza-weather-scene,
html.low-capability .aurora,
html.low-capability .liquid-noise,
html.low-capability .live-motion-layer,
html.low-capability .livenza-weather-scene{display:none;}
html.tv-performance .page-head h1,
html.tv-performance .experience-shot,
html.tv-performance .module-photo,
html.tv-performance .module-visual-ribbon,
html.tv-performance .ai-orbit,
html.tv-performance .ai-spark,
html.low-capability .page-head h1,
html.low-capability .experience-shot,
html.low-capability .module-photo,
html.low-capability .module-visual-ribbon,
html.low-capability .ai-orbit,
html.low-capability .ai-spark{transition:none;transform:none;will-change:auto}
html.tv-performance .liquid-card,
html.tv-performance .liquid-nav,
html.tv-performance .side-drawer,
html.tv-performance .side-drawer-backdrop,
html.tv-performance .companion-chat-form,
html.low-capability .liquid-card,
html.low-capability .liquid-nav,
html.low-capability .side-drawer,
html.low-capability .side-drawer-backdrop,
html.low-capability .companion-chat-form{}
html.tv-performance .liquid-card,
html.tv-performance .side-drawer,
html.low-capability .liquid-card,
html.low-capability .side-drawer{box-shadow:0 8px 22px rgba(43,36,30,.09)}
html.tv-performance .side-drawer,
html.low-capability .side-drawer{background:rgba(246,250,253,.985)}
html.tv-performance .experience-shot:hover,
html.low-capability .experience-shot:hover{transform:none}
html.tv-performance .touch-ripple,
html.low-capability .touch-ripple{display:none}

/* ===== Tesla OS 27 · Genuine WebGL Livenza 3D Host ===== */
.livenza3d-host{position:relative;width:150px;height:240px;pointer-events:none;filter:none;transform:none}
.livenza3d-canvas-mount{position:absolute;inset:0;pointer-events:auto;overflow:visible}
.livenza3d-canvas{display:block;width:100%;height:100%;background:transparent;outline:0;cursor:pointer;touch-action:manipulation;filter:drop-shadow(0 18px 18px rgba(36,29,24,.18))}
.livenza3d-canvas:focus-visible{border-radius:24px;outline:3px solid rgba(158,143,129,.75);outline-offset:2px}
.livenza3d-assistant-button{pointer-events:auto;position:absolute;right:0;bottom:6px;z-index:5;display:flex;align-items:center;gap:6px;width:auto;height:32px;min-height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:linear-gradient(135deg,rgba(48,41,35,.94),rgba(106,94,84,.92));color:#fff;box-shadow:0 8px 20px rgba(48,41,35,.18);font-size:9px;font-weight:800;letter-spacing:.08em}
.livenza3d-assistant-button>span:first-child{font-size:12px;color:#e3cfbb}.livenza3d-status{position:absolute;inset:auto 0 12px 0;margin:0;padding:8px 10px;border-radius:12px;background:rgba(248,252,255,.92);color:#50473c;box-shadow:0 8px 22px rgba(48,41,35,.12);font-size:9px;line-height:1.35;text-align:center;pointer-events:none}
.mascot-companion{width:150px;height:240px;background:transparent;border:0;box-shadow:none;overflow:visible;pointer-events:none}
.mascot-companion .mascot-companion-panel{pointer-events:auto}.mascot-companion .livenza3d-host{pointer-events:none}.mascot-companion.panel-open .livenza3d-host{opacity:.92}
.mascot-companion.scroll-collapsed:not(.panel-open){width:86px;height:138px;opacity:.94}.mascot-companion.scroll-collapsed:not(.panel-open) .livenza3d-host{width:86px;height:138px;transform-origin:left bottom}.mascot-companion.scroll-collapsed:not(.panel-open) .livenza3d-assistant-button{padding:0 7px;bottom:0}.mascot-companion.scroll-collapsed:not(.panel-open) .livenza3d-assistant-button span:last-child{display:none}
.host-size-small{width:110px;height:176px}.host-size-medium{width:150px;height:240px}.host-size-large{width:190px;height:304px}.host-pos-bottom-left{margin-right:auto}.host-pos-bottom-right{margin-left:auto}
body.tv-performance .livenza3d-canvas{filter:none}body.tv-performance .livenza3d-assistant-button{box-shadow:none}
@media (max-width:760px){.mascot-companion{width:110px;height:176px;left:6px;right:auto}.livenza3d-host{width:110px;height:176px}.mascot-companion-panel{bottom:180px}.livenza3d-assistant-button{height:30px;min-height:30px;padding-inline:8px}}
@media (max-width:399px){.mascot-companion{width:86px;height:138px}.livenza3d-host{width:86px;height:138px}.mascot-companion-panel{bottom:142px}.livenza3d-assistant-button span:last-child{display:none}}
.host3d-welcome-stage{display:grid;place-items:center}.host3d-welcome-mark{position:relative;z-index:3;display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.96),rgba(242,238,231,.82) 48%,rgba(92,74,59,.14));border:1px solid rgba(255,255,255,.88);box-shadow:0 18px 44px rgba(48,41,35,.14)}.host3d-welcome-mark span{font-size:34px;font-weight:900;color:#6a5e54;letter-spacing:-.04em}.host3d-welcome-mark b{font-size:8px;letter-spacing:.16em;color:#3f352d}.host3d-settings-mark{font-weight:900;color:#6a5e54;background:linear-gradient(145deg,#fff7ec,#fff)}
.mascot-companion.host-pos-bottom-left{left:max(6px,calc((100vw - 1360px)/2));right:auto;transform-origin:left bottom}.mascot-companion.host-pos-bottom-right{right:max(8px,calc((100vw - 1360px)/2));left:auto;transform-origin:right bottom}.mascot-companion.host-pos-bottom-right .mascot-companion-panel{right:calc(100% + 10px);left:auto;transform-origin:right bottom}.mascot-companion.host-pos-bottom-left .mascot-companion-panel{left:calc(100% + 10px);right:auto}.mascot-companion.host-shell-size-small{width:110px;height:176px}.mascot-companion.host-shell-size-medium{width:150px;height:240px}.mascot-companion.host-shell-size-large{width:190px;height:304px}


/* ===== Tesla OS 27 Responsive UI Quality Canonical Layer ===== */
html{max-width:100%;}
body{max-width:100%;font-size:var(--text-body);line-height:var(--line-body);}
.shell>*,main>*,section>*,article>*,aside>*{min-width:0}
h1,h2,h3,h4{line-height:var(--line-heading);overflow-wrap:anywhere}
p,li,dd,dt,label,small,span,b,strong{word-break:normal}
p,li,dd{overflow-wrap:anywhere}
.app-content-shell{min-width:0;isolation:isolate}
.ui-stack{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.ui-stack.compact{gap:var(--space-2)}
.ui-cluster,.safe-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0}
.ui-cluster>*,.safe-actions>*{min-width:0}
.ui-auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-4);min-width:0}
.responsive-card{height:auto;min-width:0;padding:clamp(14px,1.6vw,22px);border-radius:var(--radius-card);overflow:visible}
.responsive-card :is(h1,h2,h3,h4,p,small,label){max-width:100%;overflow-wrap:anywhere}
.responsive-table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.responsive-table-wrap>table{width:max(100%,var(--table-min,760px))}
.safe-tabs{display:flex;align-items:center;gap:var(--safe-nav-gap,10px);flex-wrap:wrap;min-width:0;position:relative}
.safe-scroll-tabs{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scroll-padding-inline:var(--space-4);padding-inline:var(--space-1);padding-bottom:var(--space-2);overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.safe-tab{flex:0 0 auto;min-height:var(--control-min);max-width:100%;display:inline-flex;align-items:center;justify-content:center;}
.safe-toolbar{height:auto;min-height:var(--control-min);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;min-width:0;position:relative}
.safe-toolbar>*{min-width:0}
.liquid-card,.form-card,.table-card,.review-card,.note,.flash,.placeholder{min-width:0;height:auto;color:#2b241e}
.liquid-card,.form-card,.review-card,.note,.flash,.placeholder{background:var(--glass-readable);border:1px solid var(--glass-border)}
.liquid-card :is(h1,h2,h3,h4,p,small,label,b,strong),.form-card :is(h1,h2,h3,h4,p,small,label,b,strong),.flash{overflow-wrap:anywhere}
button,.btn,input,select,textarea{font:inherit}
button,.btn,input:not([type="checkbox"]):not([type="radio"]),select{min-height:var(--control-min)}
button,.btn{max-width:100%;white-space:normal;line-height:var(--line-compact)}
.actions,.integration-actions,.connection-admin-actions,.reminder-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;min-width:0}
.actions>*,.integration-actions>*,.connection-admin-actions>*,.reminder-actions>*{min-width:0}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--space-3);min-width:0}
.form-grid>*,.form-grid label{min-width:0}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;max-width:100%;min-width:0}
label{line-height:var(--line-compact)}
@media (max-width:620px){.safe-actions[data-stack-mobile="true"],.actions[data-stack-mobile="true"]{align-items:stretch;flex-direction:column}.safe-actions[data-stack-mobile="true"]>*,.actions[data-stack-mobile="true"]>*{width:100%}}

/* Responsive admin / master workspace safety */
.admin-avatar-grid,.permission-grid,.master-operations-grid,.master-safe-grid{min-width:0}
.master-section,.master-card,.safe-master-hero,.integration-admin-card{height:auto;min-width:0;overflow:visible}
.master-section .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr))}
.document-vault-row,.document-upload-form{min-width:0}
.document-vault-row>*,.document-upload-form>*{min-width:0}
.user-security-wrap,.user-avatar-card,.user-access-card,.security-admin-grid,.admin-grid,.user-admin-list{min-width:0}
.user-head,.security-card-head,.safe-master-hero{display:flex;gap:var(--space-3);align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.admin-avatar-actions,.user-identity,.master-reveal-panel{min-width:0}
.admin-avatar-actions p,.master-section p,.safe-master-list dd{overflow-wrap:anywhere}
/* Keep the canonical global form-grid contract last; scoped master grids above intentionally override by specificity. */
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--space-3);min-width:0}

/* Dense operational tables: local overflow only */
table{border-collapse:collapse;max-width:none}
th,td{vertical-align:top;line-height:var(--line-compact)}
th{white-space:normal}
td{overflow-wrap:anywhere}
.responsive-table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible}
.responsive-table-wrap table{min-width:var(--table-min,760px)}
@media (max-width:620px){.register-tools,.reconcile-form,.bank-selector-row{grid-template-columns:1fr}}

/* Unified footer, fullscreen, and independent companion panel geometry */

.site-footer{height:auto;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
.footer-company,.footer-created,.footer-time{min-width:0}
.footer-company small,.footer-created{overflow-wrap:anywhere}
.mascot-companion{pointer-events:none}
.mascot-companion-panel{pointer-events:auto;width:min(420px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:auto;max-height:min(720px,calc(100vh - 32px));overflow:auto;background:var(--glass-readable-strong);color:#2b241e}
.mascot-companion-panel :is(p,small,b,strong,blockquote,.assistant-message){overflow-wrap:anywhere}
/* Theatre fallback keeps the same document-flow layout as fullscreen when rotation is not active. */
html.livenza-theatre-mode:not(.site-rotation-active),html.livenza-theatre-mode:not(.site-rotation-active) body{height:auto;min-height:100%;overflow-y:auto}
html.livenza-theatre-mode:not(.site-rotation-active) .app-viewport{position:relative;inset:auto;width:100%;height:auto;min-height:100vh;max-width:none;margin:0;overflow:visible;transform:none}
@media (max-width:700px){.site-footer{align-items:flex-start;flex-direction:column}}

/* Responsive UI performance budget - canonical final layer */
html{overflow-x:hidden}
body{overflow-x:hidden}
.safe-scroll-tabs{overflow-x:auto;overflow-y:hidden}
.live-motion-layer,.module-photo,.experience-shot img,.avatar-preview-shell{overflow:hidden}
.safe-tab{white-space:nowrap}
.query-sheet thead th{white-space:nowrap}
.liquid-card,.liquid-nav,.side-drawer,.mascot-companion-panel{
  backdrop-filter:blur(16px) saturate(135%);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
}
.liquid-card .liquid-card,.connection-card,.portal-card,.integration-stream article,.master-card{
  background:rgba(255,255,255,.72);
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  
}
html.tv-performance .liquid-card,
html.tv-performance .side-drawer,
html.tv-performance .mascot-companion-panel,
html.low-capability .liquid-card,
html.low-capability .side-drawer,
html.low-capability .mascot-companion-panel{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:0 8px 22px rgba(43,36,30,.09);
  background:rgba(246,250,253,.985);
}
/* Content-bearing selectors are last so later legacy rules cannot reintroduce fixed-height clipping. */
.liquid-card{height:auto;min-height:0}
.responsive-card{height:auto;min-height:0;overflow:visible}
.flash{height:auto;min-height:0;overflow:visible}
.safe-toolbar{height:auto;min-height:var(--control-min)}
nn/* Independent Ask Livenza panel — canonical responsive overlay */
.mascot-companion-panel{
  position:fixed;
  z-index:2147481500;
  left:auto;
  right:max(16px,calc(50vw - 680px));
  top:auto;
  bottom:max(12px,calc(var(--legal-footer-height,58px) + env(safe-area-inset-bottom) + 14px));
  width:min(468px,calc(100vw - 32px));
  max-width:calc(100vw - 32px);
  height:min(720px,calc(100vh - 96px));
  max-height:calc(100vh - 96px);
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  transform:none;
  transform-origin:center bottom;
  border:1px solid rgba(255,255,255,.78);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(247,251,253,.84),rgba(235,246,251,.76));
  color:#3f352d;
  box-shadow:0 24px 70px rgba(48,41,35,.17),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(14px) saturate(128%);
  -webkit-backdrop-filter:blur(14px) saturate(128%);
  isolation:isolate;
}
.mascot-companion-panel[hidden]{display:none}
.mascot-companion-panel.open{transform:none}
.companion-panel-head{
  position:static;
  flex:0 0 auto;
  min-height:74px;
  padding:14px 16px;
  background:rgba(247,251,253,.72);
  border-bottom:1px solid rgba(48,41,35,.08);
}
.companion-panel-head>div{min-width:0}
.companion-panel-head b{font-size:16px;line-height:1.25}
.companion-panel-head small{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:#7c7368;white-space:normal}
.companion-mode-tabs{
  position:static;
  top:auto;
  flex:0 0 auto;
  padding:10px 12px;
  background:rgba(247,251,253,.60);
  border-bottom:1px solid rgba(48,41,35,.07);
}
.companion-mode-tabs .safe-tab{min-height:46px;font-size:12px}
.companion-mode-view.active{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.companion-mode-view[data-companion-view="live"].active{padding-bottom:8px}
.companion-chat-view.active{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-height:0;
  height:auto;
  overflow:hidden;
}
.companion-chat-intro{
  flex:0 0 auto;
  padding:13px 16px 10px;
  background:rgba(255,255,255,.34);
}
.companion-chat-intro b{font-size:14px;line-height:1.3}
.companion-chat-intro small{font-size:11px;line-height:1.45;color:#7c7368;white-space:normal}
.companion-chat-messages{
  flex:1 1 auto;
  min-height:150px;
  height:auto;
  max-height:none;
  overflow-y:auto;
  overflow-x:hidden;
  padding:12px 16px;
  scroll-padding-block:12px;
}
.companion-chat-messages .assistant-message{
  max-width:88%;
  font-size:12px;
  line-height:1.5;
  white-space:normal;
  overflow-wrap:anywhere;
}
.companion-chat-suggestions{
  flex:0 0 auto;
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  padding:8px 14px;
  background:rgba(247,251,253,.48);
  border-top:1px solid rgba(48,41,35,.06);
}
.companion-chat-suggestions button{
  flex:0 1 auto;
  min-height:38px;
  height:auto;
  padding:8px 12px;
  white-space:normal;
  line-height:1.3;
}
.companion-chat-form{
  position:static;
  flex:0 0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  padding:10px 12px 12px;
  background:rgba(247,251,253,.74);
  border-top:1px solid rgba(48,41,35,.08);
}
.companion-chat-form input{
  min-width:0;
  font-size:16px;
  color:#3f352d;
  background:rgba(255,255,255,.82);
}
.companion-chat-form button{min-width:76px;font-size:12px}
.mascot-companion.panel-open .livenza3d-host{opacity:.22;transition:opacity .16s ease}

@media (max-width:700px){
  .mascot-companion-panel{
    left:8px;
    right:8px;
    bottom:max(8px,env(safe-area-inset-bottom));
    width:auto;
    max-width:none;
    height:min(78vh,calc(100vh - 16px));
    max-height:calc(100vh - 16px);
    border-radius:24px 24px 18px 18px;
  }
  .companion-panel-head{min-height:66px;padding:11px 13px}
  .companion-panel-head b{font-size:15px}
  .companion-mode-tabs{padding:8px}
  .companion-mode-tabs .safe-tab{min-height:44px}
  .companion-chat-intro{padding:11px 12px 8px}
  .companion-chat-messages{min-height:120px;padding:10px 12px}
  .companion-chat-messages .assistant-message{max-width:94%}
  .companion-chat-suggestions{padding:7px 10px}
  .companion-chat-form{padding:8px 10px 10px}
  .mascot-companion.panel-open .livenza3d-host{opacity:.08}
}

html.tv-performance .mascot-companion-panel,
html.low-capability .mascot-companion-panel{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  background:rgba(247,251,253,.97);
  box-shadow:0 12px 32px rgba(48,41,35,.12);
}
@media (prefers-reduced-motion:reduce){
  .mascot-companion.panel-open .livenza3d-host{transition:none}
  .ai-logo-shell,.ai-logo-shell:after,.ai-border-run,.ai-logo-core:before,.ai-orbit,.ai-spark,
  html.tv-performance .ai-border-run,html.low-capability .ai-border-run{animation:none;transform:none;will-change:auto}
}

/* Livenza Companion fallback motion and geometry. */
@keyframes livenzaCompanionIdle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.5deg)}}
@keyframes livenzaCompanionShadow{0%,100%{transform:scaleX(1);opacity:.28}50%{transform:scaleX(.88);opacity:.18}}
.mascot-companion{width:132px;height:190px;background:transparent;border:0;box-shadow:none;overflow:visible;pointer-events:none;left:max(6px,calc((100vw - 1360px)/2));right:auto;bottom:max(70px,calc(var(--legal-footer-height,54px) + env(safe-area-inset-bottom) + 10px));transform-origin:left bottom}
.mascot-companion.mascot-pos-bottom-right{right:max(8px,calc((100vw - 1360px)/2));left:auto;transform-origin:right bottom}.mascot-companion.mascot-pos-bottom-right .mascot-companion-panel{right:calc(100% + 10px);left:auto;transform-origin:right bottom}.mascot-companion.mascot-pos-bottom-left .mascot-companion-panel{left:calc(100% + 10px);right:auto}
.mascot-companion.mascot-size-small{width:104px;height:150px}.mascot-companion.mascot-size-large{width:158px;height:224px}
.mascot-companion-button{position:relative;display:block;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;pointer-events:auto;cursor:pointer;touch-action:manipulation}
.mascot-side-character{position:absolute;left:8px;right:8px;bottom:16px;display:block;z-index:3;transform-origin:50% 92%;animation:none;filter:drop-shadow(0 16px 16px rgba(76,60,47,.20))}.mascot-side-character img{display:block;width:100%;height:auto;max-height:174px;object-fit:contain;user-select:none;pointer-events:none}
.mascot-side-glow{position:absolute;inset:20px 4px 8px;border-radius:48%;background:radial-gradient(ellipse at 50% 72%,rgba(218,196,169,.25),rgba(140,116,91,.06) 54%,transparent 76%);z-index:1}.mascot-side-shadow{position:absolute;left:22px;right:18px;bottom:7px;height:16px;border-radius:50%;background:rgba(69,55,44,.18);filter:blur(5px);z-index:2;animation:none}
.mascot-weather-chip{position:absolute;right:0;bottom:0;z-index:5;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 8px;border-radius:999px;background:rgba(48,41,35,.92);color:#fff;border:1px solid rgba(255,255,255,.78);box-shadow:0 7px 18px rgba(48,41,35,.14);font-size:9px;font-weight:800;letter-spacing:.05em}
.mascot-mini-bubble{display:none}.mascot-companion.mascot-motion-gentle .mascot-side-character{animation-duration:8s}.mascot-companion.mascot-motion-static .mascot-side-character,.mascot-companion.mascot-motion-static .mascot-side-shadow{animation:none}
.mascot-companion.funny-wave .mascot-side-character{animation:mascotFunnyWave 1.25s ease-in-out}.mascot-companion.funny-hop .mascot-side-character{animation:mascotFunnyHop 1.25s ease-in-out}.mascot-companion.funny-peek .mascot-side-character{animation:mascotFunnyPeek 1.25s ease-in-out}.mascot-companion.funny-wobble .mascot-side-character{animation:mascotFunnyWobble 1.25s ease-in-out}.mascot-companion.funny-celebrate .mascot-side-character{animation:mascotFunnyCelebrate 1.35s ease-in-out}
.mascot-companion.scroll-collapsed:not(.panel-open){width:54px;height:54px;opacity:.9}.mascot-companion.scroll-collapsed:not(.panel-open) .mascot-side-character,.mascot-companion.scroll-collapsed:not(.panel-open) .mascot-side-glow,.mascot-companion.scroll-collapsed:not(.panel-open) .mascot-side-shadow,.mascot-companion.scroll-collapsed:not(.panel-open) .companion-float-icon,.mascot-companion.scroll-collapsed:not(.panel-open) .mascot-weather-chip{display:none}.mascot-companion.scroll-collapsed:not(.panel-open) .mascot-mini-bubble{display:grid;width:52px;height:52px;border-radius:50%;place-items:center;background:rgba(245,251,254,.92);border:1px solid rgba(106,94,84,.16);color:#6a5e54;font-size:20px;box-shadow:0 8px 24px rgba(43,36,30,.12)}
@media (max-width:760px){.mascot-companion{width:100px;height:146px;left:6px;right:auto}.mascot-companion.mascot-pos-bottom-right{right:6px;left:auto}.mascot-side-character img{max-height:132px}.mascot-companion-panel{bottom:154px}}
@media (max-width:399px){.mascot-companion{width:82px;height:122px}.mascot-side-character{left:5px;right:5px}.mascot-side-character img{max-height:108px}.mascot-companion-panel{bottom:132px}.companion-float-icon{display:none}}
@media (prefers-reduced-motion:reduce){.mascot-side-character,.mascot-side-shadow,.mascot-companion.funny-wave .mascot-side-character,.mascot-companion.funny-hop .mascot-side-character,.mascot-companion.funny-peek .mascot-side-character,.mascot-companion.funny-wobble .mascot-side-character,.mascot-companion.funny-celebrate .mascot-side-character{animation:none;transition:none}}
/* Performance profiles may simplify companion effects while preserving interaction. */
html.tv-performance .mascot-side-shadow,html.low-capability .mascot-side-shadow,html.mobile-performance .mascot-side-shadow{filter:none}

/* Mascot settings — native controls, readable grouping, no overlay interception. */
.mascot-settings-card{padding:clamp(16px,2.2vw,28px)}.mascot-settings-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(18px,3vw,34px);align-items:start}.mascot-settings-preview{position:sticky;top:calc(86px + 0px);display:grid;place-items:center;text-align:center;gap:10px;min-width:0;padding:22px 18px;border:1px solid rgba(92,74,59,.14);border-radius:22px;background:linear-gradient(160deg,rgba(252,249,244,.92),rgba(238,228,218,.72));overflow:hidden}.mascot-settings-preview>img{position:relative;z-index:2;width:min(190px,84%);height:220px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(48,41,35,.18));animation:none;top:28px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(218,196,169,.22),rgba(140,116,91,.05) 55%,transparent 72%);pointer-events:none}.mascot-preview-badge{position:relative;z-index:2;padding:5px 9px;border-radius:999px;background:#3f352d;color:#fff;font-size:9px;font-weight:800;letter-spacing:.12em}.mascot-settings-preview h2{margin:4px 0 6px}.mascot-settings-form,.mascot-setting-group{min-width:0}.mascot-setting-group{padding:18px;border:1px solid rgba(92,74,59,.12);border-radius:20px;background:rgba(255,255,255,.58)}.compact-settings-head{margin-bottom:14px}.compact-settings-head h3{margin:2px 0 4px}.mascot-form-grid>label{min-width:0}.mascot-form-grid select,.mascot-form-grid input{width:100%;min-height:var(--control-min);pointer-events:auto;position:relative;z-index:1}.mascot-settings-actions{margin-top:2px}
@media (max-width:900px){.mascot-settings-layout{grid-template-columns:1fr}.mascot-settings-preview{position:relative;top:auto;grid-template-columns:110px minmax(0,1fr);text-align:left;justify-items:start}.mascot-settings-preview>img{width:105px;height:130px;grid-row:1/4}.mascot-preview-orbit{left:12px;top:18px;width:120px;height:120px}}
@media (max-width:560px){.mascot-settings-preview{grid-template-columns:84px minmax(0,1fr);padding:16px 12px}.mascot-settings-preview>img{width:82px;height:104px}.mascot-preview-orbit{width:94px;height:94px}.mascot-setting-group{padding:14px}.mascot-settings-actions{display:grid;grid-template-columns:1fr}.mascot-settings-actions>*{width:100%}}
@media (prefers-reduced-motion:reduce){.mascot-settings-preview>img{animation:none}}

/* Categorized application navigation shared by hamburger menu and Home. */
.grouped-apps-drawer{width:min(920px,calc(100vw - 32px));max-width:920px;left:16px;right:auto;height:min(690px,calc(100vh - var(--drawer-top,90px) - 18px));max-height:calc(100vh - 96px);border-radius:26px;overflow:hidden;box-shadow:0 28px 70px rgba(76,60,47,.20)}.grouped-apps-scroll{overflow:auto;overflow-x:hidden;padding:0;scrollbar-width:thin}.application-groups{min-width:0}.application-groups-drawer{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.app-category-tabs{display:flex;gap:8px;min-width:0;padding:14px 18px;border-bottom:1px solid rgba(106,94,84,.11);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.app-category-tabs .safe-tab{flex:0 0 auto;min-height:42px;padding:9px 14px;white-space:normal;border-radius:12px;font-size:12px;line-height:1.15;text-align:center}.app-category-stage{min-width:0;min-height:0}.application-groups-drawer .app-category-stage{overflow:auto;padding:18px}.app-category-panel{min-width:0}.app-category-panel[hidden]{display:none}.grouped-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grouped-app-item{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:11px;min-width:0;min-height:82px;padding:13px;border:1px solid rgba(92,74,59,.12);border-radius:17px;background:rgba(255,255,255,.68);color:#3f352d;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease}.grouped-app-item:hover,.grouped-app-item:focus-visible,.grouped-app-item.active{transform:translateY(-1px);border-color:rgba(106,94,84,.36);background:rgba(247,252,255,.96);outline:0}.grouped-app-item>i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#fff9ee,#fff);color:#6a5e54;font-style:normal;font-size:20px}.grouped-app-item>i img{width:36px;height:36px;object-fit:contain}.grouped-app-item>i .ui-icon{width:22px;height:22px}.grouped-app-item>span{min-width:0}.grouped-app-item b,.grouped-app-item small{display:block;overflow-wrap:anywhere}.grouped-app-item b{font-size:13px;line-height:1.25}.grouped-app-item small{margin-top:4px;color:#81786d;font-size:10px;line-height:1.35}.grouped-app-item>em{font-style:normal;color:#6a5e54;font-size:17px}
.application-groups-home{margin-bottom:28px}.application-groups-home .app-category-tabs{padding:0 0 13px;border-bottom:0}.application-groups-home .app-category-stage{padding:0}.home-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-app-card{display:grid;grid-template-columns:116px minmax(0,1fr);gap:16px;min-width:0;min-height:168px;height:auto;padding:13px;overflow:visible;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.home-app-card:hover,.home-app-card:focus-visible{transform:translateY(-2px);outline:0;border-color:rgba(106,94,84,.3);box-shadow:0 18px 38px rgba(48,41,35,.1)}.home-app-media{position:relative;display:block;min-width:0;height:142px;border-radius:16px;overflow:hidden;background:#fff8ed}.home-app-media>img{width:100%;height:100%;object-fit:cover;filter:saturate(.86)}.home-app-media>i{position:absolute;left:9px;bottom:9px;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(250,253,255,.92);color:#6a5e54;font-style:normal;box-shadow:0 8px 18px rgba(48,41,35,.12)}.home-app-media>i img{width:30px;height:30px;object-fit:contain}.home-app-media>i .ui-icon{width:20px;height:20px}.home-app-copy{display:flex;flex-direction:column;min-width:0;padding:7px 3px 4px}.home-app-copy>small{font-size:8px;font-weight:800;letter-spacing:.12em;color:#6a5e54}.home-app-copy>b{margin-top:7px;font-size:var(--text-card-title);line-height:1.2;color:#3f352d;overflow-wrap:anywhere}.home-app-copy>span{margin-top:7px;color:#807367;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.home-app-copy>em{margin-top:auto;padding-top:10px;color:#6a5e54;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
@media (max-width:1000px){.grouped-app-grid,.home-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grouped-apps-drawer{width:min(760px,calc(100vw - 24px));left:12px}}
@media (max-width:640px){.grouped-apps-drawer{left:8px;right:8px;width:auto;max-width:none;border-radius:20px}.grouped-apps-drawer .apps-drawer-head{padding:14px}.application-groups-drawer .app-category-stage{padding:12px}.app-category-tabs{padding-inline:12px}.grouped-app-grid,.home-app-grid{grid-template-columns:1fr}.grouped-app-item{min-height:72px}.home-app-card{grid-template-columns:92px minmax(0,1fr);min-height:142px}.home-app-media{height:116px}}
@media (max-width:399px){.home-app-card{grid-template-columns:74px minmax(0,1fr);gap:11px}.home-app-media{height:100px}.grouped-app-item{grid-template-columns:40px minmax(0,1fr) 16px;padding:10px}.grouped-app-item>i{width:40px;height:40px}.app-category-tabs .safe-tab{min-height:40px;padding-inline:11px}}
@media (prefers-reduced-motion:reduce){.grouped-app-item,.home-app-card{transition:none;transform:none}}

/* Tesla OS 27 maintenance — UI stabilization and performance floor. */
.app-content-shell,.app-content-shell>* ,.app-content-shell :is(.liquid-card,.responsive-card,.form-card,.safe-toolbar,.safe-tabs,.application-groups,.app-category-panel,.home-app-copy,.grouped-app-item>span){min-width:0}
.app-content-shell :is(h1,h2,h3,h4,p,label,small,b,strong,span,blockquote,.assistant-message,.flash,.note,.note-inline){overflow-wrap:anywhere;word-break:normal}
:is(button,.btn,a[href],input,select,textarea,[role="tab"]){touch-action:manipulation}
:is(button,.btn,a[href],[role="tab"]):focus-visible{outline:3px solid rgba(106,94,84,.34);outline-offset:2px}
.city-grid,.application-groups-home,.readonly-account-grid{contain:none}
.mascot-companion-panel{background:rgba(247,251,253,.9);color:#2b241e;border-color:rgba(255,255,255,.8)}.mascot-companion-panel :is(input,button,.assistant-message){position:relative;z-index:1}.mascot-companion-panel .companion-chat-form{background:rgba(247,251,253,.96)}
.grouped-apps-drawer,.mascot-companion-panel{will-change:transform,opacity}.grouped-apps-drawer:not(.open){will-change:auto}.mascot-companion-panel:not(.open){will-change:auto}
html.mobile-performance :is(.liquid-card,.side-drawer,.mascot-companion-panel,.mascot-settings-preview),html.low-capability :is(.liquid-card,.side-drawer,.mascot-companion-panel,.mascot-settings-preview){backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
html.mobile-performance :is(.aurora,.liquid-noise,.companion-float-icon),html.low-capability :is(.aurora,.liquid-noise,.companion-float-icon){animation:none;transition:none}
@media (max-width:700px){.safe-actions{align-items:stretch}.safe-actions>:is(button,.btn,a){min-width:min(100%,180px)}.app-category-tabs{scroll-padding-inline:12px}.mascot-companion-panel{left:8px;right:8px;width:auto;background:rgba(247,251,253,.95)}}
@media (prefers-reduced-motion:reduce){.ai-border-run,.ai-logo-shell,.ai-logo-shell:after,.ai-orbit,.ai-spark,.mascot-side-character,.mascot-side-shadow,.grouped-app-item,.home-app-card,.aurora,.liquid-noise{animation:none;transition:none;transform:none}html.tv-performance .ai-border-run,html.low-capability .ai-border-run{animation:none}}

/* UI text visibility root fix — content-bearing surfaces grow with wrapped copy. */
.text-safe-surface,
.app-content-shell :is(.page-head,.account-page-head,.liquid-card.responsive-card,.form-card,.review-card,.query-card,.module-card,.home-app-card,.city-card,.agreement-section,.note,.flash,.settings-section-head,.security-card-head,.admin-utility-banner,.live-reminders){
  min-width:0;
  height:auto;
  overflow-y:visible;
}
.app-content-shell :is(.page-head,.account-page-head,.settings-section-head,.security-card-head)>*{min-width:0;max-width:100%}
.app-content-shell :is(h1,h2,h3,h4,p,small,label,b,strong,span,blockquote,dd,dt){max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.app-content-shell :is(.page-head,.account-page-head) p{margin-bottom:0;line-height:1.55}
.app-content-shell :is(.responsive-card,.form-card,.review-card,.query-card,.module-card,.home-app-card,.city-card,.agreement-section){max-height:none}
/* Keep clipping only on explicit media/mask and local scrolling surfaces. */
.app-content-shell :is(.home-app-media,.module-photo,.experience-shot,.avatar-preview-shell){overflow:hidden}

/* Tesla OS 27 typography root contract */
:root{
  --font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Inter,Roboto,Arial,sans-serif;
  --text-title:clamp(30px,2.25vw,42px);
  --text-section:clamp(20px,1.55vw,30px);
  --text-card:clamp(15px,1.05vw,19px);
  --text-body:clamp(13px,.86vw,15.5px);
  --text-meta:clamp(11px,.72vw,13px);
}
body{font-family:var(--font-ui)}
.page-head h1,.account-page-head h1{font-size:var(--text-title);line-height:1.08;letter-spacing:-.035em;max-width:22ch}
.section-title,.section-head h2{font-size:var(--text-section);line-height:1.15;letter-spacing:-.02em}
.app-content-shell :is(.btn,.primary,.secondary){height:auto;white-space:normal;line-height:1.2}
.profile-name,.user-chip b,.account-drawer-identity b,.apps-drawer-foot b,.partner-status-pill small,.integration-metrics b,.companion-operation small,.footer-company small{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}

/* Structural containment retained; visual chrome is owned by macos27_system.css. */
.app-content-shell :is(.check-row,.settings-section-head,.banking-panel-head,.master-card-head,.auth-method-heading,.letterhead-toolbar,.nav-safe-toolbar,.wizard-panel-actions,.master-toolbar){min-width:0;height:auto;overflow:visible}
.app-content-shell :is(.check-row,.settings-section-head,.master-card-head,.auth-method-heading)>*{min-width:0}
.app-content-shell :is(.safe-tab,.status-badge,.badge,.status-pill,.partner-status-pill){white-space:normal;line-height:1.15}
.app-content-shell :is(.safe-tabs,.safe-scroll-tabs,.letterhead-tabs){max-width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:thin}
.app-content-shell :is(.letterhead-editor-grid,.letterhead-grid,.admin-grid,.master-grid,.permission-grid,.form-grid,.connection-grid){min-width:0}
.app-content-shell :is(.letterhead-editor-grid,.letterhead-grid,.admin-grid,.master-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.app-content-shell :is(.form-grid)>label{min-width:0}.app-content-shell :is(.form-grid)>label>input,.app-content-shell :is(.form-grid)>label>select,.app-content-shell :is(.form-grid)>label>textarea{max-width:100%}
.app-category-tabs .safe-tab{white-space:normal;min-width:92px;max-width:190px}.app-category-tabs .safe-tab .ui-icon{width:17px;height:17px;flex:none}.app-category-tabs .safe-tab>span{min-width:0;overflow-wrap:anywhere}
.grouped-apps-scroll{overflow-y:auto;overflow-x:hidden}.application-groups-drawer .app-category-stage{overflow-y:auto;overflow-x:hidden}
/* Never hide the persistent mascot merely because a performance class is active. */
html.mobile-performance .mascot-companion,html.low-capability .mascot-companion,html.tv-performance .mascot-companion{display:block;visibility:visible}
html.mobile-performance .mascot-companion[hidden],html.low-capability .mascot-companion[hidden],html.tv-performance .mascot-companion[hidden]{display:none}

/* Companion welcome stage. */
.companion-welcome-stage{display:grid;place-items:end center;position:relative}
.welcome-companion{position:relative;z-index:3;display:block;width:min(218px,82%);max-height:315px;object-fit:contain;filter:drop-shadow(0 26px 30px rgba(15,11,4,.38));transform-origin:50% 90%;animation:none;z-index:5;bottom:22px;left:50%;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,rgba(196,165,128,.82),rgba(151,126,102,.78));border:1px solid rgba(255,255,255,.3);color:#fff;font-size:9px;font-weight:800;letter-spacing:.11em;white-space:nowrap;box-shadow:0 10px 28px rgba(115,87,62,.25)}
.login-mascot-welcome.is-dancing .welcome-companion{animation:mascotHappyDance 1.15s ease-in-out 2}.mascot-settings-mark{display:grid;place-items:center;background:linear-gradient(145deg,rgba(211,184,151,.30),rgba(158,132,105,.18));color:#fff8ef}.mascot-settings-mark .ui-icon{width:28px;height:28px}
@media (max-width:660px){.welcome-companion{width:min(178px,76%);max-height:240px}.welcome-companion-badge{bottom:12px;font-size:8px}}
@media (prefers-reduced-motion:reduce){.welcome-companion{animation:none}.login-mascot-welcome.is-dancing .welcome-companion{animation:none}}