/* Phone density: readable cards and controls without changing the desktop layout. */
.page-tools {display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.finance-assistant-entry {display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0}
.finance-assistant-entry small {flex-basis:100%}
.finance-assistant-dialog textarea {min-height:78px;max-height:180px}
.finance-assistant-dialog .actions {align-items:center}
.finance-assistant-dialog .actions button {width:auto;margin:0}
.finance-assistant-dialog .voice-input {min-height:42px}
.finance-assistant-result {margin-top:12px}
.finance-assistant-result details {font-size:12px;margin-top:10px}
@media (max-width:650px) {
 html {-webkit-text-size-adjust:100%;text-size-adjust:100%}
 .page-tools {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
 body:not([data-screen=chats]) #view .page-tools button {margin:0;padding:8px;min-height:40px}
 body:not([data-screen=chats]) {font-size:14px;line-height:1.45}
 body:not([data-screen=chats]) aside {padding:9px 12px 7px}
 body:not([data-screen=chats]) .brand {height:auto;min-height:38px;margin:0 0 7px;gap:8px}
 body:not([data-screen=chats]) .personal-logo {width:38px;height:38px;flex-basis:38px}
 body:not([data-screen=chats]) .brand strong {font-size:13px;line-height:1.2}
 body:not([data-screen=chats]) nav {gap:5px;scrollbar-width:none}
 body:not([data-screen=chats]) nav button,
 body:not([data-screen=chats]) nav button[data-screen=memory] {min-height:40px;font-size:12px;padding:6px 9px;gap:6px;margin:0}
 body:not([data-screen=chats]) .nav-symbol {width:24px;height:24px;flex-basis:24px}
 body:not([data-screen=chats]) .nav-icon {width:17px;height:17px;flex-basis:17px}
 body:not([data-screen=chats]) main {padding:12px 12px calc(64px + env(safe-area-inset-bottom))}
 body:not([data-screen=chats]) header {display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:4px;margin-bottom:12px}
 body:not([data-screen=chats]) header>div {width:100%;min-width:0}
 body:not([data-screen=chats]) #eyebrow {display:none}
 body:not([data-screen=chats]) h1 {font-size:20px;line-height:1.2;margin:0;font-weight:650;letter-spacing:0;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance;text-shadow:-.6px -.8px 0 #ffffffdc,1px 1.3px 1px #323b4350}
 body:not([data-screen=chats]) h2 {font-size:16px;line-height:1.35;margin:0 0 8px;font-weight:650}
 body:not([data-screen=chats]) h3 {font-size:14px;line-height:1.35;margin:0 0 6px}
 body:not([data-screen=chats]) p {line-height:1.5;margin:7px 0}
 body:not([data-screen=chats]) .muted {font-size:12px;line-height:1.45}
 body:not([data-screen=chats]) .badge {font-size:10px;padding:6px 8px;flex-shrink:0}
 #connection.badge {justify-self:end;display:block;width:fit-content;max-width:100%;padding:1px 0;background:none;border:0;border-radius:0;box-shadow:none;font-size:11px;font-weight:600;line-height:1.4;color:#515853;text-shadow:0 1px 0 #ffffffe6,0 -1px 1px #31363260}
 #connection.badge.offline {color:#704c42}
 body:not([data-screen=chats]) .shortcuts {flex-wrap:nowrap;gap:6px;margin:0 0 12px;overflow-x:auto;scrollbar-width:none}
 body:not([data-screen=chats]) .shortcuts button {flex-shrink:0;min-height:36px;font-size:11px;padding:7px 10px}
 body:not([data-screen=chats]) .shortcuts>span {display:none}
 body:not([data-screen=chats]) .workspace {display:block}
 body:not([data-screen=chats]) .context-rail {display:none}
 body:not([data-screen=chats]) .card {padding:13px;margin-bottom:10px;border-radius:12px;min-width:0;overflow-wrap:anywhere}
 body:not([data-screen=chats]) #view>.card>button {margin:3px 4px 3px 0}
 body:not([data-screen=chats]) #view button {font-size:12px;line-height:1.35;min-height:40px;padding:8px 11px}
 body:not([data-screen=chats]) #view button,
 body:not([data-screen=chats]) .shortcuts button,
 body:not([data-screen=chats]) nav button,
 .work-dialog button {box-shadow:inset 1px 1px 1px #ffffff65,inset -1px -2px 1px #202a3020,1px 3px 4px #28303826;border:1px solid #ffffff45}
 body:not([data-screen=chats]) #view button.secondary,
 body:not([data-screen=chats]) .shortcuts button {background:linear-gradient(145deg,#fffdf8,#e9e9e2);text-shadow:0 1px 0 #ffffffc0}
 body:not([data-screen=chats]) #view button:active,
 body:not([data-screen=chats]) .shortcuts button:active {box-shadow:inset 1px 2px 3px #28303830;transform:translateY(1px)}
 body:not([data-screen=chats]) nav .nav-label {white-space:normal;line-height:1.25;text-wrap:balance}
 body:not([data-screen=chats]) nav button {max-width:180px}
 body:not([data-screen=chats]) .shortcuts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
 body:not([data-screen=chats]) .shortcuts button {min-width:0;white-space:normal;padding:7px 5px;font-size:11px;line-height:1.3;text-wrap:balance}
 body:not([data-screen=chats]) .actions {gap:6px;margin-top:10px}
 body:not([data-screen=chats]) .toolbar {gap:7px;margin:10px 0}
 body:not([data-screen=chats]) input,
 body:not([data-screen=chats]) select {font-size:14px;min-height:42px;padding:9px 10px;min-width:0}
 body:not([data-screen=chats]) textarea {font-size:14px;padding:10px;min-height:88px;line-height:1.5}
 body:not([data-screen=chats]) label {font-size:12px;line-height:1.4;margin:10px 0 5px}
 body:not([data-screen=chats]) .hint {padding:6px 9px;font-size:11px;line-height:1.45;margin:7px 0}
 body:not([data-screen=chats]) .memory-text {font-size:14px;line-height:1.5}
 body:not([data-screen=chats]) .empty,
 body:not([data-screen=chats]) .empty-help {padding:20px 12px;font-size:13px}
 body:not([data-screen=chats]) #notice:not(:empty) {padding:10px 12px;font-size:12px;line-height:1.5;margin-bottom:10px}
 body:not([data-screen=chats]) .finance-section-grid {gap:8px;margin:10px 0}
 body:not([data-screen=chats]) .finance-section-tile {min-height:96px;padding:11px!important;gap:6px}
 body:not([data-screen=chats]) .finance-section-options {gap:7px;margin:10px 0}
 body:not([data-screen=chats]) .finance-summary {gap:7px;margin:10px 0}
 body:not([data-screen=chats]) .finance-summary .card {padding:10px 8px;margin:0}
 body:not([data-screen=chats]) .finance-summary strong {font-size:15px;margin-top:7px}
 body:not([data-screen=chats]) .finance-row,
 body:not([data-screen=chats]) .portfolio-row {padding:11px 0;gap:9px}
 body:not([data-screen=chats]) .event {gap:10px}
 body:not([data-screen=chats]) .date-tile {min-width:62px;padding:9px 6px;font-size:11px}
 body:not([data-screen=chats]) .recording-text {padding:11px;font-size:13px;line-height:1.5}
 body:not([data-screen=chats]) .overview-grid {gap:8px}
 body:not([data-screen=chats]) .overview-grid .card {padding:12px}
 .work-dialog,dialog {padding:15px;width:calc(100% - 24px);border-radius:12px}
 .work-dialog h2,dialog h2 {font-size:17px;line-height:1.35}
 .work-dialog button,dialog button {font-size:13px;min-height:42px}
 .work-dialog label,dialog label {font-size:12px}
 /* Keep the agreed full-width composer and arrow; only page forms are compacted. */
 body:not([data-screen=chats]) .command-bar #quickMessage {font-size:12px;line-height:16px;min-height:44px;padding:8px 10px}
}