/* Frontend-only compact tool layout. Admin pages keep their existing styles. */
html.lottery-tool-document,
html.lottery-tool-document body { overflow-x: clip; overflow-y: visible; }
body.lottery-tool-body .site-main,
body.lottery-tool-body .ai-picker-page,
body.lottery-tool-body .tools-page {
  overflow-x: clip;
}

body.lottery-tool-body .ai-picker-page,
body.lottery-tool-body .tools-page {
  width: min(1120px, 100%);
  padding: 6px 10px calc(88px + env(safe-area-inset-bottom));
  margin-inline: auto;
}

body.lottery-tool-body .ai-picker-page .tools-page { padding: 0 0 12px; }
body.lottery-tool-body .tools-hero { display: none; }

.tool-inline-heading {
  min-height: 27px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #704b3a;
  font-size: 12px;
}
.tool-inline-heading a { color: #8f1a1e; text-decoration: none; font-weight: 700; }

body.lottery-tool-body .ai-picker-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  padding: 2px;
  margin: 2px 0 6px;
  background: #f9edda;
  border: 1px solid #d9b779;
  border-radius: 6px;
}
body.lottery-tool-body .ai-picker-tabs button {
  min-height: 37px;
  padding: 5px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
}
body.lottery-tool-body .ai-picker-tabs button.is-active { box-shadow: none; background: #9b2024; }

body.lottery-tool-body .picker-result-panel {
  position: sticky;
  top: calc(var(--site-header-sticky-height, 75px) + 10px);
  z-index: 45;
  padding: 8px 10px;
  border: 1px solid #cb9f52;
  border-radius: 7px;
  background: #fffaf0;
  box-shadow: 0 2px 6px rgba(69, 34, 18, .12);
  backdrop-filter: none;
}
.picker-result-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
body.lottery-tool-body .picker-result-heading h1 { margin: 0; font-size: 15px; line-height: 1.25; }
body.lottery-tool-body .picker-result-heading h1 strong { font-size: 19px; }
.picker-year-form select {
  min-height: 32px;
  max-width: 104px;
  padding: 3px 5px;
  border: 1px solid #cfa866;
  border-radius: 4px;
  background: #fff;
  color: #6b2522;
  font-size: 13px;
  font-weight: 700;
}
body.lottery-tool-body .number-ball-grid--result {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 4px;
  max-height: 68px;
  margin-top: 5px;
  overflow: hidden;
}
body.lottery-tool-body .number-ball-grid--result.is-expanded { max-height: min(164px, 26vh); overflow-y: auto; }
body.lottery-tool-body .number-ball-grid--result .number-ball {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  border-width: 2px;
  font-size: 12px;
  box-shadow: none;
}
body.lottery-tool-body .tools-empty { margin: 2px 0; text-align: left; font-size: 12px; }
body.lottery-tool-body .tools-actions { gap: 6px; margin-top: 6px; }
body.lottery-tool-body .tools-button,
body.lottery-tool-body .set-mode button,
body.lottery-tool-body .random-shortcuts button {
  min-height: 39px;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 700;
}
body.lottery-tool-body .picker-result-actions .tools-button { min-height: 35px; }
body.lottery-tool-body .picker-result-actions .picker-expand { margin-left: auto; }
body.lottery-tool-body .tools-toast { min-height: 0; margin: 3px 0 0; font-size: 12px; }
body.lottery-tool-body .tools-toast:empty { display: none; }

body.lottery-tool-body .tools-toolbar {
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  margin: 6px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
body.lottery-tool-body .set-mode { gap: 0; border: 1px solid #d5b275; border-radius: 5px; overflow: hidden; }
body.lottery-tool-body .set-mode button { min-width: 60px; min-height: 32px; padding: 3px 8px; border: 0; border-radius: 0; }
body.lottery-tool-body .set-mode button + button { border-left: 1px solid #d5b275; }

body.lottery-tool-body .picker-section,
body.lottery-tool-body .random-panel,
body.lottery-tool-body .random-result,
body.lottery-tool-body .analysis-section,
body.lottery-tool-body .analysis-empty {
  padding: 9px 10px;
  margin-top: 7px;
  border: 1px solid #e3c99d;
  border-radius: 6px;
  background: #fff;
  box-shadow: none;
}
body.lottery-tool-body .picker-section h2,
body.lottery-tool-body .random-result h2,
body.lottery-tool-body .analysis-section h2,
body.lottery-tool-body .analysis-card h2 { margin: 0 0 6px; font-size: 14px; line-height: 1.3; }
body.lottery-tool-body .condition-grid { grid-template-columns: repeat(auto-fill, minmax(68px, 1fr)); gap: 5px; }
body.lottery-tool-body .condition-chip {
  min-height: 40px;
  padding: 4px 3px;
  border-radius: 4px;
  background: #fffaf2;
  font-size: 13px;
  font-weight: 700;
}
body.lottery-tool-body .condition-chip.is-active { background: #8f171b; }
body.lottery-tool-body .number-ball-grid:not(.number-ball-grid--result) { gap: 5px; }
body.lottery-tool-body .number-ball-grid:not(.number-ball-grid--result) .number-ball {
  width: 40px;
  height: 40px;
  border-width: 2px;
  font-size: 14px;
  box-shadow: none;
}
body.lottery-tool-body .tools-disclaimer {
  margin: 10px 0 0;
  padding: 7px 0;
  border: 0;
  border-top: 1px solid #e3c99d;
  background: transparent;
  color: #775c4b;
  font-size: 11px;
  line-height: 1.5;
}

body.lottery-tool-body .random-panel { margin-top: 0; }
body.lottery-tool-body .random-form-grid { grid-template-columns: minmax(0, 1fr) 105px; gap: 8px; }
body.lottery-tool-body .random-form-grid label { gap: 3px; font-size: 13px; }
body.lottery-tool-body .random-form-grid select,
body.lottery-tool-body .random-form-grid input { min-height: 40px; padding: 5px 8px; border-radius: 5px; font-size: 15px; }
body.lottery-tool-body .random-shortcuts { gap: 5px; margin-top: 8px; }
body.lottery-tool-body .tools-button--wide { margin-top: 9px; }
body.lottery-tool-body .random-result p { margin: 4px 0; line-height: 1.5; font-size: 13px; }
body.lottery-tool-body [data-random-balls] { display: flex; flex-wrap: wrap; }

body.lottery-tool-body .analysis-tabs {
  position: sticky;
  top: calc(var(--site-header-sticky-height, 75px) + 10px);
  z-index: 40;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px;
  padding: 2px;
  margin: 0;
  border: 1px solid #d7b377;
  border-radius: 6px;
  background: #f9edda;
}
body.lottery-tool-body .analysis-tabs button,
body.lottery-tool-body .analysis-tabs span {
  min-height: 39px;
  display: grid;
  place-items: center;
  padding: 4px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
}
body.lottery-tool-body .analysis-tabs button.is-active { background: #9b2024; }
.analysis-meta { display: flex; justify-content: space-between; gap: 8px; padding: 5px 2px 1px; color: #796456; font-size: 11px; }
.analysis-meta a { color: #8f1a1e; text-decoration: none; }
.analysis-sample-note { margin-top: 4px; padding: 5px 8px; border: 1px solid #e9d4ac; border-radius: 5px; background: #fff9ec; color: #755642; font-size: 11px; }
.analysis-sample-note summary { cursor: pointer; }
.analysis-sample-note .analysis-note { margin: 5px 0 0; }
body.lottery-tool-body .analysis-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 7px; }
body.lottery-tool-body .analysis-card { padding: 9px 10px; border: 1px solid #e3c99d; border-radius: 6px; box-shadow: none; }
body.lottery-tool-body .analysis-card p,
body.lottery-tool-body .analysis-section p { margin: 4px 0; font-size: 13px; line-height: 1.5; }
body.lottery-tool-body .analysis-number-list { font-size: 13px; line-height: 1.55; }
body.lottery-tool-body .metric-row { grid-template-columns: 38px 1fr 30px; gap: 5px; margin: 3px 0; font-size: 12px; }
body.lottery-tool-body .metric-row progress { height: 9px; }
body.lottery-tool-body .compact-metrics { grid-template-columns: repeat(auto-fill, minmax(55px, 1fr)); gap: 4px; }
body.lottery-tool-body .compact-metrics span { padding: 5px 2px; border-radius: 4px; font-size: 12px; }
body.lottery-tool-body .analysis-note { color: #806755; font-size: 11px; line-height: 1.45; }

body.lottery-tool-body .table-scroll { overflow-x: auto; }
body.lottery-tool-body .model-table { width: 100%; table-layout: fixed; white-space: normal; font-size: 12px; }
body.lottery-tool-body .model-table th,
body.lottery-tool-body .model-table td { padding: 6px 5px; border-bottom: 1px solid #ecdabc; vertical-align: top; overflow-wrap: anywhere; }
body.lottery-tool-body .model-table th:first-child { width: 6%; }
body.lottery-tool-body .model-table th:nth-child(2) { width: 35%; }
body.lottery-tool-body .model-table th:nth-child(3),
body.lottery-tool-body .model-table th:nth-child(4) { width: 10%; }
body.lottery-tool-body .model-table th:nth-child(5) { width: 13%; }
body.lottery-tool-body .model-table th:nth-child(6),
body.lottery-tool-body .model-table th:nth-child(7) { width: 13%; }
body.lottery-tool-body .model-name small { display: block; color: #806755; font-size: 10px; line-height: 1.4; }

.report-details summary { cursor: pointer; list-style: none; }
.report-details summary::-webkit-details-marker { display: none; }
.report-preview { display: block; max-height: 84px; overflow: hidden; white-space: pre-line; font-size: 12px; line-height: 1.5; color: #483126; }
.report-expand, .report-collapse { display: inline-block; margin-top: 5px; color: #922024; font-size: 12px; font-weight: 700; }
.report-collapse, .report-details[open] .report-preview, .report-details[open] .report-expand { display: none; }
.report-details[open] .report-collapse { display: inline-block; }
body.lottery-tool-body .report-card pre { max-height: none; margin: 6px 0; padding: 0; background: transparent; font-size: 12px; line-height: 1.6; }
body.lottery-tool-body .published-report { padding: 7px 0; }
body.lottery-tool-body .published-report h3 { margin: 0 0 4px; font-size: 13px; }

@media (max-width: 900px) {
  body.lottery-tool-body .ai-picker-page,
  body.lottery-tool-body .tools-page { padding-inline: 8px; }
  body.lottery-tool-body .ai-picker-page .tools-page { padding-inline: 0; }
  body.lottery-tool-body .picker-result-panel,
  body.lottery-tool-body .analysis-tabs { top: max(62px, calc(var(--site-header-sticky-height, 56px) + 2px)); }
  body.lottery-tool-body .tools-toolbar { flex-direction: row; }
  body.lottery-tool-body .condition-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.lottery-tool-body .analysis-card-grid { grid-template-columns: 1fr; }
  body.lottery-tool-body .model-table { font-size: 11px; }
  body.lottery-tool-body .model-table .model-wide-col { display: none; }
  body.lottery-tool-body .model-table th:first-child { width: 8%; }
  body.lottery-tool-body .model-table th:nth-child(2) { width: 40%; }
  body.lottery-tool-body .model-table th:nth-child(3),
  body.lottery-tool-body .model-table th:nth-child(4) { width: 14%; }
  body.lottery-tool-body .model-table th:nth-child(5) { width: 24%; }
  body.lottery-tool-body .model-table th,
  body.lottery-tool-body .model-table td { padding: 5px 3px; }
}