#ped-app *{box-sizing:border-box;margin:0;padding:0}
#ped-app{
  --teal:#08a9b8;--teal-dark:#0791a0;--teal-darker:#04708a;
  --teal-light:#e0f7fa;--teal-mid:#b2ebf2;
  --navy:#162033;--navy-mid:#243047;--muted:#657084;--border:#e2eaf4;
  --bg:#f7f9fc;--card:#ffffff;--red:#dc2626;--red-dark:#b91c1c;--red-bg:#fef2f1;
  --green:#10b981;--green-dark:#059669;--green-bg:#ecfdf5;
  --orange:#f59e0b;--orange-dark:#d97706;--orange-bg:#fffbeb;
  --blue:#3b82f6;--blue-dark:#2563eb;--blue-bg:#eff6ff;
  --purple:#8b5cf6;--purple-dark:#6d28d9;--purple-bg:#f5f3ff;
  --mono:'DM Mono','Courier New',monospace;
  --font:'Plus Jakarta Sans',system-ui,sans-serif;--font-head:'Sora',system-ui,sans-serif;
  max-width:1100px;margin:30px auto;padding:0 16px;font-family:var(--font);color:var(--navy);line-height:1.6;
}
#ped-app a{text-decoration:none!important;color:inherit}
#ped-app .hidden{display:none!important}

/* BREADCRUMB */
#ped-app .ped-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:25px;font-size:13px;font-weight:500;color:#7b8794;flex-wrap:wrap}
#ped-app .ped-breadcrumb a{color:#7b8794}
#ped-app .ped-breadcrumb a:hover{color:var(--teal-dark)}
#ped-app .ped-breadcrumb .current{color:#0f172a;font-weight:700}

/* BLOCK LABEL */
#ped-app .ped-block-label{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,rgba(8,169,184,.1),rgba(8,169,184,.04));border:1px solid rgba(8,169,184,.2);color:var(--teal-dark);padding:6px 14px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
#ped-app .ped-block-label .dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pedPulse 1.4s infinite}
@keyframes pedPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}

/* HERO */
#ped-app .ped-hero{background:linear-gradient(135deg,#0f2540,#0d1b2e);border-radius:24px;padding:34px 28px;margin-bottom:18px;color:#fff;overflow:hidden;position:relative}
#ped-app .ped-hero::before{content:'';position:absolute;right:-80px;top:-90px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(8,169,184,.32),transparent 70%)}
#ped-app .ped-hero-content{position:relative;z-index:1;max-width:760px}
#ped-app .ped-hero h1{font-family:var(--font-head);font-size:clamp(30px,5vw,48px);line-height:1.06;font-weight:900;color:#fff;letter-spacing:-.04em;margin-bottom:10px}
#ped-app .ped-hero p{font-size:15.5px;color:rgba(255,255,255,.78);max-width:720px;margin-bottom:20px}
#ped-app .ped-hero-pills{display:flex;flex-wrap:wrap;gap:8px}
#ped-app .ped-hero-pills span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;color:#fff}

/* SHELL + HEAD */
#ped-app .ped-shell{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(22,32,51,.08)}
#ped-app .ped-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(135deg,#0f2540,#0d1b2e);padding:16px 24px;color:#fff}
#ped-app .ped-head-left{display:flex;align-items:center;gap:14px}
#ped-app .ped-head-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--teal),var(--teal-darker));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(8,169,184,.35);flex-shrink:0}
#ped-app .ped-head-icon i{font-size:20px;color:#fff}
#ped-app .ped-head h2{font-family:var(--font-head);font-size:18px;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0}
#ped-app .ped-head p{color:rgba(255,255,255,.62);font-size:12px;margin:0;font-weight:600}

