/* AIO-20261103-CALENDAR-THEME. Palette and surfaces: docs/GIAO_DIEN_NEN_SANG.md,
   css/timeline.css (.pcal). App canvas follows light/dark; functional colors stay pastel.
   Scope Office only; do not alter sizes, spacing, scrolling or keyboard behavior. */
.main:has(#page-ai_office.active),
body:has(#page-ai_office.active) .aio-collab-dialog{
  --bg:#FBFAF7; --bg2:#FFFFFF; --bg3:#F7F5F1; --bg4:#F1EEE9;
  --border:#ECE8E1; --border2:#E2DDD5;
  --text:#2B2A28; --text2:#6B6660; --text3:#857F77;
  --blue:#3D6A9E; --blue2:#3D6A9E; --blue-bg:#E6EEF7;
  --green:#2B7050; --green-bg:#E3F1E8;
  --amber:#95600F; --amber-bg:#F8EDD5;
  --red:#A54834; --red-bg:#F8E5DF;
  --purple:#6B53A3; --purple-bg:#EDE8F6;
  --aio-action-bg:#CFE3F3; --aio-action-ink:#2E5A7F;
  --aio-shadow:0 1px 2px rgba(40,32,24,.06);
  --pc-composer:var(--bg2); --pc-surround:var(--bg);
  --pc-text:var(--text); --pc-muted:var(--text2);
  --pc-incoming:var(--bg2); --pc-incoming-text:var(--text);
  --pc-outgoing-start:var(--blue-bg); --pc-outgoing-end:var(--blue-bg);
  --pc-background:var(--bg); --pc-background-end:var(--bg); --pc-wallpaper:none;
  color-scheme:light;
  color:var(--text);
  background:var(--bg);
}
.main:has(#page-ai_office.active)>.topbar,
#page-ai_office :is(.aio-discussion-chat-head,.aio-section-tabs),
#page-ai_office #aio-discussion-form{
  background:var(--bg2);
  border-color:var(--border);
}
.main:has(#page-ai_office.active)>.content,
#page-ai_office,
#page-ai_office .aio-discussion-workspace{background:var(--bg);color:var(--text)}
#page-ai_office .aio-discussion-sidebar{background:var(--bg3)}
#page-ai_office :is(.aio-panel,.aio-head,.aio-collab-dialog,.aio-discussion-toolbox,.aio-access-card,.aio-cost-card){
  background:var(--bg2);
  border-color:var(--border);
  border-radius:14px;
  box-shadow:var(--aio-shadow);
}
#page-ai_office :is(.aio-agent,.aio-project){background:var(--bg2);border-top-color:var(--border);border-right-color:var(--border);border-bottom-color:var(--border)}
.main:has(#page-ai_office.active)>.topbar .btn,
#page-ai_office :is(button.btn,.aio-topbar-icon),
#page-ai_office #aio-discussion-tools>summary,
body:has(#page-ai_office.active) .aio-collab-dialog .btn{
  background:var(--bg2);color:var(--text);border-color:var(--border);border-radius:999px;box-shadow:none;
}
#page-ai_office :is(button.btn-primary,button[type=submit]){
  background:var(--aio-action-bg);color:var(--aio-action-ink);border-color:var(--aio-action-bg);
}
#page-ai_office :is(.btn-ghost:hover,.aio-discussion-history:hover){background:var(--bg4);border-color:var(--border2)}
#page-ai_office .aio-section-tabs button{color:var(--aio-tone-ink);background:var(--aio-tone-bg);border-color:transparent}
#page-ai_office .aio-section-tabs button[aria-selected=true]{color:var(--aio-tone-ink);background:var(--aio-tone-bg);border-color:var(--aio-tone-ink);box-shadow:inset 0 -3px var(--aio-tone-ink)}
#page-ai_office :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea),
body:has(#page-ai_office.active) .aio-collab-dialog :is(input,select,textarea){
  background:var(--bg2);color:var(--text);border-color:var(--border2);box-shadow:none;
}
#page-ai_office :is(input,textarea)::placeholder{color:var(--text3);opacity:1}
#page-ai_office :is(input[type=checkbox],input[type=radio]){accent-color:var(--blue)}
#page-ai_office :is(select,#aio-discussion-search){border-radius:999px}
#page-ai_office :is(button,input,select,textarea,summary):focus-visible{
  outline-color:var(--blue);
}
#page-ai_office :is(.aio-discussion-composer,.aio-report-review){background:var(--bg3);border-color:var(--border2)}
#page-ai_office #aio-discussion-form .aio-discussion-composer textarea{background:transparent;color:var(--text)}
#page-ai_office #aio-discussion-form .aio-compose-icon{background:transparent;color:var(--text2)}
#page-ai_office #aio-discussion-form .aio-compose-icon:hover{background:var(--bg4);color:var(--text)}
#page-ai_office #aio-discussion-form .aio-compose-send{background:var(--aio-action-bg);color:var(--aio-action-ink);border-color:var(--aio-action-bg)}
#page-ai_office .aio-discussion-history[aria-pressed=true],
#page-ai_office .aio-thread-item.selected{background:var(--bg4);border-color:var(--border2);box-shadow:inset 3px 0 var(--blue)}
#page-ai_office .aio-discussion-message{--aio-member-ink:color-mix(in srgb,var(--member-color,var(--blue)) 35%,var(--text))}
#page-ai_office .aio-discussion-message.is-user{background:var(--blue-bg);color:var(--text)}
#page-ai_office .aio-discussion-message.is-ai{background:var(--bg2);color:var(--text)}
#page-ai_office :is(.aio-discussion-message header strong,.aio-discussion-message.is-user>small,.aio-message-reply>summary){color:var(--aio-member-ink,var(--blue))}
#page-ai_office #aio-discussion-member-list b{color:color-mix(in srgb,var(--member-color,var(--blue)) 35%,var(--text))}
#page-ai_office :is(.aio-warn,#aio-warning){background:var(--amber-bg);color:var(--amber);border-color:var(--amber)}
#page-ai_office :is(.aio-office-scroll,.aio-office-map){background:var(--bg3)}
#page-ai_office .aio-zone{background:var(--bg2);color:var(--text2);border-color:var(--border2)}
#page-ai_office :is(.aio-zone small,.aio-person-state){color:var(--text2)}
#page-ai_office .aio-desk{background:var(--bg4);border-bottom-color:var(--border2)}
#page-ai_office .aio-person-name{background:var(--aio-action-bg);color:var(--aio-action-ink);text-shadow:none}
body:has(#page-ai_office.active) .aio-collab-dialog{background:var(--bg2);border-color:var(--border)}
#page-ai_office :is(select,textarea):is(:hover,:focus){border-color:var(--blue);outline-color:var(--blue);box-shadow:none}
#page-ai_office :is(.aio-code,.aio-report pre){background:var(--bg3);color:var(--text);border-color:var(--border)}

/* Exact TL_PAL / TL_COLORS pairs from js/113-project-timeline.js.
   Each Office section has its own pastel heading and matching ink, like calendar rows. */
#page-ai_office :is([data-aio-tab="office"],#aio-section-office){--aio-tone-bg:#CFE3F3;--aio-tone-ink:#2E5A7F}
#page-ai_office :is([data-aio-tab="projects"],#aio-section-projects){--aio-tone-bg:#F9D9C4;--aio-tone-ink:#8A4B2A}
#page-ai_office :is([data-aio-tab="agents"],#aio-section-agents){--aio-tone-bg:#D5E8D4;--aio-tone-ink:#3F6B3D}
#page-ai_office :is([data-aio-tab="screen"],#aio-section-screen){--aio-tone-bg:#E1D9F1;--aio-tone-ink:#5B4A86}
#page-ai_office :is([data-aio-tab="new"],#aio-section-new){--aio-tone-bg:#F6E7B8;--aio-tone-ink:#735A12}
#page-ai_office :is([data-aio-tab="tasks"],#aio-section-tasks){--aio-tone-bg:#CDEBE4;--aio-tone-ink:#2F6B5F}
#page-ai_office :is([data-aio-tab="discussion"],#aio-section-discussion){--aio-tone-bg:#F3D3DB;--aio-tone-ink:#8C3F55}
#page-ai_office :is([data-aio-tab="costs"],#aio-section-costs){--aio-tone-bg:#D6DDF5;--aio-tone-ink:#3E4F8C}
#page-ai_office :is([data-aio-tab="access"],#aio-section-access){--aio-tone-bg:#E3E8C8;--aio-tone-ink:#565F22}
#page-ai_office [data-aio-section] .aio-panel>.th,
#page-ai_office :is(.aio-discussion-chat-head,.aio-cost-toolbar,.aio-access>header){
  background:var(--aio-tone-bg,var(--aio-action-bg));color:var(--aio-tone-ink,var(--aio-action-ink));
}
#page-ai_office :is(.aio-agent,.aio-project,.aio-cost-card,.aio-access-card){
  --aio-card-bg:#CFE3F3;--aio-card-ink:#2E5A7F;
  background:var(--aio-card-bg);color:var(--text);
}
#page-ai_office :is(.aio-agent,.aio-project,.aio-cost-card,.aio-access-card):nth-child(6n+2){--aio-card-bg:#F9D9C4;--aio-card-ink:#8A4B2A}
#page-ai_office :is(.aio-agent,.aio-project,.aio-cost-card,.aio-access-card):nth-child(6n+3){--aio-card-bg:#D5E8D4;--aio-card-ink:#3F6B3D}
#page-ai_office :is(.aio-agent,.aio-project,.aio-cost-card,.aio-access-card):nth-child(6n+4){--aio-card-bg:#E1D9F1;--aio-card-ink:#5B4A86}
#page-ai_office :is(.aio-agent,.aio-project,.aio-cost-card,.aio-access-card):nth-child(6n+5){--aio-card-bg:#F6E7B8;--aio-card-ink:#735A12}
#page-ai_office :is(.aio-agent,.aio-project,.aio-cost-card,.aio-access-card):nth-child(6n){--aio-card-bg:#CDEBE4;--aio-card-ink:#2F6B5F}
#page-ai_office :is(.aio-agent,.aio-project) .aio-name,
#page-ai_office :is(.aio-cost-card,.aio-access-card)>h3{color:var(--aio-card-ink)}
#page-ai_office .aio-thread-item.selected,
#page-ai_office .aio-discussion-history[aria-pressed=true]{background:var(--aio-tone-bg,var(--aio-action-bg));color:var(--aio-tone-ink,var(--aio-action-ink))}

