.yjh-original-bot-sync[hidden] { display: none !important; }
.main-nav .yjh-data-nav { display: flex !important; }
.sync-stamp .yjh-top-sync-button {
  display: block;
  margin-top: 8px;
  padding: 7px 11px;
  border: 2px solid #29202e;
  border-radius: 9px;
  background: #fff;
  color: #1f1730;
  font-size: 10px;
  font-weight: 900;
  box-shadow: 3px 3px 0 #29202e;
}
.yjh-data-heading { display: flex; justify-content: space-between; gap: 16px; align-items: end; }
.yjh-data-toolbar { display: flex; align-items: end; gap: 14px; padding: 15px; margin-bottom: 14px; overflow: visible; }
.yjh-data-toolbar label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 900; min-width: 260px; }
.yjh-data-toolbar select { min-height: 38px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); padding: 0 10px; }
.yjh-data-view-tabs, .yjh-guild-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.yjh-data-view-tabs button, .yjh-guild-filters button {
  min-height: 36px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); padding: 0 12px; font-size: 11px; font-weight: 900;
}
.yjh-data-view-tabs button.active, .yjh-guild-filters button.active { color: #fff; background: #6c3050; border-color: #6c3050; }
.yjh-data-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 14px; }
.yjh-data-summary > div { min-width: 0; padding: 16px 18px; border-right: 1px solid var(--line); }
.yjh-data-summary > div:last-child { border-right: 0; }
.yjh-data-summary span, .yjh-data-summary b { display: block; }
.yjh-data-summary span { color: var(--muted); margin-bottom: 5px; font-size: 9px; }
.yjh-data-summary b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.yjh-guild-filters { margin: 0 0 10px; }
.yjh-stats-table-wrap { overflow-x: auto; }
.yjh-stats-table { min-width: calc(400px + var(--metric-count) * 108px); }
.yjh-stats-row { display: grid; grid-template-columns: 42px 120px minmax(150px, 1fr) 64px repeat(var(--metric-count), minmax(96px, 1fr)); align-items: center; border-bottom: 1px solid var(--line); }
.yjh-stats-row:last-child { border-bottom: 0; }
.yjh-stats-row > * { min-width: 0; padding: 12px 10px; text-align: right; font-size: 11px; }
.yjh-stats-row > :nth-child(2), .yjh-stats-row > :nth-child(3) { text-align: left; }
.yjh-stats-row > :nth-child(3) { position: sticky; left: 0; background: var(--surface); z-index: 1; }
.yjh-stats-row.head { color: #fff; background: #4c2038; position: sticky; top: 0; z-index: 3; }
.yjh-stats-row.head > * { color: inherit; background: transparent; }
.yjh-stats-row.head button { border: 0; font-weight: 900; white-space: nowrap; }
.yjh-stats-row.head button span { color: #ffc0d8; }
.yjh-job-icon { display: grid; place-items: center; }
.yjh-job-icon img { width: 25px; height: 25px; object-fit: contain; }
.yjh-data-empty { margin: 0; padding: 34px 20px; color: var(--muted); text-align: center; }
.yjh-data-empty.error { color: #b52c62; }
.yjh-compare-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.yjh-compare-grid section > header, .yjh-attendance-history > header { display: flex; justify-content: space-between; align-items: center; padding: 15px 17px; border-bottom: 1px solid var(--line); }
.yjh-compare-grid h3, .yjh-attendance-history h3 { margin: 0; font-family: serif; }
.yjh-compare-grid section > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.yjh-compare-grid p { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 11px 14px; border-bottom: 1px solid var(--line); }
.yjh-compare-grid p span { color: var(--muted); font-size: 10px; }
.yjh-attendance-history header p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.yjh-attendance-history-head, .yjh-attendance-history-row { display: grid; grid-template-columns: minmax(240px, 1fr) repeat(4, 90px); gap: 8px; align-items: center; padding: 11px 17px; border-bottom: 1px solid var(--line); text-align: center; }
.yjh-attendance-history-head { color: var(--muted); background: var(--surface-soft); font-size: 10px; }
.yjh-attendance-history-row:last-child { border-bottom: 0; }
.yjh-attendance-history-row > div { text-align: left; }
.yjh-attendance-history-row b, .yjh-attendance-history-row span { display: block; }
.yjh-attendance-history-row span { color: var(--muted); margin-top: 3px; font-size: 9px; }
.yjh-attendance-history-row strong { font-size: 15px; }
.yjh-attendance-history-row strong.late { color: #d53b55; }
.attendance-columns { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.event-hero { grid-template-columns: 64px minmax(0, 1fr) repeat(5, minmax(54px, .18fr)) !important; }
.attendance-column header i.late_leave { background: #d53b55; }

@media (width <= 900px) {
  .yjh-data-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yjh-data-summary > div:nth-child(2) { border-right: 0; }
  .yjh-data-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .yjh-compare-grid { grid-template-columns: 1fr; }
  .yjh-attendance-history { overflow-x: auto; }
  .yjh-attendance-history-head, .yjh-attendance-history-row { min-width: 690px; }
}

@media (width <= 760px) {
  .welcome-row { gap: 9px; }
  .welcome-row .sync-stamp { display: block !important; flex: none; padding-left: 0; }
  .welcome-row .sync-stamp > i, .welcome-row .sync-stamp > span, .welcome-row .sync-stamp > b { display: none; }
  .sync-stamp .yjh-top-sync-button { margin: 0; min-height: 36px; padding: 5px 8px; font-size: 9px; }
  .yjh-data-heading { align-items: stretch; }
  .yjh-data-toolbar { align-items: stretch; flex-direction: column; }
  .yjh-data-toolbar label { min-width: 0; }
  .yjh-data-view-tabs { display: grid; grid-template-columns: repeat(2, 1fr); }
  .yjh-data-view-tabs button { padding: 0 6px; }
  .yjh-data-summary { grid-template-columns: 1fr; }
  .yjh-data-summary > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .yjh-data-summary > div:last-child { border-bottom: 0; }
  .yjh-stats-row > * { padding: 10px 8px; }
  .attendance-columns { grid-template-columns: 1fr !important; }
  .event-hero { grid-template-columns: 48px minmax(0, 1fr) repeat(5, 1fr) !important; }
}