/* PATIENT BAR */
#ped-app .ped-patient-bar{background:linear-gradient(135deg,var(--teal-light),#eef6ff);border-bottom:1px solid var(--border);padding:16px 24px;display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}
#ped-app .ped-patient-title{width:100%;font-family:var(--font-head);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-darker);display:flex;align-items:center;gap:7px}
#ped-app .ped-patient-field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:120px}
#ped-app .ped-patient-field label{font-size:11px;font-weight:800;color:var(--navy)}
#ped-app .ped-patient-input,#ped-app .ped-patient-select{padding:9px 11px;border:1.5px solid var(--border);border-radius:9px;font-family:var(--font);font-size:13px;font-weight:700;background:#fff;color:var(--navy);outline:none;width:100%;transition:border-color .15s;min-height:40px}
#ped-app .ped-patient-select{appearance:auto;cursor:pointer}
#ped-app .ped-patient-input:focus,#ped-app .ped-patient-select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,169,184,.12)}

/* TOOLBAR */
#ped-app .ped-toolbar{padding:20px 24px 4px;background:var(--bg);border-bottom:1px solid var(--border)}
#ped-app .toolbar-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
#ped-app .ped-search-wrap{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:0 14px;transition:border-color .15s}
#ped-app .ped-search-wrap:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,169,184,.12)}
#ped-app .ped-search-wrap i{color:var(--muted);font-size:14px;flex-shrink:0}
#ped-app .ped-search-input{flex:1;padding:12px 0;border:none;background:transparent;font-family:var(--font);font-size:14px;font-weight:600;color:var(--navy);outline:none}
#ped-app .ped-search-input::placeholder{color:var(--muted);font-weight:500}
#ped-app .prescription-mode-btn{border:1.5px solid #ddd6fe;border-radius:11px;background:#fff;color:var(--purple-dark);font-family:var(--font);font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;white-space:nowrap;transition:all .2s}
#ped-app .prescription-mode-btn:hover{background:var(--purple-bg);border-color:var(--purple)}
#ped-app .prescription-mode-btn.active{background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(139,92,246,.3)}
#ped-app .ped-filter-panel{margin-bottom:16px}
#ped-app .ped-filter-toggle{width:100%;border:1.5px solid var(--border);border-radius:11px;background:#fff;color:var(--navy);font-family:var(--font);font-size:13px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;transition:all .2s}
#ped-app .ped-filter-toggle span{display:inline-flex;align-items:center;gap:8px}
#ped-app .ped-filter-toggle i.fa-filter{color:var(--teal-darker)}
#ped-app .ped-filter-toggle:hover{border-color:var(--teal-mid)}
#ped-app .ped-filter-toggle .chevron{transition:transform .25s;color:var(--muted)}
#ped-app .ped-filter-toggle.open .chevron{transform:rotate(180deg)}
#ped-app .ped-filter-inner{display:none;margin-top:12px}
#ped-app .ped-filter-inner.open{display:block;animation:pedFade .25s ease}
#ped-app .ped-filter-chips{display:flex;flex-wrap:wrap;gap:6px}
#ped-app .chip{padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--muted);transition:all .15s;white-space:nowrap;user-select:none;line-height:1.4;font-family:var(--font)}
#ped-app .chip:hover{border-color:var(--teal-mid);color:var(--teal-darker);background:var(--teal-light)}
#ped-app .chip.active{background:linear-gradient(135deg,var(--teal),var(--teal-darker));border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(8,169,184,.3)}

