html[data-todo-workspace="host"], html[data-todo-workspace="host"] body.workspace-host {
  height:100%; min-height:0; margin:0; padding:0; overflow:hidden;
}
body.workspace-host { display:block; }
body.workspace-host > .app-shell-actions[hidden] { display:none !important; }
#todoPage { display:block; width:100%; height:100dvh; border:0; background:var(--background,#0b1220); }
#workspaceLoading { position:fixed; top:12px; left:50%; transform:translateX(-50%); z-index:1900; padding:10px 16px; border-radius:10px; background:var(--surface); border:1px solid var(--border); color:var(--muted); font-size:13px; }
#workspaceLoading[hidden] { display:none; }
@media(min-width:681px) and (max-width:1099px) {
  html[data-todo-workspace="page"] .app-shell { height:auto; flex-wrap:wrap; gap:12px; }
  html[data-todo-workspace="page"] .app-shell-actions { max-width:100%; flex-wrap:wrap; gap:10px; }
}
@media(max-width:1099px) {
  .workspace-child-dialog #talkLaunch,.workspace-child-dialog #todoTalk.talk-minimised { visibility:hidden;pointer-events:none; }
  html[data-todo-workspace="host"].talk-panel-open #todoPage { height:calc(100dvh - var(--talk-peek-height)); }
}
.todo-sync-state { display:inline-flex; align-items:center; gap:5px; color:var(--muted,#9aacc2); font-size:11px; white-space:nowrap; }
.todo-sync-state::before { content:""; width:6px; height:6px; border-radius:50%; background:#68d6a2; }
.todo-sync-state[data-state="offline"]::before,.todo-sync-state[data-state="pending"]::before { background:#eabd6f; }
.todo-sync-state[data-state="error"]::before { background:#ee899d; }
@media(max-width:680px) {
  .app-shell > .app-shell-actions { flex:1 1 100%; width:100%; max-width:100%; flex-wrap:wrap; min-width:0; gap:6px; justify-content:space-between; }
  .app-shell > .app-shell-actions > button { width:auto; min-width:0; padding:7px; font-size:11px; flex:0 1 auto; }
  .app-shell > .app-shell-actions .app-signout { font-size:10px; }
  .todo-sync-state { font-size:0; width:7px; flex:none; gap:0; }
  .todo-sync-state::before { flex:0 0 6px; }
}
@media(max-width:1099px) {
  html[data-todo-workspace="page"].talk-panel-open body { padding-bottom:0 !important; }
  html[data-todo-workspace="page"].talk-panel-open body[data-view] > .container { padding-bottom:16px !important; }
  html[data-todo-workspace="page"].talk-panel-open #floatingToggle { bottom:12px !important; }
}