/* Kept separate from desktop geometry: orientation and device changes never save
   a 390px phone window over the user's desktop layout. */
.mobile-nav,.mobile-running,.mobile-overview,.mobile-section-bar{display:none}
.mobile-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.light{padding:0;border:0}.light svg{display:none}
body.dh-mobile-desktop{--mobile-nav-height:64px;overscroll-behavior:none}
.dh-mobile-desktop .desktop{top:var(--mobile-vtop,0px);bottom:auto;height:var(--mobile-vh,100dvh)}
.dh-mobile-desktop .desktop>[data-windows]{position:absolute;inset:0;pointer-events:none}
.dh-mobile-desktop .window{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:calc(var(--mobile-vh,100dvh) - var(--mobile-nav-height) - env(safe-area-inset-bottom,0px))!important;max-width:100%;border:0;border-radius:0;box-shadow:none;pointer-events:auto;padding-top:env(safe-area-inset-top,0px)}
.dh-mobile-desktop .window.mobile-window-background{display:none!important}
.dh-mobile-desktop .window.mobile-gesturing{transform:translateY(var(--mobile-drag,0)) scale(.98);border-radius:18px}
.dh-mobile-desktop .window__bar{flex:none;min-height:52px;padding:4px 8px;gap:8px;cursor:default}
.dh-mobile-desktop .lights{display:contents}
.dh-mobile-desktop .window__title{order:1;flex:1;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.dh-mobile-desktop .light{width:44px;height:44px;border-radius:12px;background:transparent;color:var(--text);display:grid;place-items:center;flex:none}
.dh-mobile-desktop .light svg{display:block;width:22px;height:22px}
.dh-mobile-desktop .light--yellow{order:0}.dh-mobile-desktop .light--red{order:2}.dh-mobile-desktop .light--green,.dh-mobile-desktop .window__resize,.dh-mobile-desktop .rail{display:none!important}
.dh-mobile-desktop .window__body{min-width:0;padding:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.dh-mobile-desktop .window__body.nopad{padding:0}
.dh-mobile-desktop .window__body>*,.dh-mobile-desktop .window__body iframe{min-width:0;max-width:100%}
.dh-mobile-desktop :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px;max-width:100%;min-width:0}
.dh-mobile-desktop :is(.window,.modal,.tsk-ovl,.trm-modal) :is(button,[role=button],.settings__item,.fm__tnode,.tsk-proj){min-height:44px}
.dh-mobile-desktop :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--led);outline-offset:2px}
.dh-mobile-desktop.dh-mobile-app-open>.dh-top-overlay,.dh-mobile-desktop.dh-mobile-overview-open>.dh-top-overlay{visibility:hidden;pointer-events:none}
.dh-mobile-desktop .apps{padding:calc(var(--dh-top-overlay-height,52px) + env(safe-area-inset-top,0px) + 8px) 0 calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px) + 4px)}
.dh-mobile-desktop .sb-page{--sb-cell:70px;gap:14px!important;padding:8px 12px!important;align-content:center}
.dh-mobile-desktop .sb-tile,.dh-mobile-desktop .sb-folder{width:70px;gap:7px;padding:0;position:relative}
.dh-mobile-desktop .sb-tile>.app__ico,.dh-mobile-desktop .sb-folder__box{width:60px;height:60px;border-radius:17px;font-size:28px}
.dh-mobile-desktop .app__ico svg{width:32px;height:32px}
.dh-mobile-desktop .app__ico--cloud svg{width:66px!important;height:66px!important}
.dh-mobile-desktop .app__label{font-size:12px;line-height:1.3;text-align:center;max-width:76px;min-height:30px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
.dh-mobile-desktop .sb-tile.is-running::after{content:'';position:absolute;top:54px;right:2px;width:8px;height:8px;border:2px solid var(--bg);background:var(--led);border-radius:50%}
.dh-mobile-desktop .sb-dots{padding:0;min-height:30px;gap:0}.dh-mobile-desktop .sb-dot{border:0;min-width:30px;min-height:30px;background:transparent;position:relative}
.dh-mobile-desktop .sb-dot::before{content:'';width:6px;height:6px;position:absolute;inset:12px;border-radius:50%;background:#ffffff70}.dh-mobile-desktop .sb-dot.is-active::before{background:#fff}
.dh-mobile-desktop .sb-folder-overlay{padding:16px}.dh-mobile-desktop .sb-folder-overlay__card{max-height:calc(var(--mobile-vh,100dvh) - 90px)}
.dh-mobile-desktop .mobile-nav{position:fixed;z-index:2147483050;left:0;right:0;top:calc(var(--mobile-vtop,0px) + var(--mobile-vh,100dvh) - var(--mobile-nav-height) - env(safe-area-inset-bottom,0px));height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));padding:4px max(12px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:76px minmax(90px,1fr) 90px;gap:8px;align-items:stretch;background:var(--panel);border-top:1px solid var(--line)}
.mobile-nav button,.mobile-running button,.mobile-overview button,.mobile-section-bar button{font:inherit;color:var(--text);border:0;cursor:pointer}
.mobile-nav__button{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;font-size:11px!important}
.mobile-nav__button[aria-current=page],.mobile-nav__button[aria-expanded=true]{background:var(--panel-3);color:var(--led)}
.mobile-icon{display:inline-grid;place-items:center;flex:none}.mobile-icon svg{width:22px;height:22px}
.mobile-nav__handle{background:transparent;touch-action:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:10px;min-height:48px}
.mobile-nav__pill{height:5px;width:52px;background:var(--text);opacity:.75;border-radius:9px}.mobile-nav__hint{font-size:10px;color:var(--muted);white-space:nowrap}
.dh-mobile-desktop .mobile-running{display:block;flex:none;padding:2px 16px 8px;min-width:0}
.mobile-running__head{display:flex;align-items:center;justify-content:space-between}.mobile-running__head h2{font-size:14px;font-weight:600;margin:0;color:var(--desk-fg);text-shadow:0 1px 4px #0008}.mobile-running__head button{padding:4px 10px;min-height:32px;background:#101828b8;border-radius:9px;font-size:12px}
.mobile-running__list{display:flex;gap:10px;overflow:auto;scroll-snap-type:x proximity;padding:6px 0;scrollbar-width:none;overscroll-behavior-x:contain}
.mobile-running-card{position:relative;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden;min-width:0}
.mobile-running-card__open{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:center;width:100%;min-height:170px;padding:18px;background:transparent;text-align:left}
.mobile-running-card__open>.app__ico{height:48px;width:48px;font-size:26px;border-radius:14px;box-shadow:none}.mobile-running-card__open>.app__ico svg{height:28px!important;width:28px!important}
.mobile-running-card strong{font-size:14px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-running-card__detail{font-size:12px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-running-card__close{position:absolute;right:0;top:0;display:grid;place-items:center;width:44px;height:44px;background:var(--panel);border-radius:0 0 0 12px;color:var(--muted)!important}
.mobile-running-card.is-compact{min-width:156px;max-width:156px;scroll-snap-align:start}.is-compact .mobile-running-card__open{min-height:96px;padding:12px;gap:6px}.is-compact .mobile-running-card__open>.app__ico{height:26px;width:26px;font-size:18px;border-radius:8px}.is-compact .mobile-running-card__open>.app__ico svg{height:20px!important;width:20px!important}.is-compact .mobile-running-card__detail{display:none}
.dh-mobile-desktop .mobile-overview:not([hidden]){position:fixed;z-index:2147483040;left:0;right:0;top:var(--mobile-vtop,0px);height:calc(var(--mobile-vh,100dvh) - var(--mobile-nav-height) - env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;background:var(--bg);padding:env(safe-area-inset-top,0px) 16px 12px}
.mobile-overview__head{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px}.mobile-overview__head h1{font-size:20px;margin:0}.mobile-overview__head button{height:44px;width:44px;border-radius:12px;background:var(--panel)}
.mobile-overview__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:auto;align-content:start;min-height:0;padding-bottom:16px}.mobile-overview__empty{grid-column:1/-1;color:var(--muted);line-height:1.6}
.dh-mobile-desktop [data-mobile-panel]{position:relative;min-height:0;min-width:0;display:flex;flex-direction:column}
.dh-mobile-desktop .mobile-section-bar{display:flex;align-items:center;gap:8px;padding:4px 8px;border-bottom:1px solid var(--line);flex:none;background:var(--panel)}
.mobile-section-back{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 8px;background:transparent;color:var(--led)!important;white-space:nowrap}
.mobile-section-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--muted)}.mobile-section-info{background:transparent;font-size:12px!important;padding:0 6px}
.dh-mobile-desktop [data-mobile-list],.dh-mobile-desktop [data-mobile-detail]{width:100%!important;min-width:0;min-height:0;flex:1 1 auto;border:0}
.dh-mobile-desktop [data-mobile-pane=list]>[data-mobile-detail],.dh-mobile-desktop [data-mobile-pane=list]>:is(.fm__body,.msgr__body)>[data-mobile-detail]{display:none!important}
.dh-mobile-desktop [data-mobile-pane=detail]>[data-mobile-list],.dh-mobile-desktop [data-mobile-pane=detail]>:is(.fm__body,.msgr__body)>[data-mobile-list]{display:none!important}
.dh-mobile-desktop [data-mobile-pane=info] .fm__tree,.dh-mobile-desktop [data-mobile-pane=info] .fm__center{display:none!important}
.dh-mobile-desktop .fm__preview{display:none}.dh-mobile-desktop [data-mobile-pane=info] .fm__preview{display:block;flex:1;width:auto;border:0}
.dh-mobile-desktop .settings__side{padding:8px 12px}.dh-mobile-desktop .settings__item{font-size:15px;padding:12px;min-height:52px}.dh-mobile-desktop .settings__main{padding:16px}
.dh-mobile-desktop .set__row{align-items:stretch;flex-wrap:wrap;gap:10px;padding:12px}.dh-mobile-desktop .set__input,.dh-mobile-desktop textarea.set__input{width:100%!important;min-width:0!important}.dh-mobile-desktop .set__card{overflow:visible}.dh-mobile-desktop .settings__main [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
.dh-mobile-desktop .fm__bar{flex-wrap:wrap;padding:6px 10px;gap:6px}.dh-mobile-desktop .fm__bar>.muted{display:none}.dh-mobile-desktop .fm__row{min-height:52px;padding:9px 12px;gap:8px;grid-template-columns:minmax(0,1fr) auto}
.dh-mobile-desktop .msgr__crumbs{padding:4px 12px;min-height:40px;max-height:88px;overflow:auto}.dh-mobile-desktop .msgr__compose{padding:8px;gap:6px}.dh-mobile-desktop .msgr__compose textarea{min-width:0;font-size:16px}.dh-mobile-desktop .msgr__head{padding:8px 10px;gap:8px}.dh-mobile-desktop .msgr__body{min-width:0}.dh-mobile-desktop .msgr__bubble{max-width:88%}
.dh-mobile-desktop .trm__main{min-height:0}.dh-mobile-desktop .trm__bar{flex-wrap:wrap;gap:6px}.dh-mobile-desktop .trm__list{overflow:auto}.dh-mobile-desktop .trm__side{min-height:0}
.dh-mobile-desktop .tsk__bar{padding:8px;gap:6px}.dh-mobile-desktop .tsk__views{width:100%;overflow:auto;flex-shrink:0}.dh-mobile-desktop .tsk__view{flex:1;min-width:max-content}.dh-mobile-desktop .tsk__body{padding:10px;min-width:0}.dh-mobile-desktop :is(.tsk-grid,.shm-grid){grid-template-columns:minmax(0,1fr)}
.dh-mobile-desktop .shm__tabs{flex-wrap:nowrap;overflow:auto;padding:4px 8px 0}.dh-mobile-desktop .shm__tab{white-space:nowrap;flex:none}.dh-mobile-desktop .shm__view{padding:12px}.dh-mobile-desktop .shm-row{flex-wrap:wrap;gap:10px}.dh-mobile-desktop .shm-row__main{flex-basis:calc(100% - 70px)}.dh-mobile-desktop .shm-spark{max-width:100%}
.dh-mobile-desktop .cal__head{padding:8px;gap:8px;flex-wrap:wrap}.dh-mobile-desktop .cal__title{font-size:16px}.dh-mobile-desktop .cal__grid{grid-template-columns:repeat(7,minmax(0,1fr))}.dh-mobile-desktop .cal__cell{padding:4px 2px}.dh-mobile-desktop .cal__ticklbl{display:none}.dh-mobile-desktop .cal__tev{font-size:10px}.dh-mobile-desktop .cal__wd{padding:8px 2px;font-size:11px}
.dh-mobile-desktop .as-tabs{padding:6px 8px 0;overflow:auto;flex-shrink:0}.dh-mobile-desktop .as-tab{padding:10px;white-space:nowrap}.dh-mobile-desktop .as-view{padding:12px}.dh-mobile-desktop .as-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dh-mobile-desktop .modal-back{z-index:2147483200;top:var(--mobile-vtop,0px);bottom:auto;height:var(--mobile-vh,100dvh);padding:12px max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}
.dh-mobile-desktop .modal{max-height:100%;max-width:100%!important;padding:18px 16px}.dh-mobile-desktop .modal__close{height:44px;width:44px}.dh-mobile-desktop .modal__actions{flex-wrap:wrap}.dh-mobile-desktop .modal__actions button{flex:1;min-width:90px}
.dh-mobile-desktop :is(.tsk-ovl,.trm-modal,.shm-overlay){z-index:2147483200;max-width:100vw}.dh-mobile-desktop :is(.tsk-modal,.trm-modal__box){width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px);max-height:calc(var(--mobile-vh,100dvh) - 24px)}
.dh-mobile-desktop .dh-right-dock__launcher{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px) + 12px)}
@media(prefers-reduced-motion:reduce){.dh-mobile-desktop *{scroll-behavior:auto!important}.dh-mobile-desktop .window,.dh-mobile-desktop .sb-track{transition:none!important}}