/* GRID */
#ped-app .ped-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:20px 24px}
#ped-app .ped-grid.has-open{grid-template-columns:1fr}
#ped-app .ab-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(22,32,51,.05);transition:box-shadow .2s,transform .2s}
#ped-app .ab-card:not(.open):hover{box-shadow:0 12px 30px rgba(22,32,51,.1);transform:translateY(-2px);cursor:pointer}
#ped-app .ab-card.hidden{display:none}
#ped-app .ab-card.collapsed{display:none}
#ped-app .card-head{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
#ped-app .card-head-left{flex:1;min-width:0}
#ped-app .ab-name{font-family:var(--font-head);font-size:16px;font-weight:800;color:var(--navy);line-height:1.25;letter-spacing:-.01em;min-height:40px}
#ped-app .ab-name span{font-weight:400;color:var(--muted);font-size:.82em}
#ped-app .ab-brands{font-size:12px;color:var(--muted);margin-top:4px;font-family:var(--mono);letter-spacing:.01em;overflow-wrap:anywhere;min-height:32px}
#ped-app .ab-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px;min-height:24px;align-content:flex-start}
#ped-app .badge{font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap;letter-spacing:.02em}
#ped-app .badge-class{background:var(--blue-bg);color:var(--blue-dark)}
#ped-app .badge-form{background:var(--orange-bg);color:var(--orange-dark)}
#ped-app .badge-route{background:var(--green-bg);color:var(--green-dark)}
#ped-app .badge-danger{background:var(--red-bg);color:var(--red-dark)}
#ped-app .badge-offlabel{background:var(--purple-bg);color:var(--purple-dark);border:1px solid #ddd6fe}
#ped-app .card-actions{display:flex;flex-direction:column;gap:7px;align-items:flex-end;flex-shrink:0}
#ped-app .expand-btn{width:34px;height:34px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s}
#ped-app .expand-btn i{font-size:14px;color:var(--muted);transition:transform .25s}
#ped-app .ab-card.open .expand-btn{background:var(--teal-light);border-color:var(--teal-mid)}
#ped-app .ab-card.open .expand-btn i{transform:rotate(180deg);color:var(--teal-darker)}
#ped-app .expand-btn:hover{background:var(--teal-light);border-color:var(--teal-mid)}
#ped-app .add-to-board-btn{display:none;padding:6px 12px;border-radius:9px;border:1.5px solid #ddd6fe;background:var(--purple-bg);color:var(--purple-dark);font-size:11.5px;font-weight:800;cursor:pointer;font-family:var(--font);white-space:nowrap;align-items:center;gap:6px;transition:all .15s}
#ped-app .add-to-board-btn:hover{background:#ede9fe;border-color:var(--purple)}
#ped-app.prescription-mode .add-to-board-btn{display:inline-flex}

/* QUICK INFO */
#ped-app .quick-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 18px;border-bottom:1px solid var(--border)}
#ped-app .quick-info-item{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 6px;text-align:center}
#ped-app .quick-info-label{font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
#ped-app .quick-info-value{font-size:12px;font-weight:800;color:var(--navy);line-height:1.2}

/* OFF-LABEL */
#ped-app .offlabel-warning{padding:10px 18px;background:var(--purple-bg);border-bottom:1px solid #ddd6fe;font-size:11.5px;color:var(--purple-dark);line-height:1.5;font-weight:600}
#ped-app .offlabel-warning i{color:var(--purple);margin-right:5px}
#ped-app .offlabel-warning strong{font-weight:800}

/* EXPANDED DETAIL */
#ped-app .card-detail{display:none;padding:0 18px 18px;border-top:1px solid var(--border)}
#ped-app .ab-card.open .card-detail{display:block}
#ped-app .detail-section{margin-top:18px}
#ped-app .section-title{font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:9px;display:flex;align-items:center;gap:7px}
#ped-app .section-title i{font-size:12px;color:var(--teal-darker)}

/* TABS */
#ped-app .tab-list{display:flex;flex-wrap:wrap;gap:3px;margin:16px 0 4px;background:var(--bg);border-radius:11px;padding:4px;border:1px solid var(--border)}
#ped-app .tab-btn{flex:1;min-width:calc(25% - 4px);padding:8px 6px;border-radius:8px;border:none;font-family:var(--font);font-size:12px;font-weight:800;cursor:pointer;background:transparent;color:var(--muted);transition:all .15s;white-space:nowrap;text-align:center}
#ped-app .tab-btn:hover{color:var(--navy)}
#ped-app .tab-btn.active{background:#fff;color:var(--teal-darker);box-shadow:0 2px 6px rgba(22,32,51,.1)}
#ped-app .tab-pane{display:none}
#ped-app .tab-pane.active{display:block;animation:pedFade .25s ease}
@keyframes pedFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* INFO TABLE */
#ped-app .info-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}
#ped-app .info-table th{text-align:left;font-weight:800;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:7px 9px;border-bottom:1.5px solid var(--border)}
#ped-app .info-table td{padding:8px 9px;vertical-align:top;line-height:1.5;border-bottom:1px dashed var(--border);color:var(--navy);font-weight:600;overflow-wrap:anywhere}
#ped-app .info-table tr:last-child td{border-bottom:none}
#ped-app .info-table td:first-child{font-weight:800;color:var(--teal-darker);white-space:normal;width:30%}

