DEFAULT_CSS = '\n StatusBar {\n height: 1;\n dock: bottom;\n background: $surface;\n }\n\n StatusBar .status-mode {\n width: auto;\n padding: 0 1;\n }\n\n StatusBar .status-mode.normal {\n display: none;\n }\n\n StatusBar .status-mode.shell {\n background: $mode-bash;\n color: white;\n text-style: bold;\n }\n\n StatusBar .status-mode.command {\n background: $mode-command;\n color: white;\n }\n\n StatusBar .status-mode.shell-incognito {\n background: $mode-incognito;\n color: $background;\n text-style: bold;\n }\n\n StatusBar .status-auto-approve {\n width: auto;\n padding: 0 1;\n }\n\n StatusBar .status-auto-approve.on {\n background: $success;\n color: $background;\n }\n\n StatusBar .status-auto-approve.off {\n background: $warning;\n color: $background;\n }\n\n StatusBar .status-message {\n width: auto;\n padding: 0 1;\n color: $text-muted;\n }\n\n StatusBar .status-message.thinking {\n color: $warning;\n }\n\n StatusBar .status-cwd {\n width: auto;\n text-align: right;\n color: $text-muted;\n }\n\n StatusBar .status-branch {\n width: auto;\n color: $text-muted;\n padding: 0 1;\n }\n\n StatusBar .status-left-collapsible {\n width: 1fr;\n min-width: 0;\n height: 1;\n overflow-x: hidden;\n }\n\n StatusBar .status-tokens {\n width: auto;\n padding: 0 1;\n color: $text-muted;\n }\n\n StatusBar ModelLabel {\n width: auto;\n padding: 0 2;\n color: $text-muted;\n text-align: right;\n }\n 'Mode badges and auto-approve pills use distinct colors for at-a-glance status.