/* Public and secure-access presentation. Business rules remain in PHP. */
html,body,*{scrollbar-width:none!important}*::-webkit-scrollbar{width:0!important;height:0!important;display:none}
html body .pl-pw-toggle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
@font-face{font-family:Montserrat;src:url('fonts/Montserrat-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Lato;src:url('fonts/Lato-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('fonts/Lato-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{color-scheme:light;--pa-canvas:#eff7f3;--pa-surface:#fcfefd;--pa-soft:#eaf4ec;--pa-ink:#10331f;--pa-muted:#506b60;--pa-line:#d8e8df;--pa-accent:#087f5b;--pa-gold:#ffd434;--pa-shadow:0 5px 18px #10331f08}
html[data-planora-theme=dark]{color-scheme:dark;--pa-canvas:#0c1e17;--pa-surface:#142c22;--pa-soft:#1c382c;--pa-ink:#edf7f0;--pa-muted:#b2cabe;--pa-line:#355346;--pa-accent:#85dbb0;--pa-shadow:0 5px 18px #0002}
@media(prefers-color-scheme:dark){html:not([data-planora-theme]){color-scheme:dark;--pa-canvas:#0c1e17;--pa-surface:#142c22;--pa-soft:#1c382c;--pa-ink:#edf7f0;--pa-muted:#b2cabe;--pa-line:#355346;--pa-accent:#85dbb0;--pa-shadow:0 5px 18px #0002}}
*,*::before,*::after{box-sizing:border-box}html,body{min-width:0;max-width:100%;height:auto;overflow-x:visible}body{margin:0;background:var(--pa-canvas);color:var(--pa-ink);font-family:Lato,sans-serif;line-height:1.55}h1,h2,h3{font-family:Montserrat,Lato,sans-serif;line-height:1.25;letter-spacing:-.025em}a{color:var(--pa-accent)}img{max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select{min-height:44px}button{min-width:44px}input,select,textarea{max-width:100%}:focus-visible{outline:3px solid var(--pa-gold)!important;outline-offset:3px}p,h1,h2,h3,small,label{overflow-wrap:anywhere}
/* Auth: quiet brand column and a content-sized account form. */
html body:has(.auth-page){height:auto;overflow:visible;background:var(--pa-canvas)}
.auth-page{width:min(1280px,100%);height:auto;min-height:100dvh;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:24px;padding:32px;margin:auto;background:none;overflow:visible}
.auth-left{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto;align-content:start;gap:28px;min-height:0;height:auto;padding:32px;background:var(--pa-soft);border:1px solid var(--pa-line);border-radius:24px;box-shadow:none;overflow:visible;color:var(--pa-ink)}
.auth-left::before,.auth-left::after,.floating-dot,.auth-top-motion,.auth-3d-scene{display:none}
.auth-left .brand,.auth-left .left-content,.auth-left .feature-row{position:static;grid-column:auto;grid-row:auto;width:auto;max-width:100%;margin:0;transform:none}
.auth-left .brand-logo{display:flex;gap:12px;align-items:center}.auth-left .logo-box{width:52px;height:52px;flex:0 0 52px;background:transparent;border:0;box-shadow:none}.auth-left .brand h1{font-size:24px;letter-spacing:.01em;color:var(--pa-ink);-webkit-text-fill-color:var(--pa-ink)}.auth-left .brand p,.auth-left .brand span{color:var(--pa-muted)}
.auth-left .left-content h2{font-size:clamp(28px,3.1vw,42px);line-height:1.15;color:var(--pa-ink);-webkit-text-fill-color:var(--pa-ink);text-shadow:none}.auth-left .left-content .statement{font-size:16px;line-height:1.65;color:var(--pa-muted)}.auth-left .eyebrow{font-size:12px;color:var(--pa-accent);letter-spacing:.14em}
.auth-left .feature-row{display:grid;gap:16px}.auth-left .feature{display:flex;gap:12px;padding:0;background:none;border:0;box-shadow:none;min-width:0}.auth-left .feature-icon{background:var(--pa-surface);color:var(--pa-accent);box-shadow:none;width:44px;height:44px;flex:0 0 44px}.auth-left .feature strong{color:var(--pa-ink)}.auth-left .feature span{color:var(--pa-muted)}
.auth-left .auth-lamp-switch{position:relative;grid-column:auto;grid-row:auto;justify-self:start;margin:0;width:190px;min-height:170px;transform:scale(.8);transform-origin:left center;margin-bottom:-28px}.auth-lamp-status{color:var(--pa-ink)}
.auth-right{width:auto;min-width:0;height:auto;min-height:0;display:block;align-self:start;margin:0;padding:32px;background:var(--pa-surface);border:1px solid var(--pa-line);border-radius:24px;box-shadow:var(--pa-shadow);overflow:visible}.form-wrap,.form-wrap.login-wrap,.form-wrap.register-wrap{width:100%;max-width:none;padding:0;animation:none}.form-top{gap:12px;flex-wrap:wrap;margin-bottom:16px}.form-top h2{color:var(--pa-ink);font-size:clamp(24px,2.4vw,30px)}.form-top .label{background:var(--pa-soft);color:var(--pa-accent);border-color:var(--pa-line)}.form-subtitle,.trusted-device-note,.auth-muted-note,.auth-privacy-notice,.password-guidance,.divider p{color:var(--pa-muted);line-height:1.55}.form-grid{gap:16px}.input-group{min-width:0}.auth-page .input-group input,.auth-page .input-group select{background:var(--pa-surface);color:var(--pa-ink);border:1px solid var(--pa-line);border-radius:12px;height:50px;box-shadow:none}.auth-page .auth-field-label{color:var(--pa-ink)}.auth-page .input-group input::placeholder{color:var(--pa-muted);opacity:1}.input-icon{color:var(--pa-muted)}.auth-page .btn-create{background:#087f5b;color:#fff;border:1px solid #087f5b;border-radius:12px;box-shadow:none;min-height:48px}.auth-page .outline-btn{background:var(--pa-soft);color:var(--pa-ink);border-color:var(--pa-line)}.auth-page .password-toggle{min-width:44px;min-height:44px;color:var(--pa-accent)}.auth-page a:not(.google-btn){color:var(--pa-accent)}.auth-page .google-btn:not(.pl-google-button){background:var(--pa-soft);color:var(--pa-ink);border:1px solid var(--pa-line);border-radius:12px;box-shadow:none}.auth-page .otp-box,.auth-page .recovery-card{background:var(--pa-soft);color:var(--pa-ink);border:1px solid var(--pa-line);border-radius:16px}.form-options{gap:12px;flex-wrap:wrap}.legal-acceptance,.google-consent,.trust-device-option,.form-options label{min-height:44px;align-items:center}.auth-legal-links a,.back-login a{display:inline-flex;align-items:center;min-height:44px}.auth-legal-links,.back-login{color:var(--pa-muted)}
/* Public pages keep their route-specific content, composed from compact surfaces. */
html[data-planora-theme],:root{--public-bg:var(--pa-canvas);--public-bg-soft:var(--pa-soft);--public-panel:var(--pa-surface);--public-panel-strong:var(--pa-soft);--public-text:var(--pa-ink);--public-muted:var(--pa-muted);--public-line:var(--pa-line);--public-accent-text:var(--pa-accent);--public-green-text:var(--pa-accent);--public-shadow:var(--pa-shadow);--public-page:min(1280px,calc(100% - 56px))}
body.planora-public-command-center{background:var(--pa-canvas);overflow-x:visible;min-width:0}body.planora-public-command-center::before{display:none}.public-header{background:var(--pa-surface);border:1px solid var(--pa-line);border-radius:20px;box-shadow:var(--pa-shadow);margin:16px auto;width:var(--public-page);padding:12px 20px;gap:16px}.public-header>*{min-width:0}.public-navigation{gap:8px}.public-navigation>a{padding:10px 12px;min-height:44px}.public-brand strong{color:var(--pa-ink)}.public-brand small{color:var(--pa-muted)}.public-main{padding-top:20px}.public-hero{gap:32px;padding-block:24px 32px;min-height:0}.public-hero h1{font-size:clamp(32px,3.8vw,52px);max-width:16ch}.public-hero-copy{padding:24px 0}.public-hero-lede{font-size:17px}.public-hero-visual,.public-hero-copy{min-width:0}.public-photo-stage{border-radius:24px;box-shadow:var(--pa-shadow)}.public-hero-metrics{position:static;margin-top:16px;transform:none;background:var(--pa-surface);border:1px solid var(--pa-line);border-radius:20px}.public-proof-strip{border-radius:20px;background:var(--pa-surface);padding:20px}.public-page-intro{padding-block:28px 16px;max-width:850px}.public-page-intro h1{font-size:clamp(28px,3.5vw,44px)}.public-section{padding-block:24px 40px}.public-section-heading h2{font-size:clamp(24px,2.8vw,32px)}.public-feature-bento{gap:20px}.public-feature-card{border-radius:20px;box-shadow:var(--pa-shadow);padding:24px;min-height:0}.public-workflow-list{gap:12px}.public-workflow-item{background:var(--pa-surface);border:1px solid var(--pa-line);border-radius:20px;padding:20px 24px;min-height:0}.public-workflow-item>span{color:var(--pa-accent)}.public-iot{gap:24px;padding-block:24px 40px}.public-iot-network{border:1px solid var(--pa-line);border-radius:24px;box-shadow:var(--pa-shadow)}.public-footer{background:var(--pa-surface);border-top:1px solid var(--pa-line);margin-top:24px;padding-top:32px}.public-footer-column>a{display:flex;align-items:center;min-height:44px}.public-primary-action{background:#087f5b;color:#fff;border-color:#087f5b;box-shadow:none;border-radius:12px;min-height:44px}.public-quiet-link{display:inline-flex;align-items:center;min-height:44px}.public-photo-stage .public-event-caption{color:#fff}.public-photo-stage .public-event-caption small{color:#eaf4ec}.public-feature-card--main{background:var(--pa-surface)}
/* Legal documents are a reading column, with a separate compact contents rail. */
.public-legal{--bg:var(--pa-canvas);--card:var(--pa-surface);--ink:var(--pa-ink);--muted:var(--pa-muted);--line:var(--pa-line);--accent:var(--pa-accent);--note:var(--pa-soft);--noteline:var(--pa-accent);--focus:var(--pa-gold)}.legal-top{max-width:1120px;margin:16px auto;padding:18px 24px;background:var(--pa-surface);border:1px solid var(--pa-line);border-radius:20px}.legal-top>a{font-family:Montserrat,sans-serif;font-weight:800;text-decoration:none}.legal-nav{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:12px}.legal-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.legal-nav [aria-current=page]{font-weight:800;text-decoration-thickness:2px}.legal{max-width:1040px;margin:32px auto;padding:0 24px;background:none;border:0;border-radius:0;font-size:17px;line-height:1.75}.legal h1{font-size:clamp(28px,3vw,38px);margin:0 0 12px}.legal h2{font-size:22px;margin-top:36px;padding-top:20px;border-top:1px solid var(--pa-line);scroll-margin-top:20px}.legal h3{font-size:18px}.legal .meta,.legal-foot{color:var(--pa-muted)}.legal .status,.legal .note,.legal-owner-input{background:var(--pa-soft);color:var(--pa-ink);border:1px solid var(--pa-line);border-radius:12px;padding:6px 10px}.legal .note{padding:16px}.legal .toc{padding:20px 24px;background:var(--pa-surface);border:1px solid var(--pa-line);border-radius:20px;margin:24px 0}.toc ol{columns:2;column-gap:32px;margin:8px 0 0;padding-left:24px}.toc a{display:inline-flex;align-items:center;min-height:44px}.legal .table-wrap{overflow:auto;border:1px solid var(--pa-line);border-radius:16px;background:var(--pa-surface)}.legal table{width:100%;border-collapse:collapse;font-size:15px}.legal th,.legal td{padding:14px;text-align:left;border-bottom:1px solid var(--pa-line);vertical-align:top;overflow-wrap:anywhere}.legal th{background:var(--pa-soft)}.legal .btn,.pa-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;min-height:44px;white-space:normal;border:1px solid var(--pa-line);border-radius:12px;background:#087f5b;color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.legal .btn.secondary{background:var(--pa-soft);color:var(--pa-ink)}.legal label{display:block;font-weight:700;margin:16px 0 8px}.legal input:not([type=checkbox]),.legal textarea{width:100%;padding:12px;border:1px solid var(--pa-line);border-radius:12px;background:var(--pa-surface);color:var(--pa-ink)}.legal-foot{max-width:1040px;margin:32px auto;padding:0 24px;font-size:14px}.public-legal .skip{position:absolute;left:-9999px}.public-legal .skip:focus{left:12px;top:12px;background:var(--pa-surface);padding:12px;z-index:9}.legal .alert{padding:16px;border:1px solid var(--pa-line);border-radius:12px}.visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
/* Account status and download surfaces. */
.public-access{min-height:100dvh;display:grid;place-items:center;padding:24px}.pa-card,.public-verification .card-box{width:min(560px,100%);padding:32px;border-radius:24px;background:var(--pa-surface);border:1px solid var(--pa-line);box-shadow:var(--pa-shadow)}.pa-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.pa-brand img{width:48px;height:48px}.pa-brand strong,.pa-brand small{display:block}.pa-brand small{color:var(--pa-muted)}.pa-badge{padding:6px 12px;border-radius:20px;background:var(--pa-soft);font-size:12px;font-weight:700}.pa-card h1{font-size:28px}.pa-card p{color:var(--pa-muted)}.pa-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.pa-btn:not(.pa-primary){background:var(--pa-soft);color:var(--pa-ink)}.public-verification .app-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px;background:none}.public-verification .page-title{color:var(--pa-ink);font-size:28px}.public-verification .subtitle{color:var(--pa-muted)}.public-verification .btn-primary{background:#087f5b;border-color:#087f5b;min-height:44px;display:grid;place-items:center}.public-verification .alert{color:var(--pa-ink);background:var(--pa-soft);border-color:var(--pa-line)}
.public-download{--ink:var(--pa-ink);--muted:var(--pa-muted);--surface:var(--pa-surface);--line:var(--pa-line);--page:var(--pa-canvas);--green-dark:var(--pa-accent);--blue:var(--pa-accent)}.public-download .site-header{width:min(1280px,calc(100% - 48px));margin:16px auto;border:1px solid var(--pa-line);border-radius:20px;padding:16px 24px;flex-wrap:wrap;gap:16px}.public-download .back-link{min-height:44px;display:inline-flex;align-items:center}.public-download .download-intro{min-height:0;padding:32px 0;gap:32px}.public-download h1{font-size:clamp(30px,3.5vw,44px)}.public-download .phone-download,.public-download .verify-panel,.public-download .install-strip{background:var(--pa-surface);color:var(--pa-ink);border:1px solid var(--pa-line);border-radius:20px;box-shadow:var(--pa-shadow);padding:24px}.public-download .phone-download{min-width:0}.public-download .build-facts{flex-wrap:wrap}.public-download .download-button{background:#087f5b;color:white;border-radius:12px;white-space:normal}.public-download .qr-frame{background:#fff}.public-download .test-build-note{background:var(--pa-soft);color:var(--pa-ink)}
@media(max-width:1024px){.auth-page{gap:16px;padding:20px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.auth-left,.auth-right{padding:24px}.auth-left .left-content h2{font-size:30px}.public-header{flex-wrap:wrap}.public-navigation{flex-wrap:wrap}.public-hero{gap:24px}.public-header-actions{margin-left:auto}}
@media(max-width:767px){.auth-page{display:flex;flex-direction:column;padding:16px;gap:16px}.auth-left{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:16px;gap:12px;min-height:120px}.auth-left .brand{flex:1;min-width:0}.auth-left .brand h1{font-size:20px}.auth-left .left-content,.auth-left .feature-row{display:none}.auth-left .auth-lamp-switch{flex:0 0 110px;width:110px;min-height:110px;height:110px;transform:scale(.58);transform-origin:center;margin:-12px 0}.auth-right{width:100%;padding:24px 20px;margin:0}.form-top{margin-bottom:16px}.registration-grid{grid-template-columns:1fr}.form-options{flex-direction:row}.auth-page .input-group input,.auth-page .input-group select{height:50px}.auth-page .form-grid .full{grid-column:1/-1}.auth-page .legal-acceptance{gap:10px}:root{--public-page:calc(100% - 32px)}.public-header{padding:12px;gap:8px;margin:16px auto}.public-hero{grid-template-columns:1fr;padding:8px 0 24px}.public-hero-copy{padding:12px 0}.public-hero h1{font-size:36px}.public-hero-metrics{width:100%;left:auto;right:auto}.public-proof-strip{flex-wrap:wrap;gap:16px}.public-feature-bento{display:grid;grid-template-columns:1fr}.public-feature-card--main{grid-column:auto}.public-page-intro{padding-top:16px}.public-workflow-item{padding:20px;gap:16px}.public-iot{grid-template-columns:1fr}.public-footer-grid{gap:24px}.legal-top{margin:16px;padding:16px}.legal{padding:0 20px}.toc ol{columns:1}.legal .toc{padding:16px}.pa-card,.public-verification .card-box{padding:24px}.public-download .site-header{width:calc(100% - 32px);padding:16px}.public-download .download-intro{grid-template-columns:1fr}.public-download .install-strip{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Text accents need more contrast than the emerald used for filled controls. */
html:not([data-planora-theme=dark]){--pa-accent:#066e4e}
@media(prefers-color-scheme:dark){html:not([data-planora-theme]){--pa-accent:#85dbb0}}
.auth-page .form-top a{display:inline-flex;align-items:center;min-height:44px}
.auth-page .trust-device-option{background:var(--pa-soft);color:var(--pa-ink);border-color:var(--pa-line)}.auth-page .trust-device-option strong{color:var(--pa-ink)}.auth-page .trust-device-option small{color:var(--pa-muted)}
.auth-left .brand{order:0}.auth-left .auth-lamp-switch{order:1;display:flex;align-items:center;width:100%;height:auto;min-height:150px;padding:0 0 0 150px;margin:0;transform:none}.auth-left .left-content{order:2}.auth-left .feature-row{order:3}.auth-left .auth-lamp-object{position:absolute;left:0;top:0;transform:scale(.72);transform-origin:top left}.auth-left .auth-lamp-aura{display:none}.auth-left .auth-lamp-status{padding:0;max-width:22ch}
@media(max-width:767px){.auth-left .auth-lamp-switch{flex:0 0 80px;width:80px;height:90px;min-height:90px;padding:0;margin:0}.auth-left .auth-lamp-object{transform:scale(.42);left:0;top:0}.auth-left .auth-lamp-status{display:none}.auth-left .auth-lamp-switch::after{right:auto;left:22px;bottom:0;color:var(--pa-muted);font-size:9px;letter-spacing:.12em}}
@media(max-width:700px){.public-header{display:grid;grid-template-columns:minmax(0,1fr) 44px 48px}.public-brand{grid-column:1;grid-row:1}.public-menu-toggle{grid-column:3;grid-row:1}.public-header-actions{display:flex;grid-column:2;grid-row:1;margin:0}.public-header-actions>.public-primary-action{display:none}.public-header-actions .planora-public-lamp{display:grid;grid-template-columns:1fr;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px}.planora-public-lamp [data-planora-public-lamp-label]{display:none}}
.auth-left .auth-lamp-status strong{color:var(--pa-ink)}.auth-left .auth-lamp-status small{color:var(--pa-muted)}
.auth-left .feature-row{grid-template-columns:1fr;padding-top:20px;border-top:1px solid var(--pa-line)}
.auth-page h1,.auth-page h2{text-shadow:none!important;background:none!important}
.auth-page .password-guidance{background:var(--pa-soft);border-color:var(--pa-line);color:var(--pa-muted)}
.public-verification .card-box .btn.btn-primary{background:#087f5b!important;color:#fff!important;border-color:#087f5b!important}
.public-download .phone-download code{background:var(--pa-soft);color:var(--pa-ink);overflow-wrap:anywhere}
@media print{.legal-top,.no-print{display:none}.public-legal{background:white;color:black}.legal{max-width:none;margin:0;padding:0}}
/* Download notes use a paired surface/foreground in explicit and system themes. */
.public-download .release-notes{background:var(--pa-soft);color:var(--pa-ink);border:1px solid var(--pa-line)}
.public-download .release-notes strong{color:inherit}
.public-download footer>span:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.public-download footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 4px}