/* DOSE CALC */
#ped-app .dose-calc{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px;margin-top:6px}
#ped-app .dose-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}
#ped-app .dose-row:last-child{margin-bottom:0}
#ped-app .dose-field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:130px}
#ped-app .dose-label{font-size:11px;font-weight:800;color:var(--navy)}
#ped-app .dose-input,#ped-app .dose-select{padding:9px 11px;border:1.5px solid var(--border);border-radius:9px;font-family:var(--font);font-size:13px;font-weight:700;background:#fff;color:var(--navy);outline:none;width:100%;transition:border-color .15s;min-height:40px}
#ped-app .dose-select{appearance:auto;cursor:pointer}
#ped-app .dose-input:focus,#ped-app .dose-select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,169,184,.12)}

/* ROUTE TABS (por apresentação) */
#ped-app .prescription-route-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;background:#fff;border-radius:10px;padding:4px;border:1px solid var(--border)}
#ped-app .route-tab{flex:1 1 calc(20% - 5px);min-width:calc(20% - 5px);padding:7px 8px;border-radius:8px;border:none;font-family:var(--font);font-size:11.5px;font-weight:800;cursor:pointer;background:transparent;color:var(--muted);transition:all .15s;white-space:normal;line-height:1.2;text-align:center}
#ped-app .route-tab:hover{color:var(--navy)}
#ped-app .route-tab.active{background:var(--teal-light);color:var(--teal-darker)}

/* CALC RESULT */
#ped-app .calc-result{background:var(--teal-light);border:1px solid var(--teal-mid);border-radius:11px;padding:13px 15px;font-size:13px;color:var(--teal-darker);line-height:1.6;margin-top:8px;font-weight:600}
#ped-app .calc-result strong{font-weight:800;display:block;margin-bottom:3px;font-size:13.5px;color:var(--navy)}
#ped-app .calc-result-title{font-family:var(--font-head);font-size:15.5px;font-weight:900;color:var(--navy);line-height:1.25;margin-bottom:5px}
#ped-app .calc-result-title span{color:var(--teal-darker)}
#ped-app .calc-result-desc{font-size:12.5px;color:var(--teal-darker);font-weight:700;line-height:1.5}
#ped-app .calc-patient-line{display:flex;flex-wrap:wrap;gap:5px 16px;margin-top:9px;padding-top:9px;border-top:1px dashed var(--teal-mid);font-size:12.5px;color:var(--navy);font-weight:600}
#ped-app .calc-patient-line b{font-weight:800;color:var(--teal-darker)}

/* DOSE RANGE (faixa mín/padrão/máx) */
#ped-app .dose-range{margin-top:10px;background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden}
#ped-app .dose-range-title{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:9px 12px;border-bottom:1px solid var(--border);background:var(--bg);display:flex;align-items:center;gap:7px}
#ped-app .dose-range-title i{color:var(--teal-darker);font-size:11px}
#ped-app .dose-range-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;border-bottom:1px dashed var(--border)}
#ped-app .dose-range-row:last-child{border-bottom:none}
#ped-app .dose-range-row .drl{font-weight:700;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
#ped-app .dose-range-row .drv{font-weight:800;color:var(--navy);font-family:var(--mono);font-size:12px;text-align:right}
#ped-app .dose-range-row.is-active{background:var(--teal-light)}
#ped-app .dose-range-row.is-active .drl{color:var(--teal-darker)}
#ped-app .dose-range-row.is-active .drv{color:var(--teal-darker)}
#ped-app .dose-range-row .drtag{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;background:var(--teal);color:#fff;padding:2px 7px;border-radius:999px}

