/* AIO design system поверх HR Hub. Источник: ALLinONE/design-system (tokens/colors.css, typography.css, layout.css, base.css).
   Грузится ПОСЛЕ styles.css: подменяет токены и вид общих элементов, разметка и логика приложения не меняются.
   Откат: убрать <link rel="stylesheet" href="/aio-theme.css"> из index.html и login.html. */
@font-face { font-family: "Inter"; src: url("/aio/InterVariable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

:root {
  --r: 3px;
  --mint: #81d9cd; --mint-ink: #071513; --active: #27272a; --head: #161616; --panel-2: #18181b;
  --muted: #a3a3a3; --line: #262626;
  /* токены HR Hub -> значения AIO */
  --bg: #0a0a0a; --panel: #0a0a0a; --border: #262626;
  --text: #fafafa; --text-muted: #a3a3a3; --text-dim: #8a8a8a;
  --accent: #81d9cd; --accent-hover: #6cc7bb; --accent-on: #071513;
  --accent-soft: rgba(129,217,205,.12); --accent-chip-text: #81d9cd; --accent-chip-border: rgba(129,217,205,.4);
  --green-bg: rgba(74,222,128,.12); --green-fg: #4ade80;
  --yellow-bg: rgba(251,179,59,.12); --yellow-fg: #fbb33b;
  --orange-bg: rgba(255,138,61,.14); --orange-fg: #ff8a3d;
  --red-bg: rgba(244,90,90,.14); --red-fg: #f45a5a;
  --gray-bg: #18181b; --gray-fg: #a3a3a3;
  --block2: #81d9cd; --block3: #81d9cd; --block4: #81d9cd;
  --hover-bg: #27272a; --hover-fg: #fafafa; --hover-placeholder: #737373;
  --dur: 150ms; --dur-fast: 150ms; --dur-slow: 200ms; --ease: cubic-bezier(.4, 0, .2, 1);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
html, body { font-family: var(--font); font-optical-sizing: none; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font-family: inherit; }
:focus-visible { outline: 2px solid var(--mint); outline-offset: 2px; }

/* каркас: сайдбар 240, рамки 1px, без теней */
.sidebar { width: 240px; min-width: 240px; background: var(--bg); border-right: 1px solid var(--line); }
.sidebar-head { padding: 0 12px; min-height: 52px; border-bottom: 1px solid var(--line); }
.brand-lockup { gap: 8px; }
.brand-mark { width: 22px; height: 22px; font-size: 11px; font-weight: 700; letter-spacing: 0; background: var(--mint); color: var(--mint-ink); }
.brand-copy strong { font-size: 14px; font-weight: 700; }
.brand-copy small { display: none; }
.workspace-nav { padding: 0 12px; }
.workspace-label { font-size: 12px; font-weight: 600; letter-spacing: .08em; color: var(--muted); margin: 18px 4px 6px; }
.workspace-active-title { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 4px 4px 12px; font-size: 14px; font-weight: 600; }
.workspace-menu { gap: 2px; }
.workspace-item, .workspace-subitem { height: 40px; display: flex; align-items: center; border: 0; background: transparent; color: var(--text); padding: 0 12px; font-size: 13px; font-weight: 400; letter-spacing: .25px; }
.workspace-subitem { height: 36px; padding-left: 28px; color: var(--muted); }
.workspace-item:hover, .workspace-subitem:hover { background: var(--active); }
.workspace-item.active, .workspace-subitem.active { background: var(--active); color: var(--text); font-weight: 500; }
.workspace-choice { border: 1px solid var(--line); background: transparent; color: var(--text); }
.workspace-choice:hover { background: var(--active); }
.workspace-group-divider { background: var(--line); }
.sidebar-foot { border-top: 1px solid var(--line); }
.foot-icon, .foot-wide { background: transparent; border: 1px solid var(--line); color: var(--text); }
.foot-icon:hover, .foot-wide:hover { background: var(--active); }

/* страница */
.content { padding: 20px 28px 56px; }
.content h1 { font-size: 16px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; }
.content h2 { font-size: 15px; font-weight: 600; }

/* кнопки: рамка, радиус 3, одно главное действие мятным */
.btn, button.btn { height: 36px; padding: 0 14px; border: 1px solid var(--line); background: transparent; color: var(--text); font-weight: 500; letter-spacing: .1px; }
.btn:hover { background: var(--active); }
.btn-primary, button.btn-primary { background: var(--mint); color: var(--mint-ink); border-color: var(--mint); }
.btn-primary:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
.btn-sm { height: 30px; padding: 0 10px; }

/* поля */
input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="date"], input[type="number"], input[type="url"], select, textarea,
.search-input { background: var(--bg); border: 1px solid var(--line); color: var(--text); }
input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="date"], input[type="number"], input[type="url"], select { height: 36px; }
input:focus, select:focus, textarea:focus { border-color: var(--mint); outline: none; }

/* таблицы: шапка 12px капсом на --head, строки с рамкой */
table { border-collapse: collapse; }
th { background: var(--head); color: var(--muted); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
td { border-bottom: 1px solid var(--line); }

/* окна: --panel-2, радиус 4, затемнение 25% */
.modal, .modal-card, .dialog { background: var(--panel-2); border: 1px solid var(--line); border-radius: 4px; box-shadow: none; }
.modal-backdrop, .modal-overlay, #modalRoot > .overlay { background: rgba(0,0,0,.25); }
* { scrollbar-color: #3a3a3a transparent; }
/* активный пункт меню: серый фон --active, без мятной заливки */
.workspace-nav .workspace-item.active, .workspace-nav .workspace-subitem.active { background: var(--active) !important; color: var(--text) !important; border: 0 !important; }
.workspace-nav .workspace-active-title { background: transparent !important; }
.workspace-nav .workspace-item, .workspace-nav .workspace-subitem { border-radius: var(--r) !important; border: 0; }

/* телефон (Extension дизайн-системы: в AIO адаптива нет): меню сворачивается под кнопку, контент на всю ширину */
.nav-toggle { display: none; }
@media (max-width: 760px) {
  .app { flex-direction: column; height: 100dvh; }
  .sidebar { width: 100%; min-width: 0; flex: none; max-height: 100dvh; overflow-y: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .app:not(.nav-open) .sidebar > *:not(.sidebar-head) { display: none; }
  .app.nav-open .sidebar { max-height: 80dvh; }
  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-left: auto; border: 1px solid var(--line); border-radius: var(--r); background: transparent; color: var(--text); font-size: 18px; cursor: pointer; }
  .sidebar-head { gap: 8px; }
  .content { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 16px; }
}

/* светлая тема AIO (tokens/colors.css, [data-theme="light"]); включается кнопкой в шапке меню, по умолчанию тёмная */
[data-theme="light"] {
  color-scheme: light;
  --bg: #ffffff; --panel: #ffffff; --panel-2: #ffffff; --head: #fafafa; --line: #e5e5e5; --border: #e5e5e5; --active: #f5f5f5;
  --text: #252525; --muted: #6f6f6f; --text-muted: #6f6f6f; --text-dim: #737373;
  --mint-ink: #071513; --accent-on: #071513; --accent-hover: #6cc7bb;
  --accent-soft: rgba(129,217,205,.22); --accent-chip-text: #0f6b61; --accent-chip-border: rgba(15,107,97,.4);
  --green-fg: #16793a; --green-bg: rgba(22,121,58,.1);
  --yellow-fg: #92590a; --yellow-bg: rgba(146,89,10,.1);
  --orange-fg: #b8420f; --orange-bg: rgba(184,66,15,.1);
  --red-fg: #c81e1e; --red-bg: rgba(200,30,30,.09);
  --gray-bg: #f5f5f5; --gray-fg: #6f6f6f;
  --hover-bg: #f5f5f5; --hover-fg: #252525; --hover-placeholder: #737373;
}
[data-theme="light"] * { scrollbar-color: #c9c9c9 transparent; }
[data-theme="light"] .modal, [data-theme="light"] .modal-card, [data-theme="light"] .dialog { background: #fff; }
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-left: 8px; flex: none; border: 1px solid var(--line); border-radius: var(--r); background: transparent; color: var(--muted); font-size: 15px; cursor: pointer; }
.theme-toggle:hover { background: var(--active); color: var(--text); }
@media (max-width: 760px) { .nav-toggle { margin-left: auto; } }
.sidebar-head .btn-sm { white-space: nowrap; padding: 0 8px; }
.sidebar-head .brand-copy strong { overflow: hidden; text-overflow: ellipsis; }

/* ---- радиусы AIO: 3px у полей и кнопок, 2px у чипов (список собран из styles.css) ---- */
.all-teams-button,
.asm-doc-badge,
.asm-docs,
.asm-error,
.asm-field textarea,
.asm-group,
.asm-letter,
.asm-list,
.asm-note,
.asm-opt,
.asm-pts,
.asm-roadmap,
.asm-roadmap-head span,
.asm-tile,
.block,
.board-back,
.board-block,
.board-card,
.board-category,
.board-category-track i,
.board-drill-row,
.board-drill-track i,
.board-filters input,
.board-filters select,
.board-people-section,
.board-person-card,
.board-person-risk,
.board-profile-grid > div,
.board-task-stats button,
.board-tasks-strip,
.board-tile,
.board-tile-list::-webkit-scrollbar-thumb,
.brand-mark,
.btn,
.btn-board-reset,
.btn-task-from-1on1,
.btn-team-schedule,
.calendar-status-row,
.card-deltas,
.card-header,
.card-header-meta input,
.card-task-row,
.card-tasks,
.coverage-track span,
.dashboard-filter-row select,
.dashboard-list,
.dashboard-metric-fill,
.dashboard-panel,
.dashboard-stat,
.dates-row input[type=date],
.delta-chip,
.drill-item,
.drill-people-grid::-webkit-scrollbar-thumb,
.employee-item,
.employee-name-input,
.field textarea,
.foot-icon,
.foot-wide,
.hiring-field input,
.hiring-field select,
.hiring-field textarea,
.hiring-section-btn,
.hiring-trash-row,
.history-chip-delete,
.hrh-bar-fill,
.hrh-bar-track,
.hrh-card,
.hrh-col-bar,
.hrh-count,
.hrh-dept-row,
.hrh-filters,
.hrh-filters input[type="search"],
.hrh-filters select,
.hrh-kpi,
.hrh-policy-msg,
.hrh-policy-select,
.hrh-state,
.hrh-sync-error,
.hrh-table-wrap,
.hrq-card,
.hrq-error,
.integration-card,
.lifecycle-cell,
.modal,
.modal input[type=email],
.modal input[type=password],
.modal input[type=text],
.notification-item,
.org-avatar,
.org-name,
.org-person,
.org-toggle,
.people-group,
.people-search,
.peopleforce-sync-panel,
.pf-refresh,
.pfc-state,
.pill-letter,
.read-only-banner,
.recruiting-card,
.recruiting-empty,
.recruiting-row,
.req-team-row,
.rm-card,
.rm-field input[type="date"],
.rm-field textarea,
.rm-opt,
.rm-table,
.rm-tile,
.save-toast,
.schedule-plan-error,
.schedule-plan-list,
.schedule-plan-warning,
.search-input,
.tab-bar,
.tab-btn,
.task-inline-date,
.task-inline-input,
.task-inline-select,
.task-modal input,
.task-modal select,
.task-modal textarea,
.tasks-filters,
.tasks-filters input,
.tasks-filters select,
.tasks-list,
.tasks-stats button,
.team-group-card,
.team-group-icon,
.today-row,
.trash-list,
.users-list-item,
.vacancy-detail-section,
.vc-controls input,
.vc-controls select,
.vc-panel,
.vc-stage,
.workspace-active-title,
.workspace-choice,
.workspace-choice .workspace-dot,
.workspace-dot,
.workspace-toggle { border-radius: var(--r); }
.access-mode-badge,
.all-teams-count,
.asm-mark,
.attention-chip,
.back-to-structure,
.board-block-total,
.board-pchip,
.board-people-count,
.board-table-head > span,
.btn-group-schedule,
.btn-new-record,
.btn-restore,
.btn-schedule,
.dashboard-count-badge,
.field select,
.history-chip,
.hrh-chip,
.hrh-tab,
.hrq-chip,
.hrq-count,
.hrq-shadow,
.iq-pill,
.notification-count,
.org-count,
.pfc-tag,
.pill,
.recruiting-status,
.req-section-title span,
.req-team-count,
.rm-chip,
.rm-tag,
.subitem-count,
.task-badge,
.task-quick-banner,
.task-source,
.tasks-list-head span,
.team-group-count,
.user-role-badge,
.vc-chip,
.workspace-item,
.workspace-subitem { border-radius: 2px; }

/* ---- светлая тема для экранов hr-*.css: зашитые тёмные цвета перекрыты (собрано генератором) ---- */
/* hr-absences.css */
[data-theme="light"] .hrp-abs { color: var(--text, var(--text)); }
[data-theme="light"] .hrp-abs-sub { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-abs-h2 { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-abs-filter label,
[data-theme="light"] .hrp-abs-field label { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-abs-msg { color: var(--green-fg, #16793a); }
[data-theme="light"] .hrp-abs-msg.is-error { color: var(--red-fg, #c81e1e); }
[data-theme="light"] .hrp-abs-state { color: var(--muted, var(--muted)); border: 1px dashed var(--line, #e5e5e5); }
[data-theme="light"] .hrp-abs-state.is-error { color: var(--red-fg, #c81e1e); background: var(--red-bg, var(--red-bg)); }
[data-theme="light"] .hrp-abs-form { background: var(--panel-2, #ececec); border: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-abs-scroll { border: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-abs-row { border-bottom: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-abs-row-head { background: var(--head, #ececec); }
[data-theme="light"] .hrp-abs-name { background: var(--bg, #f5f5f5); border-right: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-abs-row-head .hrp-abs-name { background: var(--head, #ececec); color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-abs-day { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-abs-dnum { color: var(--text, var(--text)); }
[data-theme="light"] .hrp-abs-day.is-weekend,
[data-theme="light"] .hrp-abs-cell.is-weekend { background: rgba(0,0,0,0.03); }
[data-theme="light"] .hrp-abs-day.is-today .hrp-abs-dnum { color: var(--mint, #0f6b61); }
[data-theme="light"] .hrp-abs-bar.is-vacation,
[data-theme="light"] .hrp-abs-chip.is-vacation,
[data-theme="light"] .hrp-abs-swatch.is-vacation { background: var(--accent-soft, var(--accent-soft)); color: var(--mint, #0f6b61); }
[data-theme="light"] .hrp-abs-bar.is-sick,
[data-theme="light"] .hrp-abs-chip.is-sick,
[data-theme="light"] .hrp-abs-swatch.is-sick { background: var(--red-bg, var(--red-bg)); color: var(--red-fg, #c81e1e); }
[data-theme="light"] .hrp-abs-bar.is-business_trip,
[data-theme="light"] .hrp-abs-chip.is-business_trip,
[data-theme="light"] .hrp-abs-swatch.is-business_trip { background: var(--yellow-bg, var(--orange-bg)); color: var(--yellow-fg, #92590a); }
[data-theme="light"] .hrp-abs-bar.is-other,
[data-theme="light"] .hrp-abs-chip.is-other,
[data-theme="light"] .hrp-abs-swatch.is-other { background: var(--gray-bg, #ececec); color: var(--gray-fg, var(--muted)); border-color: var(--line, #e5e5e5); }
[data-theme="light"] .hrp-abs-legend { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-abs-item { border: 1px solid var(--line, #e5e5e5); background: var(--panel-2, #ececec); }
[data-theme="light"] .hrp-abs-dates { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-abs-comment { color: var(--text-muted, var(--muted)); }
/* hr-ai.css */
[data-theme="light"] .hrp,
[data-theme="light"] .hrp-modal { --hrp-line: var(--line, #ececec); --hrp-bg: var(--bg, #f5f5f5); --hrp-head: var(--head, #ececec); --hrp-ink: var(--mint-ink, #f5f5f5); --hrp-card: #f5f5f5; }
[data-theme="light"] .hrp-btn:hover:not(:disabled):not(.is-disabled) { background: var(--active, #ececec); }
[data-theme="light"] .hrp-danger:hover:not(:disabled) { background: var(--red-bg); }
[data-theme="light"] .hrp-ta,
[data-theme="light"] .hrp-in { border: 1px solid #e5e5e5; color: var(--text); }
[data-theme="light"] .hrp-state-error { background: var(--red-bg); color: var(--text); }
[data-theme="light"] .hrp-spin { border: 2px solid #e5e5e5; }
[data-theme="light"] .hrp-msg-ok { background: var(--green-bg); }
[data-theme="light"] .hrp-msg-error { color: var(--text); background: var(--red-bg); }
[data-theme="light"] .hrp-chip-green { background: var(--green-bg); }
[data-theme="light"] .hrp-chip-amber { background: var(--yellow-bg); }
[data-theme="light"] .hrp-chip-blue { color: #0369a1; background: rgba(3,105,161,.1); }
[data-theme="light"] .hrp-chip-red { background: var(--red-bg); }
[data-theme="light"] .hrp-chip-gray { color: var(--muted); background: #ececec; border-color: #e5e5e5; }
[data-theme="light"] .hrp-sum { color: var(--text); }
[data-theme="light"] .hrp-plain li { color: var(--text); }
[data-theme="light"] .hrp-bar { background: #ececec; }
[data-theme="light"] .hrp-modal { background: var(--panel-2, #ececec); }
/* hr-bulk.css */
[data-theme="light"] .hrp-bulk { background: var(--panel-2, #ececec); border: 1px solid var(--line, #e5e5e5); color: var(--text, var(--text)); }
[data-theme="light"] .hrp-bulk-head p { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-bulk-field label { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-bulk-field input { background: var(--bg, #f5f5f5); border: 1px solid var(--line, #e5e5e5); color: var(--text, var(--text)); }
[data-theme="light"] .hrp-bulk-msg { color: var(--green-fg, #16793a); }
[data-theme="light"] .hrp-bulk-msg.is-error { color: var(--red-fg, #c81e1e); }
[data-theme="light"] .hrp-bulk-list h3 { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-bulk-rows { border: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-bulk-row { border-bottom: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-bulk-note { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-bulk-row.is-skip .hrp-bulk-note { color: var(--yellow-fg, #92590a); }
[data-theme="light"] .hrp-bulk-empty { color: var(--muted, var(--muted)); border: 1px dashed var(--line, #e5e5e5); }
/* hr-connections.css */
[data-theme="light"] .hrp-conn { color: var(--text, var(--text)); }
[data-theme="light"] .hrp-head p { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-card { background: var(--panel-2, #ececec); border: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-last { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-err-line { color: var(--red-fg, #c81e1e); }
[data-theme="light"] .hrp-ro { color: var(--muted, var(--muted)); border: 1px dashed var(--line, #e5e5e5); }
[data-theme="light"] .hrp-chip.is-ok { background: var(--green-bg, var(--green-bg)); color: var(--green-fg, #16793a); }
[data-theme="light"] .hrp-chip.is-error { background: var(--red-bg, var(--red-bg)); color: var(--red-fg, #c81e1e); }
[data-theme="light"] .hrp-chip.is-none,
[data-theme="light"] .hrp-chip.is-off { background: var(--gray-bg, #ececec); color: var(--gray-fg, var(--muted)); border-color: var(--line, #e5e5e5); }
[data-theme="light"] .hrp-field label { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-hint { color: var(--text-dim, var(--muted)); }
[data-theme="light"] .hrp-mask { background: var(--bg, #f5f5f5); border: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-link-btn { color: var(--mint, #0f6b61); }
[data-theme="light"] .hrp-msg { color: var(--green-fg, #16793a); }
[data-theme="light"] .hrp-msg.is-error { color: var(--red-fg, #c81e1e); }
[data-theme="light"] .hrp-usage-wrap { border-top: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-usage-wrap h3 { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-usage div { border: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-usage dt { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-state { color: var(--muted, var(--muted)); border: 1px dashed var(--line, #e5e5e5); }
[data-theme="light"] .hrp-state.is-error { color: var(--red-fg, #c81e1e); background: var(--red-bg, var(--red-bg)); }
[data-theme="light"] .hrp-need { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-need-link { color: var(--mint, #0f6b61); }
/* hr-meetings.css */
[data-theme="light"] .hrp-root { --hrp-line: var(--line, #ececec); --hrp-card: #f5f5f5; --hrp-head: var(--head, #ececec); color: var(--text, var(--text)); }
[data-theme="light"] .hrp-box { background: var(--bg, #f5f5f5); }
[data-theme="light"] .hrp-btn:hover:not(:disabled) { background: var(--active, #ececec); }
[data-theme="light"] .hrp-btn.hrp-danger { background: var(--red-bg); color: var(--text); }
[data-theme="light"] .hrp-back:hover { background: var(--active, #ececec); }
[data-theme="light"] .hrp-chip { border: 1px solid #e5e5e5; background: #f5f5f5; color: var(--text); }
[data-theme="light"] .hrp-ava { color: var(--text); }
[data-theme="light"] .hrp-state-error { background: var(--red-bg); }
[data-theme="light"] .hrp-state-disabled { color: var(--muted); }
[data-theme="light"] .hrp-spin { border: 2px solid #e5e5e5; }
[data-theme="light"] .hrp-slotrow:hover,
[data-theme="light"] .hrp-row:hover,
[data-theme="light"] .hrp-attn-row:hover { background: #ececec; }
[data-theme="light"] .hrp-seg { background: #ececec; }
[data-theme="light"] .hrp-seg button.on { background: var(--bg, #f5f5f5); color: var(--text); border-color: #e5e5e5; }
[data-theme="light"] .hrp-row.hrp-sel { background: #ececec; }
[data-theme="light"] .hrp-flash.hrp-ok { background: #ececec; }
[data-theme="light"] .hrp-flash.hrp-error { background: var(--red-bg); color: var(--text); }
[data-theme="light"] .hrp-form { background: var(--panel-2, #ececec); }
[data-theme="light"] .hrp-hintbtn { background: #ececec; }
[data-theme="light"] .hrp-hintbtn:hover { background: var(--accent-soft); }
[data-theme="light"] .hrp-num { background: #ececec; }
[data-theme="light"] .hrp-lockcap { background: rgba(3,105,161,.1); }
[data-theme="light"] .hrp-root input,
[data-theme="light"] .hrp-root select,
[data-theme="light"] .hrp-root textarea { background: #f5f5f5; color: var(--text, var(--text)); }
/* hr-my-1on1.css */
[data-theme="light"] .hrp-my { color: var(--text, var(--text)); }
[data-theme="light"] .hrp-caps { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-sub,
[data-theme="light"] .hrp-sub-inline { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-banner { color: var(--muted, var(--muted)); border: 1px dashed var(--line, #e5e5e5); }
[data-theme="light"] .hrp-tile { background: var(--panel-2, #ececec); border: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-big.is-dim { color: var(--text-dim, var(--muted)); }
[data-theme="light"] .hrp-big.is-warn { color: var(--yellow-fg, #92590a); }
[data-theme="light"] .hrp-big.is-bad { color: var(--red-fg, #c81e1e); }
[data-theme="light"] .hrp-card { background: var(--panel-2, #ececec); border: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-count { color: var(--gray-fg, var(--muted)); background: var(--gray-bg, #ececec); border: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-list { border: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-list > li { border-top: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-empty { color: var(--muted, var(--muted)); border: 1px dashed var(--line, #e5e5e5); }
[data-theme="light"] .hrp-note-by { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-av.is-other { color: var(--text); }
[data-theme="light"] .hrp-task.is-done .hrp-task-title { color: var(--text-dim, var(--muted)); }
[data-theme="light"] .hrp-task-meta { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-meet { border: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-meet > summary:hover { background: var(--active, #ececec); }
[data-theme="light"] .hrp-meet .hrp-list { border-top: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-field label { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-opt { color: var(--text-dim, var(--muted)); }
[data-theme="light"] .hrp-input { color: var(--text, var(--text)); background: var(--bg, #f5f5f5); border: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-hint { color: var(--text-dim, var(--muted)); }
[data-theme="light"] .hrp-msg { color: var(--green-fg, #16793a); }
[data-theme="light"] .hrp-msg.is-error { color: var(--red-fg, #c81e1e); }
[data-theme="light"] .hrp-chip.is-ok { background: var(--green-bg, var(--green-bg)); color: var(--green-fg, #16793a); }
[data-theme="light"] .hrp-chip.is-warn { background: var(--yellow-bg, var(--orange-bg)); color: var(--yellow-fg, #92590a); }
[data-theme="light"] .hrp-chip.is-error { background: var(--red-bg, var(--red-bg)); color: var(--red-fg, #c81e1e); }
[data-theme="light"] .hrp-chip.is-info { background: rgba(3,105,161,.1); }
[data-theme="light"] .hrp-chip.is-none { background: var(--gray-bg, #ececec); color: var(--gray-fg, var(--muted)); border-color: var(--line, #e5e5e5); }
[data-theme="light"] .hrp-state { color: var(--muted, var(--muted)); border: 1px dashed var(--line, #e5e5e5); }
[data-theme="light"] .hrp-state.is-error { color: var(--red-fg, #c81e1e); background: var(--red-bg, var(--red-bg)); }
[data-theme="light"] .hrp-sk i { background: var(--active, #ececec); }
/* hr-notify.css */
[data-theme="light"] .hrp-nl { color: var(--text, var(--text)); }
[data-theme="light"] .hrp-title { color: var(--text, var(--text)); }
[data-theme="light"] .hrp-btn { border: 1px solid var(--line, #e5e5e5); color: var(--text, var(--text)); }
[data-theme="light"] .hrp-btn:hover:not(:disabled) { background: var(--active, #ececec); }
[data-theme="light"] .hrp-btn:disabled { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-chip { background: var(--hc-f, var(--accent-soft)); color: var(--hc-t, var(--muted)); }
[data-theme="light"] .hrp-chip-green { --hc-f: var(--green-bg); --hc-b: var(--green-bg); }
[data-theme="light"] .hrp-chip-red { --hc-f: var(--red-bg); --hc-b: var(--red-bg); }
[data-theme="light"] .hrp-chip-yellow { --hc-f: var(--orange-bg); --hc-b: var(--orange-bg); }
[data-theme="light"] .hrp-chip-orange { --hc-f: var(--orange-bg); --hc-b: var(--orange-bg); }
[data-theme="light"] .hrp-chip-mint { --hc-f: var(--accent-soft); --hc-b: var(--accent-soft); }
[data-theme="light"] .hrp-chip-gray { --hc-f: var(--accent-soft); --hc-b: var(--accent-soft); }
[data-theme="light"] .hrp-note { background: var(--accent-soft); color: var(--text, var(--text)); }
[data-theme="light"] .hrp-sub { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-more { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-tile { border: 1px solid var(--line, #e5e5e5); background: var(--bg, #f5f5f5); }
[data-theme="light"] .hrp-tile-label { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-tone-gray { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-tone-green { color: #16793a; }
[data-theme="light"] .hrp-tone-yellow { color: #92590a; }
[data-theme="light"] .hrp-tone-orange { color: #b8420f; }
[data-theme="light"] .hrp-tone-mint { color: #0f6b61; }
[data-theme="light"] .hrp-flash { background: var(--red-bg); }
[data-theme="light"] .hrp-seg { background: var(--active, #ececec); }
[data-theme="light"] .hrp-seg button { color: var(--text, var(--text)); }
[data-theme="light"] .hrp-seg button:hover:not(.on) { background: rgba(0,0,0,0.04); }
[data-theme="light"] .hrp-seg button.on { background: var(--bg, #f5f5f5); }
[data-theme="light"] .hrp-seg-n { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-table-wrap { border: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-table th { background: var(--head, #ececec); color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-table td { border-bottom: 1px solid var(--line, #e5e5e5); }
[data-theme="light"] .hrp-table tbody tr:hover td { background: rgba(0,0,0,0.03); }
[data-theme="light"] .hrp-err.hrp-none { color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-state { border: 1px dashed var(--line, #e5e5e5); color: var(--muted, var(--muted)); }
[data-theme="light"] .hrp-state strong { color: var(--text, var(--text)); }
[data-theme="light"] .hrp-state-error { background: var(--red-bg); }
[data-theme="light"] .hrp-state-disabled { background: var(--panel-2, #ececec); }
[data-theme="light"] .hrp-badge { background: var(--accent-soft); color: var(--muted); }
[data-theme="light"] .hrp-badge-red { background: var(--red-bg); }