/* Teamo Web only. App and mobile interfaces retain their separate navigation. */
#app .shell[data-app="teamo"][data-teamo-interface="web"]{--tm-web-nav-width:240px;--tm-canvas:#080808;--tm-surface:#101010;--tm-raised:#171717;--tm-control:#202020;--tm-line:#303030;--tm-text:#f8f8f8;--tm-muted:#adadad;--tm-brand:#ff8a65;--tm-outgoing:#3e241e;--tm-emphasis:var(--tm-brand);display:grid!important;grid-template-columns:var(--tm-web-nav-width) minmax(0,1fr)!important;gap:0!important;width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:0;overflow:hidden;background:var(--tm-canvas);color:var(--tm-text);font-family:Lexend,Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:dark}
#app .shell[data-app="teamo"][data-teamo-interface="web"][data-teamo-mode="private"]{--tm-canvas:#f3f4f6;--tm-surface:#fff;--tm-raised:#f2f3f5;--tm-control:#f5f6f8;--tm-line:#d9dde3;--tm-text:#18191c;--tm-muted:#616771;--tm-brand:#e67857;--tm-outgoing:#ffe2d8;--tm-emphasis:#9e3e28;color-scheme:light}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.sidebar{display:flex!important;flex-direction:column!important;position:relative!important;inset:auto!important;transform:none!important;width:auto!important;height:100dvh!important;max-height:100dvh;min-height:0;padding:0 12px 12px!important;gap:0!important;overflow:hidden!important;border:0;border-right:1px solid var(--tm-line);border-radius:0;color:var(--tm-text)!important;box-shadow:none!important}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.sidebar>:is(.brand,.nav){display:none!important}
#app .shell[data-app="teamo"][data-teamo-interface="web"] [data-tm-web-navigation-slot]{display:flex;flex:1;min-height:0;overflow:hidden}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-navigation{display:flex!important;flex-direction:column!important;position:static!important;flex:1;min-width:0;min-height:0;width:100%;height:auto!important;margin:0;padding:16px 0 8px!important;overflow:hidden;border:0;background:transparent!important;color:var(--tm-text);font:inherit}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-brand{flex:none;display:grid;place-items:center;min-height:56px;padding:5px 12px 18px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-wordmark{display:block!important;width:136px;max-width:100%;height:32px;margin:0;object-fit:contain;filter:none!important}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-nav-items{display:flex!important;flex-direction:column;flex:1;min-height:0;gap:5px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-nav-item{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;position:relative;width:100%;min-height:42px;padding:10px 12px;gap:10px;border:1px solid transparent;border-radius:11px;background:transparent!important;color:var(--tm-text);font:inherit;text-align:start}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-nav-item:is(:hover,.is-active){background:var(--tm-outgoing)!important;border-color:var(--tm-brand)}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-nav-item .tm-nav-label{display:block!important;min-width:0;font-size:13px;line-height:1.35;font-weight:600;white-space:normal}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-nav-item .tm-unread{position:static;margin-inline-start:auto;font-size:10px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-nav-item .tm-icon{width:21px;height:21px;flex:0 0 21px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-submenu{display:grid;gap:3px;margin:4px 0 10px 21px;padding-inline-start:10px;border-inline-start:1px solid var(--tm-line)}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-submenu button{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:35px;margin:0;padding:8px 10px;gap:6px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--tm-muted);font:inherit;font-size:12px;line-height:1.4;white-space:normal;text-align:start}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-submenu button:is(:hover,.is-active,[aria-pressed="true"],[aria-selected="true"]){color:var(--tm-emphasis);background:var(--tm-outgoing);border-color:var(--tm-line)}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-submenu :is(.tm-contact-modes,.tm-web-contact-filters,.tm-oncall-instance-tools,.tm-categories){display:grid!important;gap:3px;padding:0!important;margin:0;overflow:visible}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-submenu .tm-oncall-instance-arrow{display:none}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-oncall-view-tabs{padding-top:8px!important;margin-top:8px;border-top:1px solid var(--tm-line)}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-nav-foot{display:grid!important;grid-template-columns:1fr;justify-items:stretch;flex:none;gap:3px;margin-top:8px;padding-top:8px;border-top:1px solid var(--tm-line)}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-account-action{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--tm-text);text-align:start;font:inherit;font-size:12px;cursor:pointer}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-account-action:hover{background:var(--tm-control)}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-user-name{display:none}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .sidebar-foot{display:grid!important;flex:none;gap:6px;min-width:0;margin:0;padding:10px 0 0;border-top:1px solid var(--tm-line);background:transparent;color:var(--tm-text)}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .sidebar-foot :is(select,.quiet-button){width:100%;min-height:34px;padding:7px 10px;border:1px solid var(--tm-line);border-radius:8px;background:var(--tm-control);color:var(--tm-text);font:inherit;font-size:12px;text-align:start}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .sidebar-foot .user-email{color:var(--tm-muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.main{min-width:0;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden;background:var(--tm-canvas)}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.main>.topbar{display:none!important}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.main>.content{display:block;min-width:0;width:100%;height:100dvh;margin:0;padding:0!important;overflow:hidden}
#app .shell[data-app="teamo"][data-teamo-interface="web"] #tm-workspace{display:grid!important;grid-template-columns:minmax(220px,var(--tm-web-list-width,calc(50vw - var(--tm-web-nav-width) - 4px))) 8px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr);width:100%;height:100dvh!important;min-height:0;max-height:100dvh;max-width:none;margin:0;border:0;border-radius:0;overflow:hidden}
#app .shell[data-app="teamo"][data-teamo-interface="web"] #tm-workspace>[data-tm-resize="nav"]{display:none}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-overview{grid-column:1;grid-row:1;min-width:0;min-height:0}
#app .shell[data-app="teamo"][data-teamo-interface="web"] #tm-workspace>[data-tm-resize="list"]{grid-column:2;grid-row:1}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-conversation-panel{display:block;grid-column:3;grid-row:1;min-width:0;min-height:0;height:100%}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-overview-head>[data-tm-mobile-settings]{display:none}
#app .shell[data-app="teamo"][data-teamo-interface="web"] #tm-workspace .tm-employee-home{container-type:inline-size}
#app .shell[data-app="teamo"][data-teamo-interface="web"] #tm-workspace .tm-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] #tm-workspace .tm-employee-grid>:is(a,button){display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;justify-content:flex-start;min-width:0;min-height:72px;gap:12px;background:var(--tm-control);padding:12px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] #tm-workspace .tm-employee-grid>[data-tm-employee-action="tasks"]{grid-template-columns:20px minmax(0,1fr) 32px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] #tm-workspace .tm-employee-appstead-brand{width:32px;height:32px;object-fit:contain}
#app .shell[data-app="teamo"][data-teamo-interface="web"] #tm-workspace .tm-employee-grid strong{font-size:13px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] #tm-workspace .tm-employee-submissions .tm-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#app .shell[data-app="teamo"][data-teamo-interface="web"] :is(button,select,a):focus-visible{outline:3px solid var(--tm-brand);outline-offset:2px}
@media(max-width:1100px){#app .shell[data-app="teamo"][data-teamo-interface="web"]{--tm-web-nav-width:220px}}

#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-call-history-mode{display:none}

#app .shell[data-app="teamo"][data-teamo-interface="web"][data-teamo-mode="work"] .tm-wordmark-private,#app .shell[data-app="teamo"][data-teamo-interface="web"][data-teamo-mode="private"] .tm-wordmark-work{display:none!important}
/* The Web shell owns its viewport; lists and profile pages scroll inside it. */
html:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]),body:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]){height:100dvh;max-height:100dvh;overflow:hidden!important}
#app .shell[data-app="teamo"][data-teamo-interface="web"]{--tm-web-nav-half:120px}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.main{display:block!important;position:relative}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.main>.content{display:block!important;flex:none!important;height:100dvh!important;max-height:100dvh!important}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.main>.content:not(:has(#tm-workspace,#tm-web-account-workspace)){overflow:auto!important;padding:24px!important}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.main>.inapp-workspace-tools{position:absolute;inset:auto 16px 16px auto;width:auto;height:auto}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.main>.inapp-workspace-tools:has(>[data-applex-workspace]:empty){display:none!important}
#app .shell[data-app="teamo"][data-teamo-interface="web"] #tm-workspace{max-height:100dvh!important;grid-template-columns:minmax(220px,var(--tm-web-list-width,calc(50% - var(--tm-web-nav-half) - 4px))) 8px minmax(0,1fr)!important}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-nav-foot>.tm-web-account-action[data-tmx]{display:none}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tmx-profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:0}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tmx-profile-actions button{min-width:0;min-height:34px;padding:6px;border:1px solid var(--tm-line);border-radius:8px;background:var(--tm-control);color:var(--tm-text);font:inherit;font-size:11px;white-space:normal}
@media(max-width:1100px){#app .shell[data-app="teamo"][data-teamo-interface="web"]{--tm-web-nav-half:110px}}

/* Keep the app's existing Web navigation artwork from styles.css. */
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.sidebar{--tm-surface:rgba(8,8,8,.86);--tm-control:rgba(8,8,8,.62);--tm-line:rgba(255,255,255,.2);--tm-text:#f8f8f8;--tm-muted:#d0d0d0;--tm-brand:#ff8a65;--tm-outgoing:rgba(90,43,29,.78);--tm-emphasis:#ffb197;isolation:isolate}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.sidebar::before{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.sidebar>*{position:relative;z-index:1}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.sidebar .tm-wordmark-work{display:block!important}
#app .shell[data-app="teamo"][data-teamo-interface="web"]>.sidebar .tm-wordmark-private{display:none!important}

/* Main navigation stays visible; only its current submenu scrolls. */
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-nav-items{overflow:hidden;gap:4px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-section{flex:none;min-height:0}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-section:has(>.tm-web-submenu){display:flex;flex-direction:column;flex:1;min-height:0}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-section>.tm-nav-item{flex:none;min-height:40px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-submenu{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;align-content:start}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area{display:flex;flex-direction:column;min-height:0;height:100%}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area>.tm-detail-scroll{flex:1;min-height:0;overflow:auto;padding:16px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] [data-tm-web-work-area-covered]>*{visibility:hidden}

/* Dock the existing tools without remounting their forms or live iframes. */
body:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]) dialog.tm-web-work-panel[open]{position:fixed!important;inset:auto!important;left:var(--tm-web-work-left)!important;top:var(--tm-web-work-top)!important;width:var(--tm-web-work-width)!important;height:var(--tm-web-work-height)!important;max-width:none!important;max-height:none!important;min-width:0!important;transform:none!important;box-shadow:none!important;margin:0!important;border:0!important;border-radius:0!important;padding:0!important;display:flex!important;flex-direction:column;overflow:hidden;z-index:80}
body:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]) dialog.tm-web-work-panel[hidden]{display:none!important}
body:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]) dialog.tm-web-work-panel>header{position:static;flex:none;min-width:0;padding:16px;border-bottom:1px solid var(--tm-line,#303030)}
body:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]) dialog.tm-web-work-panel>:is(.tm-dialog-body,.taf-body,.ts-popup-body,.tmx-body,[data-hours-body]){flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}
body:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]) dialog.tm-web-work-panel iframe{height:100%;min-height:0}
@container(max-width:350px){#app .shell[data-app="teamo"][data-teamo-interface="web"] #tm-workspace .tm-employee-grid{grid-template-columns:1fr!important}}
@media(max-height:720px){#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-brand{min-height:42px;padding-bottom:8px}#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-section>.tm-nav-item{min-height:34px;padding:7px 10px}}

#app .shell[data-app="teamo"][data-teamo-interface="web"] #tm-web-account-workspace{display:grid;grid-template-columns:minmax(220px,var(--tm-web-list-width,calc(50% - var(--tm-web-nav-half) - 4px))) 8px minmax(0,1fr);height:100%;min-height:0;overflow:hidden}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-account-selection{min-width:0;overflow:auto;background:var(--tm-surface)}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-account-current{margin:16px;padding:16px;border:1px solid var(--tm-brand);border-radius:12px;background:var(--tm-outgoing);font-weight:600}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-account-surface{min-width:0;min-height:0;overflow:auto;padding:24px;overscroll-behavior:contain}
/* Compact calendar: the selected day's shifts follow the month without a screen of empty cells. */
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area>.tm-detail-scroll{padding:10px 14px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-overview{display:flex;flex-direction:column;padding:0 0 10px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-company-filter{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-company-filter select{min-height:32px;padding:4px 8px;flex:1;width:auto}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-month-header{grid-template-columns:32px minmax(0,1fr) 32px;gap:6px;margin-bottom:6px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-button{min-height:30px;padding:3px 8px;border-radius:8px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-grid{gap:3px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-weekday{padding:2px 0;font-size:11px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-day{box-sizing:border-box;min-height:43px!important;height:43px;padding:2px 4px;gap:1px;border-radius:8px;overflow:hidden}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-day-top{min-height:14px;font-size:11px;line-height:14px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-day-times{flex-direction:row;gap:2px;margin-top:auto;max-height:17px;overflow:hidden}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-time{display:block;padding:1px 2px;font-size:9px;line-height:12px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-time span{display:inline}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-toolbar{margin:6px 0;gap:6px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-results{margin-top:4px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-calendar-work-area .mc-planning-legend{order:5;margin:8px 0 0}
/* One profile entrance and one logout action. */
#app .shell[data-app="teamo"][data-teamo-interface="web"] :is(.tmx-profile-actions,.sidebar-foot .user-email,.tm-nav-foot>[data-tmx]){display:none!important}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .sidebar-foot{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:9px 6px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .sidebar-foot> :not([data-tm-user-bubble],[data-action="logout"]){display:none!important}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .sidebar-foot :is([data-tm-user-bubble],[data-action="logout"]){display:flex!important;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--tm-line);border-radius:50%;background:var(--tm-control)}
#app .shell[data-app="teamo"][data-teamo-interface="web"] [data-tm-user-bubble] .tm-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden}
#app .shell[data-app="teamo"][data-teamo-interface="web"] [data-tm-user-bubble] img{width:100%;height:100%;object-fit:cover}
#app .shell[data-app="teamo"][data-teamo-interface="web"] :is(.teamo-profile-shortcuts,.teamo-account-actions>[data-action="logout"]){display:none!important}
/* The assistant has reserved space in the selection column, outside all forms. */
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-teamon-slot{box-sizing:border-box;display:flex;align-items:center;flex:none;min-height:56px;height:56px;padding:8px 12px 8px 62px;border-top:1px solid var(--tm-line);background:var(--tm-surface);color:var(--tm-muted);font-size:12px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-account-selection{display:flex;flex-direction:column}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-account-selection>.tm-teamon-slot{margin-top:auto}
html[data-tm-teamon-docked] #applex-entry{position:fixed!important;inset:auto!important;left:var(--tm-teamon-entry-left)!important;top:var(--tm-teamon-entry-top)!important;width:44px!important;height:44px!important;z-index:90}
html[data-tm-teamon-docked] #applex-assistant .applex-panel{position:fixed!important;inset:auto!important;left:var(--tm-teamon-left)!important;top:var(--tm-teamon-top)!important;width:var(--tm-teamon-width)!important;height:var(--tm-teamon-height)!important;max-width:var(--tm-teamon-width)!important;max-height:var(--tm-teamon-height)!important;transform:none!important}
html[data-tm-teamon-docked] :is(.applex-guidance-flying,#applex-voice-state){left:var(--tm-teamon-entry-left)!important;top:calc(var(--tm-teamon-entry-top) - 48px)!important;right:auto!important;bottom:auto!important;transform:none!important;max-width:var(--tm-teamon-width)!important}
body:has(#app .shell[data-app="teamo"]) #applex-entry .applex-mark{filter:none!important;object-fit:contain}
/* Match profile and notification tools to the current Teamo theme. */
body:has(#app .shell[data-app="teamo"]) :is(.ts-popup,.tmx-panel){--tm-text:#f8f8f8;--tm-muted:#bcbcbc;--tm-line:#393939;--tm-surface:#111;--tm-control:#222;background:#111;color:#f8f8f8;color-scheme:dark}
body:has(#app .shell[data-app="teamo"]) :is(.ts-popup,.tmx-panel)[data-mode="private"]{--tm-text:#18191c;--tm-muted:#616771;--tm-line:#d9dde3;--tm-surface:#fff;--tm-control:#f5f6f8;background:#fff;color:#18191c;color-scheme:light}
body:has(#app .shell[data-app="teamo"]) :is(.ts-popup,.tmx-panel) :is(button,input,textarea,select){box-sizing:border-box;border:1px solid var(--tm-line);border-radius:9px;min-height:36px;padding:7px 10px;background:var(--tm-control);color:var(--tm-text);font:inherit;font-size:13px}
body:has(#app .shell[data-app="teamo"]) :is(.ts-popup,.tmx-panel)>header{background:var(--tm-surface);padding:12px 16px}
body:has(#app .shell[data-app="teamo"]) .ts-account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px}
body:has(#app .shell[data-app="teamo"]) .ts-account-actions>[data-action="logout"]{display:none!important}
body:has(#app .shell[data-app="teamo"]) .tm-profile-options{flex:none;border-top:1px solid var(--tm-line);padding:8px 12px;max-height:40%;overflow:auto}
body:has(#app .shell[data-app="teamo"]) .tm-profile-options summary{cursor:pointer;font-size:13px;padding:4px}
body:has(#app .shell[data-app="teamo"]) .tm-profile-links{display:flex;flex-wrap:wrap;gap:8px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-project-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:8px 0 12px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-project-filters label{display:grid;gap:4px;min-width:100px;flex:1;font-size:12px}
#app .shell[data-app="teamo"][data-teamo-interface="web"] .tm-web-project-filters input{min-width:0;width:100%;box-sizing:border-box}
body:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]) .tm-web-project-detail .tm-web-project-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:10px 0}
body:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]) .tm-web-project-detail .tm-web-project-filters label{display:grid;gap:4px;flex:1;min-width:100px;font-size:12px}
body:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]) .tm-web-project-detail .tm-web-project-filters input{min-width:0;width:100%;box-sizing:border-box}
body:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]) .tm-web-project-table tr.tm-shift-current{background:#143e2b;color:#edfff4}
body:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]) .tm-web-project-table tr.tm-shift-upcoming{background:#473d13;color:#fff8d7}
body:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]) .tm-web-project-table tr.tm-shift-past{background:#183751;color:#edf6ff}
body:has(#app .shell[data-app="teamo"][data-teamo-interface="web"]) .tm-project-filter-note{font-size:12px;color:var(--tm-muted,#bbb)}

#app .shell[data-app="teamo"][data-teamo-interface="web"]>.main>.inapp-workspace-tools{position:static!important;width:0!important;height:0!important;min-height:0!important;padding:0!important}
body:has(#app .shell[data-app="teamo"]) .tmx-panel .tmx-body{background:var(--tm-surface);color:var(--tm-text)}
html[data-tm-teamon-docked] #applex-assistant .applex-panel{box-sizing:border-box;min-width:0!important;min-height:0!important;overflow:hidden}
html[data-tm-teamon-docked] #applex-voice-state .applex-voice-bubble{max-width:var(--tm-teamon-width)!important}