/* DILUIÇÃO EV POR CONCENTRAÇÃO */
#ped-app .ev-dilution-box{margin-top:10px;background:#fff;border:1px solid var(--teal-mid);border-radius:11px;overflow:hidden}
#ped-app .ev-dilution-title{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--teal-darker);padding:9px 12px;border-bottom:1px solid var(--teal-mid);background:var(--teal-light);display:flex;align-items:center;gap:7px}
#ped-app .ev-dilution-title i{font-size:11px;color:var(--teal-darker)}
#ped-app .ev-dilution-note{font-size:12px;color:var(--muted);font-weight:700;line-height:1.45;padding:9px 12px;border-bottom:1px dashed var(--border)}
#ped-app .ev-dilution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px 12px}
#ped-app .ev-dilution-item{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:9px 10px;display:flex;flex-direction:column;gap:3px}
#ped-app .ev-dilution-conc{font-family:var(--font-head);font-size:13px;font-weight:900;color:var(--navy)}
#ped-app .ev-dilution-vol{font-size:12px;color:var(--teal-darker);font-weight:800;line-height:1.35}
#ped-app .ev-dilution-final{font-size:11.5px;color:var(--muted);font-weight:700;line-height:1.35}

#ped-app .max-alert{background:var(--red-bg);border:1px solid #fecaca;border-radius:9px;padding:8px 11px;margin-top:8px;font-size:12px;color:var(--red-dark);display:flex;align-items:center;gap:7px;font-weight:600;line-height:1.45}
#ped-app .max-alert i{color:var(--red);flex-shrink:0}
#ped-app .max-alert strong{font-weight:800}

/* PRESCRIPTION */
#ped-app .prescription-box{background:var(--blue-bg);border:1px solid #bfdbfe;border-radius:11px;padding:12px 14px;margin-top:14px}
#ped-app .prescription-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
#ped-app .prescription-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--blue-dark);display:inline-flex;align-items:center;gap:6px}
#ped-app .copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid #bfdbfe;background:#fff;color:var(--blue-dark);font-size:12px;font-weight:800;cursor:pointer;transition:all .15s;font-family:var(--font)}
#ped-app .copy-btn:hover{background:var(--blue-bg)}
#ped-app .copy-btn.copied{color:var(--green-dark);border-color:#bbf7d0;background:var(--green-bg)}
#ped-app .prescription-text{font-family:var(--mono);font-size:12.5px;color:#1e3a5f;white-space:pre-wrap;line-height:1.7;margin:0}

/* PILLS */
#ped-app .pills-list{display:flex;flex-wrap:wrap;gap:6px}
#ped-app .pill{font-size:12px;padding:5px 11px;border-radius:999px;font-weight:600;line-height:1.4}
#ped-app .pill-red{background:var(--red-bg);color:var(--red-dark);border:1px solid #fecaca}
#ped-app .pill-amber{background:var(--orange-bg);color:var(--orange-dark);border:1px solid #fde68a}
#ped-app .pill-blue{background:var(--blue-bg);color:var(--blue-dark);border:1px solid #bfdbfe}

/* ALTERNATIVES */
#ped-app .alt-group{margin-bottom:14px}
#ped-app .alt-group-label{font-family:var(--font-head);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}
#ped-app .alt-list{display:flex;flex-direction:column;gap:9px}
#ped-app .alt-item{padding:12px 14px;border-radius:11px;border:1px solid var(--border);background:var(--bg)}
#ped-app .alt-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}
#ped-app .alt-name{font-family:var(--font-head);font-weight:800;font-size:14px;color:var(--navy)}
#ped-app .alt-level-badge{font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px;white-space:normal}
#ped-app .level-same{background:var(--blue-bg);color:var(--blue-dark)}
#ped-app .level-up{background:var(--orange-bg);color:var(--orange-dark)}
#ped-app .level-down{background:var(--green-bg);color:var(--green-dark)}
#ped-app .alt-desc{font-size:12.5px;color:var(--muted);line-height:1.5;font-weight:600}
#ped-app .alt-note{font-size:11px;color:var(--muted);margin-top:10px;font-style:italic}

