.daily-review-center { --daily-ink:#263f4c; --daily-muted:#697a81; --daily-line:#dce5e7; color:var(--daily-ink); }
.daily-review-toolbar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding:18px 20px; background:#fff; border:1px solid var(--daily-line); border-radius:12px; }
.daily-review-toolbar label { display:grid; gap:5px; font-size:12px; color:var(--daily-muted); }
.daily-review-toolbar input,.daily-review-toolbar select { height:36px; padding:0 9px; border:1px solid #d4dfe2; border-radius:6px; background:#fff; color:var(--daily-ink); max-width:164px; font:inherit; }
.daily-review-toolbar input[type="date"] { width:137px; }
.daily-review-toolbar input[type="search"] { width:125px; }
.daily-review-toolbar button { align-self:end; min-height:36px; }
.daily-review-status { min-height:28px; margin:10px 0; color:var(--daily-muted); font-size:13px; line-height:1.6; }
.daily-review-status[role="alert"] { color:#943f45; }
.daily-review-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin:16px 0; }
.daily-review-metrics article { padding:17px 19px; background:#fff; border:1px solid var(--daily-line); border-radius:10px; }
.daily-review-metrics span,.daily-review-metrics small { display:block; color:var(--daily-muted); font-size:12px; }
.daily-review-metrics strong { display:block; margin:7px 0; color:var(--daily-ink); font-size:28px; font-weight:600; font-variant-numeric:tabular-nums; }
.daily-review-body { display:grid; grid-template-columns:minmax(510px,1.04fr) minmax(470px,1fr); gap:18px; align-items:start; }
.daily-review-list,.daily-review-detail { background:#fff; border:1px solid var(--daily-line); border-radius:12px; overflow:hidden; }
.daily-review-list header,.daily-review-detail > header { display:flex; justify-content:space-between; align-items:center; padding:16px 18px; border-bottom:1px solid var(--daily-line); }
.daily-review-list h3,.daily-review-detail h3 { font-size:16px; margin:0; }
.daily-review-list header small { color:var(--daily-muted); }
.daily-review-table-scroll { height:504px; overflow:auto; }
.daily-review-table { width:100%; border-collapse:collapse; font-size:13px; text-align:left; }
.daily-review-table th { position:sticky; top:0; z-index:1; background:#f1f5f5; padding:12px 10px; white-space:nowrap; font-weight:500; }
.daily-review-table td { padding:13px 10px; border-bottom:1px solid #eef2f3; vertical-align:top; }
.daily-review-table tr.is-selected td { background:#eef5f4; }
.daily-review-table td small { display:block; color:var(--daily-muted); margin-top:5px; line-height:1.5; }
.daily-review-person { border:0; background:transparent; padding:0; color:#245b6c; font:inherit; text-align:left; cursor:pointer; min-height:32px; }
.daily-review-badge { display:inline-block; padding:3px 7px; border-radius:5px; font-size:12px; white-space:nowrap; color:#64767b; background:#edf1f2; }
.daily-review-badge[data-status="reasonable"] { color:#276c58; background:#eaf4ee; }
.daily-review-badge[data-status="unreasonable"] { color:#933d49; background:#f9eded; }
.daily-review-badge[data-status="changed"] { color:#8c622d; background:#fcf3e5; }
.daily-review-pagination { display:flex; justify-content:space-between; align-items:center; padding:12px 18px; gap:10px; font-size:13px; }
.daily-review-pagination div { display:flex; gap:8px; }
.daily-review-evidence { height:340px; overflow:auto; padding:0 20px 16px; }
.daily-review-identity { display:flex; flex-wrap:wrap; gap:8px 16px; padding:15px 0; border-bottom:1px solid #edf1f2; font-size:12px; color:var(--daily-muted); line-height:1.6; }
.daily-review-evidence section { padding-top:17px; }
.daily-review-evidence h4 { margin:0 0 8px; font-size:13px; color:#416573; }
.daily-review-evidence p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.85; font-size:14px; color:#2d4048; }
.daily-review-form { padding:15px 20px; border-top:1px solid var(--daily-line); background:#fafcfc; }
.daily-review-form fieldset { border:0; padding:0; margin:0; }
.daily-review-form legend { font-size:13px; font-weight:600; margin-bottom:10px; }
.daily-review-options { display:flex; gap:18px; font-size:13px; margin-bottom:10px; }
.daily-review-form textarea { box-sizing:border-box; width:100%; min-height:74px; max-height:160px; resize:vertical; border:1px solid #d7e1e4; border-radius:6px; padding:10px; font:inherit; font-size:13px; }
.daily-review-form footer { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-top:9px; }
.daily-review-form footer small { max-width:340px; line-height:1.5; color:var(--daily-muted); }
.daily-review-empty { padding:70px 24px; color:var(--daily-muted); text-align:center; line-height:1.8; }
.daily-review-analysis { margin-top:18px; padding:18px 20px; border:1px solid var(--daily-line); border-radius:12px; background:#fff; }
.daily-review-analysis summary { cursor:pointer; font-weight:600; font-size:14px; }
.daily-review-analysis table { margin-top:14px; }
.daily-review-history { font-size:12px; margin-top:16px; color:var(--daily-muted); line-height:1.7; }
.daily-review-history p { font-size:12px; margin:8px 0 0; }
.daily-review-home { border:1px solid #dce5e7; background:#fff; border-radius:14px; padding:25px; margin-top:18px; }
.daily-review-home header { display:flex; justify-content:space-between; align-items:center; }
.daily-review-home p { color:#697a81; font-size:13px; line-height:1.8; }
.daily-role-item { display:flex; gap:12px; align-items:center; font-size:12px; }
.daily-role-item strong { margin-left:auto; }
.daily-role-item small { opacity:.65; }

@media (min-width:1101px) {
  .daily-date-shortcuts,.daily-filter-chips { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
  .daily-date-shortcuts button,.daily-filter-chips button,#dailyReviewAutoStatus button { border:1px solid #cbdcd6; border-radius:6px; padding:6px 10px; color:#365e54; background:#f4f8f6; cursor:pointer; font:inherit; font-size:13px; }
  #dailyReviewAutoStatus button { margin-left:12px; }
  .daily-review-evidence { height:auto; max-height:none; overflow:visible; }
  .daily-review-form footer { flex-wrap:wrap; }
  .daily-review-form footer small { flex:1 0 100%; max-width:none; }
  .daily-review-form footer .button-primary { margin-left:auto; }
  .daily-issue-field { display:flex; align-items:center; gap:12px; font-size:13px; margin-bottom:12px; }
  .daily-issue-field[hidden] { display:none; }
  .daily-issue-field select { padding:8px; border:1px solid #cbdcd6; border-radius:6px; color:#365e54; background:white; font:inherit; }
  .daily-review-toolbar label,.daily-review-metrics span,.daily-review-metrics small,.daily-analysis-note { color:#52676c; font-size:13px; }
  .daily-evaluator-rate { display:block; margin-top:6px; line-height:1.7; color:#64756e; }
  .daily-unreasonable-scope { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:14px 0; color:#697a81; font-size:12px; }
  .daily-unreasonable-scope button { background:#eef5f3; color:#365e54; border:1px solid #ceded8; border-radius:6px; padding:6px 10px; cursor:pointer; }
  .daily-unreasonable-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
  .daily-unreasonable-metrics article { padding:16px 20px; background:#f6f8f8; border-radius:8px; }
  .daily-unreasonable-metrics span { display:block; font-size:12px; color:#697a81; }
  .daily-unreasonable-metrics strong { display:block; margin-top:8px; font-size:27px; font-weight:600; color:#7b5148; }
  .daily-unreasonable-distributions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:22px 0; }
  .daily-unreasonable-ranking { min-width:0; }
  .daily-unreasonable-ranking h4,.daily-unreasonable-problem-heading h4 { margin:0 0 12px; font-size:14px; }
  .daily-unreasonable-bars { max-height:270px; overflow:auto; padding-right:6px; }
  .daily-unreasonable-bars button { position:relative; display:flex; justify-content:space-between; gap:12px; width:100%; margin-bottom:9px; padding:10px 12px 13px; border:1px solid #e3e9e7; border-radius:6px; background:#fafbfb; color:#354e55; text-align:left; font:inherit; font-size:13px; cursor:pointer; overflow:hidden; }
  .daily-unreasonable-bars button span { overflow-wrap:anywhere; }
  .daily-unreasonable-bars button strong { white-space:nowrap; }
  .daily-unreasonable-bars button small { margin-left:4px; font-size:11px; font-weight:400; }
  .daily-unreasonable-bars button i { position:absolute; height:3px; left:0; bottom:0; background:#b38679; }
  .daily-unreasonable-bars button:hover,.daily-unreasonable-bars button[aria-pressed="true"] { background:#f3ebe7; border-color:#cda99c; }
  .daily-unreasonable-bars button:disabled { cursor:default; }
  .daily-unreasonable-problem-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-top:22px; }
  .daily-unreasonable-problem-heading span { font-size:12px; color:#697a81; }
  .daily-unreasonable-table-scroll { max-height:none; overflow:visible; }
  .daily-unreasonable-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:13px; line-height:1.6; }
  .daily-unreasonable-table th { text-align:left; background:#f1f5f5; padding:11px 12px; position:sticky; top:0; z-index:1; font-weight:500; }
  .daily-unreasonable-table th:nth-child(1) { width:14%; }
  .daily-unreasonable-table th:nth-child(2) { width:11%; }
  .daily-unreasonable-table th:nth-child(3) { width:18%; }
  .daily-unreasonable-table th:nth-child(4) { width:6%; }
  .daily-unreasonable-table td { vertical-align:top; padding:13px 12px; border-bottom:1px solid #e8eeec; overflow-wrap:anywhere; }
  .daily-unreasonable-table small { display:block; margin-top:5px; color:#697a81; }
  .daily-unreasonable-table p,.daily-unreasonable-table dd { white-space:pre-wrap; margin:0; }
  .daily-unreasonable-table summary { margin-top:8px; color:#38665d; font-size:12px; font-weight:400; }
  .daily-unreasonable-table dt { margin-top:10px; color:#697a81; font-size:12px; }
  .daily-unreasonable-table dd { margin-top:4px; }
  .daily-unreasonable-empty { padding:36px 20px; text-align:center; color:#697a81; font-size:13px; line-height:1.8; }
  .daily-review-table tr[data-row-key] { cursor:pointer; }
  .daily-review-table tr[data-row-key]:hover td,
  .daily-review-table tr[data-row-key]:focus-within td { background:#f0f6f5; }
  .daily-review-table tr[data-row-key].is-selected td { background:#e4efed; }
  .daily-review-auto-filter { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; padding:16px 20px; margin:16px 0; background:#f3f7f6; border:1px solid #dce7e3; border-radius:10px; }
  .daily-review-auto-filter h3 { margin:0 0 5px; font-size:15px; color:#2d514b; }
  .daily-review-auto-filter p { margin:0; color:#71847f; font-size:12px; line-height:1.6; }
  .daily-review-filter-options { display:flex; gap:8px; margin-left:auto; }
  .daily-review-filter-options button { padding:9px 15px; border:1px solid #c8d9d3; border-radius:7px; background:#fff; color:#48665f; cursor:pointer; font:inherit; font-size:13px; }
  .daily-review-filter-options button[aria-pressed="true"] { color:#fff; background:#356e61; border-color:#356e61; }
  .daily-review-filter-options button:disabled { opacity:.6; cursor:wait; }
  #dailyReviewAutoStatus { flex-basis:100%; padding-top:8px; border-top:1px solid #e0e9e5; }
  .daily-review-table .daily-repeat-preview { max-width:300px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.6; color:#647a73; }
  .daily-repeat-preview b { color:#9a713e; font-weight:500; }
  #dailyReviewMetrics { grid-template-columns:repeat(8,minmax(0,1fr)); }
  #dailyReviewMetrics article { padding:17px 14px; }
  .daily-review-analysis { padding:24px; }
  .daily-analysis-heading,.daily-analysis-chart>header,.daily-analysis-scope { display:flex; justify-content:space-between; align-items:center; gap:20px; }
  .daily-analysis-heading { margin-bottom:20px; }
  .daily-analysis-heading h3 { margin:0 0 7px; font-size:19px; color:#243f4a; }
  .daily-analysis-heading p,.daily-analysis-heading>span,.daily-analysis-chart header>span,.daily-analysis-note { margin:0; font-size:12px; color:#75858b; line-height:1.7; }
  .daily-analysis-chart { border:1px solid #e3e9e9; border-radius:10px; padding:18px 20px 12px; background:linear-gradient(180deg,#f8fbfb,#fff); min-width:0; }
  .daily-analysis-chart h4 { margin:0; font-size:14px; color:#304c57; }
  .daily-chart-scroll { overflow-x:auto; scrollbar-width:thin; scrollbar-color:#b4c7cb transparent; }
  .daily-column-chart { position:relative; display:grid; grid-template-columns:repeat(var(--chart-columns),minmax(78px,1fr)); min-width:calc(var(--chart-columns) * 78px); padding-top:35px; margin:0 0 8px; }
  .daily-chart-column { position:relative; display:flex; flex-direction:column; min-width:0; padding:0 6px; margin:0; border:0; background:transparent; color:#36515d; font:inherit; text-align:center; }
  .daily-chart-column[data-chart-action] { cursor:pointer; }
  .daily-chart-column:focus-visible { outline:2px solid #ad8952; outline-offset:-2px; border-radius:5px; }
  .daily-chart-plot { position:relative; display:block; height:160px; width:100%; border-bottom:1px solid #cfdcdf; }
  .daily-chart-bar { position:absolute; display:block; left:calc(50% - 17px); width:34px; border-radius:5px 5px 0 0; background:linear-gradient(0deg,#607e8a,#94b2bc); min-height:0; }
  .daily-chart-bar.is-below { background:linear-gradient(0deg,#a87549,#d4b18b); }
  .daily-chart-column.is-selected .daily-chart-bar { background:linear-gradient(0deg,#1e605b,#53a393); box-shadow:0 0 0 3px #408b7820; }
  .daily-chart-column[data-chart-action]:hover { background:#e9f2f366; border-radius:6px; }
  .daily-chart-plot strong { position:absolute; display:block; left:0; right:0; padding-bottom:5px; color:#294955; font-size:15px; font-weight:650; font-variant-numeric:tabular-nums; }
  .daily-chart-label { display:flex; justify-content:center; align-items:flex-start; height:48px; padding-top:10px; font-size:12px; line-height:17px; overflow-wrap:anywhere; }
  .daily-chart-column small { height:28px; display:block; padding-top:4px; color:#7c8d93; font-size:11px; font-variant-numeric:tabular-nums; }
  .daily-chart-reference { position:absolute; left:0; right:0; height:0; border-top:1px dashed #b3946680; pointer-events:none; z-index:1; }
  .daily-chart-reference span { position:absolute; right:0; top:2px; padding:0 3px; font-size:10px; color:#9b7d52; background:#f8fbfbdd; }
  .daily-analysis-scope { margin:20px 0 14px; padding:13px 16px; border-radius:8px; background:#edf4f3; flex-wrap:wrap; }
  .daily-analysis-scope nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:12px; }
  .daily-analysis-scope button { border:0; background:transparent; padding:4px; color:#23685f; font:inherit; cursor:pointer; }
  .daily-analysis-scope p { display:flex; align-items:baseline; gap:14px; margin:0; font-size:12px; color:#6a8087; }
  .daily-analysis-scope strong { font-size:20px; color:#28594f; }
  .daily-analysis-comparison { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:18px; }
  .daily-chart-empty { display:grid; place-content:center; min-height:250px; margin:0; color:#87999e; font-size:13px; }
  .daily-analysis-note { margin-top:16px; }
}