@import './reference/reports.css';

/* Compatibility only: product-owned controls and handlers are reordered into the approved report composition. */
.safe-v1 #pageContent .report-page { display:grid; gap:var(--kynarys-space-5); min-width:0; }
.safe-v1 #pageContent .report-page-intro { display:block; min-height:0; padding:0; margin:0; text-align:left; }
.safe-v1 #pageContent .report-page-intro > div { width:100%; text-align:left; }
.safe-v1 #pageContent .report-page-intro h1 { margin:0; }
.safe-v1 #pageContent .report-filter-card { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--kynarys-space-4); padding:var(--kynarys-space-5); border:1px solid var(--kynarys-line-soft); border-radius:var(--kynarys-radius-lg); background:var(--kynarys-surface); }
.safe-v1 #pageContent .report-filter-card .field { min-width:0; color:var(--kynarys-text-secondary); }
.safe-v1 #pageContent .rp-base-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--kynarys-space-4); }
.safe-v1 #pageContent .rp-base-fields > .report-date-range { grid-column:auto; }
.safe-v1 #pageContent .rp-extra-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--kynarys-space-4); }
.safe-v1 #pageContent form.report-filter-card label.rp-field > span:first-child { color:var(--kynarys-text-secondary); font-weight:400; letter-spacing:0; text-transform:none; }
.safe-v1 #pageContent .report-filter-card input,.safe-v1 #pageContent .report-filter-card select { box-sizing:border-box; width:100%; min-width:0; min-height:var(--kynarys-primary-mobile-height); border:1px solid var(--kynarys-line); border-radius:var(--kynarys-radius-sm); padding:var(--kynarys-space-3); background:var(--kynarys-surface-raised); color:var(--kynarys-text-primary); font:inherit; }
.safe-v1 #pageContent .report-filter-card select { appearance:none; padding-inline-end:var(--kynarys-space-10); background-image:linear-gradient(45deg,transparent 40%,currentColor 40%,currentColor 60%,transparent 60%),linear-gradient(135deg,transparent 40%,currentColor 40%,currentColor 60%,transparent 60%); background-size:7px 7px; background-position:right 22px center,right 16px center; background-repeat:no-repeat; }
.safe-v1 #pageContent .report-filter-card .kynarys-filter-button { align-items:center; justify-content:center; gap:var(--kynarys-space-2); min-width:var(--kynarys-touch-min); min-height:max(var(--kynarys-primary-mobile-height),calc(var(--kynarys-font-body-mobile)*var(--filter-field-line,1.35)*var(--shell-text-scale,1) + 2*var(--kynarys-space-3) + 2px)); padding:var(--kynarys-space-3); border:1px solid var(--kynarys-line); border-radius:var(--kynarys-radius-sm); background:var(--kynarys-surface-raised); color:var(--kynarys-text-secondary); font:inherit; font-size:calc(var(--kynarys-font-label)*var(--shell-text-scale,1)); font-weight:600; line-height:1.35; }
.safe-v1 #pageContent .report-filter-card .kynarys-filter-button>.shell-icon { width:var(--kynarys-space-5); height:var(--kynarys-space-5); flex:0 0 auto; }
.safe-v1 #pageContent .report-filter-card .kynarys-filter-button>.filter-button-label { white-space:nowrap; }
.safe-v1 #pageContent .report-filter-card .kynarys-filter-button:focus-visible { outline:2px solid var(--kynarys-brand-orange); outline-offset:2px; }
.safe-v1 #pageContent .report-date-range { display:contents; min-width:0; }
.safe-v1 #pageContent .report-date-control { display:block; border:0; border-radius:0; overflow:visible; padding:0; background:transparent; min-width:0; }
.safe-v1 #pageContent .report-filter-actions,.safe-v1 #pageContent .report-export-actions { display:flex; align-items:center; flex-wrap:wrap; gap:var(--kynarys-space-3); }
.safe-v1 #pageContent .report-export-actions { justify-content:flex-end; }
.safe-v1 #pageContent .report-export-actions .rp-secondary { background:var(--kynarys-surface-raised); color:var(--kynarys-text-secondary); border-color:var(--kynarys-line); }
.safe-v1 #pageContent .report-export-actions .shell-icon { width:var(--kynarys-space-5); height:var(--kynarys-space-5); flex:0 0 auto; }
.safe-v1 #pageContent .report-filter-actions .rp-text-button { border-color:var(--kynarys-line); background:var(--kynarys-surface-raised); color:var(--kynarys-text-secondary); }
.safe-v1 #pageContent .report-filter-actions > button { min-height:var(--kynarys-primary-mobile-height); font-size:calc(var(--kynarys-font-label)*var(--shell-text-scale,1)); }
.safe-v1 #pageContent .report-export-actions .rp-export-label { min-width:0; white-space:normal; }
.safe-v1 #pageContent .report-section-heading { padding-top:var(--kynarys-space-5); }
.safe-v1 #pageContent .report-entry > header { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:baseline; gap:var(--kynarys-space-3); }
.safe-v1 #pageContent .report-entry .rp-rating-slot { display:block; margin:0; }
.safe-v1 #pageContent .report-entry .rp-rating-slot > div { display:flex; gap:var(--kynarys-space-2); align-items:baseline; }
.safe-v1 #pageContent .report-entry .rp-rating-slot :is(dt,dd) { margin:0; font:inherit; letter-spacing:0; text-transform:none; }
.safe-v1 #pageContent .report-entry .rp-rating-slot dd { font-weight:600; white-space:nowrap; }
.safe-v1 #pageContent .report-preview { min-width:0; padding:var(--kynarys-space-6); background:var(--kynarys-surface); color:var(--kynarys-text-secondary); border:1px solid var(--kynarys-line-soft); border-radius:var(--kynarys-radius-lg); }
.safe-v1 #pageContent .report-header { display:flex; justify-content:space-between; align-items:start; gap:var(--kynarys-space-6); padding-bottom:var(--kynarys-space-5); border-bottom:1px solid var(--kynarys-line-soft); }
.safe-v1 #pageContent .report-header h2 { color:var(--kynarys-text-primary); overflow-wrap:anywhere; }
.safe-v1 #pageContent .rp-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--kynarys-space-6); padding-block:var(--kynarys-space-5); border-bottom:1px solid var(--kynarys-line-soft); }
.safe-v1 #pageContent .report-number { display:grid; gap:var(--kynarys-space-1); min-width:0; padding:0; background:transparent; border:0; border-radius:0; }
.safe-v1 #pageContent .report-number > span { color:var(--kynarys-text-muted); }
.safe-v1 #pageContent .report-number > strong { color:var(--kynarys-text-primary); font-size:calc(var(--kynarys-font-page)*var(--shell-text-scale,1)); line-height:1.2; }
.safe-v1 #pageContent .report-number > small { color:var(--kynarys-text-muted); }
.safe-v1 #pageContent .report-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--kynarys-space-8); }
.safe-v1 #pageContent .report-summary-card { min-width:0; padding-block:var(--kynarys-space-5); padding-inline:0; background:transparent; border:0; border-bottom:1px solid var(--kynarys-line-soft); border-radius:0; }
.safe-v1 #pageContent .report-count-list { display:grid; gap:var(--kynarys-space-3); }
.safe-v1 #pageContent .report-count-list > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--kynarys-space-1) var(--kynarys-space-3); }
.safe-v1 #pageContent .report-count-list .report-count-label { grid-column:1; }
.safe-v1 #pageContent .report-count-list strong { grid-column:2; color:var(--kynarys-text-primary); font-variant-numeric:tabular-nums; }
.safe-v1 #pageContent .report-count-list .report-bar { grid-column:1/-1; grid-row:2; width:100%; height:var(--kynarys-space-1); background:var(--kynarys-line-soft); border-radius:var(--kynarys-radius-pill); overflow:hidden; }
.safe-v1 #pageContent .report-count-list .report-bar i { display:block; height:100%; background:var(--kynarys-text-muted); border-radius:inherit; }
.safe-v1 #pageContent .report-entry { padding-block:var(--kynarys-space-5); border-top:1px solid var(--kynarys-line-soft); break-inside:avoid-page; }
.safe-v1 #pageContent .report-entry dd,.safe-v1 #pageContent .report-text-list span { overflow-wrap:anywhere; white-space:pre-wrap; }
.safe-v1 #pageContent .rp-entry-reference-row { grid-column:1/-1; }
.safe-v1 #pageContent .rp-entry-reference-row dt { display:none; }
.safe-v1 #pageContent .rp-entry-reference-row dd { color:var(--kynarys-text-muted); font-size:calc(var(--kynarys-font-small)*var(--shell-text-scale,1)); }
.safe-v1 #pageContent [data-safe-reports-duplicate='plan-training'],.safe-v1 #pageContent [data-safe-reports-duplicate='dog'] { display:none; }
.safe-v1 #pageContent .report-preview .rp-print-brand { display:none; }
.safe-v1 #pageContent .report-header .rp-eyebrow,.safe-v1 #pageContent .report-header .rp-report-meta dt { color:var(--kynarys-text-muted); font-weight:400; letter-spacing:0; text-transform:none; }
@media (max-width:768px) {
 .safe-v1 #pageContent .report-page-intro { flex-wrap:wrap; }
 .safe-v1 #pageContent .report-filter-card { padding:var(--kynarys-space-4); gap:var(--kynarys-space-3); }
 .safe-v1 #pageContent .rp-base-fields { grid-template-columns:minmax(0,1fr); }
 .safe-v1 #pageContent .report-date-range { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--kynarys-space-3); }
 .safe-v1 #pageContent .rp-more-filters > summary { box-sizing:border-box; display:flex; width:100%; }
 .safe-v1 #pageContent .rp-extra-fields { grid-template-columns:minmax(0,1fr); padding-top:var(--kynarys-space-3); }
 .safe-v1 #pageContent .report-summary { grid-template-columns:minmax(0,1fr); }
 .safe-v1 #pageContent .report-export-actions,.safe-v1 #pageContent .report-filter-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .safe-v1 #pageContent .report-export-actions > :first-child { grid-column:1/-1; }
 .safe-v1 #pageContent .report-export-actions > button { min-width:0; height:100%; padding-inline:var(--kynarys-space-3); font-size:calc(var(--kynarys-font-label)*var(--shell-text-scale,1)); }
 .safe-v1 #pageContent .report-entry > header { grid-template-columns:minmax(0,1fr) auto; }
 .safe-v1 #pageContent .report-entry .rp-entry-type { grid-column:1/-1; grid-row:2; text-align:left; min-width:0; }
 .safe-v1 #pageContent .report-entry .rp-entry-date { grid-column:1; grid-row:1; min-width:0; }
 .safe-v1 #pageContent .report-entry .rp-rating-slot { grid-column:2; grid-row:1; align-self:baseline; justify-self:end; }
 .large-text .safe-v1 #pageContent .report-export-actions,.large-text .safe-v1 #pageContent .rp-metrics { grid-template-columns:minmax(0,1fr); }
 .safe-v1 #pageContent .report-preview { padding:var(--kynarys-space-4); }
 .safe-v1 #pageContent .report-header { flex-direction:column; gap:var(--kynarys-space-3); }
}
@media print {
 .safe-v1 .shell-skip-link { display:none; }
 .safe-v1 #pageContent .report-preview { background:Canvas; color:CanvasText; border:0; padding:0; border-radius:0; }
 .safe-v1 #pageContent .report-preview .report-header { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:start; gap:4mm 6mm; }
 .safe-v1 #pageContent .report-preview .rp-print-brand { box-sizing:border-box; grid-column:1/-1; grid-row:1; display:grid; grid-template-columns:14mm minmax(0,1fr) 14mm; width:100%; min-height:22mm; align-items:center; gap:6mm; padding:4mm 6mm; background:CanvasText; color:Canvas; border-radius:var(--kynarys-radius-sm); break-inside:avoid; print-color-adjust:exact; }
 .safe-v1 #pageContent .report-preview .rp-print-brand .shell-wordmark { display:block; width:64mm; max-width:100%; height:auto; justify-self:center; }
 .safe-v1 #pageContent .report-preview .rp-print-brand img { filter:none; }
 .safe-v1 #pageContent .report-preview .rp-print-app-icon { display:block; width:14mm; height:14mm; object-fit:contain; border-radius:var(--kynarys-radius-sm); }
 .safe-v1 #pageContent .report-preview .rp-print-dog { position:relative; width:14mm; height:14mm; border-radius:var(--kynarys-radius-sm); overflow:hidden; }
 .safe-v1 #pageContent .report-preview .rp-print-dog img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
 .safe-v1 #pageContent .report-preview .rp-print-dog .handler-dog-head-fallback { object-fit:contain; }
 .safe-v1 #pageContent .report-preview .rp-report-identity { grid-column:1; grid-row:2; min-width:0; }
 .safe-v1 #pageContent .report-preview .rp-report-meta { grid-column:2; grid-row:2; min-width:0; margin-inline-start:auto; text-align:right; }
 .safe-v1 #pageContent .report-preview .report-entry > header { grid-template-columns:minmax(0,1fr) auto auto; }
 .safe-v1 #pageContent .report-preview .report-entry .rp-entry-type,.safe-v1 #pageContent .report-preview .report-entry .rp-rating-slot { grid-column:auto; grid-row:auto; }
 .safe-v1 #pageContent .report-preview .report-entry .rp-rating-slot { min-width:27mm; text-align:right; }
 .safe-v1 #pageContent .report-preview .report-entry .rp-rating-slot > div { justify-content:flex-end; }
 .safe-v1 #pageContent .report-preview .report-section-heading { padding-top:4mm; break-after:avoid-page; }
 .safe-v1 #pageContent .report-preview :is(h2,h3,.report-number>strong,.report-count-list strong,.report-entry strong,.report-entry dd) { color:CanvasText; }
 .safe-v1 #pageContent .report-preview :is(.rp-eyebrow,.rp-period,.report-number>span,.report-number>small,.report-count-label,.report-header dt,.report-entry dt,.rp-entry-reference-row dd) { color:CanvasText; }
 /* Print-only section hierarchy: brand accents, quiet neutral rules. */
 .safe-v1 #pageContent .report-preview :is(.report-summary-card > h3,.report-section-heading > h3) { border-inline-start:3px solid var(--kynarys-brand-orange); padding-inline-start:3mm; print-color-adjust:exact; }
 .safe-v1 #pageContent .report-preview :is(.report-header,.rp-metrics,.report-summary-card,.report-entry,.report-text-list > li) { border-color:color-mix(in srgb,CanvasText 22%,Canvas); }
 .safe-v1 #pageContent .report-preview .report-bar { box-sizing:border-box; background:Canvas; border:1px solid CanvasText; }
 .safe-v1 #pageContent .report-preview .report-bar i { background:CanvasText; }
}
@media(forced-colors:active){.safe-v1 #pageContent .report-filter-card select{appearance:auto;background-image:none;padding-inline-end:var(--kynarys-space-3);}}
@media(hover:hover){.safe-v1 #pageContent .report-filter-card .kynarys-filter-button:hover{border-color:var(--kynarys-text-subtle);color:var(--kynarys-text-primary);}}
@media (max-width:360px) {
 .safe-v1 #pageContent .report-filter-actions { grid-template-columns:minmax(0,1fr); }
}
html.shell-text-200 .safe-v1 #pageContent .rp-base-fields,
html.shell-text-200 .safe-v1 #pageContent .report-date-range,
html.shell-text-200 .safe-v1 #pageContent .rp-extra-fields,
html.shell-text-200 .safe-v1 #pageContent .rp-metrics,
html.shell-text-200 .safe-v1 #pageContent .report-summary { grid-template-columns:minmax(0,1fr); }
html.shell-text-200 .safe-v1 #pageContent .report-export-actions,
html.shell-text-200 .safe-v1 #pageContent .report-filter-actions { display:grid; grid-template-columns:minmax(0,1fr); }
html.shell-text-200 .safe-v1 #pageContent .report-header { flex-direction:column; }
html.shell-text-200 .safe-v1 #pageContent .report-header > * { min-width:0; max-width:100%; }
html.shell-text-200 .safe-v1 #pageContent .report-header .rp-report-meta { text-align:left; }
html.shell-text-200 .safe-v1 #pageContent .rp-eyebrow { overflow-wrap:anywhere; }

/* Explicit boundaries between complete trainings; paper keeps its compact layout. */
@media screen {
  .safe-v1 #pageContent .report-entry {
    margin-block:var(--kynarys-space-6); padding:var(--kynarys-space-4);
    border:1px solid var(--kynarys-line); border-radius:var(--kynarys-radius-md);
    background:var(--kynarys-surface-raised);
  }
  .safe-v1 #pageContent .report-entry > header {
    padding-bottom:var(--kynarys-space-3); margin-bottom:var(--kynarys-space-3);
    border-bottom:1px solid var(--kynarys-line);
  }
  .safe-v1 #pageContent .report-entry .safe-narrative-block { padding-top:0; border-top:0; }
  @media(max-width:768px) {
    .safe-v1 #pageContent .report-entry { padding:var(--kynarys-space-3); }
  }
}

/* Temporary installed-iPhone print receipt never belongs in the report output. */
@media print { .safe-v1 [data-print-probe] { display:none !important; } }