/* PAGINATION */
#ped-app .ped-pagination{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;padding:4px 24px 24px}
#ped-app .ped-pagination button{min-width:36px;height:36px;padding:0 10px;border-radius:9px;border:1.5px solid var(--border);background:#fff;color:var(--muted);font-size:13px;font-weight:800;cursor:pointer;font-family:var(--font);transition:all .15s}
#ped-app .ped-pagination button:hover:not(:disabled):not(.active){border-color:var(--teal-mid);color:var(--teal-darker)}
#ped-app .ped-pagination button.active{background:linear-gradient(135deg,var(--teal),var(--teal-darker));border-color:transparent;color:#fff}
#ped-app .ped-pagination button:disabled{opacity:.4;cursor:default}
#ped-app .ped-pagination .page-ellipsis{color:var(--muted);padding:0 2px;line-height:36px}
#ped-app .ped-pagination .page-count{font-size:12px;color:var(--muted);margin-left:8px;font-weight:600}

/* EMPTY */
#ped-app .empty-state{text-align:center;padding:48px 16px;color:var(--muted);grid-column:1/-1}
#ped-app .empty-state i{font-size:38px;color:var(--teal-mid);display:block;margin-bottom:12px}
#ped-app .empty-state p{font-weight:700;font-size:15px}

/* PRESCRIPTION BOARD */
#ped-app .prescription-board{display:none;margin:18px 0 24px;background:linear-gradient(135deg,var(--purple-bg),#eef2ff);border:2px solid #ddd6fe;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(139,92,246,.08)}
#ped-app.prescription-mode .prescription-board{display:block}
#ped-app .board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #ddd6fe;flex-wrap:wrap;gap:10px}
#ped-app .board-title{font-family:var(--font-head);font-size:18px;font-weight:900;color:var(--purple-dark);display:flex;align-items:center;gap:9px}
#ped-app .board-actions{display:flex;gap:8px;flex-wrap:wrap}
#ped-app .board-btn{padding:8px 13px;border-radius:9px;border:1.5px solid #ddd6fe;background:#fff;color:var(--purple-dark);font-family:var(--font);font-size:12.5px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}
#ped-app .board-btn:hover{background:var(--purple-bg)}
#ped-app .board-btn.danger{color:var(--red-dark);border-color:#fecaca}
#ped-app .board-btn.danger:hover{background:var(--red-bg)}
#ped-app .board-btn.copied{color:var(--green-dark);border-color:#bbf7d0;background:var(--green-bg)}
#ped-app .board-items{display:flex;flex-direction:column;gap:10px}
#ped-app .board-empty{text-align:center;padding:28px 16px;color:var(--purple-dark);font-size:13px;line-height:1.6;background:#fff;border-radius:12px;border:1px dashed #ddd6fe;font-weight:600}
#ped-app .board-empty i{font-size:30px;display:block;margin-bottom:10px;opacity:.5}
#ped-app .board-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px}
#ped-app .board-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}
#ped-app .board-item-name{font-family:var(--font-head);font-size:14px;font-weight:800;color:var(--navy)}
#ped-app .board-item-route{font-size:10px;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--purple-bg);color:var(--purple-dark);margin-left:6px}
#ped-app .board-item-mode{font-size:10px;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--teal-light);color:var(--teal-darker);margin-left:6px}
#ped-app .board-item-remove{width:28px;height:28px;border-radius:8px;border:1.5px solid #fecaca;background:var(--red-bg);color:var(--red-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#ped-app .board-item-remove:hover{background:#fee2e2}
#ped-app .board-item-text{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:pre-wrap;line-height:1.6;padding-top:8px;border-top:1px dashed var(--border);margin:0}

