body.app-shell main .record-flow-toolbar {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0;padding:18px 20px;background:#f2fafc;border:1px solid #d5e5ec;border-radius:14px;color:#173f61}
body.app-shell main .record-flow-toolbar p {flex:1;margin:0;font-weight:650}
body.app-shell main .record-flow-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:18px}
body.app-shell main .record-flow-card {background:#fff;border:1px solid #d5e5ec;border-radius:18px;padding:22px;margin-bottom:18px;color:#103a63}
body.app-shell main .record-flow-card h2 {font-size:19px;margin:0 0 14px}
body.app-shell main .record-flow-card p {color:#627f93;line-height:1.5}
body.app-shell main .record-flow-status {display:block;color:#087c80;font-weight:700;margin:12px 0}
body.app-shell main .record-flow-draft {border-color:#e6d2a6;background:#fffdf8}
body.app-shell main .record-flow-row {margin-top:12px;border:1px solid #d9e5ee;border-radius:12px;padding:15px 18px}
body.app-shell main .record-flow-row > summary {display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;font-weight:600}
body.app-shell main .record-flow-row small {display:block;font-size:12px;color:#627f93;margin-top:6px}
body.app-shell main .record-flow-row:not([open]) .when-open,body.app-shell main .record-flow-row[open] .when-closed {display:none}
body.app-shell main .record-flow-row > summary > .when-open,body.app-shell main .record-flow-row > summary > .when-closed {color:#08738f;font-size:13px}
/* Preserve every existing field and its binding; only the surrounding presentation changes. */
body.app-shell main .anamnesis-card:has(.record-flow-anamnesis-grid) {background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.app-shell main .record-flow-anamnesis-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
body.app-shell main .record-flow-anamnesis-grid > label {display:flex!important;flex-direction:column;gap:12px;background:#fff!important;border:1px solid #d9e5ee;border-radius:16px;padding:20px!important;margin:0!important;color:#103a63!important;min-width:0}
body.app-shell main .record-flow-anamnesis-grid > label.field-textarea {grid-column:1 / -1!important}
body.app-shell main .record-flow-anamnesis-grid .record-field-heading {display:flex;align-items:center;gap:10px;font-size:16px;font-weight:750}
body.app-shell main .record-field-icon {width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.app-shell main .record-flow-anamnesis-grid textarea {min-height:84px!important;max-height:65vh;font-size:15px!important;line-height:1.6!important;padding:13px 15px!important;background:#fff!important;border:1px solid #cfdeea!important;border-radius:9px!important;resize:vertical}
body.app-shell main .record-field-counter {align-self:flex-end;color:#7890a3;font-size:12px;font-weight:400}
body.app-shell main .record-flow-anamnesis-grid input,body.app-shell main .record-flow-anamnesis-grid select {background:#fff!important}
body.app-shell main .anamnesis-actions {margin-top:18px!important;padding:18px;background:#fff;border:1px solid #d9e5ee;border-radius:14px}
body.app-shell main .record-reference-notice {margin:12px 0;padding:14px 18px;background:#fff8df;border:1px solid #e4cc7b;border-radius:12px}
body.app-shell main .record-flow-hidden[hidden] {display:none!important}
@media(max-width:700px){body.app-shell main .record-flow-anamnesis-grid {grid-template-columns:minmax(0,1fr)!important}body.app-shell main .record-flow-toolbar{align-items:stretch;flex-direction:column}body.app-shell main .record-flow-cards{grid-template-columns:1fr}}
/* Match the existing selected-tab outline when hovering or using the keyboard. */
body.app-shell main .conduct-workspace .care-tabs a:hover,
body.app-shell main .conduct-workspace .care-tabs a:focus-visible {
  border-color:#1687a9;
  background:#edf9fc;
  color:#0b4168;
  box-shadow:inset 0 0 0 1px rgba(22,135,169,.08);
}
/* The consultation view has three tabs; fill the entire box with equal columns. */
@media(min-width:701px){
  body.app-shell main .conduct-workspace > .care-tabs[aria-label="Áreas de Condutas"] {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
/* White background throughout the saved assessment reference box. */
body.app-shell main .evaluator-workspace .evaluator-reference,
body.app-shell main .evaluator-workspace .evaluator-reference > details > summary,
body.app-shell main .evaluator-workspace .evaluator-reference > h2,
body.app-shell main .evaluator-workspace .evaluator-reference .evaluator-objectives-summary {
  background:#fff;
}
/* Anamnesis reference matches the assessment reference; notices remain visible. */
body.app-shell main .anw-baseline {
  padding:0!important;background:#fff!important;color:#153c58;
  border:1px solid #9bcbd4!important;border-top:4px solid #17768a!important;
  border-radius:13px!important;box-shadow:0 6px 20px rgba(17,69,97,.06);
  overflow:hidden;font-size:14px;line-height:1.52;
}
body.app-shell main .anw-baseline > header {
  padding:13px 18px!important;background:#fff!important;border-bottom:1px solid #d8eaf0;
}
body.app-shell main .anw-baseline > header h2 {
  margin:0!important;font-size:18px!important;font-weight:700;line-height:1.52;
}
body.app-shell main .anw-baseline .anw-metrics {
  margin:0;padding:14px 18px!important;gap:12px 18px!important;
  grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;
}
body.app-shell main .anw-baseline .anw-metrics > div {border-right:1px solid #edf1f5;padding-right:10px}
body.app-shell main .anw-baseline .anw-metrics small {font-size:12px!important;line-height:1.52;color:#668094;margin-bottom:3px!important}
body.app-shell main .anw-baseline .anw-metrics strong {font-size:16px!important;font-weight:700;line-height:1.3;color:#153c58}
body.app-shell main .anw-baseline > footer {
  margin:0;padding:11px 18px!important;background:#fff!important;border-top:1px solid #d8eaf0;text-align:left!important;
}
body.app-shell main .anw-baseline > footer > strong {font-size:14px!important;line-height:1.52;font-weight:700}
body.app-shell main .anw-baseline > footer > p {font-size:14px!important;line-height:1.4;margin:5px 0 0!important;white-space:normal;overflow-wrap:anywhere}
body.app-shell main .anw-baseline > footer > small {display:block;margin-top:10px}
@media(max-width:1100px){body.app-shell main .anw-baseline .anw-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){body.app-shell main .anw-baseline .anw-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}}