/* Lote 25: interacción instantánea, superficies anatómicas, historial clínico.
   Los hallazgos en el gráfico conservan EXCLUSIVAMENTE los colores de norma: rojo y azul. */
.od25-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:10px 0 16px}
.od25-overview>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #d7e4de;background:#fafdfb;border-radius:10px;padding:12px 5px}
.od25-overview b{font-size:21px;color:#2d6557;font-variant-numeric:tabular-nums}
.od25-overview span{font-size:10px;color:#617f74;text-align:center;font-weight:650}
.od25-chart-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0;color:#68837a;font-size:11px}
.od25-chart-actions button{white-space:nowrap}
.od25-surface-area{padding:14px;border:1px solid #d5e6dc;background:#f7fbf8;border-radius:11px;margin-bottom:16px}
.od25-surface-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px;font-size:12px;color:#3f685b}
.od25-surface-head span{color:#168c72;font-weight:800}
.od25-surface-pad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.od25-surface-chip{width:100%;min-height:37px;background:#fff;border:1px solid #cbded5;border-radius:8px;color:#42685b;font-size:11px;font-weight:650;padding:8px 5px;cursor:pointer;transition:background .12s,border-color .12s}
.od25-surface-chip:hover{background:#e9f5ed;border-color:#8aaf9a}
.od25-surface-chip.active{background:#d9f0e4;border-color:#15866e;box-shadow:0 0 0 1px #15866e;color:#14684f}
.od25-surface-chip:focus-visible{outline:3px solid #15866e;outline-offset:2px}
.od25-tooth-timeline{display:grid;gap:9px;max-height:350px;overflow:auto}
.od25-tooth-event{display:flex;align-items:flex-start;gap:10px;background:#fbfcfa;border:1px solid #dfe8e1;border-radius:9px;padding:10px}
.od25-indicator{width:9px;height:9px;flex:none;border-radius:50%;margin-top:3px}
.od25-tooth-event b{font-size:12px;color:#355a4c}
.od25-tooth-event small,.od25-tooth-event em{display:block;font-style:normal;font-size:10px;color:#719083;line-height:1.6}
.od25-no-findings{padding:14px;border:1px dashed #d5e2d9;background:#fafdfb;color:#708779;border-radius:8px;font-size:11px}
.od25-clarify{color:#2d796e;background:none;border:none;padding:7px 0;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.od25-clarify-form{padding:12px;margin-top:6px;border:1px solid #d7e4df;background:#f8fcfa;border-radius:9px;display:grid;gap:10px}
.od25-clarify-form label{font-size:11px}.od25-clarify-form textarea{min-height:78px}
.od25-clarify-form button{justify-self:start}
.od25-addendum{border-left:3px solid #93aaa0;background:#f4f7f5;padding:9px 11px;margin:8px 0;border-radius:0 6px 6px 0}
.od25-addendum strong{display:block;color:#516b61;font-size:10px}.od25-addendum p{font-size:11px!important;margin:5px 0 0!important;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:800px){.od25-overview{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.od25-overview{grid-template-columns:repeat(2,1fr)}.od25-surface-pad{grid-template-columns:repeat(2,minmax(0,1fr))}.od25-chart-actions{flex-direction:column;align-items:stretch}}
@media print{
  @page{size:A4 landscape;margin:10mm}
  .sidebar,.top-actions,.tools,.od25-chart-actions button,#od24-form,.od24-seal,.od25-clarify,.od25-clarify-form,.od25-surface-area,.toast,#logout,button,#quick-search-open{display:none!important}
  body,.main-shell,#content{background:white!important;overflow:visible!important}
  .main-shell{margin:0!important;min-width:0!important}
  .topbar{padding:0 0 9px!important;border:0!important}
  #content{padding:0!important;max-width:none!important}
  .panel{margin:5px 0 10px!important;padding:9px!important;box-shadow:none!important;break-inside:avoid}
  .od24-scroll{overflow:visible!important;padding:7px!important;border:1px solid #bbb!important}
  .od24-chart{width:100%!important;min-width:0!important;max-width:none!important}
  .od24-qteeth{gap:1px!important}
  .od24-tooth{display:flex!important;min-height:73px!important;padding:3px!important}
  .od24-drawing{height:53px!important}
  .od24-list{max-height:none!important;overflow:visible!important}
  .columns{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .od25-overview{grid-template-columns:repeat(5,1fr)!important;gap:5px!important}
  .od24-entry,.od25-tooth-event{break-inside:avoid}
  .od24-toolbar{display:none!important}
  .od24-legend,.od25-chart-actions{font-size:9px!important}
  .od24-qtitle{font-size:9px!important}
}