/* ROUTE MODAL */
#ped-app .modal-overlay{display:none;position:fixed;inset:0;background:rgba(15,27,45,.55);z-index:9999;align-items:center;justify-content:center;padding:16px}
#ped-app .modal-overlay.open{display:flex}
#ped-app .modal-box{background:#fff;border-radius:18px;padding:22px 20px;max-width:440px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3)}
#ped-app .modal-title{font-family:var(--font-head);font-size:17px;font-weight:900;color:var(--navy);margin-bottom:5px}
#ped-app .modal-sub{font-size:12.5px;color:var(--muted);margin-bottom:14px;line-height:1.5;font-weight:600}
#ped-app .modal-step{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--purple-bg);color:var(--purple-dark);padding:2px 8px;border-radius:999px;margin-right:6px}
#ped-app .modal-options{display:flex;flex-direction:column;gap:8px}
#ped-app .modal-option{padding:12px 14px;border-radius:11px;border:1.5px solid var(--border);background:#fff;cursor:pointer;text-align:left;font-family:var(--font);font-size:13.5px;font-weight:800;color:var(--navy);transition:all .15s;display:flex;align-items:center;justify-content:space-between;gap:10px}
#ped-app .modal-option:hover{background:var(--purple-bg);border-color:var(--purple)}
#ped-app .modal-option .opt-desc{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:3px}
#ped-app .modal-option .opt-icon{color:var(--purple-dark);font-size:14px;flex-shrink:0}
#ped-app .modal-option .opt-mode-tag{font-size:10px;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--teal-light);color:var(--teal-darker);margin-left:8px}
#ped-app .modal-unsuitable{padding:14px;border-radius:11px;background:var(--orange-bg);border:1px solid #fde68a;color:var(--orange-dark);font-weight:800;font-size:13.5px;line-height:1.5}
#ped-app .modal-unsuitable i{margin-right:6px}
#ped-app .modal-unsuitable .opt-desc{font-size:11.5px;color:var(--orange-dark);font-weight:600;margin-top:6px}
#ped-app .modal-footer{display:flex;gap:8px;margin-top:12px}
#ped-app .modal-back{flex:0 0 auto;padding:11px 14px;border-radius:9px;border:1px solid var(--border);background:#fff;color:var(--navy);font-family:var(--font);font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
#ped-app .modal-back:hover{background:var(--bg)}
#ped-app .modal-cancel{flex:1;padding:11px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--muted);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer}

/* AD + INFO (igual aos demais modelos) */
#ped-app .ped-ad-wrapper{margin:18px 0 24px}
#ped-app .ped-ad-card{width:100%;padding:18px;border-radius:18px;border:1px solid #e5e7eb;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 8px 24px rgba(15,23,42,.05)}
#ped-app .ped-ad-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#ped-app .ped-ad-badge{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800}
#ped-app .ped-ad-note{font-size:11px;color:#94a3b8;font-weight:700}
#ped-app .ped-ad-content{text-align:center;overflow:hidden;border-radius:12px;background:#fff;min-height:90px;display:flex;justify-content:center;align-items:center}
#ped-app .ped-ad-mobile{display:none}
#ped-app .ped-info-section{margin-top:22px}
#ped-app .ped-section-head{margin-bottom:16px}
#ped-app .ped-section-head h2{font-family:var(--font-head);font-size:clamp(22px,3vw,30px);font-weight:900;color:var(--navy);letter-spacing:-.03em;margin-bottom:4px}
#ped-app .ped-section-head p{color:var(--muted);font-size:14px}
#ped-app .info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 auto 16px;width:100%}
#ped-app .info-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 6px 20px rgba(22,32,51,.05);text-align:center;display:flex;flex-direction:column;align-items:center}
#ped-app .info-icon{width:42px;height:42px;border-radius:13px;background:var(--teal-light);color:var(--teal-darker);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:18px}
#ped-app .info-card h3{font-family:var(--font-head);font-size:14px;font-weight:900;color:var(--navy);margin-bottom:5px;line-height:1.25}
#ped-app .info-card p{font-size:12.5px;color:var(--muted);line-height:1.45;font-weight:600}
#ped-app .bottom-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:14px;align-items:stretch}
#ped-app .formula-card,#ped-app .warning-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 6px 20px rgba(22,32,51,.05)}
#ped-app .ped-section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}
#ped-app .ped-section-title h3{font-family:var(--font-head);font-size:17px;font-weight:900;color:var(--navy);line-height:1.2}
#ped-app .section-icon,#ped-app .warning-icon{width:40px;height:40px;border-radius:12px;background:var(--teal-light);color:var(--teal-darker);display:flex;align-items:center;justify-content:center;flex-shrink:0}
#ped-app .warning-icon{background:var(--orange-bg);color:var(--orange-dark)}
#ped-app .formula-box{background:#0f1b2d;color:#fff;border-radius:12px;padding:12px 14px;font-family:var(--mono);font-size:11.5px;font-weight:500;margin:10px 0;line-height:1.5;overflow-wrap:anywhere}
#ped-app .compact-list{padding-left:18px;color:#35526c;font-size:13px;line-height:1.55;display:grid;gap:6px}
#ped-app .compact-list strong{color:var(--navy)}
#ped-app .warning-card p{font-size:13px;color:#35526c;line-height:1.58;font-weight:600}