/* AIO-20261103-CONTROL-COLORS: app canvas follows the chosen theme.
   Pastel functional surfaces and their ink stay identical in both modes. */
:root:not([data-theme="light"]) .main:has(#page-ai_office.active){
  --bg:#152028;--bg2:#192832;--bg3:#20323d;--bg4:#293d49;
  --border:#30434f;--border2:#425967;
  --text:#e8edf0;--text2:#9daeb8;--text3:#8ea2ae;
  color-scheme:dark;
}
:root:not([data-theme="light"]) .main:has(#page-ai_office.active){background:var(--app-navy-gradient)}
#page-ai_office :is(.aio-panel,.aio-head,.aio-discussion-toolbox,.aio-discussion-chat-head,.aio-cost-toolbar,.aio-access>header,.aio-discussion-message,.aio-agent,.aio-project,.aio-cost-card,.aio-access-card,.aio-review-extra,.aio-report-review),
body:has(#page-ai_office.active) .aio-collab-dialog{
  --text:#2B2A28;--text2:#5E5953;--text3:#5E5953;
  color:var(--text);color-scheme:light;
}
#page-ai_office :is(.aio-panel,.aio-head){background:var(--aio-tone-bg,#CFE3F3)}
#page-ai_office .aio-discussion-toolbox{background:#E1D9F1}
body:has(#page-ai_office.active) .aio-collab-dialog{background:#E1D9F1}
#page-ai_office :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea),
body:has(#page-ai_office.active) .aio-collab-dialog :is(input,select,textarea){
  background:var(--aio-field-bg,#CFE3F3);color:var(--aio-field-ink,#2E5A7F);border-color:#E2DDD5;color-scheme:light;
}
#page-ai_office :is(input,textarea)::placeholder{color:var(--aio-field-ink,#2E5A7F);opacity:1}
#page-ai_office :is(#aio-discussion-search,#aio-owner,#aio-discussion-name){--aio-field-bg:#F9D9C4;--aio-field-ink:#8A4B2A}
#page-ai_office :is(#aio-discussion-project-filter,#aio-priority,#aio-task-project){--aio-field-bg:#D5E8D4;--aio-field-ink:#3F6B3D}
#page-ai_office :is(#aio-discussion-scope,#aio-mode,#aio-chat-mode){--aio-field-bg:#E1D9F1;--aio-field-ink:#5B4A86}
#page-ai_office :is(#aio-prompt,#aio-chat-prompt,#aio-review-question){--aio-field-bg:#F3D3DB;--aio-field-ink:#8C3F55}
#page-ai_office #aio-discussion-server{--aio-field-bg:#E3E8C8;--aio-field-ink:#565F22}
#page-ai_office :is(#aio-cost-period,input[name=output]){--aio-field-bg:#F9D9C4;--aio-field-ink:#8A4B2A}
#page-ai_office :is(#aio-cost-project,input[name=cache_read]){--aio-field-bg:#D5E8D4;--aio-field-ink:#3F6B3D}
#page-ai_office :is(#aio-cost-model,input[name=cache_write],[data-access-host]){--aio-field-bg:#E1D9F1;--aio-field-ink:#5B4A86}
#page-ai_office [data-workspace]{--aio-field-bg:#E3E8C8;--aio-field-ink:#565F22}
#page-ai_office :is(.aio-review-extra,.aio-discussion-members-panel){background:#E3E8C8;color:#565F22}
#page-ai_office .aio-report-review{background:#E1D9F1}
#page-ai_office #aio-thread-detail{background:#CDEBE4;color:#2B2A28}
#page-ai_office :is(.aio-discussion-composer,.aio-inline-reply){
  --aio-field-bg:#CDEBE4;--aio-field-ink:#2F6B5F;
}
#page-ai_office .aio-discussion-composer{background:var(--aio-field-bg);color:var(--aio-field-ink)}
#page-ai_office #aio-discussion-form .aio-discussion-composer textarea{color:var(--aio-field-ink)}
#page-ai_office #aio-discussion-form .aio-compose-icon{background:#E1D9F1;color:#5B4A86}
#page-ai_office #aio-discussion-form .aio-compose-icon:nth-of-type(2){background:#F9D9C4;color:#8A4B2A}
#page-ai_office :is(.aio-discussion-history,.aio-thread-item){
  --aio-history-bg:#CFE3F3;--aio-history-ink:#2E5A7F;
  --text2:#5E5953;--text3:#5E5953;
  background:var(--aio-history-bg);color:var(--aio-history-ink);
}
#page-ai_office :is(.aio-discussion-history,.aio-thread-item):nth-child(4n+2){--aio-history-bg:#F9D9C4;--aio-history-ink:#8A4B2A}
#page-ai_office :is(.aio-discussion-history,.aio-thread-item):nth-child(4n+3){--aio-history-bg:#D5E8D4;--aio-history-ink:#3F6B3D}
#page-ai_office :is(.aio-discussion-history,.aio-thread-item):nth-child(4n){--aio-history-bg:#E1D9F1;--aio-history-ink:#5B4A86}
#page-ai_office .aio-discussion-history[aria-pressed=true],
#page-ai_office .aio-thread-item.selected{background:var(--aio-history-bg);color:var(--aio-history-ink);box-shadow:inset 3px 0 var(--aio-history-ink)}
#page-ai_office .aio-discussion-message.is-ai{background:color-mix(in srgb,var(--member-color,#CFE3F3) 22%,#FFFFFF)}
.main:has(#page-ai_office.active)>.topbar .btn,
#page-ai_office :is(.aio-topbar-icon,button.btn:not(.btn-primary):not([type=submit]),label.btn),
#page-ai_office #aio-discussion-tools>summary{
  background:#E1D9F1;color:#5B4A86;border-color:#E1D9F1;
}
#page-ai_office :is(.aio-attach,.aio-actions) :is(button.btn,label.btn):nth-child(even){background:#F9D9C4;color:#8A4B2A;border-color:#F9D9C4}
#page-ai_office :is(.aio-agent,.aio-project,.aio-cost-card,.aio-access-card) :is(.aio-role,.aio-meta,small){color:#5E5953}
#page-ai_office .aio-attach label.btn:nth-of-type(2){background:#F9D9C4;color:#8A4B2A;border-color:#F9D9C4}
#page-ai_office :is(.aio-code,.aio-report pre){background:#E1D9F1;color:#2B2A28}
#page-ai_office .aio-cost-donut>div{background:#FBFAF7;color:#2B2A28}
#page-ai_office .aio-zone{background:#CFE3F3;color:#2E5A7F}
#page-ai_office .aio-zone small{color:#5E5953}
#page-ai_office .aio-z-work{background:#F9D9C4}
#page-ai_office .aio-z-review{background:#D5E8D4}
#page-ai_office .aio-z-rest{background:#E1D9F1}
#page-ai_office .aio-z-archive{background:#F6E7B8}
.main:has(#page-ai_office.active) #aio-department-popover{
  --text:#2B2A28;--text2:#5E5953;--text3:#5E5953;background:#E1D9F1;color:#2B2A28;color-scheme:light;
}
.main:has(#page-ai_office.active) #aio-department-popover select{background:#D5E8D4;color:#3F6B3D;color-scheme:light}