/* 最后加载的样式表：这些规则原先由 JS 在页面加载后才插入 <style>，位置必须排在其他样式表之后才能保持原来的覆盖顺序 */

/* ===== 原先写在 collab.js 里、运行时才插入的样式（V58.x 系列），已并入样式表 ===== */
/* __todayMobileQuadrantNoCategoryV5819 */
@media (max-width:768px){#quadrantGrid .q-task .q-task-tag,#weekPanel-quadrant .q-task .q-task-tag,#page-week .q-task .q-task-tag{display:none!important;}
#quadrantGrid .q-task .q-task-name,#weekPanel-quadrant .q-task .q-task-name,#page-week .q-task .q-task-name{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
#quadrantGrid .q-task .q-task-move,#weekPanel-quadrant .q-task .q-task-move,#page-week .q-task .q-task-move{margin-left:auto!important;flex:0 0 auto!important;order:99!important;}}
/* __todoAuxPlainTextV5816 */
#todayContent .task-inline-collab-chip,#todayContent .task-cat-marker,#todayContent .task-meta-chip,#todayContent .sop-link-badge,#todayContent .tdv50-inline-relation,#todayContent .tdv50-relation-chip,#todayContent .tag-badge-unified,#weekContent .task-inline-collab-chip,.month-side-task-row-v58 .task-inline-collab-chip,.month-side-task-row-v58 .task-cat-marker,.month-side-task-row-v58 .task-meta-chip,.month-side-task-row-v58 .sop-link-badge,.month-side-task-row-v58 .tdv50-inline-relation,.month-side-task-row-v58 .tdv50-relation-chip,.month-side-task-row-v58 .tag-badge-unified,.month-upcoming-task-v58 .task-inline-collab-chip,.month-upcoming-task-v58 .task-cat-marker,.month-upcoming-task-v58 .task-meta-chip,.month-upcoming-task-v58 .sop-link-badge,.month-upcoming-task-v58 .tdv50-inline-relation,.month-upcoming-task-v58 .tdv50-relation-chip,.month-upcoming-task-v58 .tag-badge-unified{background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;height:auto!important;min-height:0!important;line-height:inherit!important;}
#todayContent .task-inline-collab-chip,#todayContent .task-cat-marker,#todayContent .task-meta-chip,#todayContent .sop-link-badge,#weekContent .task-inline-collab-chip,.month-side-task-row-v58 .task-inline-collab-chip,.month-side-task-row-v58 .task-cat-marker,.month-side-task-row-v58 .task-meta-chip,.month-side-task-row-v58 .sop-link-badge,.month-upcoming-task-v58 .task-inline-collab-chip,.month-upcoming-task-v58 .task-cat-marker,.month-upcoming-task-v58 .task-meta-chip,.month-upcoming-task-v58 .sop-link-badge{display:inline-flex!important;align-items:center!important;gap:4px!important;}
#todayContent .task-inline-collab-chip,#todayContent .task-meta-chip,#todayContent .sop-link-badge,#weekContent .task-inline-collab-chip,.month-side-task-row-v58 .task-inline-collab-chip,.month-side-task-row-v58 .task-meta-chip,.month-side-task-row-v58 .sop-link-badge,.month-upcoming-task-v58 .task-inline-collab-chip,.month-upcoming-task-v58 .task-meta-chip,.month-upcoming-task-v58 .sop-link-badge{color:var(--text-muted)!important;}
#todayContent .sop-link-badge[style*="accent-red"],#todayContent .collab-status-delayed,#todayContent .task-state-chip.collab-status-delayed,.month-side-task-row-v58 .sop-link-badge[style*="accent-red"],.month-upcoming-task-v58 .sop-link-badge[style*="accent-red"]{color:var(--accent-red)!important;}
@media(max-width:768px),(pointer:coarse){#todayContent .task-row-inline .task-inline-collab-chip,#todayPanel-todo .task-row-inline .task-inline-collab-chip,#page-week .task-row-inline .task-inline-collab-chip,#todayContent .task-row-inline .sop-link-badge,#todayPanel-todo .task-row-inline .sop-link-badge,#page-week .task-row-inline .sop-link-badge,#todayContent .task-row-inline .task-state-chip,#todayPanel-todo .task-row-inline .task-state-chip,#page-week .task-row-inline .task-state-chip{font-size:10px!important;}}
/* __monthDesktopTodoFontAlignV5814 */
@media (min-width: 769px){.month-upcoming-task-v58{align-items:center!important;gap:9px!important;padding:8px 0!important;}
.month-upcoming-task-v58 .plan-check{margin-top:0!important;padding:0!important;box-sizing:border-box!important;flex:0 0 auto!important;}
.month-upcoming-task-v58 .plan-info{display:flex!important;align-items:center!important;min-width:0!important;flex:1!important;}
.month-side-task-row-v58 .task-title-main,.month-upcoming-task-v58 .task-title-main{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;min-width:0!important;}
.month-side-task-row-v58 .task-title-text,.month-upcoming-task-v58 .task-title-text{font-size:12px!important;font-weight:600!important;line-height:1.45!important;font-family:inherit!important;letter-spacing:0!important;}
.month-side-task-row-v58 .task-inline-collab-chip,.month-upcoming-task-v58 .task-inline-collab-chip,.month-side-task-row-v58 .task-cat-marker-text,.month-upcoming-task-v58 .task-cat-marker-text,.month-side-task-row-v58 .task-meta-chip,.month-upcoming-task-v58 .task-meta-chip,.month-side-task-row-v58 .task-side-meta,.month-upcoming-task-v58 .task-side-meta,.month-side-task-row-v58 .task-side-start,.month-upcoming-task-v58 .task-side-start,.month-side-task-row-v58 .task-side-dur,.month-upcoming-task-v58 .task-side-dur{font-size:11px!important;font-weight:500!important;line-height:1.25!important;font-family:inherit!important;letter-spacing:0!important;}}
/* __monthMobileTodoFontAlignV5810 */
@media (max-width: 768px){.month-upcoming-task-v58{align-items:center!important;gap:9px!important;padding:8px 0!important;}
.month-upcoming-task-v58 .plan-check{margin-top:0!important;padding:0!important;box-sizing:border-box!important;flex:0 0 auto!important;}
.month-upcoming-task-v58 .plan-info{display:flex!important;align-items:center!important;min-width:0!important;flex:1!important;}
.month-side-task-row-v58 .plan-check-wrap,.month-upcoming-task-v58 .plan-check-wrap{padding:0!important;margin:0!important;line-height:0!important;}
.month-side-task-row-v58 .task-title-main,.month-upcoming-task-v58 .task-title-main{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;min-width:0!important;}
.month-side-task-row-v58 .task-title-text,.month-upcoming-task-v58 .task-title-text{font-size:12px!important;font-weight:600!important;line-height:1.45!important;letter-spacing:0!important;}
.month-side-task-row-v58 .task-inline-collab-chip,.month-upcoming-task-v58 .task-inline-collab-chip,.month-side-task-row-v58 .task-cat-marker-text,.month-upcoming-task-v58 .task-cat-marker-text,.month-side-task-row-v58 .task-meta-chip,.month-upcoming-task-v58 .task-meta-chip,.month-side-task-row-v58 .task-side-meta,.month-upcoming-task-v58 .task-side-meta,.month-side-task-row-v58 .task-side-start,.month-upcoming-task-v58 .task-side-start,.month-side-task-row-v58 .task-side-dur,.month-upcoming-task-v58 .task-side-dur{font-size:10px!important;font-weight:500!important;line-height:1.25!important;letter-spacing:0!important;}
.month-upcoming-task-v58 .plan-check,.month-side-task-row-v58 .plan-check{border-color:rgba(0,0,0,0.30)!important;border-width:2px!important;}
html.theme-dark .month-upcoming-task-v58 .plan-check,html.theme-dark .month-side-task-row-v58 .plan-check{border-color:rgba(255,255,255,0.40)!important;}}
/* 手机端四象限任务行（原 V58.18 运行时插入的样式）：隐藏行内小按钮，行本身可上下滑、不可选中文字 */
html.m2 #quadrantGrid .q-task .pie-drift,html.m2 #weekPanel-quadrant .q-task .pie-drift,html.m2 #page-week .q-task .pie-drift{display:none!important;}
html.m2 #quadrantGrid .q-task .q-task-remove,html.m2 #weekPanel-quadrant .q-task .q-task-remove,html.m2 #page-week .q-task .q-task-remove{display:none!important;}
html.m2 #quadrantGrid .q-task .task-action-btn:not(.q-task-move):not(.pie-drift),html.m2 #weekPanel-quadrant .q-task .task-action-btn:not(.q-task-move):not(.pie-drift),html.m2 #page-week .q-task .task-action-btn:not(.q-task-move):not(.pie-drift){display:none!important;}
html.m2 #quadrantGrid .q-task[data-pi],html.m2 #weekPanel-quadrant .q-task[data-pi],html.m2 #page-week .q-task[data-pi]{touch-action:pan-y;-webkit-user-select:none;user-select:none;}
html.m2 #quadrantGrid .q-task .q-task-name,html.m2 #weekPanel-quadrant .q-task .q-task-name,html.m2 #page-week .q-task .q-task-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 手机端可读性/点击面积：本周建议卡的字、习惯周条的星期字、日期文字的点击区（只放大，不改版式） */
html.m2 #page-week .week-push-label{font-size:13px}
html.m2 #page-week .week-push-desc{font-size:12px}
html.m2 #page-week .week-push-btn{min-height:32px;padding:0 12px;font-size:12px}
html.m2 #page-week .week-push-dismiss{min-height:32px;display:inline-flex;align-items:center;font-size:12px}
html.m2 #page-habits .habit-week-day .hw-label{font-size:11px}
html.m2 .m2-dateline .d{padding:10px 6px;margin:-10px -6px}

/* 手机提示条：原来贴在屏幕顶部，叠在第一、二行任务上，点那几行的完成圈会点到提示条上（"点了没反应"）。
   挪到底部标签栏上方；容器本身不拦截点击，只有提示条自己可点（撤销按钮） */
html.m2 .toast-container{top:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px));pointer-events:none;flex-direction:column-reverse}
html.m2 .toast-container>*{pointer-events:auto}
.tdv50-footer{gap:8px}