.mobile-nav[hidden],.mobile-running[hidden],.mobile-overview[hidden]{display:none!important}
.dh-mobile-desktop.dh-mobile-app-open :is([data-bell],[data-bellpanel]),.dh-mobile-desktop.dh-mobile-overview-open :is([data-bell],[data-bellpanel]){visibility:hidden;pointer-events:none}
.dh-mobile-desktop .cal__grid{grid-template-rows:28px repeat(6,minmax(70px,1fr))!important;grid-auto-rows:minmax(70px,1fr)}
.dh-mobile-desktop .fm__list{min-width:0;width:100%;flex:1}
.dh-mobile-desktop [data-mobile-pane=info] .fm__list{display:none!important}
.dh-mobile-desktop .fm__body{flex:1;min-height:0;overflow:hidden}
.mobile-task-tools{display:none}
.dh-mobile-desktop .mobile-task-tools{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;border-radius:9px;padding:6px 10px;min-height:44px;order:-1}
.dh-mobile-desktop .tsk__bar:not(.mobile-tools-open)>:not(:first-child):not(.tsk__views):not(.mobile-task-tools){display:none}
.dh-mobile-desktop .tsk__bar{max-height:50%;overflow:auto;flex-shrink:0;font-family:inherit}.dh-mobile-desktop .tsk__bar button{font-family:inherit}
.dh-mobile-desktop .tsk__bar>:first-child{order:-2}.dh-mobile-desktop .tsk__views{order:1}

