/* TIM-OE automatic work-hours quality check. Scope: inserted module on /workers. */
#timoe-hours-quality-check {
  display: block;
  margin-bottom: 1rem;
}
#timoe-hours-quality-check .timoe-hqc-card {
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(14, 165, 233, .12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
  box-shadow: 0 18px 42px rgba(15, 23, 42, .065);
  padding: 1rem;
}
#timoe-hours-quality-check .timoe-hqc-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .9rem;
}
#timoe-hours-quality-check .timoe-hqc-badge {
  display: inline-flex;
  align-items: center;
  height: 1.55rem;
  padding: 0 .7rem;
  border-radius: 999px;
  background: rgba(37, 99, 235, .08);
  color: #1d4ed8;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
#timoe-hours-quality-check h3 {
  margin: .45rem 0 .25rem;
  color: #0f172a;
  font-size: 1.25rem;
  line-height: 1.1;
  letter-spacing: -.035em;
  font-weight: 950;
}
#timoe-hours-quality-check p {
  margin: 0;
  color: #64748b;
  font-size: .86rem;
  line-height: 1.45;
  max-width: 860px;
}
#timoe-hours-quality-check button {
  border: 0;
  border-radius: 14px;
  min-height: 2.55rem;
  padding: 0 1rem;
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(37, 99, 235, .18);
}
#timoe-hours-quality-check .timoe-hqc-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
  margin-bottom: .85rem;
}
#timoe-hours-quality-check .timoe-hqc-stats > div {
  border: 1px solid rgba(148, 163, 184, .17);
  border-radius: 18px;
  background: rgba(255,255,255,.82);
  padding: .82rem .9rem;
}
#timoe-hours-quality-check .timoe-hqc-stats span {
  display: block;
  color: #64748b;
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}
#timoe-hours-quality-check .timoe-hqc-stats strong {
  display: block;
  margin-top: .35rem;
  color: #0f172a;
  font-size: 1.65rem;
  line-height: 1;
  font-weight: 950;
}
#timoe-hours-quality-check .timoe-hqc-stats .critical { background: linear-gradient(180deg, rgba(254,226,226,.75), rgba(255,255,255,.94)); border-color: rgba(239,68,68,.22); }
#timoe-hours-quality-check .timoe-hqc-stats .warning { background: linear-gradient(180deg, rgba(254,243,199,.80), rgba(255,255,255,.94)); border-color: rgba(245,158,11,.22); }
#timoe-hours-quality-check .timoe-hqc-stats .info { background: linear-gradient(180deg, rgba(219,234,254,.78), rgba(255,255,255,.94)); border-color: rgba(59,130,246,.22); }
#timoe-hours-quality-check .timoe-hqc-ok,
#timoe-hours-quality-check .timoe-hqc-empty,
#timoe-hours-quality-check .timoe-hqc-loading,
#timoe-hours-quality-check .timoe-hqc-error {
  border: 1px dashed rgba(148, 163, 184, .34);
  border-radius: 16px;
  background: rgba(248,250,252,.82);
  color: #475569;
  font-weight: 800;
  padding: .9rem;
  margin-bottom: .8rem;
}
#timoe-hours-quality-check .timoe-hqc-ok { border-color: rgba(16,185,129,.32); background: rgba(236,253,245,.78); color: #047857; }
#timoe-hours-quality-check .timoe-hqc-error { border-color: rgba(239,68,68,.32); background: rgba(254,242,242,.82); color: #b91c1c; }
#timoe-hours-quality-check .timoe-hqc-list { display: grid; gap: .65rem; }
#timoe-hours-quality-check .timoe-hqc-issue {
  border: 1px solid rgba(148, 163, 184, .18);
  border-left-width: 5px;
  border-radius: 17px;
  background: rgba(255,255,255,.86);
  padding: .82rem .9rem;
  box-shadow: 0 10px 24px rgba(15,23,42,.045);
}
#timoe-hours-quality-check .timoe-hqc-issue.is-critical { border-left-color: #ef4444; }
#timoe-hours-quality-check .timoe-hqc-issue.is-warning { border-left-color: #f59e0b; }
#timoe-hours-quality-check .timoe-hqc-issue.is-info { border-left-color: #3b82f6; }
#timoe-hours-quality-check .timoe-hqc-issue-top {
  display: flex;
  align-items: center;
  gap: .55rem;
  color: #0f172a;
}
#timoe-hours-quality-check .timoe-hqc-issue-top strong {
  font-size: .93rem;
  line-height: 1.3;
}
#timoe-hours-quality-check .timoe-hqc-pill {
  display: inline-flex;
  align-items: center;
  height: 1.55rem;
  padding: 0 .55rem;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 950;
  white-space: nowrap;
}
#timoe-hours-quality-check .timoe-hqc-pill.critical { background: #fee2e2; color: #b91c1c; }
#timoe-hours-quality-check .timoe-hqc-pill.warning { background: #fef3c7; color: #92400e; }
#timoe-hours-quality-check .timoe-hqc-pill.info { background: #dbeafe; color: #1d4ed8; }
#timoe-hours-quality-check .timoe-hqc-meta {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .45rem .75rem;
  margin-top: .65rem;
  color: #64748b;
  font-size: .78rem;
}
#timoe-hours-quality-check .timoe-hqc-meta span { min-width: 0; overflow-wrap: anywhere; }
#timoe-hours-quality-check .timoe-hqc-meta b { color: #334155; }
#timoe-hours-quality-check .timoe-hqc-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: .85rem;
  color: #64748b;
  font-weight: 800;
  font-size: .84rem;
}
#timoe-hours-quality-check .timoe-hqc-more button {
  min-height: 2.25rem;
  background: #0f172a;
  box-shadow: none;
}
html.dark #timoe-hours-quality-check .timoe-hqc-card,
body.dark #timoe-hours-quality-check .timoe-hqc-card {
  background: linear-gradient(180deg, rgba(15,23,42,.90), rgba(2,6,23,.88));
  border-color: rgba(51,65,85,.88);
  box-shadow: none;
}
html.dark #timoe-hours-quality-check h3,
body.dark #timoe-hours-quality-check h3,
html.dark #timoe-hours-quality-check .timoe-hqc-stats strong,
body.dark #timoe-hours-quality-check .timoe-hqc-stats strong,
html.dark #timoe-hours-quality-check .timoe-hqc-issue-top,
body.dark #timoe-hours-quality-check .timoe-hqc-issue-top { color: #f8fafc; }
html.dark #timoe-hours-quality-check p,
body.dark #timoe-hours-quality-check p,
html.dark #timoe-hours-quality-check .timoe-hqc-meta,
body.dark #timoe-hours-quality-check .timoe-hqc-meta { color: #94a3b8; }
html.dark #timoe-hours-quality-check .timoe-hqc-stats > div,
body.dark #timoe-hours-quality-check .timoe-hqc-stats > div,
html.dark #timoe-hours-quality-check .timoe-hqc-issue,
body.dark #timoe-hours-quality-check .timoe-hqc-issue {
  background: rgba(15,23,42,.72);
  border-color: rgba(51,65,85,.82);
  box-shadow: none;
}
@media (max-width: 980px) {
  #timoe-hours-quality-check .timoe-hqc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #timoe-hours-quality-check .timoe-hqc-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  #timoe-hours-quality-check .timoe-hqc-card { border-radius: 20px; padding: .85rem; }
  #timoe-hours-quality-check .timoe-hqc-head { flex-direction: column; }
  #timoe-hours-quality-check .timoe-hqc-head button { width: 100%; }
  #timoe-hours-quality-check .timoe-hqc-stats { grid-template-columns: 1fr 1fr; gap: .55rem; }
  #timoe-hours-quality-check .timoe-hqc-stats > div { padding: .7rem; }
  #timoe-hours-quality-check .timoe-hqc-stats strong { font-size: 1.35rem; }
  #timoe-hours-quality-check .timoe-hqc-issue-top { align-items: flex-start; flex-direction: column; }
  #timoe-hours-quality-check .timoe-hqc-meta { grid-template-columns: 1fr; }
  #timoe-hours-quality-check .timoe-hqc-more { flex-direction: column; align-items: stretch; }
}
