/* Dark glass theme matching the approved interactive prototype. Layout and APIs unchanged. */
html:root{color-scheme:dark;color:#e7eee5;background:#0b100f;--blue:#b6d965;--green:#a9cd54;--muted:#a3b39f;--line:#ffffff1f;--text:#e7eee5;--bg:#0b100f;--surface:#17211b}
html body{color:#e7eee5;background:radial-gradient(ellipse at 55% 35%,#1c352733,transparent 65%),#0b100f}html body .main,html body .content{background:transparent;color:#e7eee5}html body .topbar,html body .sidebar{background:#101915e8;color:#dce7d5;border-color:#ffffff16;backdrop-filter:blur(18px)}html body .nav button,html body .side-settings{color:#b5c5b0}html body .nav button.active,html body .nav button.active:hover,html body .side-settings.active{background:#b3d6651c;color:#d6eda8;border:1px solid #c4e37c33}html body .brand,html body .mobile-logo{color:#c3ee65}html body .brand small,html body .side-footer{color:#9caf96}html body .crumb,html body .profile-name small{color:#a2b19d}html body .crumb strong,html body .heading h1,html body .section-title h2,html body .hub-heading>strong{color:#ecf2e8}html body .heading p,html body small,html body .muted{color:#9faf99}
html body .panel,html body .stat,html body .project-card,html body .kanban-card,html body .kanban-col,html body .quote-card,html body .measurement-card,html body .installation-card,html body .glass-project-column,html body .project-detail-layout .panel{background:linear-gradient(145deg,#ffffff0d,#ffffff03);color:#e6eee2;border-color:#ffffff22;box-shadow:inset 0 1px #ffffff16,0 12px 30px #0003;backdrop-filter:blur(18px) saturate(130%)}html body .project-detail-layout .panel,html body .glass-project-column .project-card{background:linear-gradient(145deg,#ffffff12,#ffffff04)}html body .project-title,html body .project-card strong,html body .kanban-card strong,html body .stat strong,html body .project-detail-layout h1,html body .task-body strong{color:#eaf2e4}html body .project-meta,html body .project-card-note,html body .project-next-task,html body .task-card-description,html body .description,html body .fact,html body .project-facts,html body .project-list-note,html body .project-list-next{color:#adbea5}html body .kanban,html body .kanban-items{background:transparent}html body .project-card-note{border-color:#829e5044}html body .count{background:#b4d66918;color:#d2e99d}html body .progress,html body .bar-track{background:#ffffff0c}html body .progress i,html body .bar-track i{background:#accf6a}html body .section-title,html body .comment,html body .fact,html body .user-card{border-color:#ffffff18}
html body input:not([type=checkbox]):not([type=radio]):not([type=color]),html body select,html body textarea{background:#101c15;color:#e5eee1;border-color:#ffffff28}html body input::placeholder,html body textarea::placeholder{color:#7f927b}html body .field,html body label{color:#bbcab3}html body .btn.secondary,html body .btn.ghost,html body .wp-mode .btn.secondary{background:#ffffff08;border-color:#ffffff25;color:#c5d7ba}html body .btn:not(.secondary):not(.ghost):not(.danger){color:#132008}html body .btn.danger{background:#622d3244;color:#f2b3b6;border-color:#ab525966}html body .close{background:#ffffff0d;color:#b7c9ae}html body .filterbar{color:#c4d4ba}html body .global-search>input{background:#ffffff08}html body .global-search #global-results,html body #global-results button{background:#17251b;color:#e4eedc;border-color:#ffffff22}html body .view-switch .btn.secondary{background:#ffffff05}
html body dialog{background:linear-gradient(145deg,#233329f5,#101b15fa);color:#e8f1e1;border:1px solid #ffffff30;box-shadow:inset 0 1px #ffffff22,0 30px 100px #0009;backdrop-filter:blur(28px)}html body dialog::backdrop{background:#020805b8;backdrop-filter:blur(8px)}html body .notice{background:#31516b22;color:#bbd4df;border-color:#81accd33}html body .error{background:#7d283128;color:#f1a7b2}html body table{color:#d4e3c9}html body th{background:#ffffff05;color:#aebfa5;border-color:#ffffff18}html body td{color:#d4e3c9;border-color:#ffffff13}html body .click-row:hover{background:#accd6a0a}html body .task-line,html body .task-sub{background:transparent;border-color:#ffffff15}html body .connection-state.online{background:#c1e78016;color:#b7d88d}html body .avatar{background:#b9d65d1a;color:#cbe593}html body .quick-add{box-shadow:0 10px 30px #0007}
html body .watch-hub{color:#e6eee2}html body .hub-heading>small,html body .hub-navigation small{color:#8fa288}html body .hub-navigation button{background:#ffffff08;color:#b8d48e;border-color:#ffffff24}html body .hub-module{color:#e2ecdb}html body .hub-module>strong{color:#cbdcc0;text-shadow:0 2px 8px #0008}html body .hub-shortcut>small{color:#8fa487}html body .hub-module[data-hub-view=projects]{--glass-tone:#528ee0}html body .hub-module[data-hub-view=tasks]{--glass-tone:#81ad52}html body .hub-module[data-hub-view=gallery]{--glass-tone:#b571b6}html body .hub-module[data-hub-view=measurements]{--glass-tone:#49a1b0}html body .hub-module[data-hub-view=quotes]{--glass-tone:#cc9a43}html body .hub-module[data-hub-view=installations]{--glass-tone:#cc765b}html body .hub-module[data-hub-view=quote_reports]{--glass-tone:#8873ce}html body .hub-module[data-hub-view=team]{--glass-tone:#5eaaa0}html body .hub-module[data-hub-view=settings]{--glass-tone:#88939b}html body .hub-shortcut{--glass-tone:#709a94}html body .hub-shortcut[data-link-kind=task]{--glass-tone:#96aa60}
html body .hub-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--glass-tone,#759978),transparent 38%),color-mix(in srgb,var(--glass-tone,#759978),transparent 76%));color:#eff8e9;border:1px solid #ffffff60;box-shadow:inset 0 2px 3px #ffffff85,inset 0 -4px 10px #0005,0 14px 30px #0007,0 0 16px #a8ce5b0b}html body .hub-icon:before,html body .hub-calendar:before{background:linear-gradient(165deg,#ffffff70,#ffffff04 85%)}html body .hub-icon:after,html body .hub-calendar:after{border-top-color:#ffffff40;border-bottom-color:#ffffff15}html body .hub-calendar{background:linear-gradient(145deg,#9ec04aa6,#486e2d55);color:#f0fbdf;text-shadow:0 2px 6px #0006;border-color:#d6f19799;box-shadow:inset 0 2px 3px #ffffff85,inset 0 -4px 10px #0005,0 0 0 2px #c6e57533,0 14px 30px #0007}html body .hub-calendar-caption,html body .hub-weekday{color:#d3e9b9}html body .hub-placeholder .hub-icon{background:linear-gradient(145deg,#b8d7c126,#7897870b);border-color:#ffffff25;color:#9eafa2;box-shadow:inset 0 1px 3px #ffffff25,0 8px 20px #0004}html body .hub-links path{stroke:#c5e4c7;stroke-opacity:.3}
html body .weekly-plan{--wp-line:#ffffff22;--wp-bg:#19251e;color:#e4eedc}html body .weekly-plan.wp-expanded{background:radial-gradient(ellipse at 50% 35%,#203b292f,transparent 70%),#0b100ff7;color:#e4eedc}html body .weekly-plan .wp-day{background:linear-gradient(145deg,#ffffff0c,#ffffff02);border-color:#ffffff22;box-shadow:inset 0 1px #ffffff15,0 12px 30px #0002}html body .weekly-plan .wp-day:nth-child(1) .wp-day-header{background:#679cd422;color:#deebf5}html body .weekly-plan .wp-day:nth-child(2) .wp-day-header{background:#75ac8d22;color:#dcefe3}html body .weekly-plan .wp-day:nth-child(3) .wp-day-header{background:#a48bd022;color:#ebe1f5}html body .weekly-plan .wp-day:nth-child(4) .wp-day-header{background:#cab26a22;color:#eee7cf}html body .weekly-plan .wp-day:nth-child(5) .wp-day-header{background:#79aebe22;color:#ddecf0}html body .weekly-plan .wp-day:nth-child(6) .wp-day-header{background:#be839f22;color:#f0dee7}html body .weekly-plan .wp-day.wp-today .wp-day-header{background:#b5d26528;color:#ecf6d5;border-color:#c7df7866}html body .weekly-plan .wp-day.wp-today{border-color:#c7e57b88;box-shadow:inset 0 1px #e2f4b622,0 0 22px #acc9600b}html body .weekly-plan .wp-today-label{background:#c5e780;color:#233019}html body .weekly-plan .wp-job,html body .weekly-plan .wp-job.wp-plan{background:linear-gradient(145deg,#ffffff12,#ffffff04);color:#e6efdf;border-color:#ffffff22;border-left-color:#acd17c;box-shadow:inset 0 1px #ffffff15,0 6px 14px #0002}html body .weekly-plan .wp-job.wp-due{background:linear-gradient(145deg,#b47c5320,#ffffff04);border-left-color:#e9aa7b}html body .weekly-plan .wp-date-kind{color:#a9cc94}html body .weekly-plan .wp-due .wp-date-kind{color:#edbb93}html body .weekly-plan .wp-project-name,html body .weekly-plan .wp-people{color:#a5b79c}html body .weekly-plan .wp-status{background:#b4d66514;color:#c4d9ad}html body .weekly-plan .wp-empty{color:#9dae94;border-color:#ffffff22}html body .weekly-plan .wp-day-header{border-color:#ffffff18}html body .weekly-plan .wp-notice,html body .weekly-plan [data-wp-msg],html body .wp-editor .wp-help{color:#95a78c}html body .weekly-plan.wp-day-mode .wp-days button{background:#ffffff05;color:#bccfb1;border-color:#ffffff22}html body .weekly-plan.wp-day-mode .wp-days button[aria-pressed=true],html body .weekly-plan [data-wp-mode][aria-pressed=true]{background:#b4d66522;border-color:#c6df7366;color:#e2f1c7}
@media(max-width:760px){html body .sidebar{background:#101915f5}html body .nav button.active,html body .nav button.active:hover{background:#b3d6651c}}@media(prefers-reduced-transparency:reduce){html body .panel,html body dialog{backdrop-filter:none;background:#17231b}}

html body .empty,html body .kanban-empty,html body .task-scope{background:#ffffff04;color:#aebfa5;border-color:#ffffff22}html body .empty h3,html body .empty strong{color:#deead5}html body .stat-icon,html body .topbar button,html body .notification-actions button{background:#a9c96b12;color:#c6daa9;border-color:#ffffff22}

/* Approved prototype shell: one screen at a time, no legacy sidebar. */
html body:has(.glass-workspace)>.sidebar,html body #app:has(.glass-workspace)>.sidebar{display:none}html body .glass-workspace{margin-left:0;width:100%;padding-bottom:0}html body .glass-workspace>.topbar{height:72px;padding:0 3vw;gap:18px;justify-content:flex-start}html body .glass-workspace .topbar .mobile-logo{display:block;order:-2;color:#c3ee65;font-size:22px;letter-spacing:.09em;margin-right:auto}html body .glass-workspace .topbar .crumb{display:none}html body .glass-workspace .glass-home{order:-1;min-height:36px;font-size:12px}html body .glass-workspace>.content{max-width:none;padding:22px 3vw 28px}html body .glass-workspace .home-content>.heading{display:none}html body .glass-workspace .home-content>.global-search{max-width:500px;margin:0 0 12px}html body .glass-workspace .hub-heading{padding:4px 0 10px}html body .glass-workspace .hub-heading>strong{font-size:clamp(22px,2.4vw,34px);font-weight:550;letter-spacing:-.04em}html body .glass-workspace .hub-orbit{height:clamp(440px,65dvh,900px)}html body .glass-workspace .hub-icon{width:clamp(80px,8.5vw,150px);height:clamp(80px,8.5vw,150px);font-size:clamp(32px,3.8vw,62px)}html body .glass-workspace .hub-module{width:160px;gap:10px}html body .glass-workspace .hub-module>strong{font-size:clamp(12px,1.1vw,18px);line-height:1.3}html body .glass-workspace .hub-calendar{width:clamp(90px,9vw,150px);height:clamp(90px,9vw,150px)}html body .glass-workspace .hub-calendar>.hub-date{font-size:clamp(18px,1.8vw,28px)}html body .glass-workspace .hub-shortcut>strong{max-width:150px}html body .glass-workspace .home-content>.quick-add{display:none}html body .glass-workspace .watch-hub{margin-bottom:18px}html body .glass-workspace .weekly-plan:not([hidden]){position:fixed;inset:0;z-index:1500;height:100dvh;width:100%;padding:max(12px,env(safe-area-inset-top)) 3vw max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#203b292f,transparent 70%),#0b100ff7}html body .glass-workspace .weekly-plan [data-wp-expand]{display:none!important}html body .glass-workspace .weekly-plan:not([hidden]) .wp-grid{flex:1;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}html body .glass-workspace .weekly-plan .wp-top{flex-wrap:nowrap}html body .glass-workspace .weekly-plan .wp-top h2{font-size:20px;margin-right:auto;white-space:nowrap}html body .glass-workspace .weekly-plan [data-wp-flow],html body .glass-workspace .weekly-plan [data-wp-mode]{display:none}html body .glass-workspace .weekly-plan .wp-tools strong{font-size:12px}html body .glass-workspace .weekly-plan .wp-notice{max-height:24px;overflow:hidden;font-size:10px}html body .glass-workspace .weekly-plan .wp-day-header strong{font-size:15px}html body .glass-workspace .weekly-plan .wp-day-header{padding:10px 12px}html body .glass-workspace .weekly-plan .wp-job{padding:10px 12px;min-height:76px}html body .glass-workspace .weekly-plan .wp-job strong{font-size:14px}
@media(max-width:760px){html body .glass-workspace>.topbar{height:58px;padding:0 14px;gap:8px}html body .glass-workspace .topbar .mobile-logo{font-size:18px}html body .glass-workspace .topbar .connection-state,html body .glass-workspace .topbar .profile-name{display:none}html body .glass-workspace>.content{padding:14px 12px 20px}html body .glass-workspace .hub-heading>small{font-size:10px}html body .glass-workspace .hub-heading>strong{font-size:23px}html body .glass-workspace .hub-orbit{height:400px}html body .glass-workspace .hub-icon{width:70px;height:70px;font-size:30px}html body .glass-workspace .hub-module{width:84px;gap:4px}html body .glass-workspace .hub-module>strong{font-size:10px}html body .glass-workspace .hub-calendar{width:84px;height:84px}html body .glass-workspace .hub-calendar>.hub-date{font-size:17px}html body .glass-workspace .hub-shortcut>strong{max-width:85px}html body .glass-workspace .weekly-plan:not([hidden]){padding:10px 12px}html body .glass-workspace .weekly-plan:not([hidden]) .wp-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}html body .glass-workspace .weekly-plan .wp-top h2{font-size:16px;width:auto}html body .glass-workspace .weekly-plan .wp-day-header{padding:7px 8px}html body .glass-workspace .weekly-plan .wp-day-header strong{font-size:12px}html body .glass-workspace .weekly-plan .wp-job{padding:7px 8px;min-height:64px}html body .glass-workspace .weekly-plan .wp-job strong{font-size:12px}html body .glass-workspace .weekly-plan .wp-top button{min-height:32px;font-size:11px;padding:4px 7px}}

html body .glass-workspace select,html body .glass-workspace input:not([type=checkbox]):not([type=radio]):not([type=color]),html body .glass-workspace textarea{background:#101c15!important;color:#e5eee1!important;border-color:#ffffff28!important}html body .glass-workspace .stat-icon{background:#a9c96b12!important;color:#c6daa9!important}

/* Single viewport workspace: fixed header and bottom dock, internal scrolling only. */
html:has(.glass-workspace),html body:has(.glass-workspace){height:100%;overflow:hidden;overscroll-behavior:none}html body .glass-workspace{position:fixed;inset:0;display:flex;flex-direction:column;min-height:0;height:100dvh;padding:0!important;overflow:hidden;--workspace-header:72px;--workspace-dock:64px}html body .glass-workspace>.topbar{height:var(--workspace-header);flex:0 0 var(--workspace-header);position:relative;z-index:6}html body .glass-workspace>.content{flex:1;min-height:0;max-height:none;width:100%;overflow:auto;overscroll-behavior:contain;margin:0;padding:18px 3vw;scrollbar-gutter:stable}html body .glass-workspace>.content.home-content{overflow:hidden;display:flex;flex-direction:column;scrollbar-gutter:auto}html body .glass-workspace .home-content>*:not(.global-search):not([data-ankyra-slot="home.cards"]){display:none!important}html body .glass-workspace .home-content>.global-search{flex:none;max-width:460px;margin:0 0 8px;z-index:3}html body .glass-workspace .home-content>[data-ankyra-slot="home.cards"]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}html body .glass-workspace [data-weekly-panel]{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden;border:0;padding:0;margin:0;backdrop-filter:none}html body .glass-workspace .watch-hub{display:flex;flex-direction:column;flex:1;min-height:0;margin:0}html body .glass-workspace .hub-heading{flex:none;padding:0 0 8px}html body .glass-workspace .hub-orbit{height:auto!important;min-height:0;flex:1;overflow:hidden}html body .glass-workspace .hub-navigation{flex:none;margin:6px 0 0;min-height:32px}html body .glass-workspace .hub-icon{width:clamp(44px,min(8.5vw,calc(20dvh - 48px)),150px);height:clamp(44px,min(8.5vw,calc(20dvh - 48px)),150px);font-size:clamp(22px,3.8vw,56px)}html body .glass-workspace .hub-calendar{width:clamp(52px,min(9vw,calc(21dvh - 48px)),150px);height:clamp(52px,min(9vw,calc(21dvh - 48px)),150px)}html body .glass-workspace .hub-module{gap:5px}html body .glass-workspace>.quick-add{display:none}
html body .glass-dock{flex:0 0 var(--workspace-dock);height:var(--workspace-dock);min-height:0;width:100%;display:flex;justify-content:center;align-items:center;gap:7px;padding:7px 12px max(7px,env(safe-area-inset-bottom));border-top:1px solid #ffffff12;background:#0d1712eb;backdrop-filter:blur(18px);overflow-x:auto;overflow-y:hidden;z-index:6;scrollbar-width:thin}html body .glass-dock button{flex:none;min-width:65px;min-height:43px;padding:6px 12px;border:1px solid #ffffff20;border-radius:21px;background:#ffffff03;color:#a7b99e;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px}html body .glass-dock button>span{font-size:17px}html body .glass-dock button>strong{font-size:11px;font-weight:500}html body .glass-dock button[aria-current],html body .glass-dock button:hover{background:#b5d97515;color:#d6ecb3;border-color:#b5d97555}html body .glass-workspace .glass-summary{min-height:36px;font-size:12px}
html body .glass-workspace .weekly-plan:not([hidden]){position:absolute;inset:var(--workspace-header) 0 var(--workspace-dock);height:auto;width:100%;padding:12px 3vw;z-index:5;overflow:hidden}html body .glass-workspace>.content:has(.glass-project-kanban){display:flex;flex-direction:column;overflow:hidden}html body .glass-workspace .glass-project-kanban{flex:1;min-height:0;padding-bottom:4px;overflow-y:hidden}html body .glass-workspace .glass-project-column{min-height:0;max-height:100%;height:100%;display:flex;flex-direction:column;margin:0}html body .glass-workspace .glass-project-column>.section-title{flex:none}html body .glass-workspace .glass-project-column>.project-grid{flex:1;min-height:0;overflow-y:auto;align-content:start;overscroll-behavior:contain;padding:2px 3px 12px}html body .glass-workspace .glass-project-column .project-card{flex:none}html body .glass-workspace #global-results{max-height:45dvh;overflow-y:auto}html body dialog .stats{display:grid!important}html body .glass-workspace .weekly-plan:not([hidden]) .wp-grid{min-height:0}
@media(max-width:760px){html body .glass-workspace{--workspace-header:58px;--workspace-dock:62px}html body .glass-workspace>.content{padding:10px 12px}html body .glass-dock{justify-content:flex-start;gap:5px;padding-left:9px;padding-right:9px}html body .glass-dock button{padding:5px 9px;min-width:55px;min-height:42px;flex-direction:column;gap:1px;border-radius:14px}html body .glass-dock button>span{font-size:18px;line-height:20px}html body .glass-dock button>strong{font-size:9px;white-space:nowrap}html body .glass-workspace .glass-summary{font-size:10px;padding:5px 7px}html body .glass-workspace .glass-home{font-size:10px;padding:5px 7px}html body .glass-workspace .profile>.avatar{width:28px;height:28px}html body .glass-workspace .hub-icon{width:min(70px,calc(20dvh - 38px));height:min(70px,calc(20dvh - 38px));font-size:28px}html body .glass-workspace .hub-calendar{width:min(84px,calc(23dvh - 38px));height:min(84px,calc(23dvh - 38px))}html body .glass-workspace .hub-heading>strong{font-size:22px}html body .glass-workspace .hub-heading>small{max-width:120px;font-size:9px}html body .glass-workspace .weekly-plan:not([hidden]){padding:8px 10px}}
@media(max-height:600px){html body .glass-workspace{--workspace-header:50px;--workspace-dock:52px}html body .glass-workspace>.content{padding-top:7px;padding-bottom:7px}html body .glass-workspace .hub-heading>strong{font-size:19px}html body .glass-workspace .hub-navigation small{font-size:9px}html body .glass-workspace .hub-navigation{min-height:25px;margin-top:2px}html body .glass-workspace .hub-navigation button{height:25px;width:28px}html body .glass-workspace .hub-icon{width:46px;height:46px;font-size:23px}html body .glass-workspace .hub-calendar{width:58px;height:58px}html body .glass-workspace .hub-calendar>.hub-date{font-size:13px}html body .glass-workspace .hub-weekday{font-size:9px}html body .glass-workspace .hub-calendar-caption{font-size:7px}html body .glass-workspace .hub-module>strong{font-size:9px}html body .glass-workspace .hub-shortcut>small{display:none}html body .glass-workspace .global-search>input{min-height:28px;height:28px;font-size:11px}html body .glass-dock button{min-height:34px}html body .glass-workspace .weekly-plan .wp-top h2{font-size:14px}html body .glass-workspace .weekly-plan .wp-top button,html body .glass-workspace .weekly-plan .wp-tools button{min-height:25px;height:25px;font-size:10px;padding:3px 6px}html body .glass-workspace .weekly-plan .wp-day-header{padding:4px 7px}html body .glass-workspace .weekly-plan .wp-notice{display:none}html body .glass-workspace .weekly-plan .wp-job{min-height:52px}}

@media(max-height:600px){html body .glass-workspace>.content:has(.glass-project-kanban){display:block;overflow:auto}html body .glass-workspace .glass-project-kanban{height:280px;min-height:240px;flex:none}html body .glass-workspace .glass-project-column{height:100%}}

/* Touch/WebView fast glass: painted highlights, no live background filtering. */
.hub-links{display:none!important}html body .glass-workspace .hub-module,html body .glass-workspace .hub-calendar{will-change:transform;backface-visibility:hidden}html body .glass-workspace .hub-orbit{perspective:none;isolation:isolate}html body .glass-workspace .hub-icon,html body .glass-workspace .hub-calendar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}html body .glass-workspace .hub-dragging .hub-module,html body .glass-workspace .hub-dragging .hub-calendar{transition:none!important}
@media(pointer:coarse),(max-width:800px){html body .glass-workspace .hub-icon{box-shadow:inset 0 2px 3px #ffffff85,inset 0 -3px 6px #0005,0 6px 12px #0005!important}html body .glass-workspace .hub-calendar{box-shadow:inset 0 2px 3px #ffffff85,0 0 0 1px #c6e57544,0 7px 15px #0006!important}html body .glass-workspace .hub-module>strong{text-shadow:none}html body .glass-workspace .topbar,html body .glass-dock,html body .glass-workspace [data-weekly-panel],html body .glass-workspace .glass-project-column,html body .glass-workspace .project-card,html body .glass-workspace .kanban-card,html body .glass-workspace .kanban-col,html body .glass-workspace .weekly-plan,html body .glass-workspace .wp-day,html body .glass-workspace .wp-job{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body .glass-workspace .glass-project-column,html body .glass-workspace .project-card,html body .glass-workspace .kanban-card,html body .glass-workspace .wp-day{box-shadow:inset 0 1px #ffffff15,0 5px 10px #0002}html body .glass-workspace .hub-orbit .hub-placeholder{opacity:.45}}

/* Mobile: a single compositor surface; highlights remain prepainted. */
.hub-surface{position:absolute;inset:0;pointer-events:none}.hub-surface>*{pointer-events:auto}.hub-surface>.hub-placeholder{pointer-events:none}
html body .hub-touch-fast .hub-surface{will-change:transform;contain:layout style;backface-visibility:hidden}
html body .glass-workspace .hub-touch-fast .hub-module,html body .glass-workspace .hub-touch-fast .hub-calendar{will-change:auto;transition:none!important;backface-visibility:visible}
html body .glass-workspace .hub-touch-fast .hub-icon,html body .glass-workspace .hub-touch-fast .hub-calendar{box-shadow:inset 0 1px 2px #ffffff88,inset 0 -2px 3px #0004!important}
html body .glass-workspace .hub-touch-fast .hub-icon:after,html body .glass-workspace .hub-touch-fast .hub-calendar:after{display:none}
html body .glass-workspace:has(.hub-touch-fast) .hub-orbit{isolation:auto;perspective:none}

/* cam_01: portable depth layout and stable touch hit testing. */
html body .glass-workspace .hub-mobile-depth .hub-surface{transform:none;contain:layout style}
html body .glass-workspace .hub-mobile-depth .hub-module,html body .glass-workspace .hub-mobile-depth .hub-calendar{transition:none!important;backface-visibility:visible;-webkit-backface-visibility:visible;will-change:auto}
html body .glass-workspace .hub-orbit{touch-action:none;user-select:none;-webkit-user-select:none}
html body .glass-workspace{height:100vh;height:100dvh}
html body .glass-workspace .hub-icon{background-color:#31483c}
html body .glass-workspace .hub-calendar{background-color:#607f39}
html body .glass-workspace .glass-dock{padding-bottom:max(8px,env(safe-area-inset-bottom))}
html body .glass-workspace .hub-mobile-depth .hub-icon{width:64px;height:64px}
html body .glass-workspace .hub-mobile-depth .hub-calendar{width:82px;height:82px}
@media(max-height:500px){html body .glass-workspace .hub-mobile-depth .hub-icon{width:40px;height:40px}html body .glass-workspace .hub-mobile-depth .hub-calendar{width:54px;height:54px}}