:root{color-scheme:dark;--canvas:#0d0e10;--surface:#17191d;--raised:#202328;--line:#ffffff14;--text:#f3f4f6;--muted:#9ea4ae;--accent:#f76732;--green:#5bdbac;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 85% -10%,#44251955,transparent 45%),var(--canvas);font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button,a,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit}h1,h2,p{margin:0}h1{font-size:34px;letter-spacing:-.045em;line-height:1.1;font-weight:670}h2{font-size:18px;letter-spacing:-.02em}p{color:var(--muted)}[hidden]{display:none!important}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--accent);margin-bottom:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:600;font-size:13px;white-space:nowrap;transition:background .15s,border-color .15s}.primary{background:var(--accent);color:#170c07}.primary:hover{background:#ff8255}.secondary{background:#ffffff05;border-color:#ffffff19;color:var(--text)}.secondary:hover{background:#ffffff0c;border-color:#ffffff33}.icon-button{border:1px solid transparent;background:transparent;color:var(--muted);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px}.icon-button:hover{color:var(--text);background:#ffffff0b}.muted{color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#828a97;flex-shrink:0}.good .dot,.dot.good{background:var(--green);box-shadow:0 0 0 4px #5bdbac0b}.signal{display:inline-flex;gap:9px;align-items:center;color:var(--muted);font-size:12px;line-height:1.35}.signal.good{color:var(--green)}.avatar{width:43px;height:43px;flex-shrink:0;border-radius:50%;position:relative;display:inline-grid;place-items:center;background:#3c312c;color:#efbca7;font-size:13px;font-weight:650;overflow:hidden;border:1px solid #ffffff15}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.avatar img.failed{display:none}.portal-shell{max-width:1520px;margin:auto;padding:36px 44px}.portal-header{display:flex;align-items:center;gap:18px;margin-bottom:34px}.brand-mark{width:102px;flex-shrink:0;height:62px;border-radius:19px;border:1px solid #f7673240;background:linear-gradient(145deg,#f7673224,#f7673206);display:grid;place-items:center;color:var(--accent)}.brand-mark img{width:86px;height:auto;display:block}.brand p:last-child{font-size:13px;margin-top:8px}.operator{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--green);font-size:12px}.operator strong{display:block;font-size:12px;font-weight:450;color:var(--muted);margin-top:2px}.overview{display:flex;gap:38px;align-items:center;margin-bottom:28px;padding:0 4px}.overview>div{min-width:110px}.overview>div>span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.overview strong{font-size:30px;font-weight:550;letter-spacing:-.035em;display:block;margin-top:3px}.overview p{max-width:310px;margin-left:auto;font-size:12px;color:#818895}.fleet-panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px #0002}.list-toolbar{display:flex;align-items:center;gap:14px;padding:22px 24px}.list-toolbar h2{font-size:17px}.list-toolbar p{font-size:12px;margin-top:3px;min-height:18px}.search-wrap{margin-left:auto;display:flex;align-items:center;gap:10px;border:1px solid #ffffff1c;background:#0d0e1055;border-radius:11px;padding:3px 10px 3px 13px;color:var(--muted);width:min(390px,40vw)}.search-wrap input{background:transparent;color:var(--text);border:0;padding:9px 0;width:100%;min-width:0;outline:0}.search-wrap:focus-within{border-color:var(--accent)}.search-wrap input::-webkit-search-cancel-button{display:none}.table-scroll{overflow:auto;position:relative}table{width:100%;border-collapse:collapse;text-align:left}th{border-block:1px solid var(--line);background:#ffffff02;color:var(--muted);font-weight:500;font-size:11px;white-space:nowrap}th button{color:inherit;background:none;border:0;display:flex;align-items:center;gap:10px;padding:14px 18px;width:100%;text-align:left;font-size:11px}th:first-child button{padding-left:24px}th .icon{width:13px;height:13px;opacity:.45}th[aria-sort=ascending],th[aria-sort=descending]{color:var(--accent)}th[aria-sort=ascending] .icon,th[aria-sort=descending] .icon{opacity:1}td{padding:17px 18px;border-bottom:1px solid #ffffff09;font-size:12px}td:first-child{padding-left:24px}tbody tr:hover{background:#ffffff03}tbody tr:last-child td{border:0}.person-button{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;text-align:left;color:var(--text);min-width:180px}.person-button strong{display:block;font-weight:570;font-size:14px}.person-button small{color:#838b96;font-size:11px;display:block;margin-top:3px}.person-button:hover strong{color:var(--accent)}.host{color:#c7ccd4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;overflow-wrap:anywhere}.sync-cell{font-size:11px;color:var(--muted);white-space:nowrap}.row-actions{text-align:right;padding-right:24px}.row-control{font-size:12px;background:#f7673210;border-color:#f7673230;color:#fa996f;padding:8px 11px}.row-control:hover{background:#f7673222}.row-control.secondary{color:var(--muted);background:transparent;border-color:transparent}.list-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:13px 24px;color:#818895;font-size:11px}.empty-list{padding:45px;text-align:center;color:var(--muted)}.service-details{margin-top:20px;font-size:11px;color:#818895}.service-details summary{cursor:pointer;width:fit-content}.service-details p{margin-top:8px}.notice{margin-top:16px;font-size:12px}.error{color:#ffb095!important}dialog{color:var(--text);background:var(--surface);border:1px solid #ffffff25;border-radius:22px;padding:30px;max-width:min(600px,calc(100vw - 32px));width:600px;max-height:calc(100dvh - 48px);box-shadow:0 30px 100px #000a}dialog::backdrop{background:#030406b0;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:14px}.person-heading{display:flex;align-items:center;gap:16px;margin-right:20px}.person-heading .avatar{width:64px;height:64px;font-size:19px}.person-heading h2{font-size:25px}.person-heading p:last-child{font-size:13px;margin-top:4px}.computer-heading{display:flex;align-items:center;gap:10px;margin-top:24px;padding:14px 16px;background:#ffffff04;border:1px solid var(--line);border-radius:12px}.computer-heading strong{font-size:13px;overflow-wrap:anywhere}.detail-signals{display:flex;gap:24px;margin:16px 3px 24px}.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:25px}.unavailable{font-size:12px;color:var(--muted)}details summary{cursor:pointer;color:var(--muted)}.technical{border-top:1px solid var(--line);padding-top:18px;font-size:12px}.technical dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 0}.technical dt{color:#818895;font-size:10px;margin-bottom:3px}.technical dd{margin:0;font-size:12px;overflow-wrap:anywhere}
.remote-page{background:#0a0b0d}#viewer{display:flex;flex-direction:column;height:100dvh;min-height:650px}.viewer-header{display:flex;align-items:center;gap:25px;padding:17px 24px;border-bottom:1px solid var(--line);background:#15171b}.viewer-header>.button{font-size:12px}.viewer-person{display:flex;align-items:center;gap:12px}.viewer-person .avatar{width:37px;height:37px}.viewer-person h1{font-size:17px;letter-spacing:-.025em}.viewer-person p{font-size:11px;margin-top:4px}.viewer-state{margin-left:auto;max-width:340px;display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.viewer-state[data-state=connected]>.dot{background:var(--green)}.viewer-state[data-state=error]>.dot{background:#ffab77}.workspace{flex:1;min-height:0;display:flex;padding:20px;gap:18px}.desktop-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:#111316;border:1px solid var(--line);border-radius:15px;overflow:hidden}.desktop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid var(--line)}.desktop-toolbar>span{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.desktop-actions{display:flex;gap:8px;align-items:center}.desktop-actions .button{padding:8px 10px;font-size:11px}.desktop-actions select{max-width:240px;background:var(--raised);border:1px solid #ffffff19;border-radius:8px;color:var(--text);padding:8px 9px;font-size:11px}#screen{position:relative;flex:1;min-height:300px;min-width:0;width:100%;display:flex;align-items:center;justify-content:center;background:#08090b;overflow:hidden;touch-action:none;outline-offset:-3px}#screen video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.screen-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:24px;color:#78818d;pointer-events:none}.screen-placeholder .icon{width:45px;height:45px;margin-bottom:5px;opacity:.55}.screen-placeholder strong{color:#a8aeb7;font-size:15px;font-weight:500}.screen-placeholder span{font-size:12px}#screen:has(video) .screen-placeholder{display:none}#screen:fullscreen{width:100vw;height:100vh;min-height:0;border:0}#exit-fullscreen{display:none}#screen:fullscreen #exit-fullscreen{display:flex;position:absolute;right:18px;top:18px;z-index:2;background:#202328df;backdrop-filter:blur(10px)}#keyboard{position:fixed;width:1px;height:1px;opacity:0;overflow:hidden;left:0;bottom:0}.desktop-footer{display:flex;justify-content:space-between;gap:16px;padding:11px 15px;font-size:10px;color:#737c89}.desktop-footer details{text-align:right;position:relative;flex-shrink:0}.desktop-footer details p{position:absolute;right:0;bottom:24px;width:260px;background:var(--raised);padding:15px;border:1px solid var(--line);border-radius:10px;z-index:3;text-align:left;color:#c7ccd4}.remote-tools{width:285px;flex-shrink:0;overflow:auto;padding-right:2px;scrollbar-width:thin}.tool-card{padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:14px}.tool-card h2{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:10px}.tool-card h2 .icon{color:#c0c6d0;width:17px;height:17px}.tool-card p{font-size:11px;line-height:1.6;margin-bottom:12px}.tool-card textarea{width:100%;resize:vertical;min-height:78px;max-height:220px;border:1px solid #ffffff1c;border-radius:9px;padding:11px;background:#0e1013;color:var(--text);font-size:12px;margin-bottom:8px}.tool-card>.button{width:100%;justify-content:flex-start;font-size:11px;padding:9px 11px;margin-bottom:7px}.tool-card>.button .icon{width:15px;height:15px}.tool-card #clipboard-status,.tool-card #file-status{font-size:10px;margin:8px 0 0;color:#848e9b}.tool-card details{font-size:10px;margin-top:12px}.tool-card details p{margin:8px 0 0;font-size:10px}#file-picker{display:block;max-width:100%;font-size:10px;color:var(--muted);margin:14px 0}#file-picker::file-selector-button{padding:7px;border:1px solid #ffffff20;border-radius:6px;background:#25282e;color:var(--text);font:inherit;cursor:pointer}#file-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;font-size:11px;overflow-wrap:anywhere}#file-list button{border:1px solid #ffffff20;border-radius:7px;background:#25282e;color:var(--text);padding:7px;font:inherit}#file-list a{color:var(--accent)}.session-note{text-align:center;font-size:10px;line-height:1.7;color:#737c89;padding:2px 8px}.session-note .icon{width:14px;height:14px;margin-right:5px}.session-note span{overflow-wrap:anywhere}.workspace.tools-hidden .remote-tools{display:none}
.is-stale .signal.good{color:var(--muted)}.is-stale .dot.good,.is-stale .good .dot{background:#828a97;box-shadow:none}
.hub-page{background:#0a0b0d}#session-hub{height:100dvh;min-height:650px;display:flex;flex-direction:column}.hub-header{display:flex;align-items:center;gap:24px;padding:15px 24px;border-bottom:1px solid var(--line);background:#15171b}.hub-logo{width:66px;height:auto}.hub-title h1{font-size:18px;letter-spacing:-.02em}.hub-title p{font-size:11px;margin-top:4px}.hub-header #add-session{margin-left:auto}.session-tabs{display:flex;align-items:stretch;gap:10px;overflow:auto;padding:14px 20px;scrollbar-width:thin;flex-shrink:0;position:relative}.session-tile{position:relative;flex-shrink:0;width:190px;border:1px solid #ffffff15;border-radius:11px;background:#15171b;overflow:hidden}.session-tile.selected{border-color:var(--accent);box-shadow:0 0 0 1px #f7673225}.session-tile.failed{border-color:#cf8468}.session-select{display:flex;flex-direction:column;gap:2px;width:100%;background:transparent;color:var(--text);border:0;padding:7px;text-align:left}.session-preview{height:76px;width:100%;position:relative;background:#08090b;border-radius:6px;overflow:hidden;margin-bottom:4px}.session-preview canvas{width:100%;height:100%;object-fit:contain}.preview-waiting{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:var(--muted)}.session-select strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:550}.session-host{font-size:9px;color:#7f8997;white-space:nowrap}.session-state{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.session-tile.connected .session-state{color:var(--green)}.failed .session-state{color:#ffb095}.session-close{position:absolute;right:10px;top:10px;width:22px;height:22px;display:grid;place-items:center;padding:0;background:#0c0e12d9;border:1px solid #ffffff25;border-radius:6px;color:#c3c8d0;font-size:17px}.session-close:hover{background:#4b2920;color:white}.session-frames{position:relative;flex:1;min-height:0;margin:0 20px 18px}.session-frame{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:14px;opacity:0;pointer-events:none;z-index:0}.session-frame.active{opacity:1;pointer-events:auto;z-index:1}.hub-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px}.hub-empty strong{color:var(--text);font-size:19px;font-weight:500}#hub-status{font-size:11px;color:#ffb095;margin:0 24px 8px}#hub-status:empty{display:none}.embedded .viewer-header{display:none}.embedded #viewer{min-height:0;height:100dvh}.embedded .workspace{padding:0;gap:14px}.embedded .desktop-panel{height:auto;min-height:0}.embedded .desktop-footer{padding-block:9px}.embedded .session-note{padding-bottom:12px}#session-search{display:block;width:100%;padding:12px;margin:20px 0 12px;border:1px solid #ffffff20;border-radius:10px;background:#101216;color:var(--text)}#session-choices{display:flex;flex-direction:column;gap:7px;max-height:50dvh;overflow:auto}.session-choice{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:#ffffff03;color:var(--text)}.session-choice:not(:disabled):hover{border-color:var(--accent);background:#f767320c}.session-choice strong{display:block;font-size:13px}.session-choice small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.choice-state{color:var(--green);font-size:10px}.session-choice:disabled .choice-state{color:var(--muted)}#picker-status{font-size:11px;margin-bottom:10px}
@media(max-width:800px){.hub-header{padding:12px;gap:12px;flex-wrap:wrap}.hub-logo{display:none}.hub-title{flex:1}.hub-header .button{font-size:11px;padding:9px}.hub-title h1{font-size:15px}.session-tabs{padding:12px;gap:8px}.session-tile{width:155px}.session-preview{height:60px}.session-frames{margin:0 12px 12px}.embedded .workspace{padding:0;overflow:auto}.embedded .desktop-panel{flex:none;height:62dvh;min-height:340px}.hub-header #add-session{margin-left:0}.hub-header #add-session .icon{display:none}}
@media(min-width:1650px){.portal-shell{padding-top:50px}.workspace{padding:24px}.remote-tools{width:310px}}
@media(max-width:1150px){.portal-shell{padding:26px 24px}.overview{gap:28px}.overview p{max-width:230px}.viewer-header{gap:16px}.viewer-state{max-width:230px}.remote-tools{width:260px}.workspace{padding:12px;gap:12px}.desktop-toolbar>span{display:none}}
@media(max-width:800px){.portal-shell{padding:24px 16px}.portal-header{gap:13px;flex-wrap:wrap;margin-bottom:28px}.brand-mark{width:80px;height:48px;border-radius:14px}.brand-mark img{width:66px;}.brand h1{font-size:29px}.brand p:last-child{font-size:11px}.operator{width:100%;margin:0 0 0 93px;font-size:10px}.operator strong{display:inline;margin-left:6px;font-size:10px}.overview{gap:30px}.overview>div{min-width:0}.overview strong{font-size:25px}.overview p{display:none}.list-toolbar{flex-wrap:wrap;padding:17px}.list-toolbar>div:first-child{flex:1}.search-wrap{order:3;width:100%;margin:0}.list-toolbar>.button{padding:9px}.list-footer{padding:12px 17px;flex-wrap:wrap}td:first-child{padding-left:17px}th:first-child button{padding-left:17px}td{padding:15px 12px}th button{padding:12px}.person-button{min-width:170px}.row-actions{padding-right:17px}.viewer-header{flex-wrap:wrap;padding:12px;gap:12px}.viewer-header>.button{padding:8px 10px}.viewer-person{flex:1;min-width:150px}.viewer-person h1{font-size:14px}.viewer-person p span{display:none}.viewer-person .avatar{display:none}.viewer-state{width:100%;max-width:none;margin:0;font-size:10px}.workspace{flex-direction:column;overflow:auto}.desktop-panel{flex:none;min-height:450px;height:65dvh}.remote-tools{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow:visible}.tool-card{margin:0}.session-note{grid-column:1/-1}.desktop-actions{width:100%;justify-content:flex-end}.desktop-footer>span{max-width:230px}#viewer{min-height:0}.technical dl{gap:14px}.person-heading h2{font-size:21px}}
@media(max-width:480px){.remote-tools{display:block}.tool-card{margin-bottom:12px}.desktop-actions select{max-width:140px}.desktop-actions .button{padding:7px;font-size:10px;gap:5px}.desktop-actions .icon{width:14px}.desktop-toolbar{padding:10px}.desktop-footer{font-size:9px}.desktop-footer>span{max-width:190px}.viewer-header>.button span{max-width:90px;white-space:normal;line-height:1.3}.technical dl{grid-template-columns:1fr}dialog{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
#portrait-preview{position:fixed;inset:auto;margin:0;padding:4px;border:1px solid #ffffff25;border-radius:16px;background:var(--raised);box-shadow:0 18px 60px #0009;overflow:hidden;pointer-events:none;z-index:1000;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}
#portrait-preview img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}
#portrait-preview[hidden]{display:none}
#devices:not(:has(tbody tr:not([hidden]) .row-actions a)) th:last-child,#devices:not(:has(tbody tr:not([hidden]) .row-actions a)) td:last-child{display:none}
.person-contact{margin-top:16px}.contact-phone{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:13px;text-decoration:none}.contact-phone:hover span{text-decoration:underline}.contact-phone .icon{width:16px;height:16px}
.auth-body{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 12% 55%,#f7673211,transparent 48%),radial-gradient(ellipse at 90% 10%,#f7673218,transparent 40%),var(--canvas)}
.auth-shell{width:min(1080px,100%);padding:52px 44px}.auth-brand{display:flex;gap:19px;align-items:center}.auth-brand h1{font-size:30px}.auth-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;margin:64px 0}.auth-card{position:relative;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#202328,#17191d);padding:42px;box-shadow:0 26px 80px #0004}.auth-state-icon{display:grid;place-items:center;color:var(--accent);background:#f7673213;border:1px solid #f7673225;border-radius:15px;width:52px;height:52px;margin-bottom:25px}.auth-state-icon .icon{width:24px;height:24px}.auth-card h2{font-size:30px;font-weight:620;letter-spacing:-.04em;line-height:1.2}.auth-description{margin:15px 0 30px;max-width:280px;font-size:15px;line-height:1.6}.auth-microsoft{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;padding:15px 14px;border-radius:12px;background:#fafafa;color:#181a1f;text-decoration:none;font-size:13px;font-weight:650;border:1px solid #fff;transition:transform .15s,background .15s;min-height:52px}.auth-microsoft:hover{background:#eee;transform:translateY(-1px)}.microsoft-mark{width:19px;height:19px;flex-shrink:0}.auth-access{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;margin-top:20px;color:var(--muted)}.auth-access .icon{width:14px;height:14px;color:var(--green)}.auth-footer{padding-top:28px;border-top:1px solid var(--line);font-size:10px;color:#747b87;letter-spacing:.16em}.auth-art{position:relative;display:grid;place-items:center;min-height:360px}.auth-orbit{position:absolute;aspect-ratio:1;border:1px solid #f7673213;border-radius:50%}.orbit-one{width:340px}.orbit-two{width:420px}.auth-desktop{position:relative;width:320px;border:1px solid #ffffff21;border-radius:18px;background:linear-gradient(145deg,#24272d,#17191d);box-shadow:0 30px 80px #0006;transform:rotate(-5deg)}.auth-desktop-bar{display:flex;gap:6px;padding:14px 17px;border-bottom:1px solid var(--line)}.auth-desktop-bar i{width:5px;height:5px;border-radius:50%;background:#ffffff30}.auth-desktop-content{padding:23px}.auth-ghost{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:19px;background:#f7673217;border-radius:12px;color:var(--accent)}.auth-ghost .icon{width:25px;height:25px}.auth-mini-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:13px 0}.auth-mini-row>span{width:28px;height:28px;border-radius:50%;background:#ffffff0c}.auth-mini-row>div{flex:1;display:grid;gap:7px}.auth-mini-row i{height:4px;width:90px;background:#ffffff1b;border-radius:5px}.auth-mini-row i+i{width:58px;background:#ffffff0b}.auth-mini-row b{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #5bdbac0b}.auth-float{position:absolute;right:25px;bottom:34px;border:1px solid #5bdbac33;display:grid;place-items:center;width:68px;height:68px;border-radius:19px;color:var(--green);background:#1b2925;box-shadow:0 15px 40px #0005;transform:rotate(8deg)}.auth-float .icon{width:30px;height:30px}
@media(max-width:820px){.auth-shell{max-width:550px;padding:38px 24px}.auth-layout{grid-template-columns:1fr;margin:42px 0;gap:0}.auth-art{display:none}.auth-card{padding:32px}.auth-brand h1{font-size:27px}.auth-brand .brand-mark{width:85px;height:57px}.auth-brand .brand-mark img{width:72px}.auth-brand .brand p{font-size:12px}}
@media(max-width:390px){.auth-shell{padding:28px 18px}.auth-card{padding:26px 22px}.auth-card h2{font-size:26px}.auth-microsoft{font-size:12px;gap:9px}}

/* Map workspace reuses the Lost in Motion dark basemap and precision styling. */
.map-header{display:flex;align-items:center;gap:24px;margin-bottom:26px}.map-header h1{margin:2px 0 6px}.map-header p{color:var(--muted);margin:0}.map-header>div{flex:1}.location-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.location-sidebar{padding:22px;background:#18191d;border:1px solid #ffffff18;border-radius:18px;max-height:78vh;overflow:auto}.location-sidebar input{width:100%;padding:12px;border:1px solid #ffffff24;border-radius:10px;background:#101114;color:#fff}.location-device{display:grid;text-align:left;gap:8px;width:100%;padding:18px 16px;margin:12px 0;border:1px solid transparent;border-radius:12px;background:#202126;color:#fff;cursor:pointer}#map-status{margin:18px 0 22px;font-size:.83rem;line-height:1.5;color:var(--muted)}.location-device strong{line-height:1.4}.location-device span,.location-device small{color:#a5a5af}.location-device.selected{border-color:#f25515;background:#f2551514}.location-map-panel{min-width:0;position:relative;background:#15161a;border:1px solid #ffffff18;border-radius:18px;overflow:hidden}#location-map{height:clamp(450px,62vh,760px);background:#182331}#location-map .maplibregl-canvas{filter:brightness(1.38) saturate(.82) contrast(.9) hue-rotate(7deg)}.location-detail{padding:20px;display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px}.location-detail h2{margin:0;width:100%}.location-detail p{margin:0}.location-detail .button{margin-left:auto}.location-feedback{width:100%;color:#ff9b75}.location-caption{color:#a5a5af;font-size:.82rem;line-height:1.6;margin:18px 0}.leaflet-container{font-family:inherit}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#202023;color:#fff}.leaflet-popup-content{min-width:210px}.leaflet-control-attribution{background:#111113e8!important;color:#c8c8cc!important}.leaflet-control-attribution a{color:#ff9b75}.leaflet-control-zoom a{background:#1c1c1f;color:#fff;border-color:#ffffff18}.leaflet-control-zoom a:hover{background:#303037;color:#fff}.location-map-panel>.notice{margin:12px 20px}@media(max-width:800px){.map-header{flex-wrap:wrap;gap:14px}.map-header>div{min-width:70%;order:-1}.location-workspace{grid-template-columns:1fr}.location-sidebar{max-height:280px}.location-detail .button{margin-left:0}#location-map{height:470px}.map-shell{padding:16px}}

.location-pulse{transform-box:fill-box;transform-origin:center;animation:location-radiate 3s ease-in-out infinite;pointer-events:none}@keyframes location-radiate{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(.18);opacity:.95}}@media(prefers-reduced-motion:reduce){.location-pulse{animation:none;opacity:.25}}

.location-device .location-accuracy{color:#82baff;font-weight:650}


.location-owner{display:flex;align-items:center;gap:12px}.location-owner img{width:64px;height:80px;object-fit:contain;border-radius:9px;background:#101114}.location-owner strong{display:block;font-size:.93rem}.location-owner small{display:block;color:#a5a5af;margin-top:5px}.location-owner-initials{display:grid;place-items:center;width:52px;height:58px;border-radius:9px;background:#f2551525;color:#ff9b75;font-size:1.1rem;font-weight:700;flex-shrink:0}

.location-searchbox{position:relative}.location-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1100;max-height:260px;overflow:auto;background:#23242a;border:1px solid #ffffff28;border-radius:11px;box-shadow:0 12px 30px #0009;padding:5px}.location-suggestion{display:block;text-align:left;width:100%;border:0;border-radius:7px;padding:10px;background:transparent;color:#fff;cursor:pointer}.location-suggestion strong,.location-suggestion small{display:block}.location-suggestion small{color:#a5a5af;margin-top:3px;overflow-wrap:anywhere}.location-suggestion:hover,.location-suggestion[aria-selected=true]{background:#f255152a}.location-suggestions[hidden]{display:none}@media(max-width:800px){.location-suggestions{max-height:170px}}

.location-owner-popup .leaflet-popup-content-wrapper{background:linear-gradient(145deg,#272a33,#181b23);border:1px solid #ffffff24;border-radius:18px;box-shadow:0 18px 50px #0008}.location-owner-popup .leaflet-popup-content{margin:20px;width:280px!important}.location-owner-popup .leaflet-popup-tip{background:#1b1e26}.location-owner-popup .leaflet-popup-close-button{color:#b3bac9!important;top:7px!important;right:8px!important}.location-card{color:#eef1f8}.location-card .location-owner{padding-bottom:17px;margin-bottom:15px;border-bottom:1px solid #ffffff12}.location-card .location-owner strong{font-size:1.06rem;line-height:1.4;margin-top:5px}.location-card .location-owner small{font-size:.63rem;letter-spacing:.12em;color:#94a0b3}.location-card .location-owner img{width:64px;height:80px;border:1px solid #ffffff14}.location-card-row{display:flex;align-items:center;gap:12px;margin:13px 0}.location-card svg{width:19px;height:19px;stroke:#91a2bb;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.location-card-row small{display:block;color:#939daf;font-size:.7rem;margin-bottom:3px}.location-card-row span{font-size:.83rem}.location-card-precision{padding:11px 12px;background:#57a5ff14;border:1px solid #57a5ff26;border-radius:11px}.location-card-precision svg,.location-card-precision span{color:#83bbff;stroke:#83bbff}.location-card-precision span{font-size:1.04rem;font-weight:700}.location-card-control{display:flex;align-items:center;gap:10px;margin-top:17px;padding-top:14px;border-top:1px solid #ffffff12;font-size:.73rem;line-height:1.5;color:#bdc6d6}.location-card-control svg{stroke:#ff956c}

.location-card-address{align-items:flex-start;padding:12px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.location-card-address strong{display:block;font-size:.9rem;margin:5px 0}.location-address-line{display:block;line-height:1.5}.location-card-address .location-address-context{margin-top:7px;line-height:1.5}.location-card-address .location-address-credit{font-size:.6rem;margin-top:7px;color:#7e899b}

/* Compact map card: location first, paired metadata, one timestamp line. */
.location-owner-popup .leaflet-popup-content{margin:14px;width:280px!important}.location-card .location-owner{gap:10px;padding:0 22px 10px 0;margin:0;border:0}.location-card .location-owner img{width:80px;height:88px;object-fit:cover;object-position:50% 25%;flex-shrink:0;border-radius:12px}.location-card .location-owner-initials{width:80px;height:88px;font-size:1.6rem;border-radius:12px}.location-card .location-owner strong{font-size:.95rem;margin-top:2px}.location-card .location-owner small{font-size:.57rem}.location-card-details{display:grid;grid-template-columns:1fr 1.1fr;gap:8px 12px}.location-card-details .location-card-row{gap:7px;margin:0;min-width:0}.location-card-details .location-card-row div{min-width:0}.location-card-row small{font-size:.62rem;margin-bottom:2px}.location-card-row span{font-size:.75rem;overflow-wrap:anywhere}.location-card svg{width:16px;height:16px}.location-card-precision{padding:7px 6px}.location-card-precision span{font-size:.86rem}.location-card-address{padding:9px 0;margin:0 0 10px;gap:8px}.location-card-address strong{font-size:.84rem;margin:3px 0}.location-card-address .location-address-line{font-size:.72rem;line-height:1.4}.location-card-address .location-address-context{font-size:.59rem;margin-top:3px}.location-card-address .location-address-credit{margin-top:3px;font-size:.55rem}.location-card-measure{display:flex;align-items:center;gap:7px;color:#a4afc1;font-size:.66rem;margin-top:10px}.location-card-control{font-size:.64rem;gap:7px;margin-top:9px;padding-top:9px}

/* One quiet attribution line, above Leaflet's link specificity. */
#location-map .leaflet-control-attribution{font-size:10px;line-height:1.5;padding:2px 7px;border-radius:5px 0 0;color:#b3bac4!important}#location-map .leaflet-control-attribution a{color:inherit;text-decoration:none}#location-map .leaflet-control-attribution a:hover{text-decoration:underline;color:#fff}