/* tasks-theme.css: Secaumene 水墨书卷 / 宣纸宋刻风定制样式表 (Phase 15) */

:root {
  /* 宣纸宋刻核心色板 */
  --sc-ink-primary: #355e4c;
  --sc-ink-hover: #29493b;
  --sc-paper-bg: #f7f5ee;
  --sc-card-bg: #fffdf8;
  --sc-light-green: #edf2e9;
  --sc-line: #dcddd3;
  --sc-text: #26352e;
  --sc-text-muted: #69786d;
  --sc-wood: #8a5a2b;
  --sc-red: #a4463a;

  /* Vikunja v0.24.6 真实 CSS 根变量覆盖 (亮色) */
  --site-background: #f7f5ee;
  --white: #fffdf8;
  --primary: #355e4c;
  --primary-h: 154deg;
  --primary-s: 28%;
  --primary-l: 29%;
  --border: #dcddd3;
  --card-border-color: #dcddd3;
  --text: #26352e;
  --grey-50: #ffffff;
  --grey-100: #faf8f5;
  --grey-200: #f7f5ee;
  --grey-300: #edf2e9;
  --grey-400: #dcddd3;
  --grey-500: #b8baa9;
  --grey-600: #69786d;
  --grey-700: #425247;
  --grey-800: #26352e;
  --grey-900: #19221e;

  /* 下拉与表单控件对比度保护 (亮色) */
  --dropdown-bg: #fffdf8;
  --dropdown-text: #26352e;
  --dropdown-hover: #edf2e9;
  --input-background-color: #fffdf8;
  --input-color: #26352e;

  /* Bulma / 通用向后兼容变量 */
  --primary-color: #355e4c;
  --info: #355e4c;
  --link: #355e4c;
  --body-background-color: #f7f5ee;
  --card-background-color: #fffdf8;
  --scheme-main: #f7f5ee;
  --scheme-main-bis: #fffdf8;
  --scheme-main-ter: #edf2e9;
  --text-strong: #19221e;
  --border-hover: #b8baa9;
  --bulmaswatch-primary: #355e4c;
}

/* Vikunja 真实暗色模式变量覆盖 */
:root.dark,
html.dark,
body.dark,
html.theme-dark,
body.theme-dark {
  --sc-ink-primary: #abc9ae;
  --sc-ink-hover: #c4dcc6;
  --sc-paper-bg: #19221e;
  --sc-card-bg: #222d26;
  --sc-light-green: #2b3b30;
  --sc-line: #3b4940;
  --sc-text: #e7e8df;
  --sc-text-muted: #a6b1a7;
  --sc-wood: #c49a6c;
  --sc-red: #d96b5e;

  --site-background: #19221e;
  --white: #222d26;
  --primary: #abc9ae;
  --primary-h: 127deg;
  --primary-s: 21%;
  --primary-l: 73%;
  --border: #3b4940;
  --card-border-color: #3b4940;
  --text: #e7e8df;

  /* 下拉与表单控件对比度保护 (暗色) */
  --dropdown-bg: #222d26;
  --dropdown-text: #e7e8df;
  --dropdown-hover: #2b3b30;
  --input-background-color: #222d26;
  --input-color: #e7e8df;

  --scheme-main: #222d26;
  --scheme-main-bis: #19221e;
  --scheme-main-ter: #2b3b30;
  --text-strong: #ffffff;
  --grey-50: #121714;
  --grey-100: #19221e;
  --grey-200: #222d26;
  --grey-300: #2b3b30;
  --grey-400: #3b4940;
  --grey-500: #506155;
  --grey-600: #8a998e;
  --grey-700: #a6b1a7;
  --grey-800: #e7e8df;
  --grey-900: #f7f5ee;

  --primary-color: #abc9ae;
  --info: #abc9ae;
  --link: #abc9ae;
  --body-background-color: #19221e;
  --card-background-color: #222d26;
  --border-hover: #506155;
  --bulmaswatch-primary: #abc9ae;
}