/* 深色模式补充：任务详情抽屉的小标签原来是更暗的灰，在深色半透明底上看不清 */
html.theme-dark .tdv50-kv span,html.theme-dark .tdv50-eyebrow,html.theme-dark .tdv50-section-title{color:var(--text-secondary)}
html.theme-dark #page-week .week-push-dismiss{opacity:1;color:var(--text-secondary)}
html.theme-dark .sop-card-new .sop-new-icon{opacity:.9;color:var(--text-secondary)}

/* ═════════════════════════════════════════════════════════════════════════
   组件令牌 + 金色主题的按钮 / 选中标签 / 分段切换 / 次要按钮
   以前这些规则分散在好几段里反复覆盖；现在值只在这里定义一次，下面的规则都引用它。
   要改金色按钮的字色、圆角、字重、次要按钮的颜色：只改这里的变量。
   ═════════════════════════════════════════════════════════════════════════ */
:root{
  --accent-solid:#C8A040;            /* 金色实心底（深色模式） */
  --on-accent:#3A2A08;               /* 金色底上的字：深棕，对比度约 5.7 */
  --ctl-radius:10px;                 /* 按钮 / 标签 / 分段选中项的圆角 */
  --ctl-weight:500;                  /* 按钮字重（不加粗） */
  --ghost-fg:#A09880;                /* 次要按钮（批量/隐藏已完成）：字 */
  --ghost-border:rgba(200,160,64,.28);
  --ghost-hover-bg:rgba(200,160,64,.12);
  --ghost-hover-fg:#E2C06A;
}
/* 金色实心元素的清单：主按钮、快速添加、选中的筛选/分段/日期等。新增金色按钮时加到这里 */
html[data-color-scheme="gold"] .btn-primary,
html[data-color-scheme="gold"] .quick-add-btn,
html[data-color-scheme="gold"] .nt-new,
html[data-color-scheme="gold"] .otc-action-btn.primary,
html[data-color-scheme="gold"] .week-push-btn.primary,
html[data-color-scheme="gold"] #todayContent .filter-chip.active[data-f="all"],
html[data-color-scheme="gold"] .month-side-chip-v54.active,
html[data-color-scheme="gold"] .mdp-day.picked,
html[data-color-scheme="gold"] .tkov-seg div.on{color:var(--on-accent) !important}
html[data-color-scheme="gold"] .btn-primary *,
html[data-color-scheme="gold"] .otc-action-btn.primary,
html[data-color-scheme="gold"] #overdueCleanupModal .otc-actions-v13 .otc-action-btn.primary,
html[data-color-scheme="gold"] .month-side-chip-v54.active .msc-label,
html[data-color-scheme="gold"] .month-side-chip-v54.active .msc-count{color:var(--on-accent) !important}
html[data-color-scheme="gold"] .btn-primary svg{stroke:var(--on-accent) !important}
html[data-color-scheme="gold"] #sidebarProfileSlot div[style*="border-radius:50%"][style*="var(--accent)"]{color:var(--on-accent) !important}
/* 深色模式：金色底用纯色（浅色模式保留各自原来的底） */
html.theme-dark[data-color-scheme="gold"] .btn-primary,
html.theme-dark[data-color-scheme="gold"] .quick-add-btn,
html.theme-dark[data-color-scheme="gold"] .nt-new,
html.theme-dark[data-color-scheme="gold"] .otc-action-btn.primary,
html.theme-dark[data-color-scheme="gold"] .week-push-btn.primary,
html.theme-dark[data-color-scheme="gold"] #todayContent .filter-chip.active[data-f="all"],
html.theme-dark[data-color-scheme="gold"] .month-side-chip-v54.active,
html.theme-dark[data-color-scheme="gold"] .mdp-day.picked,
html.theme-dark[data-color-scheme="gold"] .calendar-day.today .day-number{background:var(--accent-solid)}
html.theme-dark[data-color-scheme="gold"] .calendar-day.today .day-number{color:var(--on-accent) !important}
html.theme-dark[data-color-scheme="gold"] .month-side-chip-v54.active .msc-count{background:rgba(58,42,8,.16)}
/* 圆角 / 字重：金色按钮、选中标签、分段选中项统一 */
html[data-color-scheme="gold"] .btn-primary:not(.btn-add-circle),
html[data-color-scheme="gold"] .quick-add-btn,
html[data-color-scheme="gold"] .nt-new,
html[data-color-scheme="gold"] .otc-action-btn.primary,
html[data-color-scheme="gold"] .week-push-btn.primary,
html[data-color-scheme="gold"] .tkov-seg div.on,
html[data-color-scheme="gold"] .month-side-chip-v54.active,
html[data-color-scheme="gold"] .filter-chip.active,
html[data-color-scheme="gold"] .filter-chip,
html[data-color-scheme="gold"] .month-side-chip-v54{border-radius:var(--ctl-radius)}
html[data-color-scheme="gold"] .month-side-chip-v54,
html[data-color-scheme="gold"] #dayPlanList .month-side-chip-v54{border-radius:var(--ctl-radius) !important;font-weight:var(--ctl-weight) !important}
/* 手机 */
html.theme-dark[data-color-scheme="gold"].m2 .m2-plus button,
html.theme-dark[data-color-scheme="gold"].m2 .m2-primary,
html.theme-dark[data-color-scheme="gold"].m2 .m2-cd.sel .n{background:var(--accent-solid);color:var(--on-accent)}
html[data-color-scheme="gold"].m2 .m2-plus button,
html[data-color-scheme="gold"].m2 .m2-primary,
html[data-color-scheme="gold"].m2 .m2-cd.sel .n{color:var(--on-accent)}
html[data-color-scheme="gold"].m2 .m2-plus svg{stroke:var(--on-accent)}
/* 次要按钮（深色）：批量 / 批量操作 / 隐藏已完成 */
html.theme-dark[data-color-scheme="gold"] .quick-add-expand,
html.theme-dark[data-color-scheme="gold"] .todo-action-control,
html.theme-dark[data-color-scheme="gold"] body .page .hide-done-toggle.todo-action-control,
html.theme-dark[data-color-scheme="gold"] body .page .todo-batch-toggle.todo-action-control{
  color:var(--ghost-fg) !important;border:1px solid var(--ghost-border) !important;border-radius:var(--ctl-radius) !important;
}
html.theme-dark[data-color-scheme="gold"] body .page .hide-done-toggle.todo-action-control,
html.theme-dark[data-color-scheme="gold"] body .page .todo-batch-toggle.todo-action-control{background-image:none}
html.theme-dark[data-color-scheme="gold"] .quick-add-expand:hover,
html.theme-dark[data-color-scheme="gold"] .todo-action-control:hover,
html.theme-dark[data-color-scheme="gold"] body .page .hide-done-toggle.todo-action-control:hover,
html.theme-dark[data-color-scheme="gold"] body .page .todo-batch-toggle.todo-action-control:hover{background:var(--ghost-hover-bg) !important;color:var(--ghost-hover-fg) !important}

