@media (max-width:1320px){.chat-controls__model{grid-area:model;min-width:0;max-width:none}.chat-controls__inline-select-trigger{width:100%;max-width:none}}.shell--mobile-nav,.shell--mobile-nav.shell--nav-collapsed{--shell-topbar-height:58px;--sidebar-nav-row-height:40px;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--shell-topbar-height) minmax(0,1fr);grid-template-areas:"topbar" "content";--shell-nav-width:0px}html:not(.openclaw-native-macos):not(.openclaw-native-nav):not(.openclaw-native-web-chrome) .shell--mobile-nav.shell--merged-chat-chrome{--shell-topbar-height:0px}html:not(.openclaw-native-macos):not(.openclaw-native-nav):not(.openclaw-native-web-chrome) .shell--mobile-nav.shell--merged-chat-chrome .topbar{display:none}.shell--mobile-nav.shell--connection-status{grid-template-rows:var(--shell-topbar-height) auto minmax(0,1fr);grid-template-areas:"topbar" "connection" "content"}.shell--mobile-nav .shell-nav,.shell--mobile-nav.shell--nav-collapsed .shell-nav{position:fixed;top:calc(8px + var(--safe-area-top));height:calc(var(--shell-content-height) - 16px);left:var(--safe-area-left);z-index:70;width:min(90vw,336px);max-width:calc(100vw - var(--safe-area-left) - var(--safe-area-right));min-width:0;min-height:0;-webkit-border-end:none;border-inline-end:none;overflow:hidden;overscroll-behavior:contain;border-radius:0 22px 22px 0;box-shadow:var(--shadow-xl);transform:translateX(-100%);opacity:0;pointer-events:none;transition:transform .16s cubic-bezier(.32,.72,0,1),opacity .1s ease-out}.shell--mobile-nav .sidebar-resizer{display:none}.shell--mobile-nav .shell-nav-backdrop{position:fixed;z-index:65;inset:0;display:block;width:auto;padding:0;pointer-events:none;visibility:hidden;border:0;border-radius:0;background:rgb(0 0 0/44%);opacity:0;transition:opacity .16s cubic-bezier(.32,.72,0,1),visibility 0s linear .16s;touch-action:none}.shell--mobile-nav .shell-nav:is([data-nav-drawer-dragging],[data-nav-drawer-settling]){will-change:transform}.shell--mobile-nav .shell-nav-backdrop:is([data-nav-drawer-dragging],[data-nav-drawer-settling]){will-change:opacity}.shell--mobile-nav .shell-nav-backdrop[data-nav-drawer-dragging],.shell--mobile-nav .shell-nav[data-nav-drawer-dragging]{transition:none}.shell--mobile-nav.shell--nav-drawer-open .shell-nav-backdrop{pointer-events:auto;visibility:visible;opacity:1;transition:opacity .2s cubic-bezier(.32,.72,0,1),visibility 0s}.shell--mobile-nav.shell--nav-collapsed.shell--nav-drawer-open .shell-nav,.shell--mobile-nav.shell--nav-drawer-open .shell-nav{transform:translateX(0);opacity:1;pointer-events:auto;transition-duration:.2s,.14s}@media (prefers-reduced-motion:reduce){.shell--mobile-nav .shell-nav,.shell--mobile-nav.shell--nav-collapsed .shell-nav,.shell--mobile-nav.shell--nav-drawer-open .shell-nav{transition-duration:.01ms,.1s}.shell--mobile-nav .shell-nav-backdrop,.shell--mobile-nav.shell--nav-drawer-open .shell-nav-backdrop{transition-duration:.1s,0s}}.shell--mobile-nav .settings-sidebar__esc{display:none}.shell--mobile-nav .topbar .topbar-nav-toggle{display:inline-flex}.shell--mobile-nav .topbar{display:flex}.shell--mobile-nav .topnav-shell{display:grid;grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);grid-gap:10px;gap:10px}.shell--mobile-nav .topnav-shell__content{display:flex;justify-content:center}.shell--mobile-nav .topbar-brand{display:flex}.shell--mobile-nav .topnav-shell__actions{min-width:0;justify-content:flex-end}.shell--mobile-nav .topbar-search{display:inline-flex;justify-content:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.shell--mobile-nav .sidebar{width:100%;min-width:0;flex:1 1 auto;flex-direction:column;align-items:stretch;-webkit-border-end:none;border-inline-end:none}.shell--mobile-nav .sidebar-shell{--sidebar-pad-x:8px;--sidebar-pad-bottom:14px;padding:18px var(--sidebar-pad-x) var(--sidebar-pad-bottom);border-radius:0}.shell--mobile-nav .sidebar-brand__desktop-control:not(.sidebar-brand__search),.shell--mobile-nav:not(.shell--merged-chat-chrome) .sidebar-brand__search{display:none}.shell--mobile-nav .nav-item{margin:0;padding:0 12px 0 8px;font-size:calc(13px * var(--control-ui-text-scale));border-radius:var(--radius-md);white-space:nowrap;flex:0 0 auto;width:auto}html.openclaw-native-macos body .shell--mobile-nav{--shell-topbar-height:58px}html.openclaw-native-macos body .shell--mobile-nav .topbar{padding:0 12px 0 92px!important}html.openclaw-native-macos body .shell--mobile-nav .topnav-shell{display:flex;gap:8px;min-height:58px}html.openclaw-native-macos body .shell--mobile-nav .topnav-shell__content{order:-1;flex:0 0 auto;min-width:176px;justify-content:flex-start}html.openclaw-native-macos body .shell--mobile-nav .topnav-shell__actions{margin-left:auto}html.openclaw-native-desktop body .shell--mobile-nav{--shell-topbar-height:var(--openclaw-native-titlebar-height,52px);.topbar{padding:0 calc(var(--openclaw-native-window-controls-width, 0px) + 12px) 0 var(--openclaw-native-controls-inset,12px)}.topnav-shell{min-height:var(--openclaw-native-titlebar-height,52px)}}@media (max-width:768px),(max-width:932px) and (max-height:500px) and (orientation:landscape){.shell--mobile-nav .topbar{padding:10px 12px;min-height:auto}.shell--mobile-nav .sidebar-mode-switch{display:block}.shell--mobile-nav .sidebar-shell{--sidebar-pad-bottom:10px;padding:8px var(--sidebar-pad-x) var(--sidebar-pad-bottom)}.shell--mobile-nav .nav-item{font-size:var(--control-ui-text-sm)}main.content--chat{gap:2px;padding-bottom:0}main.content--custodian{gap:0;padding:0}.content{--content-inline-padding:4px;padding:4px var(--content-inline-padding) 16px;gap:12px}.card{padding:12px;border-radius:var(--radius-md)}.card-title{font-size:13px}.stat{padding:10px;border-radius:var(--radius-md)}.stat-value{font-size:18px}.field input,.field select,.field textarea{padding:8px 10px;border-radius:var(--radius-md);font-size:14px}.btn{padding:8px 12px;font-size:12px}.chat-thread{margin-top:0;padding:0 0 12px}.chat-bubble{padding:8px 12px;border-radius:var(--radius-md)}.agent-chat__input{margin:0 8px 10px}.agent-chat__input-btn,.chat-send-btn{width:44px;min-width:44px;height:44px}.agent-chat__input-btn svg,.chat-send-btn svg{width:16px;height:16px}.log-stream{border-radius:var(--radius-md);max-height:380px}main.content:where(.content--logs-page){display:block;overflow-y:auto}.content .settings-workspace--fill-height,.content .settings-workspace--fill-height .logs-card,.content .settings-workspace--fill-height>.settings-workspace__body,.content openclaw-logs-page,main.content:where(.content--logs-page)>openclaw-router-outlet{display:block;height:auto;min-height:0;flex:initial;overflow-y:visible}.content .settings-workspace--fill-height .log-stream{flex:none;min-height:200px;max-height:380px}.log-row{grid-template-columns:1fr;gap:4px;padding:8px}.log-level,.log-message,.log-subsystem,.log-time{font-size:12px}.list-title{font-size:13px}.code-block{padding:8px;border-radius:var(--radius-md);font-size:12px}}@media (max-width:400px){.topbar{padding:8px 10px}.nav-item{padding:6px 8px;font-size:var(--control-ui-text-sm)}.content{padding:4px var(--content-inline-padding) 12px;gap:10px}.card{padding:10px}.stat{padding:8px}.stat-value{font-size:16px}.chat-bubble{padding:8px 10px}.btn{padding:6px 10px}}@media (max-width:900px){.data-table.sessions-table{min-width:640px}.data-table td,.data-table th{padding:8px 10px}}@media (max-width:768px){wa-dropdown.session-menu{--menu-item-height:40px;--menu-padding:3px}.session-menu .session-menu__separator{margin-block:2px}.data-table.sessions-table{min-width:500px}.sessions-table td:nth-child(6),.sessions-table th:nth-child(6){display:none}.data-table td,.data-table th{padding:8px 6px;font-size:12px}.data-table-pagination{flex-direction:column;align-items:stretch;gap:8px;padding:10px 8px}.data-table-pagination__info{text-align:center}.data-table-pagination__controls{justify-content:center}.data-table-search input{font-size:14px;padding:8px 10px}.session-key-cell{max-width:200px}.session-details-panel,.session-details-panel__hero,.session-details-section{padding:12px}.session-details-panel__title{max-width:100%}.session-details-grid{grid-template-columns:minmax(0,1fr)}.session-key-cell .session-key-display-name,.session-key-cell .session-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;word-break:normal}}@media (max-width:560px){.data-table.sessions-table{min-width:320px}.sessions-table td:nth-child(3),.sessions-table td:nth-child(5),.sessions-table th:nth-child(3),.sessions-table th:nth-child(5){display:none}.data-table.sessions-table .data-table-key-col{width:106px;min-width:106px;max-width:106px}.sessions-table .session-avatar{display:none}.sessions-table .session-status-col{width:76px;min-width:76px;max-width:76px}.data-table td,.data-table th{padding:6px 4px}.session-key-cell{max-width:140px}}