.gov-tabs { display: flex; gap: 8px; flex-wrap: wrap; padding: 12px 20px; border-bottom: 1px solid var(--office-card-border); }
.gov-tabs button, .gov-panel button { font: inherit; min-height: 44px; padding: 9px 15px; border: 1px solid var(--office-card-border); border-radius: 8px; background: var(--office-bg-2); color: var(--office-text); cursor: pointer; }
.gov-tabs button[aria-pressed="true"], .gov-panel .gov-primary { background: var(--office-warm); color: #30200e; border-color: var(--office-warm); font-weight: 650; }
.gov-panel button:disabled { opacity: .5; cursor: not-allowed; }
.gov-tabs button:hover:not(:disabled), .gov-panel button:hover:not(:disabled) { border-color: var(--office-warm); }
.gov-tabs button:focus-visible, .gov-panel :is(button,input,a):focus-visible, .gov-home:focus-visible { outline: 2px solid var(--office-warm); outline-offset: 3px; }
.gov-panel { padding: 24px; min-width: 0; color: var(--office-text); }
.gov-panel[hidden] { display: none; }
.gov-panel h2 { font-size: 22px; margin-bottom: 10px; }
.gov-panel h3 { font-size: 17px; margin: 28px 0 12px; }
.gov-panel p { line-height: 1.7; max-width: 70ch; margin: 8px 0 16px; }
.gov-panel a, .gov-home { color: var(--office-text); text-underline-offset: 4px; }
.gov-home { display: inline-block; margin-bottom: 24px; }
.gov-panel .gov-message { min-height: 24px; overflow-wrap: anywhere; }
.gov-panel .gov-message[data-error="true"] { color: var(--office-red); }
.gov-panel .gov-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.gov-panel .gov-form { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin: 12px 0 24px; }
.gov-panel label { display: grid; gap: 8px; flex: 1 1 180px; }
.gov-panel input { min-height: 44px; width: 100%; min-width: 0; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--office-card-border); background: var(--office-bg-2); color: var(--office-text); font: inherit; caret-color: var(--office-warm); }
.gov-panel ul { list-style: none; padding: 0; }
.gov-panel .gov-row { display: flex; align-items: center; gap: 16px; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid var(--office-card-border); }
.gov-panel .gov-person { min-width: 0; overflow-wrap: anywhere; }
.gov-panel .gov-person span { display: block; line-height: 1.7; }
.gov-panel .gov-actions { display: flex; flex-wrap: wrap; gap: 8px; flex-shrink: 0; }
.gov-panel .gov-audit { font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
.gov-panel time { font-variant-numeric: tabular-nums; }
.gov-panel .gov-pagination { margin: 12px 0; display: flex; gap: 8px; }
body.office-day .gov-tabs button:not([aria-pressed="true"]),
body.office-day .gov-panel button:not(.gov-primary),
body.office-day .gov-panel input { background: #fffaf0; color: #302819; border-color: #81745f; }
body.office-day .gov-panel .gov-message[data-error="true"] { color: #a32920; }
.knowledge-workspace { min-width: 0; }
.knowledge-form { display: grid; gap: 16px; margin: 16px 0 24px; }
.gov-panel :is(textarea,select) { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid var(--office-card-border); border-radius: 8px; background: var(--office-bg-2); color: var(--office-text); font: inherit; caret-color: var(--office-warm); }
.gov-panel textarea { resize: vertical; line-height: 1.7; }
.gov-panel :is(textarea,select):focus-visible { outline: 2px solid var(--office-warm); outline-offset: 3px; }
.knowledge-preview { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 420px; overflow: auto; font: inherit; line-height: 1.8; padding: 16px 0; border-block: 1px solid var(--office-card-border); margin: 16px 0; }
.knowledge-hash { overflow-wrap: anywhere; font-size: 13px; }
.gov-panel .knowledge-check { display: flex; align-items: center; margin: 12px 0; }
.gov-panel .knowledge-check input { width: 22px; min-height: 22px; flex: none; accent-color: var(--office-warm); }
.knowledge-workspace > label { margin: 16px 0; }
.knowledge-workspace .gov-actions { margin-top: 24px; }
body.office-day .gov-panel :is(textarea,select) { background: #fffaf0; color: #302819; border-color: #81745f; }
@media (max-width: 600px) {
    .gov-panel { padding: 18px 14px; }
    .gov-panel .gov-row { align-items: start; flex-direction: column; gap: 10px; }
    .gov-panel .gov-form > button { width: 100%; }
}
/* 設定頁：一列一項設定；LOGO 預覽放在白底上，等同印在文件上的樣子。 */
.settings-workspace { min-width: 0; max-width: 920px; }
.settings-row { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 28px; align-items: start; padding: 20px 0; border-block: 1px solid var(--office-card-border); }
.settings-text > strong { display: block; font-size: 16px; }
.settings-text p { margin: 6px 0 12px; }
.gov-panel .settings-meta { font-size: 13px; color: var(--office-text-dim); font-variant-numeric: tabular-nums; }
.settings-logo { margin: 0; display: grid; place-items: center; min-height: 140px; padding: 18px; background: #fff; border: 1px solid var(--office-card-border); border-radius: 8px; }
.settings-logo img { display: block; max-width: 100%; max-height: 140px; object-fit: contain; }
.settings-logo figcaption { color: #4b505a; font-size: 14px; line-height: 1.7; text-align: center; }
@media (max-width: 600px) { .settings-row { grid-template-columns: 1fr; } }
/* 公司全名：輸入框與儲存鈕一列（董事長 2026-10-09）；手機上儲存鈕換到下一行佔滿 */
.settings-name-row { grid-template-columns: minmax(0, 1fr); border-bottom: 0; }
.settings-name-form { display: flex; gap: 10px; align-items: stretch; max-width: 560px; }
.settings-name-form input { flex: 1; min-width: 0; min-height: 44px; padding: 0 12px; border: 1px solid var(--office-card-border); border-radius: 8px; background: var(--office-input-bg, #0f1a2b); color: inherit; font: inherit; font-size: 16px; }
.settings-name-form input:focus-visible { outline: 2px solid var(--office-warm, #f5b971); outline-offset: 2px; }
.settings-name-form button { min-height: 44px; padding: 0 18px; }
@media (max-width: 600px) { .settings-name-form { flex-direction: column; } }
/* 資料備份（董事長 2026-10-10）：狀態膠囊、四到七格數字、容量條 */
.settings-backup h3 { margin-bottom: 12px; }
.settings-status { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 16px; padding: 7px 14px; border-radius: 999px; font-weight: 600; font-size: 15px; }
.settings-status-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.settings-status[data-tone="ok"] { background: rgba(52, 211, 153, 0.14); color: var(--office-green, #34d399); }
.settings-status[data-tone="warn"] { background: rgba(245, 185, 113, 0.16); color: var(--office-warm, #f5b971); }
.settings-status[data-tone="bad"] { background: rgba(248, 113, 113, 0.16); color: #f87171; }
.settings-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 0 0 18px; }
.settings-fact { margin: 0; padding: 14px 16px; border: 1px solid var(--office-card-border); border-radius: 8px; }
.settings-fact dt { font-size: 13px; color: var(--office-text-dim); }
.settings-fact dd { margin: 4px 0 0; font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.settings-meter { height: 6px; margin-top: 10px; border-radius: 3px; background: rgba(255, 255, 255, 0.08); overflow: hidden; }
.settings-meter i { display: block; height: 100%; background: var(--office-warm, #f5b971); }
.settings-backup .settings-text p { max-width: 70ch; }
@media (max-width: 600px) { .settings-facts { grid-template-columns: 1fr 1fr; gap: 10px; } .settings-fact { padding: 12px 12px; } .settings-fact dd { font-size: 15px; } }
/* 窗外景致：每個城市一張大廳縮圖，點選即套用。勾選的那張以暖色框＋勾號標示。 */
.settings-views { padding-top: 28px; }
.gov-panel .settings-lead { max-width: 65ch; margin: 6px 0 4px; color: var(--office-text-dim); line-height: 1.75; }
.view-picker { min-width: 0; margin: 0; padding: 18px 0 22px; border: 0; border-top: 1px solid var(--office-card-border); }
.view-picker legend { float: left; width: 100%; padding: 0; font-size: 16px; font-weight: 650; }
.view-picker legend + .settings-meta { clear: both; margin: 4px 0 14px; padding-top: 4px; }
.view-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)); gap: 12px; }
.view-card { position: relative; display: grid; align-content: start; gap: 7px; padding: 6px 6px 10px; border: 1px solid var(--office-card-border); border-radius: 10px; background: rgba(255, 255, 255, 0.03); cursor: pointer; transition: border-color .18s ease-out, background-color .18s ease-out; }
.view-card:hover { border-color: rgba(245, 185, 113, 0.5); }
.view-card input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.view-card img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 6px; background: #2a2119; }
.view-name { padding-inline: 4px; font-weight: 600; }
.view-note { margin-top: -4px; padding-inline: 4px; font-size: 13px; color: var(--office-text-dim); }
.view-card.is-follow { grid-column: 1 / -1; grid-template-columns: minmax(120px, 200px) minmax(0, 1fr); align-items: center; gap: 14px; padding-bottom: 6px; }
.view-text { display: grid; gap: 6px; }
.view-text .view-note { margin-top: 0; }
.view-card:has(input:checked) { border-color: var(--office-warm); background: rgba(245, 185, 113, 0.10); box-shadow: inset 0 0 0 1px var(--office-warm); }
.view-card:has(input:checked)::after { content: ''; position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; border-radius: 50%; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
    background: var(--office-warm) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2330200e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 15px no-repeat; }
.view-card:has(input:focus-visible) { outline: 2px solid var(--office-warm); outline-offset: 3px; }
.view-picker:disabled .view-card { cursor: progress; opacity: .7; }
.view-card.is-follow:has(input:checked)::after { right: auto; left: 12px; }
@media (max-width: 600px) {
    .view-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .view-card.is-follow { grid-template-columns: minmax(0, 46%) minmax(0, 1fr); gap: 12px; }
}
@media (prefers-reduced-motion: reduce) { .view-card { transition: none; } }
/* 問答（Q&A）：每份文件的已核對問答，可抽查與刪除單題。 */
.knowledge-qa { margin-top: 24px; padding-top: 12px; border-top: 1px solid var(--office-card-border); max-width: 900px; }
.gov-panel .knowledge-qa h4 { font-size: 16px; margin: 0 0 6px; }
.knowledge-qa-list { list-style: none; padding: 0; margin: 8px 0; }
.knowledge-qa-item { padding: 14px 0; border-bottom: 1px solid var(--office-card-border); }
.knowledge-qa-item > strong { display: block; line-height: 1.6; overflow-wrap: anywhere; }
.gov-panel .knowledge-qa-item p { margin: 4px 0; max-width: 72ch; overflow-wrap: anywhere; }
.gov-panel .knowledge-qa-meta { font-size: 13px; color: var(--office-text-dim); }
.knowledge-qa-item details { font-size: 13px; margin: 6px 0; }
.knowledge-qa-item summary { cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.knowledge-qa-item blockquote { margin: 6px 0; padding-left: 10px; border-left: 1px solid var(--office-card-border); white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; }
.knowledge-qa-item .gov-actions { margin-top: 6px; }
/* 真人的工作說明書（A2A 第六批）：成員列下方展開；本文用閱讀紙色，同數位員工的工作說明書。 */
.gov-panel .gov-row.has-jd { flex-wrap: wrap; }
.gov-panel .pjd-slot { flex: 1 1 100%; min-width: 0; }
.gov-panel .pjd-slot:empty { display: none; }
.pjd { display: grid; gap: 12px; padding: 16px 0 4px; min-width: 0; }
.pjd-head h4 { font-size: 16px; margin: 0; }
.gov-panel .pjd-head p { margin: 4px 0 0; }
.gov-panel .pjd-meta { color: var(--office-text-dim); font-size: 13.5px; margin: 4px 0; }
.gov-panel .pjd-rule { font-size: 13.5px; color: var(--office-warm); }
.pjd-paper { background: #fafaf7; color: #202c40; border-radius: 10px; padding: 18px 20px; display: grid; gap: 10px; max-width: 760px; }
.gov-panel .pjd-paper p { margin: 0; }
.gov-panel .pjd-title { font-size: 18px; font-weight: 700; }
.gov-panel .pjd-paper .pjd-meta { color: #626979; }
.gov-panel ol.pjd-points { list-style: decimal; padding-left: 1.4em; margin: 0; display: grid; gap: 4px; }
.pjd-points li b { margin-right: 8px; }
.pjd-points li span { color: #4a5263; }
.pjd-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.75; border-top: 1px solid #e9e4d8; padding-top: 10px; }
.pjd-draft, .pjd-history { display: grid; gap: 6px; padding: 14px 16px; border: 1px dashed rgba(245, 185, 113, 0.45); border-radius: 12px; background: var(--office-bg-2); max-width: 760px; }
.pjd-history { border-style: solid; border-color: var(--office-card-border); }
.gov-panel .pjd-draft-title { font-weight: 650; margin: 0; }
.gov-panel ul.pjd-changes { list-style: disc; padding-left: 1.3em; margin: 2px 0; line-height: 1.7; }
.gov-panel .pjd-warn { color: var(--office-red); margin: 4px 0; }
.gov-panel .pjd-confirm { align-self: center; }
.pjd-diff { font-size: 14px; line-height: 1.7; border: 1px solid #e9e4d8; border-radius: 8px; overflow: hidden; background: #fff; color: #202c40; max-width: 760px; }
.gov-panel .pjd-diff .pjd-meta { padding: 6px 10px; color: #626979; }
.pjd-diff > div { padding: 1px 10px; white-space: pre-wrap; overflow-wrap: anywhere; }
.pjd-diff .is-add { background: #e6f4ea; color: #1d5a32; }
.pjd-diff .is-del { background: #fdecea; color: #8f2d22; text-decoration: line-through; }
.pjd-form { display: grid; gap: 14px; max-width: 760px; }
.gov-panel .pjd-field { display: grid; gap: 6px; flex: none; }
.pjd-count { font-size: 12.5px; color: var(--office-text-dim); justify-self: end; font-variant-numeric: tabular-nums; }
.pjd-points-edit { border: 1px solid var(--office-card-border); border-radius: 10px; padding: 10px 14px 14px; display: grid; gap: 8px; min-width: 0; }
.pjd-points-edit legend { padding: 0 6px; font-size: 14px; }
.pjd-point-row { display: grid; grid-template-columns: 24px minmax(0, 11em) minmax(0, 1fr); gap: 8px; align-items: center; }
.pjd-num { text-align: right; color: var(--office-text-dim); font-variant-numeric: tabular-nums; }
.gov-panel .pjd-history ul { display: grid; gap: 10px; margin: 0; }
.pjd-version { display: grid; gap: 6px; padding-top: 10px; border-top: 1px solid var(--office-card-border); }
.pjd-version-line { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: baseline; }
.pjd-state { font-size: 12.5px; padding: 1px 8px; border-radius: 999px; border: 1px solid var(--office-card-border); }
.pjd-state.is-active { color: var(--office-green); border-color: currentColor; }
.pjd-state.is-draft { color: var(--office-warm); border-color: currentColor; }
.pjd-mine { max-width: 760px; margin-bottom: 8px; }
.pjd-mine h3 { margin-top: 8px; }
body.office-day .pjd-draft, body.office-day .pjd-history { background: #fffaf0; }
body.office-day .gov-panel .pjd-rule { color: #8a5a1c; }
@media (max-width: 600px) {
    .pjd-point-row { grid-template-columns: 20px minmax(0, 1fr); }
    .pjd-point-row input:last-child { grid-column: 2; }
    .pjd-paper { padding: 14px 14px; }
}

/* AI settings B: category navigation and one grouped settings card. Scoped inputs avoid full-width checkbox inheritance. */
.ai-settings-layout { display:grid; grid-template-columns:224px minmax(0,1fr); gap:32px; margin-top:28px; align-items:start; }
.ai-settings-nav { border-right:1px solid var(--office-card-border); padding-right:24px; }
.gov-panel .ai-settings-nav p { font-size:14px; margin:0 0 12px; color:var(--office-text-dim); }
.ai-settings-nav a { display:block; padding:12px 16px; border-radius:8px; background:var(--lt-select-tint, var(--office-card)); font-weight:650; text-decoration:none; }
.ai-settings-card { border:1px solid var(--office-card-border); border-radius:14px; overflow:hidden; background:var(--office-bg-2); scroll-margin-top:110px; }
html[data-theme] .ai-settings-card { background:#fff; }
.ai-settings-heading, .ai-settings-body, .ai-settings-footer { padding:24px; }
.ai-settings-heading { border-bottom:1px solid var(--office-card-border); }
.gov-panel .ai-settings-heading h3 { margin:0 0 4px; font-size:21px; }
.gov-panel .ai-settings-heading p { margin:0; font-size:14px; color:var(--office-text-dim); }
.gov-panel .ai-settings-body label { display:block; font-size:18px; font-weight:650; cursor:pointer; }
.gov-panel .ai-settings-body p { margin:8px 0 16px; color:var(--office-text-dim); max-width:65ch; }
.ai-setting-control { display:flex; align-items:center; gap:12px; min-height:44px; font-size:14px; }
.gov-panel .ai-setting-control input.ai-setting-switch { appearance:none; width:52px; height:30px; min-height:30px; flex:none; padding:0; margin:0; border:2px solid transparent; border-radius:20px; background:#737e8d; position:relative; cursor:pointer; }
.gov-panel .ai-setting-switch::before { content:''; position:absolute; width:22px; height:22px; top:2px; left:2px; border-radius:50%; background:#fff; transition:transform .16s ease-out; }
.gov-panel .ai-setting-control input:checked { background:var(--lt-solid, #14263e); }
.gov-panel .ai-setting-switch:checked::before { transform:translateX(22px); }
.gov-panel .ai-setting-switch:disabled { opacity:.6; cursor:not-allowed; }
.ai-settings-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--office-card-border); background:var(--office-card); }
.gov-panel .ai-settings-footer p { margin:0; font-size:14px; }
.ai-settings-footer [role=status] { font-weight:650; }
.ai-settings-footer button { flex:none; }
@media(max-width:700px) { .ai-settings-layout { grid-template-columns:minmax(0,1fr); gap:20px; } .ai-settings-nav { border:0; padding:0; } .ai-settings-nav a { display:inline-block; } .gov-panel .ai-settings-nav p { display:none; } .ai-settings-heading,.ai-settings-body,.ai-settings-footer { padding:20px; } .ai-settings-footer { flex-direction:column; align-items:stretch; gap:16px; } }
@media(prefers-reduced-motion:reduce) { .gov-panel .ai-setting-switch::before { transition:none; } }