/* 全局字体与版式 (绝不对 button 设全局 background-color，避免污染下拉项和顶栏按钮) */
body, button, input, select, textarea {
  font-family: "Inter", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

body {
  background-color: var(--site-background);
  color: var(--text);
}

/* =========================================================================
   下拉框、弹出菜单、搜索选择与表单输入控件对比度保护
   ========================================================================= */

.dropdown-content,
.search-results,
.multiselect__content-wrapper,
.v-popper--theme-dropdown .v-popper__inner,
.v-popper__inner,
.menu-list,
.navbar-dropdown {
  background-color: var(--dropdown-bg) !important;
  border: 1px solid var(--border) !important;
  color: var(--dropdown-text) !important;
}

.dropdown-item,
a.dropdown-item,
button.dropdown-item,
.search-result-button,
.selections button,
.multiselect__option,
.navbar-item {
  background-color: transparent !important;
  color: var(--dropdown-text) !important;
}

.dropdown-item:hover,
a.dropdown-item:hover,
button.dropdown-item:hover,
.search-result-button:hover,
.search-result-button.is-focused,
.selections button:hover,
.multiselect__option--highlight {
  background-color: var(--dropdown-hover) !important;
  color: var(--primary) !important;
}

select,
.select select,
select option,
.input,
.textarea {
  background-color: var(--dropdown-bg) !important;
  color: var(--dropdown-text) !important;
  border-color: var(--border) !important;
}

/* =========================================================================
   Vikunja v0.24.6 真实登录页定制 (去渐变、素雅宣纸墨绿)
   ========================================================================= */

/* 外层背景容器：去掉 llama.svg 背景，使用纯净宣纸底色 */
.no-auth-wrapper {
  background-color: var(--site-background) !important;
  background-image: none !important;
}

/* 登录主卡片：细边框、直角微圆、纯净卡片底色与微阴影 */
.noauth-container {
  background-color: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;
}

/* 左侧装饰图区域：纯色宣纸浅绿底 + 右侧 1px 细线分隔，移除风景 JPG */
.noauth-container .image {
  background-color: var(--sc-light-green) !important;
  background-image: none !important;
  border-right: 1px solid var(--border) !important;
  position: relative !important;
}

/* 隐藏左侧默认的蓝紫遮罩 */
.noauth-container .image:before,
.noauth-container .image::before {
  display: none !important;
  content: none !important;
}

/* 左侧标题文本 */
.noauth-container .image-title {
  color: var(--text) !important;
  font-weight: 600 !important;
}

/* OpenID / Authentik 登录按钮：醒目墨绿实底 #355e4c 白字 #fffdf8 */
.button.is-outlined,
.button.is-primary,
.base-button.is-primary,
.openid-button,
.button.is-openid {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  color: #fffdf8 !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.button.is-outlined:hover,
.button.is-outlined:focus,
.button.is-primary:hover,
.button.is-primary:focus,
.base-button.is-primary:hover,
.openid-button:hover,
.button.is-openid:hover {
  background-color: var(--sc-ink-hover) !important;
  border-color: var(--sc-ink-hover) !important;
  color: #ffffff !important;
}

/* =========================================================================
   Vikunja 主界面定制
   ========================================================================= */

/* 顶栏与导航 */
.navbar, header.header {
  background-color: var(--white) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: none !important;
}

/* 主内容区域与卡片 */
.app-content {
  background-color: var(--site-background) !important;
}

.app-content .card,
.card,
.box,
.panel,
.modal-card {
  background-color: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

.menu-list a {
  border-radius: 4px !important;
  color: var(--text) !important;
}

.menu-list a:hover {
  background-color: var(--sc-light-green) !important;
}

.menu-list a.is-active {
  background-color: var(--primary) !important;
  color: #fffdf8 !important;
}

/* 任务列表条目与复选框 */
.task-item, .task {
  border-bottom: 1px solid var(--border) !important;
  transition: background-color 0.1s ease;
}

.task-item:hover, .task:hover {
  background-color: var(--sc-light-green) !important;
}