/* V1.4: eye-friendly palette and typography. Business logic is unchanged. */
:root {
  --bg:#F7F8F5;
  --surface:#FFFFFF;
  --sidebar:#E8EDE8;
  --text:#28332F;
  --muted:#58685E;
  --placeholder:#66786C;
  --soft:#EAF0E9;
  --hover:#DEE7DE;
  --border:#CFD9CF;
  --control-border:#7D8E81;
  --accent:#648577;
  --link:#466555;
  --button:#4F6F60;
  --button-hover:#456151;
  --button-ink:#FFFFFF;
  --brand:#4F6F60;
  --brand-ink:#FFFFFF;
  --warning-bg:#F1EEE5;
  --warning-text:#745E30;
  --danger-bg:#F8EDE9;
  --danger-text:#984536;
  --focus:#648577;
  --focus-halo:#64857726;
  --green:var(--link);
  --sidebar-width:248px;
  font-size:16px;
  color-scheme:light;
}
[data-theme=dark] {
  --bg:#202522;
  --surface:#292F2B;
  --sidebar:#1C221E;
  --text:#E9EEE9;
  --muted:#B0BDB3;
  --placeholder:#A4B2A8;
  --soft:#313C34;
  --hover:#3A473D;
  --border:#435046;
  --control-border:#6F8476;
  --accent:#A0BAA8;
  --link:#A0BAA8;
  --button:#A0BAA8;
  --button-hover:#B1C9B8;
  --button-ink:#202522;
  --brand:#A0BAA8;
  --brand-ink:#202522;
  --warning-bg:#373323;
  --warning-text:#DEC994;
  --danger-bg:#3B2926;
  --danger-text:#EDB4A5;
  --focus:#A0BAA8;
  --focus-halo:#A0BAA829;
  --green:var(--link);
  color-scheme:dark;
}
html,body {background:var(--bg);color:var(--text)}
body {font-size:16px;line-height:1.75;text-rendering:optimizeLegibility}
::selection {background:var(--hover);color:var(--text)}
button,input,textarea,select {font-family:inherit;font-size:15px;line-height:1.65}
button {min-height:42px;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}
button:hover {background:var(--hover)}
input,select,textarea {background:var(--surface);color:var(--text);border-color:var(--control-border)}
input::placeholder,textarea::placeholder {color:var(--placeholder);opacity:1}
input[type=checkbox] {accent-color:var(--button);width:19px;height:19px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {
  outline:3px solid var(--focus);outline-offset:3px;border-radius:6px;box-shadow:0 0 0 6px var(--focus-halo);
}
button:disabled {opacity:1;color:var(--muted);background:var(--soft);border-color:var(--border);cursor:not-allowed}
:root .primary {background:var(--button);color:var(--button-ink);border-color:var(--button);font-size:15px;min-height:46px;font-weight:500}
:root .primary:hover {background:var(--button-hover);color:var(--button-ink);border-color:var(--button-hover)}
:root .primary:disabled {background:var(--soft);color:var(--muted);border-color:var(--border)}
.send-message {background:var(--button);color:var(--button-ink);width:38px;height:38px;min-height:38px}
.send-message:hover {background:var(--button-hover);color:var(--button-ink)}
.check.done {background:var(--button);border-color:var(--button);color:var(--button-ink)}
.brand-mark,.brand-mark>span {background:var(--brand);color:var(--brand-ink)}
.brand-mark {background:var(--brand)}
.tiny-brand {color:var(--link);background:var(--soft);border-color:var(--border)}
.greeting-symbol {color:var(--accent)}
.sidebar,.sidebar-collapsed .sidebar {background:var(--sidebar)}
.sidebar-tool,.primary-nav>a,.primary-nav details>a,.more-navigation summary {font-size:15px;min-height:44px;line-height:1.6}
.primary-nav a.active,[data-theme=dark] .primary-nav a.active,.history-item.selected,.settings-link.active {background:var(--hover);color:var(--text)}
.sidebar-tool:hover,.primary-nav a:hover,.history-item:hover,.more-navigation summary:hover,.settings-link:hover {background:var(--hover);color:var(--text)}
.primary-nav a>.nav-text {font-size:inherit}
.sidebar-brand {margin-bottom:21px}
.sidebar-history {margin-top:24px}
.sidebar-section-title,.sidebar-history>p,.sidebar-tool kbd,.workspace select,.history-item {font-size:13px;line-height:1.65;color:var(--muted)}
.workspace select {width:168px;min-height:36px;font-weight:400}
.history-item {min-height:40px;color:var(--text)}
.sidebar-section-title {padding-bottom:8px}
.settings-link {font-size:14px;min-height:42px}
.profile strong {font-size:13px;line-height:1.5}
.profile small {font-size:12px;line-height:1.6}
.profile>.avatar,[data-theme=dark] .profile>.avatar {background:var(--soft);color:var(--muted)}
.icon-button {color:var(--muted);min-width:36px;min-height:36px}
.icon-button:hover {color:var(--text);background:var(--hover)}
.topbar {background:var(--bg);height:66px}
.topbar-title {font-size:16px}
.topbar .mode-label,.topbar .version-label {font-size:12px!important;color:var(--muted)}
.actor-switch select {font-size:13px;max-width:250px;min-height:38px;color:var(--muted)}
.sidebar-collapsed {--sidebar-width:68px}
.sidebar-collapsed .sidebar-tool,.sidebar-collapsed .primary-nav>a {min-height:44px}
main {padding-top:44px;min-height:calc(100dvh - 118px)}
h1,.page-heading h1,.office-heading h1 {font-size:31px;line-height:1.4;font-weight:600;letter-spacing:-.8px}
.workbench-heading h1 {font-size:32px;line-height:1.4;letter-spacing:-.8px}
.eyebrow,.workbench-heading .eyebrow {font-size:12px;line-height:1.6;letter-spacing:1.35px}
.workbench-heading p,.page-heading p {font-size:16px;line-height:1.8;max-width:65ch;color:var(--muted)}
.workbench-heading {margin-bottom:40px}
.pause-control,.quiet-button {font-size:13px;line-height:1.7;color:var(--muted)}
.workbench-layout {grid-template-columns:minmax(0,1fr) 286px;gap:42px}
.workbench-aside {padding-left:25px}
.work-section {margin-bottom:35px}
.list-heading {gap:14px;margin-bottom:15px;flex-wrap:wrap}
.list-heading h2,.workbench-aside .list-heading h2 {font-size:16px;line-height:1.6;font-weight:600}
.list-heading>a,.list-heading select {font-size:13px;line-height:1.65;color:var(--muted);min-height:34px}
.list-heading select {max-width:190px}
.inline-count,.nav-count {font-size:13px;color:var(--muted)}
.primary-nav a>.nav-count {font-size:13px}
.workspace .avatar,.profile>.avatar {font-size:11px}
.work-row {padding:20px 0;grid-template-columns:32px minmax(0,1fr) auto 34px;gap:13px}
.work-row h3,.mail-row-body strong {font-size:16px;line-height:1.7;font-weight:500}
.work-row p,.mail-row-body small {font-size:13px;line-height:1.75;color:var(--muted)}
.work-row>.office-badge {max-width:150px}
.row-icon,.row-open,.mail-initial {color:var(--muted)}
.row-icon {width:31px;height:31px}
.row-open {min-width:34px;min-height:42px}
.mail-list-row {padding:19px 0;gap:13px}
.mail-row-meta {font-size:12px;line-height:1.75;max-width:145px;color:var(--muted)}
.minimal-job {padding:16px 0;gap:12px}
.minimal-job strong {font-size:15px;line-height:1.75}
.minimal-job small {font-size:13px;line-height:1.75;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;color:var(--muted)}
.job-state {font-size:12px;line-height:1.7;max-width:110px;text-align:right;white-space:normal;color:var(--muted)}
.state-dot.in_progress,.state-dot.completed {background:var(--accent)}
.state-dot.awaiting_approval {background:var(--warning-text)}
.state-dot.failed {background:var(--danger-text)}
.agenda-row {gap:15px;padding:19px 0}
.agenda-row time {font-size:15px;color:var(--text)}
.agenda-row strong {font-size:15px;line-height:1.7}
.agenda-row p,.agenda-row small {font-size:13px;line-height:1.8;color:var(--muted)}
.daily-checks label {font-size:15px;line-height:1.8;min-height:49px;padding:10px 0}
.daily-checks input {width:19px;height:19px;margin-top:5px}
.subtle-notice strong {font-size:14px;line-height:1.7}
.subtle-notice p {font-size:14px;line-height:1.85;color:var(--muted)}
.subtle-notice small {font-size:12px;line-height:1.75;color:var(--muted)}
.ask-assistant strong {font-size:15px;line-height:1.65}
.ask-assistant span {font-size:13px;line-height:1.8;color:var(--muted)}
.workbench-footnote {font-size:12px;line-height:1.9;color:var(--muted);max-width:85ch}
.list-empty {font-size:15px;line-height:1.8;color:var(--muted)}
.office-timeline strong {font-size:15px;line-height:1.75}
.office-timeline p {font-size:14px;line-height:1.8;color:var(--muted)}
.office-timeline small {font-size:13px;line-height:1.85;color:var(--muted)}
.office-timeline .event-meta {font-size:12px;line-height:1.8;color:var(--muted)}
.office-timeline li {padding:16px 0;gap:13px}
.office-badge,.office-badge.awaiting_approval,[data-theme=dark] .office-badge.awaiting_approval {font-size:12px;line-height:1.6;background:var(--soft);color:var(--text);padding:5px 8px}
.office-badge.completed,[data-theme=dark] .office-badge.completed,.office-badge.blocked,[data-theme=dark] .office-badge.blocked,.office-badge.in_progress,[data-theme=dark] .office-badge.in_progress {color:var(--muted);background:var(--soft)}
.office-badge.failed,[data-theme=dark] .office-badge.failed {background:var(--danger-bg);color:var(--danger-text)}
.demo-pill {font-size:12px;color:var(--muted);background:var(--soft)}
.page-heading>.demo-pill,.office-detail-heading>.demo-pill {font-size:12px;color:var(--muted)}
.workflow-steps {gap:0;flex-wrap:wrap}
.workflow-steps span {font-size:13px;padding:12px 13px;line-height:1.65}
.workflow-steps span.reached,[data-theme=dark] .workflow-steps span.reached {color:var(--link);border-bottom-color:var(--accent)}
.workflow-layout {grid-template-columns:minmax(0,1fr) 340px;gap:36px}
.workflow-layout .section-title h2 {font-size:18px;line-height:1.6}
.original-mail>p {font-size:16px;line-height:1.9;max-width:65ch}
.original-mail p.mail-address,.original-mail .section-title>.muted {font-size:13px;line-height:1.75;color:var(--muted)}
.analysis-panel>p {font-size:16px;line-height:1.85;max-width:65ch}
.analysis-panel>small,.missing-info {font-size:14px;line-height:1.85;color:var(--muted)}
.draft-panel label,.approval-panel label {font-size:14px;line-height:1.75;color:var(--muted)}
.draft-panel input,.draft-panel textarea {font-size:16px;line-height:1.85;background:var(--surface);border-color:var(--control-border);padding:13px 15px}
.draft-panel textarea {min-height:340px}
.draft-panel .secondary,.danger-button {font-size:15px;min-height:44px}
.approval-panel,[data-theme=dark] .approval-panel {background:var(--soft);box-shadow:none;padding:24px}
.approval-panel h2 {font-size:20px;line-height:1.6}
.approval-panel>p {font-size:15px;line-height:1.85;color:var(--muted)}
.approval-panel dl>div {font-size:14px;line-height:1.8;gap:15px}
.approval-panel .confirm-row {font-size:15px;line-height:1.9}
.approval-panel label input:not([type=checkbox]),.approval-panel label select {font-size:16px;line-height:1.7;background:var(--surface);border-color:var(--control-border)}
.approval-panel form>button,.simulation-controls>.primary {font-size:15px;min-height:46px}
.simulation-controls h3 {font-size:17px;line-height:1.7}
.simulation-controls p {font-size:14px;line-height:1.85;color:var(--muted)}
.text-button {font-size:13px;min-height:42px;color:var(--muted)}
.office-state-banner strong,.office-state-banner>span:last-child {font-size:14px;line-height:1.8}
.office-alert {font-size:15px;line-height:1.85;color:var(--warning-text);background:var(--warning-bg);border-left-color:var(--warning-text)}
.office-alert.error {color:var(--danger-text);background:var(--danger-bg);border-left-color:var(--danger-text)}
.dirty-note {font-size:14px;line-height:1.8;color:var(--danger-text)}
.turkish-summary {background:var(--soft);font-size:16px;line-height:1.9}
.turkish-summary p,.turkish-summary strong {font-size:16px;line-height:1.9;color:var(--text)}
.turkish-summary.warning {background:var(--warning-bg);color:var(--warning-text)}
.turkish-summary.warning p,.turkish-summary.warning strong {color:var(--warning-text)}
/* Open conversation: soft composer surface and a comfortable reading measure. */
.conversation {max-width:820px;min-height:calc(100dvh - 122px)}
.conversation-toolbar,.conversation-toolbar>.quiet-button {font-size:13px;line-height:1.7;color:var(--muted)}
.chat-greeting h1 {font-size:32px;line-height:1.45;letter-spacing:-.7px}
.chat-greeting p {font-size:16px;line-height:1.9;max-width:60ch;color:var(--muted)}
.chat-greeting .eyebrow {font-size:12px}
.conversation .office-prompts button {font-size:14px;line-height:1.8;color:var(--muted);padding:12px 16px;min-height:46px;border-color:var(--border);background:transparent}
.conversation .office-prompts button:hover {background:var(--hover);color:var(--text)}
.conversation-context {font-size:13px;line-height:1.75;color:var(--muted)}
.conversation-context summary {font-size:13px;min-height:38px;line-height:1.75}
.conversation-context summary>span,.conversation-context small {font-size:12px;color:var(--muted)}
.conversation-context button {font-size:13px;line-height:1.75;min-height:38px;color:var(--muted);gap:10px}
.conversation-context button:hover {color:var(--text);background:var(--hover)}
.conversation #office-chat-form,[data-theme=dark] .conversation #office-chat-form {background:var(--surface);border:1px solid var(--control-border);box-shadow:none;padding:17px 20px 12px}
.conversation #office-chat-form:focus-within {border-color:var(--focus);box-shadow:0 0 0 4px var(--focus-halo)}
.conversation #office-message {font-size:16px;line-height:1.8;min-height:62px;max-height:160px;background:transparent;color:var(--text);border:0}
.conversation #office-message::placeholder {color:var(--placeholder);opacity:1}
.conversation #office-message:focus-visible {outline:2px solid var(--focus);outline-offset:3px;border-radius:5px;box-shadow:none}
.composer-footer>span {font-size:12px;color:var(--muted)}
.conversation .chat-safe-note {font-size:12px;line-height:1.85;color:var(--muted);padding-top:14px}
.conversation-history-access,.conversation-history-access select {font-size:12px;line-height:1.75;color:var(--muted)}
.office-message p {font-size:16px;line-height:1.9;max-width:66ch}
.office-message.user {background:var(--soft);color:var(--text);padding:15px 20px}
.assistant-author strong,.assistant-author>span:last-child {font-size:13px;color:var(--muted)}
.assistant-author strong {color:var(--text)}
.office-message.assistant .message-content {padding-left:31px}
.conversation.has-messages .office-chat-messages {min-height:220px;max-height:calc(100dvh - 430px)}
/* The original task/document/settings views share the same readable components. */
.toolbar input,.toolbar select {font-size:15px;min-height:44px}
.task-title strong {font-size:16px;line-height:1.75}
.task-title small,.due,.priority,.status-select {font-size:13px;line-height:1.7;color:var(--muted)}
.status-select {max-width:130px;min-height:40px;color:var(--text);background:var(--soft)}
.task-row {padding:20px 0}
.document-row strong {font-size:16px;line-height:1.75}
.document-row small,.doc-date,.file-icon,.document-row .muted {font-size:13px;line-height:1.7;color:var(--muted)}
.file-icon {width:42px;height:48px;font-size:11px;background:var(--soft);color:var(--muted)}
.project-card h3 {font-size:18px;line-height:1.7}
.project-card p {font-size:15px;line-height:1.85;max-width:66ch;color:var(--muted)}
.project-card>small,.progress-label,.progress-label strong,.project-footer,.team {font-size:13px;line-height:1.75;color:var(--muted)}
.progress span,.progress span.green,.progress span.orange {background:var(--accent)}
.project-detail>p,.detail-meta {font-size:16px;line-height:1.85}
.setting-row h3 {font-size:17px;line-height:1.7}
.setting-row p,.setting-row select {font-size:15px;line-height:1.85;color:var(--muted)}
.setting-row select {color:var(--text);min-height:44px;border-color:var(--control-border)}
.info-box {font-size:14px;line-height:1.9;color:var(--muted);background:var(--soft)}
.company-card p,.company-meta {font-size:15px;line-height:1.8}
.company-logo {color:var(--link);background:var(--soft)}
.chat-notice,.chat-history>small,.chat-link,.chat-history>p {font-size:13px;line-height:1.8}
.message p {font-size:16px;line-height:1.9}
.message strong {font-size:14px}
.chat-welcome p {font-size:16px;line-height:1.85}
.prompts button {font-size:15px;line-height:1.75;min-height:46px}
#chat-form textarea {font-size:16px;line-height:1.85}
#chat-form small {font-size:12px;line-height:1.8}
dialog label,dialog .muted {font-size:14px;line-height:1.8}
dialog p {font-size:16px;line-height:1.85}
dialog input,dialog select {font-size:16px;min-height:44px;line-height:1.75}
.global-search-dialog,.search-dialog-heading {background:var(--surface)}
.search-dialog-heading>input {font-size:16px}
.search-result strong {font-size:16px;line-height:1.75}
.search-result small {font-size:13px;line-height:1.8;color:var(--muted)}
.search-hint {font-size:14px!important;line-height:1.8;color:var(--muted)}
.skip-link {color:var(--text);background:var(--surface);border-color:var(--focus);font-size:15px}
footer,body[data-view=assistant] footer {font-size:12px;line-height:1.8;color:var(--muted);padding-block:18px}
.foreman-view .sidebar-tool,.foreman-view .primary-nav>a,.foreman-view .primary-nav summary {font-size:16px;min-height:46px}
.foreman-view .work-row h3,.foreman-view .daily-checks label,.foreman-view .agenda-row strong {font-size:16px;line-height:1.85}
.foreman-view .work-row p,.foreman-view .agenda-row p,.foreman-view .agenda-row small {font-size:14px;line-height:1.85}
.foreman-view .approval-panel .confirm-row,.foreman-view .approval-panel button,.foreman-view .turkish-summary p,.foreman-view .turkish-summary strong {font-size:16px;line-height:1.9}
.foreman-view .approval-panel button {min-height:48px}
.foreman-view .conversation .office-prompts button {font-size:15px;line-height:1.85;min-height:48px}
.foreman-view .site-task-list label {font-size:17px;min-height:66px;line-height:1.85}
@media(max-width:1250px) {
  .workbench-layout {grid-template-columns:minmax(0,1fr) 245px;gap:28px}
  .work-row {grid-template-columns:31px minmax(0,1fr) 34px;gap:12px}
  .work-row>.office-badge {max-width:100%;grid-column:2;grid-row:2;justify-self:start;margin-top:-4px}
  .work-row .row-open {grid-column:3;grid-row:1 / span 2}
  .workflow-layout {grid-template-columns:minmax(0,1fr) 310px;gap:28px}
}
@media(max-width:1050px) {
  :root {--sidebar-width:238px}
  .workspace select {width:158px}
  main {padding:34px 28px 24px}
  .workbench-layout,.workflow-layout {grid-template-columns:1fr}
  .workbench-aside {border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}
  .workflow-side {grid-template-columns:1fr 1fr;gap:25px}
  .sidebar-collapsed {--sidebar-width:68px}
  .conversation {max-width:760px}
  .conversation.is-empty .office-chat-messages {min-height:240px}
}
@media(max-width:760px) {
  .workbench-aside,.workflow-side {grid-template-columns:1fr}
  .workbench-aside {display:block}
  .actor-switch select {font-size:12px;max-width:220px}
  .workbench-heading h1,.page-heading h1,.office-heading h1 {font-size:28px}
  .conversation .office-prompts {flex-wrap:wrap}
  .conversation .office-prompts button {font-size:14px}
  .conversation .office-chat-messages {max-height:calc(100dvh - 450px)}
}
@media(max-width:640px) {
  .sidebar,.sidebar-collapsed .sidebar {width:min(292px,calc(100vw - 40px));padding-top:15px;background:var(--sidebar)}
  .sidebar .workspace select {width:202px;font-size:13px}
  .sidebar .primary-nav a,.sidebar .sidebar-tool,.sidebar .more-navigation summary {min-height:46px;font-size:15px}
  .sidebar .sidebar-history>p {font-size:13px}
  .topbar {height:62px;padding-inline:16px}
  .topbar-title {font-size:14px;max-width:135px}
  .topbar .actor-switch select {font-size:12px;max-width:179px;min-height:40px;padding-left:5px}
  main {padding:30px 20px 23px;min-height:calc(100dvh - 120px)}
  .workbench-heading {margin-bottom:28px}
  .workbench-heading h1 {font-size:29px;max-width:335px;line-height:1.45}
  .workbench-heading p,.page-heading p {font-size:16px;line-height:1.85;max-width:100%}
  .workbench-heading .eyebrow {font-size:12px}
  .pause-control {font-size:13px;min-height:40px}
  .list-heading {align-items:flex-start;gap:9px}
  .list-heading h2,.workbench-aside .list-heading h2 {font-size:16px;line-height:1.65}
  .list-heading>a,.list-heading select {font-size:13px;line-height:1.65}
  .list-heading select {max-width:170px}
  .work-row {padding-block:20px;gap:10px}
  .work-row h3,.mail-row-body strong {font-size:16px;line-height:1.75}
  .work-row p,.mail-row-body small {font-size:13px;line-height:1.8}
  .work-row .office-badge {font-size:12px;white-space:normal}
  .row-open {min-width:38px;min-height:44px}
  .mail-list-row {flex-wrap:wrap;padding-block:20px}
  .mail-row-body {min-width:190px}
  .mail-row-meta {font-size:12px;line-height:1.8;max-width:100%;width:calc(100% - 44px);margin-left:44px;text-align:left}
  .minimal-job {flex-wrap:wrap;padding-block:17px}
  .minimal-job>div {flex-basis:calc(100% - 22px)}
  .minimal-job strong {font-size:15px;line-height:1.8}
  .minimal-job small {font-size:13px;line-height:1.85;max-width:100%}
  .job-state {font-size:12px;max-width:none;margin-left:17px;text-align:left}
  .agenda-row time,.agenda-row strong {font-size:16px;line-height:1.8}
  .agenda-row p,.agenda-row small {font-size:14px;line-height:1.85}
  .daily-checks label {font-size:16px;line-height:1.85;min-height:54px}
  .subtle-notice strong {font-size:15px}
  .subtle-notice p {font-size:15px;line-height:1.85}
  .subtle-notice small {font-size:12px}
  .ask-assistant strong {font-size:16px}
  .ask-assistant span {font-size:14px;line-height:1.8}
  .workbench-footnote {font-size:12px;line-height:1.9}
  .office-timeline strong {font-size:15px}
  .office-timeline p {font-size:14px}
  .office-timeline small {font-size:13px}
  .office-timeline .event-meta {font-size:12px}
  .workflow-steps span {font-size:12px;padding:10px}
  .office-detail-heading>.demo-pill {font-size:12px}
  .original-mail>p,.analysis-panel>p {font-size:16px;line-height:1.9}
  .original-mail .section-title>.muted {font-size:13px;overflow-wrap:anywhere}
  .approval-panel,[data-theme=dark] .approval-panel {padding:22px}
  .approval-panel dl>div {font-size:14px;flex-wrap:wrap}
  .approval-panel label input:not([type=checkbox]),.approval-panel label select {font-size:16px}
  .approval-panel .confirm-row {font-size:16px}
  .approval-panel .primary {font-size:16px;min-height:48px}
  .approval-panel label {font-size:14px}
  .turkish-summary p {font-size:16px;line-height:1.9}
  body[data-view=assistant] main {padding:0 18px}
  .conversation {min-height:calc(100dvh - 122px)}
  .conversation-toolbar {gap:8px;flex-wrap:wrap;font-size:12px;padding:12px 0}
  .conversation-toolbar>.quiet-button {font-size:13px;line-height:1.7}
  .conversation.is-empty .office-chat-messages {min-height:235px}
  .chat-greeting {padding:22px 0 32px}
  .chat-greeting h1 {font-size:28px;max-width:330px;line-height:1.5}
  .chat-greeting p {font-size:16px;line-height:1.9;max-width:330px}
  .chat-greeting .eyebrow {font-size:12px}
  .conversation .office-prompts {flex-direction:column;gap:8px;margin-bottom:15px}
  .conversation .office-prompts button {font-size:15px;line-height:1.8;min-height:46px;flex:auto;padding:11px 14px}
  .conversation-context summary {font-size:13px;min-height:40px}
  .conversation-context button {font-size:13px;min-height:44px;line-height:1.75}
  .conversation #office-chat-form {padding:15px 16px 12px}
  .conversation #office-message {font-size:16px;min-height:64px;line-height:1.85}
  .composer-footer>span {font-size:12px}
  .send-message {width:38px;height:38px;min-height:38px}
  .conversation .chat-safe-note {font-size:12px;line-height:1.85}
  .conversation-history-access,.conversation-history-access select {font-size:12px;max-width:100%}
  .office-message p {font-size:16px;line-height:1.9}
  .office-message.assistant .message-content {padding-left:0}
  .conversation.has-messages .office-chat-messages {min-height:220px;max-height:calc(100dvh - 470px)}
  .task-title strong {font-size:16px}
  .task-title small,.due,.priority {font-size:13px}
  .status-select {font-size:14px;min-height:42px}
  .document-row {flex-wrap:wrap}
  .document-row strong {font-size:16px}
  .document-row small,.document-row .muted {font-size:13px}
  .project-card h3 {font-size:18px}
  .project-card p {font-size:15px;line-height:1.85}
  .setting-row h3 {font-size:17px}
  .setting-row p,.setting-row select {font-size:15px;line-height:1.8}
  .setting-row select {max-width:110px}
  .search-dialog-heading>input {font-size:16px}
  .search-result strong {font-size:16px}
  .search-result small {font-size:14px}
  footer,body[data-view=assistant] footer {font-size:12px;line-height:1.8;flex-wrap:wrap;padding:16px 20px}
  .foreman-view .work-row h3,.foreman-view .daily-checks label,.foreman-view .agenda-row strong {font-size:17px}
  .foreman-view .work-row p,.foreman-view .agenda-row p,.foreman-view .agenda-row small {font-size:14px}
  .foreman-view .list-heading h2 {font-size:17px}
  .foreman-view .conversation .office-prompts button {font-size:16px}
}
@media(max-height:820px) and (min-width:641px) {
  .sidebar {overflow-y:auto}
  .sidebar-history {min-height:65px;margin-top:18px}
  .sidebar-brand {margin-bottom:15px}
  .conversation.is-empty .office-chat-messages {min-height:240px}
  .chat-greeting {padding:20px 10px 30px}
  .sidebar-brand {margin-bottom:12px}
  .sidebar-tools {margin-bottom:8px}
  .workspace {padding-top:8px;padding-bottom:6px}
  .primary-nav {gap:2px}
  .primary-nav>a,.primary-nav details>a,.more-navigation summary {min-height:40px;padding-block:7px}
  .conversation.is-empty .office-chat-messages {min-height:200px;padding-top:5px;padding-bottom:15px}
  .chat-greeting {padding:10px 10px 18px}
  .conversation .office-prompts {margin-bottom:12px}
  .conversation-context {margin-bottom:8px}
}
.sidebar,.sidebar-collapsed .sidebar {overflow:hidden}
.sidebar-brand,.sidebar-tools,.workspace {flex-shrink:0}
.primary-nav {min-height:100px;flex:0 1 auto;overflow-y:auto;scrollbar-width:thin}
.sidebar-history {min-height:40px;flex:1 1 80px;overflow-y:auto;scrollbar-width:thin}
.sidebar-bottom {margin-top:14px;flex-shrink:0}
@media(prefers-reduced-motion:reduce) {button,a,input,textarea,select,.sidebar,.main-shell {transition:none!important;animation:none!important}}