@media(max-width:980px){
  #ped-app .info-grid{grid-template-columns:repeat(2,1fr)}
  #ped-app .bottom-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  #ped-app{margin:20px auto;padding:0 12px}
  #ped-app .ped-hero{border-radius:20px;padding:28px 18px}
  #ped-app .ped-hero h1{font-size:30px}
  #ped-app .ped-hero p{font-size:14px}
  #ped-app .ped-head{padding:14px 16px}
  #ped-app .ped-head-left{align-items:flex-start}
  #ped-app .ped-patient-bar{padding:14px 16px}
  #ped-app .ped-patient-field{min-width:calc(50% - 7px)}
  #ped-app .ped-patient-input,#ped-app .ped-patient-select{font-size:16px}
  #ped-app .ped-toolbar{padding:16px}
  #ped-app .toolbar-top{flex-direction:column;align-items:stretch}
  #ped-app .prescription-mode-btn{justify-content:center}
  #ped-app .ped-grid{padding:16px;grid-template-columns:1fr}
  #ped-app .ped-search-input{font-size:16px}
  #ped-app .quick-info-grid{grid-template-columns:1fr 1fr}
  #ped-app .tab-btn{min-width:calc(50% - 3px);font-size:11px;padding:7px 4px}
  #ped-app .prescription-route-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
  #ped-app .route-tab{flex:none;min-width:0;white-space:normal;line-height:1.25;padding:8px 6px}
  #ped-app .info-table th{font-size:10px;padding:6px 7px}
  #ped-app .info-table td{font-size:12px;padding:7px 7px}
  #ped-app .info-table td:first-child{width:34%;font-size:11.5px}
  #ped-app .dose-row{flex-direction:column;gap:10px}
  #ped-app .dose-field{width:100%;min-width:0}
  #ped-app .dose-input,#ped-app .dose-select{font-size:16px}
  #ped-app .prescription-text{font-size:11px}
  #ped-app .dose-range-row{font-size:12px}
  #ped-app .ev-dilution-grid{grid-template-columns:1fr}
  #ped-app .info-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  #ped-app .info-card{padding:13px}
  #ped-app .info-icon{width:36px;height:36px;border-radius:11px;font-size:15px}
  #ped-app .info-card h3{font-size:12.5px}
  #ped-app .info-card p{font-size:11.2px;line-height:1.38}
  #ped-app .formula-card,#ped-app .warning-card{padding:16px}
  #ped-app .formula-box{font-size:10.5px}
  #ped-app .ped-ad-desktop{display:none}
  #ped-app .ped-ad-mobile{display:block}
}
@media(max-width:380px){
  #ped-app .ped-patient-field{min-width:100%}
  #ped-app .info-card{padding:11px}
  #ped-app .info-card h3{font-size:12px}
  #ped-app .info-card p{font-size:10.8px}
}