@import url('/clinical-flow.css?v=20261013-flows');
/* Pediatria uses the same tokens and account header as Notas. All selectors
   below stay local to this section so existing editors remain unchanged. */
.rx-main-nav a { display:flex; align-items:center; text-decoration:none; color:var(--muted); font-weight:600; border-bottom:3px solid transparent; }
.rx-main-nav a.active { color:var(--blue); border-bottom-color:var(--blue); }
.ped-workspace { width:100%; max-width:1100px; margin:0 auto; padding:24px 40px 32px; }
.ped-home-view { width:calc(100% - 16px); max-width:980px; margin-inline:auto; }
.ped-category-view,.ped-results-view { width:100%; max-width:860px; margin-inline:auto; }
.ped-medicine-view { --ped-aside-width:230px; --ped-column-gap:16px; --ped-content-pad:16px; width:100%; max-width:1060px; margin-inline:auto; }
.ped-toolbar { display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.ped-toolbar[hidden] { display:none; }
.ped-search { position:relative; display:flex; align-items:center; width:min(100%,560px); min-width:0; }
.ped-search > .icon { position:absolute; left:14px; width:18px; height:18px; color:var(--muted); pointer-events:none; }
.ped-search input { width:100%; height:44px; margin:0; padding:10px 14px 10px 42px; border-radius:13px; background:var(--surface); }
.ped-error { border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border)); background:var(--surface); color:var(--danger); border-radius:9px; padding:10px 12px; font-size:calc(12px * var(--pelison-type-scale, 1)); margin:0 0 12px; }
.ped-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(145px,1fr)); gap:13px; }
.ped-toolbar { position:relative; }
.ped-navigation-edit { position:absolute; right:0; }
.ped-nav-editor { max-width:700px; width:calc(100% - 24px); padding:20px; }
.ped-nav-editor .dialog-heading h2 { font-size:18px; }
.ped-nav-rows { display:grid; gap:8px; }
.ped-nav-row { display:grid; grid-template-columns:30px minmax(0,1fr) 12px 110px auto; align-items:center; gap:8px; padding:8px; border:1px solid var(--border); border-radius:10px; background:var(--surface-soft); }
.ped-nav-name { font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.ped-nav-swatch { width:12px; height:12px; border-radius:50%; }
.ped-nav-row select { width:100%; min-width:0; height:36px; padding:6px; border:1px solid var(--border); border-radius:7px; background:var(--surface); color:var(--text); font-size:12px; }
.ped-nav-actions { display:flex; gap:2px; }
.ped-nav-grip { cursor:grab; }
.ped-nav-drop { border-color:var(--blue); }
.ped-nav-editor .dialog-actions { margin-top:18px; }
@media(max-width:540px){
 .ped-toolbar:has(.ped-navigation-edit:not([hidden])) .ped-search { margin-right:44px; }
 .ped-nav-editor { padding:14px; }
 .ped-nav-row { grid-template-columns:24px minmax(0,1fr) auto; gap:6px; }
 .ped-nav-grip { grid-row:1 / span 2; }
 .ped-nav-name { grid-column:2; }
 .ped-nav-swatch { display:none; }
 .ped-nav-row select { grid-column:2; max-width:160px; }
 .ped-nav-actions { grid-column:3; grid-row:1 / span 2; }
 .ped-nav-actions .icon-button { min-width:36px; min-height:40px; }
}
.ped-tile { --ped-accent:var(--blue); --ped-tint:#eaf2ff; min-height:129px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:12px; padding:16px 14px 13px; border:1px solid color-mix(in srgb,var(--ped-accent) 12%,var(--border)); border-radius:17px; background:linear-gradient(135deg,color-mix(in srgb,var(--ped-tint) 76%,var(--surface)),color-mix(in srgb,var(--ped-tint) 28%,var(--surface))); box-shadow:inset 0 1px 0 #ffffffa0,0 3px 14px #233a6405; text-decoration:none; color:var(--text); font-size:calc(13px * var(--pelison-type-scale, 1)); line-height:1.3; font-weight:600; transition:transform .15s,border-color .15s,box-shadow .15s; backdrop-filter:blur(12px); }
.ped-tile:hover { border-color:color-mix(in srgb,var(--ped-accent) 45%,var(--border)); transform:translateY(-2px); box-shadow:0 5px 20px #233a6412; }
.ped-tile > span:last-child { min-width:0; overflow-wrap:anywhere; }
.ped-tile-icon { display:grid; place-items:center; flex-shrink:0; width:42px; height:42px; border-radius:12px; color:var(--ped-accent); background:color-mix(in srgb,var(--surface) 88%,transparent); }
.ped-tile-icon .icon { width:27px; height:27px; stroke-width:1.7; }
.ped-tile-meta { font-size:calc(10px * var(--pelison-type-scale, 1)); color:var(--muted); font-weight:400; margin-top:3px; }
.ped-grid-group { margin:19px 0 9px; color:var(--muted); font-size:calc(11px * var(--pelison-type-scale, 1)); font-weight:600; }
:root[data-theme="dark"] .ped-tile { --ped-tint:var(--surface-soft); background:linear-gradient(135deg,color-mix(in srgb,var(--ped-accent) 13%,var(--surface)),var(--surface)); box-shadow:inset 0 1px 0 #ffffff08,0 3px 14px #0000000a; }
:root[data-theme="dark"] .ped-tile-icon { color:color-mix(in srgb,var(--ped-accent) 65%,white); }
.ped-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 12px; color:var(--muted); font-size:calc(12px * var(--pelison-type-scale, 1)); }
.ped-breadcrumb a { text-decoration:none; }
.ped-breadcrumb a:hover { text-decoration:underline; }
.ped-panel { background:var(--surface); border:1px solid var(--border); border-radius:14px; min-width:0; overflow:hidden; }
.ped-list-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 16px; }
.ped-list-heading h1,.ped-list-heading h2 { font-size:calc(17px * var(--pelison-type-scale, 1)); margin:0; letter-spacing:-.3px; }
.ped-count { font-size:calc(11px * var(--pelison-type-scale, 1)); color:var(--muted); white-space:nowrap; }
.ped-result { display:flex; align-items:center; gap:12px; padding:13px 16px; min-height:59px; text-decoration:none; color:var(--text); border-bottom:1px solid var(--border); }
.ped-result:last-child { border-bottom:0; }
.ped-result:hover { background:var(--surface-soft); }
.ped-result-copy { min-width:0; flex:1; }
.ped-result-title { display:block; font-weight:600; font-size:calc(13px * var(--pelison-type-scale, 1)); line-height:1.45; overflow-wrap:anywhere; }
.ped-result-subtitle { display:block; color:var(--muted); font-size:calc(11px * var(--pelison-type-scale, 1)); margin-top:2px; line-height:1.4; overflow-wrap:anywhere; }
.ped-result-route { flex-shrink:0; max-width:90px; color:var(--muted); font-size:calc(10px * var(--pelison-type-scale, 1)); font-weight:600; line-height:1.4; letter-spacing:.04em; text-align:right; text-transform:uppercase; }
.ped-tag { display:inline-flex; align-items:center; border-radius:6px; padding:3px 7px; font-size:calc(10px * var(--pelison-type-scale, 1)); font-weight:600; color:var(--blue); background:var(--blue-soft); flex-shrink:0; }
.ped-tag[data-section="guide"] { color:#8860b8; background:#f1eaff; }
:root[data-theme="dark"] .ped-tag[data-section="guide"] { color:#d2afff; background:#3c2e50; }
.ped-result > .icon { color:var(--muted); width:15px; }
.ped-empty { text-align:center; padding:28px 18px; color:var(--muted); font-size:calc(13px * var(--pelison-type-scale, 1)); line-height:1.6; }
.ped-empty p { margin:0 0 10px; }
.ped-detail-grid { display:grid; grid-template-columns:var(--ped-aside-width,230px) minmax(0,1fr); gap:var(--ped-column-gap,16px); align-items:start; }
.ped-detail-grid.ped-detail-grid-single { grid-template-columns:minmax(0,1fr); }
.ped-observation-column { display:grid; gap:12px; min-width:0; }
.ped-warning-box { padding:16px; font-size:calc(12px * var(--pelison-type-scale, 1)); line-height:1.55; }
.ped-warning-box h2 { color:var(--danger); font-size:calc(13px * var(--pelison-type-scale, 1)); margin:0 0 10px; }
.ped-warning-box h3 { font-size:calc(11px * var(--pelison-type-scale, 1)); margin:12px 0 4px; color:var(--muted); }
.ped-warning-box p { margin:0 0 7px; overflow-wrap:anywhere; white-space:pre-line; }
.ped-warning-box ul { padding-left:17px; margin:0; }
.ped-warning-box li { margin-bottom:7px; overflow-wrap:anywhere; }
.ped-warning-box li:last-child { margin-bottom:0; }
.ped-observations { padding:16px; font-size:calc(12px * var(--pelison-type-scale, 1)); line-height:1.55; }
.ped-observations h2 { font-size:calc(13px * var(--pelison-type-scale, 1)); margin:0 0 12px; }
.ped-observations h3 { font-size:calc(11px * var(--pelison-type-scale, 1)); margin:17px 0 4px; color:var(--muted); font-weight:600; }
.ped-observations p { margin:0 0 7px; overflow-wrap:anywhere; white-space:pre-line; }
.ped-observations ul { padding-left:17px; margin:6px 0; }
.ped-observations li { margin-bottom:7px; }
.ped-note { color:var(--muted); font-size:calc(12px * var(--pelison-type-scale, 1)); line-height:1.55; }
.ped-warning { color:var(--danger); }
.ped-med-heading { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:15px 18px; border-bottom:1px solid var(--border); }
.ped-med-heading h1 { margin:0; font-size:calc(23px * var(--pelison-type-scale, 1)); letter-spacing:-.65px; line-height:1.2; overflow-wrap:anywhere; }
.ped-med-category { display:block; color:var(--muted); font-size:calc(11px * var(--pelison-type-scale, 1)); margin-bottom:5px; }
.ped-action { display:inline-flex; align-items:center; justify-content:center; min-width:34px; min-height:34px; margin:0; padding:7px 9px; color:var(--blue); border:1px solid var(--border); background:var(--surface); border-radius:8px; flex-shrink:0; font-size:calc(12px * var(--pelison-type-scale, 1)); line-height:1.3; gap:6px; }
.ped-action .icon { width:17px; height:17px; }
.ped-action:hover { background:var(--surface-soft); }
.ped-text-action { color:var(--blue); background:transparent; border:0; padding:6px 0; font-size:calc(12px * var(--pelison-type-scale, 1)); font-weight:600; }
.ped-tabs { display:flex; gap:6px; padding:10px 12px; overflow-x:auto; border-bottom:1px solid var(--border); }
.ped-tabs button { margin:0; border:0; border-radius:8px; padding:9px 12px; background:transparent; color:var(--muted); font-size:calc(12px * var(--pelison-type-scale, 1)); white-space:nowrap; }
.ped-tabs button[aria-selected="true"] { background:var(--blue-soft); color:var(--blue); font-weight:600; }
.ped-regimen-tabs { flex-wrap:wrap; align-items:flex-start; padding:12px var(--ped-content-pad,16px); overflow:visible; }
.ped-regimen-tabs button { min-width:0; max-width:100%; min-height:34px; white-space:normal; overflow-wrap:anywhere; line-height:1.4; text-align:left; }
.ped-regimen { padding:13px 16px 16px; }
.ped-regimen-group + .ped-regimen-group { border-top:1px solid var(--border); margin-top:14px; padding-top:14px; }
.ped-regimen-group-title { color:var(--muted); font-size:calc(11px * var(--pelison-type-scale, 1)); font-weight:600; margin:0 0 10px; }
.ped-regimen-meta { display:flex; flex-wrap:wrap; gap:6px 12px; color:var(--muted); font-size:calc(11px * var(--pelison-type-scale, 1)); margin-bottom:10px; }
.ped-dosage-card { padding:14px 0; border:0; border-top:1px solid var(--border); background:transparent; border-radius:0; margin:0; }
.ped-dosage-card:first-child { border-top:0; padding-top:0; }
.ped-dosage-card:last-child { padding-bottom:0; }
.ped-dosage-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; }
.ped-dosage-top h3 { flex:1; min-width:0; margin:0; font-size:calc(13px * var(--pelison-type-scale, 1)); line-height:1.45; overflow-wrap:anywhere; }
.ped-presentation-icon { display:inline-grid; place-items:center; width:20px; height:20px; margin-right:6px; color:var(--muted); vertical-align:-.25em; }
.ped-presentation-icon .icon { width:16px; height:16px; stroke-width:1.8; }
.ped-dose-output { font-size:calc(14px * var(--pelison-type-scale, 1)); line-height:1.6; background:transparent; padding:0; border-radius:0; color:var(--text); margin:0; overflow-wrap:anywhere; }
.ped-dose-output strong { color:var(--blue); }
.ped-dose-information { display:flex; flex-wrap:wrap; gap:4px 15px; color:var(--muted); font-size:calc(11px * var(--pelison-type-scale, 1)); margin:7px 0 0; }
.ped-dosage-card .ped-source { margin-top:8px; }
.ped-regimen-notes { white-space:pre-line; margin:12px 0 0; }
.ped-source { color:var(--muted); font-size:calc(10px * var(--pelison-type-scale, 1)); margin:14px 0 0; line-height:1.5; }
.ped-patient-band { color:#fff; border:1px solid #477dd1; border-radius:15px; background:linear-gradient(118deg,#2468bb,#367fd3 62%,#5c98db); padding:19px 22px 17px; margin-bottom:16px; box-shadow:inset 0 1px 0 #ffffff24,0 6px 22px #20579b14; }
.ped-medicine-view .ped-patient-band { padding-left:calc(var(--ped-aside-width) + var(--ped-column-gap) + var(--ped-content-pad)); padding-right:var(--ped-content-pad); }
.ped-band-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; }
.ped-band-heading h1 { font-size:calc(29px * var(--pelison-type-scale, 1)); line-height:1.2; letter-spacing:-.7px; margin:0; overflow-wrap:anywhere; }
.ped-patient-band .ped-action { background:#ffffff16; border-color:#ffffff42; color:#fff; }
.ped-patient-band .ped-action:hover { background:#ffffff2d; }
.ped-patient-fields { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) max-content; align-items:end; gap:12px; width:min(100%,540px); }
.ped-patient-fields[data-layout="weight"] { grid-template-columns:minmax(0,1fr); width:min(100%,280px); }
.ped-patient-fields[data-layout="age"] { grid-template-columns:minmax(0,1fr) max-content; width:min(100%,390px); }
.ped-patient-fields[data-layout="none"] { display:none; }
.ped-patient-band .ped-field { color:#edf5ff; gap:5px; }
.ped-patient-band .ped-field input { box-sizing:border-box; color:#15273f; background:#ffffffeb; border-color:#ffffff85; height:43px; min-height:43px; max-height:43px; margin:0; }
.ped-patient-band .ped-field input::placeholder { color:#60738a; }
.ped-patient-band .ped-field input:focus { outline:2px solid #c0e0ff; outline-offset:2px; }
.ped-age-toggle { box-sizing:border-box; display:flex; align-items:center; align-self:end; width:112px; min-width:112px; height:34px; margin:0 0 4.5px; padding:2px; border:1px solid var(--border); border-radius:18px; background:var(--surface-soft); }
.ped-age-option { flex:1; min-width:0; height:28px; margin:0; padding:0 4px; border:0; border-radius:15px; background:transparent; color:var(--muted); font-size:calc(12px * var(--pelison-type-scale, 1)); font-weight:600; line-height:1; transition:background .15s,color .15s; }
.ped-age-option:hover { background:var(--blue-soft); color:var(--blue); }
.ped-age-option[aria-pressed="true"] { background:var(--blue); color:#fff; box-shadow:0 1px 3px #0002; }
.ped-age-option:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
:root[data-theme="dark"] .ped-age-option[aria-pressed="true"] { color:#15273f; }
.ped-medicine-metadata { display:flex; flex-wrap:wrap; align-items:center; gap:8px 22px; margin-top:14px; font-size:calc(11px * var(--pelison-type-scale, 1)); line-height:1.55; color:#f0f7ff; }
.ped-medicine-metadata span { display:inline-flex; align-items:center; gap:5px; overflow-wrap:anywhere; }
.ped-medicine-metadata .icon { width:14px; height:14px; flex:0 0 auto; stroke-width:1.8; }
.ped-age-warning { margin-top:12px; padding:9px 11px; border:1px solid #ecb3bb; border-radius:8px; background:#fff0f2; color:#98212f; font-size:calc(12px * var(--pelison-type-scale, 1)); line-height:1.5; }
.ped-age-warning p { margin:0; }
.ped-age-warning p + p { margin-top:5px; }
.ped-dose-quantity { color:var(--blue); font-weight:700; }
.ped-reference { padding:13px 16px; border-top:1px solid var(--border); font-size:calc(11px * var(--pelison-type-scale, 1)); color:var(--muted); }
.ped-reference summary { cursor:pointer; line-height:1.5; }
.ped-reference-text { margin-top:12px; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--text); font-size:calc(12px * var(--pelison-type-scale, 1)); line-height:1.6; }
:root[data-theme="dark"] .ped-patient-band { background:linear-gradient(115deg,#214f85,#265f9d 64%,#356ca5); border-color:#4675a4; }
.ped-content { padding:17px 18px; line-height:1.6; font-size:calc(13px * var(--pelison-type-scale, 1)); overflow-wrap:anywhere; }
.ped-content h2 { margin:0 0 10px; font-size:calc(16px * var(--pelison-type-scale, 1)); }
.ped-content-text { white-space:pre-line; margin:0 0 14px; }
.ped-flow { display:flex; flex-direction:column; align-items:center; gap:13px; }
.ped-flow-node { width:min(100%,550px); border:1px solid var(--border); border-radius:11px; background:var(--surface-soft); padding:13px 15px; scroll-margin-top:16px; }
.ped-flow-node h3 { margin:0 0 5px; font-size:calc(13px * var(--pelison-type-scale, 1)); }
.ped-flow-node p { margin:0; white-space:pre-line; font-size:calc(12px * var(--pelison-type-scale, 1)); }
.ped-flow-node:target { outline:2px solid var(--blue); outline-offset:2px; }
.ped-flow-next { display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; }
.ped-flow-next button { color:var(--blue); border:1px solid var(--border); background:var(--surface); border-radius:7px; padding:7px 9px; font-size:calc(11px * var(--pelison-type-scale, 1)); }

.ped-calc { max-width:730px; margin:0 auto; padding:17px; }
.ped-calc h1 { margin:0 0 17px; font-size:calc(19px * var(--pelison-type-scale, 1)); }
.ped-calc-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; }
.ped-field { display:flex; flex-direction:column; gap:6px; font-size:calc(12px * var(--pelison-type-scale, 1)); color:var(--muted); min-width:0; margin:0; }
.ped-field input,.ped-field select { min-width:0; width:100%; height:42px; margin:0; border:1px solid var(--border); background:var(--surface-soft); border-radius:9px; padding:9px 10px; color:var(--text); }
.ped-calc-result { padding:13px; background:var(--blue-soft); border-radius:9px; margin-top:15px; color:var(--blue); font-size:calc(18px * var(--pelison-type-scale, 1)); font-weight:600; }
@media(max-width:900px) { .ped-workspace { padding:16px 20px 24px; } .ped-medicine-view { --ped-aside-width:220px; --ped-column-gap:12px; } }
@media(max-width:720px) {
  .ped-medicine-view { --ped-content-pad:15px; }
  .ped-detail-grid { display:flex; flex-direction:column; gap:11px; }
  .ped-observation-column { width:100%; order:2; }
  .ped-observations,.ped-warning-box { width:100%; padding:13px 15px; }
  .ped-medicine { width:100%; order:1; }
  .ped-medicine-view .ped-patient-band { padding-left:var(--ped-content-pad); }
  .ped-regimen { padding-inline:var(--ped-content-pad,16px); }
}
@media(max-width:600px) {
  .ped-workspace { padding:12px 12px 20px; }
  .ped-toolbar { flex-wrap:wrap; gap:9px; margin-bottom:13px; }
  .ped-search { width:100%; max-width:560px; }
  .ped-search input { font-size:calc(13px * var(--pelison-type-scale, 1)); height:43px; padding-left:36px; }
  .ped-search > .icon { left:11px; width:17px; }
  .ped-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
  .ped-tile { min-height:112px; padding:12px 10px 11px; gap:10px; font-size:calc(11px * var(--pelison-type-scale, 1)); border-radius:13px; }
  .ped-tile-icon { width:38px; height:38px; border-radius:11px; }
  .ped-tile-icon .icon { width:25px; height:25px; }
  .ped-tile-meta { font-size:calc(9px * var(--pelison-type-scale, 1)); }
  .ped-med-heading { padding:14px; }
  .ped-med-heading h1 { font-size:calc(20px * var(--pelison-type-scale, 1)); }
  .ped-patient-band { padding:15px; margin-bottom:12px; }
  .ped-band-heading { margin-bottom:12px; }
  .ped-band-heading h1 { font-size:calc(24px * var(--pelison-type-scale, 1)); }
  .ped-patient-fields { grid-template-columns:minmax(0,1fr) minmax(0,1fr) max-content; gap:8px; width:100%; }
  .ped-patient-fields[data-layout="weight"] { grid-template-columns:minmax(0,1fr); width:100%; }
  .ped-patient-fields[data-layout="age"] { grid-template-columns:minmax(0,1fr) max-content; width:100%; }
  .ped-patient-band .ped-field input { font-size:calc(16px * var(--pelison-type-scale, 1)); padding:9px 8px; }
  .ped-medicine-metadata { margin-top:12px; gap:5px 15px; font-size:calc(10px * var(--pelison-type-scale, 1)); }
  .ped-regimen { padding:12px var(--ped-content-pad,15px); }
  .ped-list-heading,.ped-result { padding:12px 13px; }
  .ped-calc-grid { grid-template-columns:1fr 1fr; }
  .ped-calc-grid .ped-field:first-child { grid-column:1/-1; }
}
@media(prefers-reduced-motion:reduce) { .ped-tile,.ped-age-option { transition:none; } }

.ped-dose-output { white-space:pre-line; }

/* Separate route options and prescriber notes without changing prescription data. */
.ped-route-group + .ped-route-group { margin-top:24px; padding-top:22px; border-top:1px solid var(--border); }
.ped-route-heading { display:inline-flex; align-items:center; max-width:100%; margin:0 0 15px; padding:5px 9px; border-radius:7px; background:var(--blue-soft); color:var(--blue); font-size:calc(12px * var(--pelison-type-scale, 1)); font-weight:600; line-height:1.45; overflow-wrap:anywhere; }
.ped-route-presentations > .ped-dosage-card { padding:18px 0; }
.ped-route-presentations > .ped-dosage-card:first-child { padding-top:0; }
.ped-route-presentations > .ped-dosage-card:last-child { padding-bottom:0; }
.ped-dosage-top { margin-bottom:6px; align-items:flex-start; }
.ped-dosage-top h4 { flex:1; min-width:0; margin:6px 0 0; font-size:calc(14px * var(--pelison-type-scale, 1)); font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.ped-dose-block + .ped-dose-block { margin-top:14px; }
.ped-dose-block-title { display:inline-block; margin:0 0 5px; color:var(--muted); font-size:calc(11px * var(--pelison-type-scale, 1)); font-weight:600; line-height:1.4; }
.ped-dose-output { font-size:calc(14px * var(--pelison-type-scale, 1)); line-height:1.65; }
.ped-dose-information { margin-top:11px; }
.ped-prescriber-notes { margin-top:16px; padding:12px 13px; border:1px solid var(--border); border-radius:9px; background:var(--surface-soft); }
.ped-note-heading { margin:0 0 8px; color:var(--blue); font-size:calc(11px * var(--pelison-type-scale, 1)); font-weight:600; line-height:1.4; }
.ped-prescriber-section + .ped-prescriber-section { margin-top:13px; }
.ped-note-subtitle { display:inline-block; margin:0 0 5px; padding:3px 6px; border-radius:5px; background:var(--surface); color:var(--text); font-size:calc(11px * var(--pelison-type-scale, 1)); font-weight:600; line-height:1.4; }
.ped-prescriber-text { margin:0; color:var(--muted); font-size:calc(13px * var(--pelison-type-scale, 1)); line-height:1.65; white-space:pre-line; overflow-wrap:anywhere; }
.ped-note-template-warning { margin:9px 0 0; color:var(--danger); font-size:calc(11px * var(--pelison-type-scale, 1)); line-height:1.5; overflow-wrap:anywhere; }

/* Each administration route retains its color in separate or combined options. */
.ped-route-title { display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-width:0; margin:0 0 15px; }
.ped-route-title > .ped-route-heading { margin:0; }
.ped-route-heading { --ped-route-color:#5d6877; --ped-route-background:#eff2f6; color:var(--ped-route-color); background:var(--ped-route-background); }
.ped-route-heading[data-route="EV"],.ped-route-heading[data-route="IV"] { --ped-route-color:var(--blue); --ped-route-background:var(--blue-soft); }
.ped-route-heading[data-route="SC"] { --ped-route-color:var(--content-orange); --ped-route-background:var(--content-orange-bg); }
.ped-route-heading:is([data-route="VO"],[data-route="ENTERAL"],[data-route="SNG"],[data-route="SNE"]) { --ped-route-color:var(--content-green); --ped-route-background:var(--content-green-bg); }
.ped-route-heading[data-route="IM"] { --ped-route-color:var(--content-purple); --ped-route-background:var(--content-purple-bg); }
.ped-route-heading[data-route="SL"] { --ped-route-color:var(--content-teal); --ped-route-background:var(--content-teal-bg); }
.ped-route-heading[data-route="INALATÓRIA"] { --ped-route-color:var(--content-cyan); --ped-route-background:var(--content-cyan-bg); }
.ped-route-heading[data-route="RETAL"] { --ped-route-color:var(--content-pink); --ped-route-background:var(--content-pink-bg); }
:root[data-theme="dark"] .ped-route-heading { --ped-route-color:#b9c3d2; --ped-route-background:#303a49; }
:root[data-theme="dark"] .ped-route-heading[data-route="EV"],:root[data-theme="dark"] .ped-route-heading[data-route="IV"] { --ped-route-color:var(--blue); --ped-route-background:var(--blue-soft); }
:root[data-theme="dark"] .ped-route-heading[data-route="SC"] { --ped-route-color:var(--content-orange); --ped-route-background:var(--content-orange-bg); }
:root[data-theme="dark"] .ped-route-heading:is([data-route="VO"],[data-route="ENTERAL"],[data-route="SNG"],[data-route="SNE"]) { --ped-route-color:var(--content-green); --ped-route-background:var(--content-green-bg); }
:root[data-theme="dark"] .ped-route-heading[data-route="IM"] { --ped-route-color:var(--content-purple); --ped-route-background:var(--content-purple-bg); }
:root[data-theme="dark"] .ped-route-heading[data-route="SL"] { --ped-route-color:var(--content-teal); --ped-route-background:var(--content-teal-bg); }
:root[data-theme="dark"] .ped-route-heading[data-route="INALATÓRIA"] { --ped-route-color:var(--content-cyan); --ped-route-background:var(--content-cyan-bg); }
:root[data-theme="dark"] .ped-route-heading[data-route="RETAL"] { --ped-route-color:var(--content-pink); --ped-route-background:var(--content-pink-bg); }

/* Shared compact blue heading and dose cards inside each chosen flow step. */
.ped-flow-view .ped-patient-band { padding-inline:22px; }
.ped-flow-view .ped-band-heading h1 { font-size:calc(28px * var(--pelison-type-scale, 1)); }
.ped-flow-view .ped-patient-fields { max-width:600px; }
.ped-flow-summary { margin:0 0 16px; }
.ped-flow-summary > summary { padding:14px 18px; color:var(--text); font-size:calc(14px * var(--pelison-type-scale, 1)); font-weight:600; cursor:pointer; }
.ped-flow-summary .ped-content { padding:0 18px 16px; }
.ped-flow-summary .ped-content-text { margin:0 0 10px; line-height:1.6; font-size:calc(13px * var(--pelison-type-scale, 1)); }
.ped-flow-summary .ped-content-text:last-child { margin-bottom:0; }
.ped-flow-doses { margin-top:18px; }
.ped-flow-doses .ped-dosage-card { padding:16px 0; }
.ped-flow-doses .ped-dosage-card:first-child { padding-top:0; }
.ped-flow-doses .ped-dosage-card:last-child { padding-bottom:0; }
.ped-flow-doses .ped-dose-output { text-transform:none; }
@media(max-width:600px) { .ped-flow-view .ped-patient-band { padding-inline:15px; } .ped-flow-view .ped-band-heading h1 { font-size:calc(24px * var(--pelison-type-scale, 1)); } }

/* Text articles and flow steps share the editorial reading components. */
.ped-content>.content-markdown{margin-bottom:14px;}.ped-content>.content-markdown:last-child{margin-bottom:0;}.ped-flow-step>.content-markdown,.ped-flow-map-node>.content-markdown{margin-top:12px;}.ped-dose-field .content-editor{color:var(--text);font-weight:400;}
.ped-content .clinical-illustration{margin:18px auto;max-width:720px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface);}
.ped-content .clinical-illustration img{display:block;width:100%;height:auto;background:#f8fafc;}
.ped-content .clinical-illustration figcaption{padding:10px 12px;color:var(--muted);font-size:calc(13px * var(--pelison-type-scale, 1));line-height:1.45;}

/* Same palette in the first authenticated HTML response. */
.ped-tile[data-color="blue"]{--ped-accent:#3b7bd8;--ped-tint:#e8f1ff;}
.ped-tile[data-color="violet"]{--ped-accent:#8760c4;--ped-tint:#f0eafd;}
.ped-tile[data-color="slate"]{--ped-accent:#65758a;--ped-tint:#edf0f4;}
.ped-tile[data-color="rose"]{--ped-accent:#cc6684;--ped-tint:#ffedf2;}
.ped-tile[data-color="orange"]{--ped-accent:#c88235;--ped-tint:#fff0e3;}
.ped-tile[data-color="amber"]{--ped-accent:#b49436;--ped-tint:#fff7df;}
.ped-tile[data-color="green"]{--ped-accent:#3b966e;--ped-tint:#e8f6ef;}
.ped-tile[data-color="cyan"]{--ped-accent:#3691aa;--ped-tint:#e6f6fb;}
.ped-tile[data-color="teal"]{--ped-accent:#318e84;--ped-tint:#e7f6f3;}

/* Imported clinical directory uses the shared Guidebook reading surfaces. */
.ped-clinical-groups{padding:0 14px 14px}.ped-clinical-groups .ped-result:last-child{border-bottom:0}