/* 已完成的任务/日程：原来叠 40% 不透明度，对比度只有 1.4，几乎看不见；提到 70%，删除线仍在，一眼还是「已完成」 */
.month-side-task-row-v58.done-task .task-title-text,.month-upcoming-task-v58.done-task .task-title-text{opacity:.7}
.day-event-dot.evt-done,#page-calendar .day-event-dot.evt-done{opacity:.7}
.q-task.done-task .q-task-name{opacity:.7}
.nav-overdue-badge{background:#C83C3C;opacity:1}

/* ═══ 界面图标（ui-icons.js 把表情/符号换成 SVG 后的样式）═══ */
.hti{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.16em;line-height:1;position:relative;margin-right:.2em}
.hti:last-child{margin-right:0}
.hti svg{width:1.12em;height:1.12em;flex:0 0 auto}
.hti-triR svg,.hti-triD svg,.hti-triL svg,.hti-triU svg{width:.8em;height:.8em}
.hti-dot svg{width:.8em;height:.8em}
.hti-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;font-size:1px;opacity:0;pointer-events:none}
.hti-ok{color:var(--accent-green,#4CB878)}
.hti-err{color:var(--accent-red,#E05050)}
.hti-warn{color:#E0A030}
.hti-star{color:var(--accent,#C8A040)}
.hti-dot-r{color:#E05050}.hti-dot-g{color:#4CB878}.hti-dot-y{color:#E8C040}.hti-dot-o{color:#F08840}.hti-dot-b{color:#5090D0}

/* 快速添加：识别到日期/时间时输入框下面的提示 */
.qa-hint{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary);padding:6px 8px 0}
.qa-hint[hidden]{display:none}
.qa-hint b{color:var(--accent);font-weight:600}
.qa-hint-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qa-hint-x{margin-left:auto;flex:0 0 auto;background:none;border:0;color:var(--text-muted);font:inherit;cursor:pointer;padding:3px 8px;border-radius:8px}
.qa-hint-x:hover{background:var(--bg-hover);color:var(--text-primary)}
html.m2 .qa-hint{font-size:13px;padding:8px 2px 2px}