.dh-mobile-desktop .dh-quick{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px) + 12px)}
.dh-mobile-desktop.dh-mobile-app-open .dh-quick__fab,.dh-mobile-desktop.dh-mobile-overview-open .dh-quick__fab{display:none}
.dh-mobile-desktop .tree__row{min-height:44px}
.dh-mobile-desktop .dh-quick__panel{max-height:calc(var(--mobile-vh,100dvh) - 150px);max-width:calc(100vw - 24px)}
.dh-mobile-desktop .window__body{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
.dh-mobile-desktop .window__body.nopad{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}

.dh-mobile-desktop .sb-dot.is-active{background:transparent}

.dh-mobile-desktop .dh-call-float{left:0!important;top:var(--mobile-vtop,0px)!important;width:100%!important;height:calc(var(--mobile-vh,100dvh) - var(--mobile-nav-height) - env(safe-area-inset-bottom,0px))!important;max-height:none;max-width:none;border:0!important;border-radius:0!important;resize:none!important;padding-top:env(safe-area-inset-top,0px)}
.dh-mobile-desktop .dh-call-float.mobile-window-background{display:none!important}
.dh-mobile-desktop .dh-call-float__bar{height:48px!important;cursor:default!important}
.dh-mobile-desktop .dh-call-float__bar button{width:44px!important;height:44px!important;font-size:24px!important;border:0!important}
.dh-mobile-desktop .dh-call-float__bar+div{top:calc(48px + env(safe-area-inset-top,0px))!important}
.dh-mobile-desktop .mobile-overview__grid{grid-auto-rows:minmax(170px,max-content)}
.dh-mobile-desktop .mobile-overview .mobile-running-card{min-height:170px}
.dh-mobile-desktop .mobile-running__head{padding-right:56px}
.dh-mobile-desktop .set__acctop{flex-wrap:wrap;gap:14px}
.dh-mobile-desktop .set__acctop>div:nth-child(2){flex:1;min-width:140px!important}
.dh-mobile-desktop .set__acctop>button{width:100%;margin:0}
.dh-mobile-desktop .set__accname{white-space:normal;overflow-wrap:anywhere}
.dh-mobile-desktop .set__acclogin{overflow-wrap:anywhere}
.dh-mobile-desktop .is-client-desktop :is(.sb-viewport,.sb-dots){display:none}
.dh-mobile-desktop .dh-call-float.mobile-gesturing{transform:translateY(var(--mobile-drag,0)) scale(.98)}

.dh-mobile-desktop .shm-toggle{background:transparent!important;height:44px}
.dh-mobile-desktop .shm-toggle::before{content:'';position:absolute;left:0;right:0;top:10px;height:23px;background:#2b3242;border-radius:12px}
.dh-mobile-desktop .shm-toggle.is-on::before{background:var(--led)}
.dh-mobile-desktop .shm-toggle::after{top:12px}

.dh-mobile-desktop .dh-call-room__media{container-type:size}
.dh-mobile-desktop .dh-call-room__stage:not([data-focused=true]) .dh-call-room__tile{min-height:80px;max-height:100cqh}
@media(max-width:760px){.dh-mobile-desktop .dh-call-room__stage:not([data-focused=true]) .dh-call-room__grid:has(>.dh-call-room__tile:nth-child(3)):not(:has(>.dh-call-room__tile:nth-child(5)))>.dh-call-room__tile{max-height:calc((100cqh - 10px)/2)}}
/* Keep the single call status reachable when another phone app is in front. */
.dh-mobile-desktop:has([data-dh-call-toolbar]:not([hidden]))>.dh-top-overlay{visibility:visible;pointer-events:auto;z-index:2147483060}
.dh-mobile-desktop:has([data-dh-call-toolbar]:not([hidden])) .window{top:var(--dh-top-overlay-height,52px)!important;height:calc(var(--mobile-vh,100dvh) - var(--dh-top-overlay-height,52px) - var(--mobile-nav-height) - env(safe-area-inset-bottom,0px))!important}
.dh-mobile-desktop:has([data-dh-call-toolbar]:not([hidden])) .dh-call-float{top:calc(var(--mobile-vtop,0px) + var(--dh-top-overlay-height,52px))!important;height:calc(var(--mobile-vh,100dvh) - var(--dh-top-overlay-height,52px) - var(--mobile-nav-height) - env(safe-area-inset-bottom,0px))!important;max-height:none}
.dh-mobile-desktop:has([data-dh-call-toolbar]:not([hidden])) .mobile-overview:not([hidden]){top:calc(var(--mobile-vtop,0px) + var(--dh-top-overlay-height,52px));height:calc(var(--mobile-vh,100dvh) - var(--dh-top-overlay-height,52px) - var(--mobile-nav-height) - env(safe-area-inset-bottom,0px))}
