#uti-app *{box-sizing:border-box;margin:0;padding:0}
#uti-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:#fff;
  --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
}
#uti-app a{text-decoration:none!important;color:inherit}
#uti-app .hidden{display:none!important}
#uti-app .uti-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:25px;font-size:13px;font-weight:500;color:#7b8794;flex-wrap:wrap}
#uti-app .uti-breadcrumb a{color:#7b8794}#uti-app .uti-breadcrumb a:hover{color:var(--teal-dark)}#uti-app .uti-breadcrumb .current{color:#0f172a;font-weight:700}
#uti-app .uti-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}
#uti-app .uti-block-label .dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:utiPulse 1.4s infinite}@keyframes utiPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
#uti-app .uti-hero{background:linear-gradient(135deg,#0f2540,#0d1b2e);border-radius:24px;padding:34px 28px;margin-bottom:18px;color:#fff;overflow:hidden;position:relative}
#uti-app .uti-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%)}
#uti-app .uti-hero-content{position:relative;z-index:1;max-width:820px}#uti-app .uti-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}
#uti-app .uti-hero p{font-size:15.5px;color:rgba(255,255,255,.78);max-width:760px;margin-bottom:20px}#uti-app .uti-hero-pills{display:flex;flex-wrap:wrap;gap:8px}
#uti-app .uti-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}
#uti-app .uti-shell{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(22,32,51,.08)}
#uti-app .uti-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}
#uti-app .uti-head-left{display:flex;align-items:center;gap:14px}#uti-app .uti-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}
#uti-app .uti-head-icon i{font-size:20px;color:#fff}#uti-app .uti-head h2{font-family:var(--font-head);font-size:18px;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0}#uti-app .uti-head p{color:rgba(255,255,255,.62);font-size:12px;margin:0;font-weight:600}
#uti-app .uti-toolbar{padding:20px 24px 4px;background:var(--bg);border-bottom:1px solid var(--border)}#uti-app .toolbar-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
#uti-app .uti-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}
#uti-app .uti-search-wrap:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,169,184,.12)}#uti-app .uti-search-wrap i{color:var(--muted);font-size:14px;flex-shrink:0}
#uti-app .uti-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}#uti-app .uti-search-input::placeholder{color:var(--muted);font-weight:500}
#uti-app .uti-filter-panel{margin-bottom:16px}#uti-app .uti-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}
#uti-app .uti-filter-toggle span{display:inline-flex;align-items:center;gap:8px}#uti-app .uti-filter-toggle i.fa-filter{color:var(--teal-darker)}#uti-app .uti-filter-toggle:hover{border-color:var(--teal-mid)}#uti-app .uti-filter-toggle .chevron{transition:transform .25s;color:var(--muted)}#uti-app .uti-filter-toggle.open .chevron{transform:rotate(180deg)}
#uti-app .uti-filter-inner{display:none;margin-top:12px}#uti-app .uti-filter-inner.open{display:block;animation:utiFade .25s ease}@keyframes utiFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
#uti-app .filter-facet-row{display:flex;flex-wrap:wrap;gap:7px}#uti-app .filter-facet-btn{border:1.5px solid var(--border);background:#fff;color:var(--navy);border-radius:10px;padding:8px 11px;font-family:var(--font);font-size:11.5px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .16s}
#uti-app .filter-facet-btn i{color:var(--teal-darker);font-size:11px}#uti-app .filter-facet-btn b{min-width:19px;height:19px;border-radius:999px;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:9px;padding:0 5px}
#uti-app .filter-facet-btn:hover{border-color:var(--teal-mid);background:var(--teal-light)}#uti-app .filter-facet-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}#uti-app .filter-facet-btn.active i{color:#fff}#uti-app .filter-facet-btn.has-selection:not(.active){border-color:var(--teal-mid);background:var(--teal-light);color:var(--teal-darker)}
#uti-app .filter-options-card{margin-top:10px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px}#uti-app .filter-options-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}#uti-app .filter-options-head>span{font-size:11.5px;font-weight:900;color:var(--navy);display:inline-flex;align-items:center;gap:7px}#uti-app .filter-options-head i{color:var(--teal-darker)}#uti-app .filter-options-head small{font-size:10px;color:var(--muted);font-weight:700}
#uti-app .filter-option-list{display:flex;flex-wrap:wrap;gap:6px}#uti-app .filter-option-chip{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:999px;padding:6px 10px;font-family:var(--font);font-size:11px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}#uti-app .filter-option-chip small{min-width:18px;height:18px;border-radius:999px;background:#fff;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:var(--muted)}#uti-app .filter-option-chip:hover{border-color:var(--teal-mid);color:var(--teal-darker)}#uti-app .filter-option-chip.active{background:linear-gradient(135deg,var(--teal),var(--teal-darker));color:#fff;border-color:transparent}
#uti-app .filter-footer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}#uti-app .filter-summary{font-size:10.5px;font-weight:700;color:var(--muted)}#uti-app .filter-clear-btn{border:none;background:transparent;color:var(--teal-darker);font-family:var(--font);font-size:10.5px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:4px}#uti-app .filter-active-count:empty{display:none}#uti-app .filter-active-count{display:inline-flex;min-width:18px;height:18px;border-radius:999px;background:var(--teal);color:#fff;align-items:center;justify-content:center;font-size:9px;padding:0 5px;margin-left:2px}
#uti-app .uti-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:20px 24px}#uti-app .uti-grid.has-open{grid-template-columns:1fr}
#uti-app .uti-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,border-color .2s}#uti-app .uti-card:not(.open):hover{box-shadow:0 12px 30px rgba(22,32,51,.1);transform:translateY(-2px);cursor:pointer}#uti-app .uti-card.collapsed{display:none}#uti-app .uti-card.uti-highlight{border-color:var(--teal);box-shadow:0 0 0 4px rgba(8,169,184,.13),0 12px 30px rgba(22,32,51,.1)}
#uti-app .card-head{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:8px;cursor:pointer}#uti-app .card-head-left{flex:1;min-width:0}#uti-app .med-name{font-family:var(--font-head);font-size:17px;font-weight:900;color:var(--navy);line-height:1.25;margin-bottom:4px}#uti-app .med-brands{font-size:11px;color:var(--muted);font-weight:600;line-height:1.4;margin-bottom:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#uti-app .med-badges{display:flex;flex-wrap:wrap;gap:5px}#uti-app .badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:9.5px;font-weight:900}#uti-app .badge-class{background:var(--teal-light);color:var(--teal-darker)}#uti-app .badge-route{background:var(--purple-bg);color:var(--purple-dark)}#uti-app .expand-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}#uti-app .uti-card.open .expand-btn{transform:rotate(180deg);background:var(--teal-light);color:var(--teal-darker);border-color:var(--teal-mid)}
#uti-app .quick-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fbfcfe}#uti-app .quick-info-item{padding:11px 16px;border-right:1px solid var(--border)}#uti-app .quick-info-item:last-child{border-right:none}#uti-app .quick-info-item span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:900;margin-bottom:3px}#uti-app .quick-info-item strong{display:block;font-size:11.5px;color:var(--navy);font-weight:800;line-height:1.35}
#uti-app .card-detail{display:none;border-top:1px solid var(--border)}#uti-app .uti-card.open .card-detail{display:block}#uti-app .tab-list{display:flex;gap:5px;padding:10px 14px;background:#f7f9fc;border-bottom:1px solid var(--border);overflow-x:auto}#uti-app .tab-btn{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:9px;padding:8px 11px;font-family:var(--font);font-size:11.5px;font-weight:800;cursor:pointer;white-space:nowrap}#uti-app .tab-btn:hover{background:#fff;border-color:var(--border)}#uti-app .tab-btn.active{background:var(--navy);color:#fff}
#uti-app .tab-pane{display:none;padding:18px}#uti-app .tab-pane.active{display:block}#uti-app .detail-section{margin-bottom:18px}#uti-app .detail-section:last-child{margin-bottom:0}#uti-app .section-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--navy);display:flex;align-items:center;gap:7px;margin-bottom:8px}#uti-app .section-title i{color:var(--teal-darker)}#uti-app .section-title-between{justify-content:space-between;gap:12px}#uti-app .section-title-between>span:first-child{display:inline-flex;align-items:center;gap:7px}#uti-app .section-count,#uti-app .scheme-count{display:inline-flex;align-items:center;justify-content:center;background:var(--purple-bg);color:var(--purple-dark);border-radius:999px;padding:4px 9px;font-size:9.5px;font-weight:900;letter-spacing:0;text-transform:none;white-space:nowrap}
#uti-app .clinical-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none}#uti-app .clinical-list li{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700;color:#334155;position:relative;padding-left:28px}#uti-app .clinical-list li:before{content:'✓';position:absolute;left:11px;top:10px;color:var(--teal-darker);font-weight:900}
#uti-app .clinical-table-wrap{width:100%;overflow-x:auto;border:1px solid #d6dee9;border-radius:14px;background:#fff}#uti-app .clinical-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;min-width:760px;table-layout:auto}#uti-app .clinical-table th{background:#f1f4f8;color:#435164;text-align:left;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;padding:11px 13px;border-right:1px solid #d6dee9;border-bottom:1px solid #d6dee9;vertical-align:middle}#uti-app .clinical-table td{padding:11px 13px;border-right:1px solid #d6dee9;border-bottom:1px solid #dfe6ee;color:#334155;font-weight:600;line-height:1.45;vertical-align:top;background:#fff}#uti-app .clinical-table th:last-child,#uti-app .clinical-table td:last-child{border-right:none}#uti-app .clinical-table tbody tr:last-child td{border-bottom:none}#uti-app .clinical-table td strong{font-weight:900;color:#182230}#uti-app .clinical-table .route-cell{font-family:var(--font-head);font-weight:900;color:var(--green-dark);background:#edf9f4;white-space:nowrap}#uti-app .clinical-table .dilution-equation-cell{min-width:330px;color:var(--navy)}#uti-app .dilution-table th:nth-child(4){min-width:300px}#uti-app .posology-table th:nth-child(1){min-width:205px}#uti-app .posology-table th:nth-child(2){min-width:180px}#uti-app .posology-table th:nth-child(3){min-width:150px}#uti-app .posology-table th:nth-child(4){min-width:135px}#uti-app .posology-table th:nth-child(5){min-width:300px}#uti-app .posology-table .posology-indication{background:#edf9f4;color:#19725a;font-weight:900;vertical-align:top}#uti-app .posology-table .dose-cell{font-weight:900;color:#101828}
#uti-app .posology-route-block{margin-top:14px}#uti-app .posology-route-block:first-child{margin-top:0}#uti-app .posology-route-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 1px 7px}#uti-app .posology-route-head>span:first-child{font-family:var(--font-head);font-size:12.5px;font-weight:900;color:#26745d;display:inline-flex;align-items:center;gap:7px}#uti-app .posology-route-head>span:first-child i{width:28px;height:28px;border-radius:9px;background:#e8f7f1;display:inline-flex;align-items:center;justify-content:center;color:#26745d}#uti-app .posology-route-head .scheme-count{background:#e8f7f1;color:#26745d}
#uti-app .note-box{border:1px solid var(--border);border-radius:11px;background:var(--bg);padding:12px 14px;font-size:12px;color:#475569;font-weight:600;line-height:1.55}#uti-app .note-box.teal{background:var(--teal-light);border-color:var(--teal-mid);color:#155e66}#uti-app .note-box.blue{background:var(--blue-bg);border-color:#bfdbfe;color:#1e4f8a}
#uti-app .calc-first{margin-bottom:22px}#uti-app .calc-helper{font-size:12px;color:var(--muted);margin-bottom:10px;line-height:1.5;font-weight:600}#uti-app .calc-panel{border:1px solid var(--border);background:linear-gradient(180deg,#fbfdff,#fff);border-radius:14px;padding:14px}#uti-app .calc-fields{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:9px;margin-bottom:12px}#uti-app .calc-field{display:flex;flex-direction:column;gap:5px}#uti-app .calc-field span{font-size:10px;font-weight:900;color:var(--navy)}#uti-app .calc-field input,#uti-app .calc-field select{width:100%;min-height:42px;border:1.5px solid var(--border);border-radius:9px;background:#fff;color:var(--navy);font-family:var(--font);font-size:13px;font-weight:700;padding:9px 10px;outline:none}#uti-app .calc-field input:focus,#uti-app .calc-field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,169,184,.1)}
#uti-app .recipe-card{border:1px solid var(--teal-mid);background:var(--teal-light);border-radius:12px;padding:12px 13px;margin-bottom:10px}#uti-app .recipe-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}#uti-app .recipe-head span{font-size:11px;font-weight:900;color:var(--teal-darker);display:inline-flex;align-items:center;gap:6px}#uti-app .recipe-head b{font-size:10px;color:#155e66;background:#fff;border:1px solid var(--teal-mid);padding:4px 8px;border-radius:999px}#uti-app .recipe-card p{font-size:12.5px;font-weight:800;color:#164e56;line-height:1.45}#uti-app .recipe-card small{display:block;font-size:10.5px;color:#3f6670;font-weight:650;margin-top:6px;line-height:1.45}
#uti-app .metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}#uti-app .metric-card{border:1px solid var(--border);border-radius:11px;background:#fff;padding:11px 12px}#uti-app .metric-card.emphasis{border-color:#bfdbfe;background:var(--blue-bg)}#uti-app .metric-label{display:block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);margin-bottom:4px}#uti-app .metric-card strong{display:block;font-family:var(--font-head);font-size:19px;line-height:1.2;color:var(--navy);font-weight:900}#uti-app .metric-card strong small{font-family:var(--font);font-size:10px;color:var(--muted)}#uti-app .metric-sub{display:block;font-size:10px;color:var(--muted);font-weight:700;margin-top:4px}
#uti-app .calc-warning{display:flex;gap:8px;align-items:flex-start;background:var(--orange-bg);border:1px solid #fde68a;color:#92400e;border-radius:10px;padding:9px 11px;font-size:11px;font-weight:800;margin:10px 0}#uti-app .calc-placeholder{display:flex;align-items:center;justify-content:center;gap:8px;min-height:80px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;color:var(--muted);font-size:12px;font-weight:700}
#uti-app .editable-prep{margin-top:10px;border:1px solid #bfdbfe;background:var(--blue-bg);border-radius:12px;padding:12px}#uti-app .editable-prep-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}#uti-app .editable-prep-head>div:first-child>span{display:flex;align-items:center;gap:6px;color:var(--blue-dark);font-size:11px;font-weight:900}#uti-app .editable-prep-head small{display:block;font-size:9.5px;color:#5f7290;font-weight:650;margin-top:2px}#uti-app .editor-actions{display:flex;gap:5px}#uti-app .editor-actions button{border:1px solid #bfdbfe;background:#fff;color:var(--blue-dark);border-radius:8px;padding:6px 9px;font-family:var(--font);font-size:10px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:5px}#uti-app .prep-editor{display:block;width:100%;min-height:130px;resize:vertical;overflow:hidden;border:1px solid #bfdbfe;border-radius:9px;background:#fff;padding:10px 11px;font-family:var(--mono);font-size:12px;color:#1e3a5f;white-space:pre-wrap;line-height:1.6;outline:none}#uti-app .prep-editor:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}#uti-app .calc-disclaimer{font-size:9.5px;color:var(--muted);font-weight:650;margin-top:8px;text-align:right}
#uti-app .adjust-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}#uti-app .adjust-card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px}#uti-app .adjust-card>span{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--teal-darker);margin-bottom:6px}#uti-app .adjust-card p{font-size:12px;color:#475569;font-weight:600;line-height:1.5}
#uti-app .pills-list{display:flex;flex-wrap:wrap;gap:6px}#uti-app .pill{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid transparent}#uti-app .pill-amber{background:var(--orange-bg);color:#92400e;border-color:#fde68a}#uti-app .pill-red{background:var(--red-bg);color:var(--red-dark);border-color:#fecaca}
#uti-app .alt-group{margin-top:14px}#uti-app .alt-group:first-child{margin-top:0}#uti-app .alt-group-label{font-size:9.5px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}#uti-app .alt-list{display:grid;gap:8px}#uti-app .alt-item{padding:12px 14px;border-radius:11px;border:1px solid var(--border);background:var(--bg)}#uti-app .alt-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:5px}#uti-app .alt-title-wrap{display:flex;align-items:center;gap:7px;flex-wrap:wrap}#uti-app .alt-name{font-size:12.5px;font-weight:900;color:var(--navy)}#uti-app .alt-level-badge{font-size:9px;font-weight:900;padding:3px 7px;border-radius:999px}#uti-app .level-same{background:var(--blue-bg);color:var(--blue-dark)}#uti-app .level-down{background:var(--green-bg);color:var(--green-dark)}#uti-app .level-up{background:var(--orange-bg);color:var(--orange-dark)}#uti-app .alt-desc{font-size:11.5px;color:var(--muted);font-weight:600;line-height:1.5}#uti-app .alt-open-btn{border:1px solid var(--teal-mid);background:#fff;color:var(--teal-darker);border-radius:8px;padding:6px 9px;font-family:var(--font);font-size:10px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}#uti-app .alt-open-btn:hover{background:var(--teal-light)}#uti-app .alt-open-btn.disabled{border-color:var(--border);color:var(--muted);cursor:not-allowed;opacity:.7}
#uti-app .uti-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 24px 20px}#uti-app .page-btn{width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:#fff;color:var(--muted);font-family:var(--font);font-weight:800;cursor:pointer}#uti-app .page-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}#uti-app .page-btn:disabled{opacity:.35;cursor:not-allowed}
#uti-app .uti-empty,#uti-app .uti-load-error{margin:20px 24px;padding:16px;border-radius:12px;background:var(--bg);border:1px dashed #cbd5e1;color:var(--muted);font-size:12px;font-weight:700;text-align:center}

#uti-app .uti-ad-wrapper{margin:18px 0 24px}#uti-app .uti-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)}#uti-app .uti-ad-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}#uti-app .uti-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}#uti-app .uti-ad-note{font-size:11px;color:#94a3b8;font-weight:700}#uti-app .uti-ad-content{text-align:center;overflow:hidden;border-radius:12px;background:#fff;min-height:90px;display:flex;justify-content:center;align-items:center}#uti-app .uti-ad-mobile{display:none}
#uti-app .uti-info-section{margin-top:22px}#uti-app .uti-section-head h2{font-family:var(--font-head);font-size:24px;font-weight:900;letter-spacing:-.03em;margin-bottom:6px}#uti-app .uti-section-head p{font-size:13px;color:var(--muted);font-weight:600;max-width:760px}#uti-app .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}#uti-app .info-card{border:1px solid var(--border);border-radius:14px;background:#fff;padding:15px;box-shadow:0 4px 16px rgba(22,32,51,.04)}#uti-app .info-card i{color:var(--teal-darker);font-size:16px;margin-bottom:9px}#uti-app .info-card h3{font-family:var(--font-head);font-size:13px;font-weight:900;margin-bottom:4px}#uti-app .info-card p{font-size:11.5px;color:var(--muted);font-weight:600;line-height:1.5}
#uti-app .warning-card{margin-top:10px;border:1px solid #fde68a;background:var(--orange-bg);border-radius:14px;padding:14px 16px}#uti-app .warning-card strong{display:flex;align-items:center;gap:7px;color:#92400e;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}#uti-app .warning-card p{font-size:11.5px;color:#78350f;font-weight:650;line-height:1.55}
@media(max-width:760px){#uti-app .uti-ad-desktop{display:none}#uti-app .uti-ad-mobile{display:block}#uti-app{padding:0 10px;margin:18px auto}#uti-app .uti-hero{padding:26px 19px;border-radius:18px}#uti-app .uti-head{padding:14px 16px}#uti-app .uti-toolbar{padding:15px 14px 4px}#uti-app .uti-grid{grid-template-columns:1fr;padding:14px}#uti-app .tab-pane{padding:14px}#uti-app .clinical-list{grid-template-columns:1fr}#uti-app .calc-fields{grid-template-columns:1fr}#uti-app .metric-grid{grid-template-columns:1fr 1fr}#uti-app .adjust-grid{grid-template-columns:1fr}#uti-app .info-grid{grid-template-columns:1fr}#uti-app .filter-facet-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#uti-app .filter-facet-btn{justify-content:flex-start;padding:8px 9px;font-size:10.5px;min-width:0}#uti-app .filter-facet-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:460px){#uti-app .metric-grid{grid-template-columns:1fr}#uti-app .quick-info-grid{grid-template-columns:1fr}#uti-app .quick-info-item{border-right:none;border-bottom:1px solid var(--border)}#uti-app .quick-info-item:last-child{border-bottom:none}#uti-app .filter-facet-row{grid-template-columns:1fr}#uti-app .editable-prep-head{display:block}#uti-app .editor-actions{margin-top:8px}#uti-app .tab-list{padding:8px 10px}}

/* ========================================================================== */
/* PERFIL GLOBAL ADULTO / PEDIATRIA + TABS IGUAIS + MISTURAS               */
/* ========================================================================== */
#uti-app .uti-hero-pills #utiCurrentProfileBadge{background:rgba(8,169,184,.22);border-color:rgba(178,235,242,.4)}
#uti-app .uti-patient-bar{background:linear-gradient(135deg,#eafafb,#f3f7ff);border-bottom:1px solid var(--border);padding:16px 24px}
#uti-app .patient-bar-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
#uti-app .patient-bar-head>div:first-child{display:flex;flex-direction:column;gap:2px}
#uti-app .patient-bar-head strong{display:flex;align-items:center;gap:7px;font-family:var(--font-head);font-size:13px;font-weight:900;color:var(--navy)}
#uti-app .patient-bar-head strong i{color:var(--teal-darker)}
#uti-app .patient-bar-head small{font-size:10.5px;color:var(--muted);font-weight:650}
#uti-app .care-profile-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:4px;min-width:260px}
#uti-app .care-profile-switch.compact{min-width:210px}
#uti-app .care-profile-btn{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:9px 13px;font-family:var(--font);font-size:12px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:.18s}
#uti-app .care-profile-btn:hover{background:var(--bg);color:var(--navy)}
#uti-app .care-profile-btn.active{background:linear-gradient(135deg,var(--teal),var(--teal-darker));color:#fff;box-shadow:0 4px 12px rgba(8,169,184,.24)}
#uti-app .patient-fields{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(260px,1.6fr);gap:10px;align-items:end}
#uti-app .patient-fields:has(.age-field){grid-template-columns:minmax(240px,1fr) minmax(150px,.7fr) minmax(260px,1.4fr)}
#uti-app .patient-field{display:flex;flex-direction:column;gap:5px}
#uti-app .patient-field>span{font-size:10px;font-weight:900;color:var(--navy)}
#uti-app .patient-field input,#uti-app .patient-field select{width:100%;min-height:41px;border:1.5px solid var(--border);border-radius:9px;background:#fff;color:var(--navy);font-family:var(--font);font-size:12.5px;font-weight:800;padding:8px 10px;outline:none}
#uti-app .patient-field input:focus,#uti-app .patient-field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,169,184,.1)}
#uti-app .age-combo{display:grid;grid-template-columns:1fr 100px;gap:6px}
#uti-app .patient-profile-note{min-height:41px;border:1px solid var(--teal-mid);background:#fff;border-radius:10px;padding:9px 11px;display:flex;align-items:center;gap:8px;color:#406477;font-size:10.5px;font-weight:750;line-height:1.35}
#uti-app .patient-profile-note i{color:var(--teal-darker)}

/* cards adaptados ao novo engine */
#uti-app .card-head h3{font-family:var(--font-head);font-size:17px;font-weight:900;color:var(--navy);line-height:1.25;margin:0 0 4px}
#uti-app .card-head p{font-size:11px;color:var(--muted);font-weight:650;line-height:1.4;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#uti-app .badge-row{display:flex;flex-wrap:wrap;gap:5px}
#uti-app .badge-profile{background:var(--green-bg);color:var(--green-dark)}
#uti-app .uti-card.open .expand-btn{transform:rotate(180deg)}

/* todas as abas ocupam exatamente a mesma largura */
#uti-app .tab-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;padding:10px 14px!important}
#uti-app .tab-btn{width:100%;min-width:0;white-space:normal!important;text-align:center;line-height:1.25;min-height:42px;display:flex;align-items:center;justify-content:center;padding:8px 7px!important}

#uti-app .profile-scope-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);background:#fff;border-radius:11px;padding:9px 10px;margin-bottom:16px}
#uti-app .profile-scope-row>div:first-child{display:flex;flex-direction:column;min-width:0}
#uti-app .profile-kicker{font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:900}
#uti-app .profile-scope-row strong{font-size:11.5px;color:var(--navy);font-weight:900}

#uti-app .clinical-table td small{display:block;color:var(--muted);font-size:9.5px;font-weight:650;line-height:1.45;margin-top:3px}
#uti-app .table-type-badge{display:inline-flex;align-items:center;background:var(--teal-light);color:var(--teal-darker);border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900;white-space:nowrap;flex-wrap:nowrap}
#uti-app .posology-group{margin-bottom:14px}
#uti-app .posology-title{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:900;color:var(--navy);margin:0 0 7px}
#uti-app .posology-title i{color:var(--teal-darker)}
#uti-app .posology-indication{font-weight:900;color:var(--navy);background:#fbfdff}
#uti-app .dose-cell{font-weight:900;color:var(--teal-darker)}
#uti-app .posology-after-calc{margin-top:20px}

/* calculadora com interface dinâmica */
#uti-app .calc-fields{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#uti-app .calc-fields.pediatric-fields{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#uti-app .calc-dilution-field{grid-column:span 2}
#uti-app .calc-mix-field{grid-column:span 2}
#uti-app .calc-field span i{color:var(--teal-darker);margin-right:4px}
#uti-app .metric-card>span{display:block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);margin-bottom:4px}
#uti-app .metric-card>em{display:block;font-style:normal;font-size:10px;color:var(--muted);font-weight:700;margin-top:4px}
#uti-app .calc-placeholder.blocked{background:var(--orange-bg);border-color:#fde68a;color:#92400e}

/* infusão mista */
#uti-app .mix-panel{margin-top:12px;border:1px solid #c4b5fd;background:linear-gradient(135deg,#faf5ff,#fff);border-radius:13px;padding:12px}
#uti-app .mix-title{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:900;color:var(--purple-dark);margin-bottom:7px}
#uti-app .mix-recipe{border:1px solid #ddd6fe;background:#fff;border-radius:9px;padding:9px 10px;color:#54466f;font-size:10.5px;font-weight:650;line-height:1.55}
#uti-app .mix-window{margin-top:9px}
#uti-app .mix-ok-head{display:flex;align-items:center;gap:7px;border:1px solid #a7f3d0;background:var(--green-bg);border-radius:9px;padding:8px 10px;color:#065f46;font-size:10.5px;font-weight:800;margin-bottom:7px}
#uti-app .mix-note{margin-top:8px;display:flex;gap:7px;align-items:flex-start;color:#6b5a86;font-size:9.5px;font-weight:700;line-height:1.45}
#uti-app .mix-note i{margin-top:2px;color:var(--purple-dark)}

/* segurança + alternativas */
#uti-app .pill-list{display:flex;flex-wrap:wrap;gap:6px}

/* paginação do novo engine */
#uti-app .uti-pagination button{width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--navy);cursor:pointer}
#uti-app .uti-pagination button:disabled{opacity:.35;cursor:not-allowed}
#uti-app .uti-pagination span{font-size:10.5px;color:var(--muted);font-weight:800;padding:0 6px}

@media(max-width:900px){
  #uti-app .patient-fields,#uti-app .patient-fields:has(.age-field){grid-template-columns:1fr 1fr}
  #uti-app .patient-profile-note{grid-column:1/-1}
  #uti-app .calc-fields,#uti-app .calc-fields.pediatric-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #uti-app .calc-dilution-field,#uti-app .calc-mix-field{grid-column:span 2}
}
@media(max-width:620px){
  #uti-app .uti-patient-bar{padding:14px}
  #uti-app .patient-bar-head{display:block}
  #uti-app .patient-bar-head .care-profile-switch{margin-top:10px;width:100%}
  #uti-app .patient-fields,#uti-app .patient-fields:has(.age-field){grid-template-columns:1fr}
  #uti-app .patient-profile-note{grid-column:auto}
  #uti-app .profile-scope-row{display:block}
  #uti-app .profile-scope-row .care-profile-switch{margin-top:9px;width:100%}
  #uti-app .tab-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #uti-app .tab-btn{min-height:38px}
}
@media(max-width:460px){
  #uti-app .calc-fields,#uti-app .calc-fields.pediatric-fields{grid-template-columns:1fr!important}
  #uti-app .calc-dilution-field,#uti-app .calc-mix-field{grid-column:auto}
  #uti-app .care-profile-switch{min-width:0;width:100%}
}


/* TABELA DE DILUIÇÕES — proporções de coluna para manter o tipo em uma linha */
#uti-app .dilution-table{min-width:900px}
#uti-app .dilution-table th:nth-child(1),
#uti-app .dilution-table td:nth-child(1){width:20%;min-width:185px;white-space:nowrap}
#uti-app .dilution-table th:nth-child(2),
#uti-app .dilution-table td:nth-child(2){width:38%;min-width:310px}
#uti-app .dilution-table th:nth-child(3),
#uti-app .dilution-table td:nth-child(3){width:18%;min-width:155px;white-space:nowrap}
#uti-app .dilution-table th:nth-child(4),
#uti-app .dilution-table td:nth-child(4){width:24%;min-width:195px}

/* ========================================================================== */
/* PADRONIZAÇÃO VISUAL — GUIA DE INTOXICAÇÕES                                */
/* Mantém a lógica do Guia de Diluições em UTI e aproxima a interface visual */
/* do restante dos guias clínicos MedFoco.                                   */
/* ========================================================================== */

#uti-app button{font-family:var(--font)}
#uti-app :focus-visible{outline:2px solid var(--teal);outline-offset:2px}

/* Barra Adulto / Pediatria no mesmo padrão da barra de paciente */
#uti-app .uti-patient-bar{
  background:linear-gradient(135deg,var(--teal-light),#eef6ff);
  border-bottom:1px solid var(--border);
  padding:16px 24px;
}
#uti-app .patient-bar-head{margin-bottom:11px}
#uti-app .patient-bar-head strong{
  font-family:var(--font-head);font-size:11px;font-weight:800;
  text-transform:uppercase;letter-spacing:.06em;color:var(--teal-darker)
}
#uti-app .patient-bar-head small{font-size:11px;color:var(--muted);font-weight:700}
#uti-app .care-profile-switch{
  gap:3px;background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:4px;
  box-shadow:none
}
#uti-app .care-profile-btn{
  border-radius:8px;padding:8px 12px;font-size:11.5px;font-weight:800;color:var(--muted)
}
#uti-app .care-profile-btn.active{
  background:var(--teal-light);color:var(--teal-darker);box-shadow:none
}
#uti-app .patient-field>span{font-size:11px;font-weight:800;color:var(--navy)}
#uti-app .patient-field input,#uti-app .patient-field select{
  padding:9px 11px;border:1.5px solid var(--border);border-radius:9px;
  font-size:13px;font-weight:700;min-height:40px
}
#uti-app .patient-profile-note{
  min-height:40px;background:#fff;border:1px solid var(--border);border-radius:9px;
  color:var(--muted);font-size:10.5px;font-weight:700
}

/* Cards — mesma hierarquia do Guia de Intoxicações */
#uti-app .uti-grid{align-items:stretch}
#uti-app .uti-card{
  display:flex;flex-direction:column;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
}
#uti-app .uti-card.open{display:block}
#uti-app .card-head{padding:16px 18px;border-bottom:1px solid var(--border)}
#uti-app .card-head h3{
  font-family:var(--font-head);font-size:16px;font-weight:800;color:var(--navy);
  line-height:1.25;letter-spacing:-.01em;margin:0
}
#uti-app .card-head p{
  font-family:var(--mono);font-size:12px;color:var(--muted);font-weight:500;
  letter-spacing:.01em;line-height:1.45;margin-top:4px;margin-bottom:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  white-space:normal
}
#uti-app .uti-card.open .card-head p{-webkit-line-clamp:unset;display:block}
#uti-app .badge-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
#uti-app .badge{
  font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px;
  white-space:nowrap;letter-spacing:.02em;display:inline-flex;align-items:center;gap:5px
}
#uti-app .badge-class{background:var(--purple-bg);color:var(--purple-dark)}
#uti-app .badge-profile{background:var(--teal-light);color:var(--teal-darker)}
#uti-app .badge-route{background:#f1f5f9;color:#475569}
#uti-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
}
#uti-app .expand-btn i{font-size:14px;color:var(--muted);transition:transform .25s}
#uti-app .uti-card.open .expand-btn{background:var(--teal-light);border-color:var(--teal-mid);transform:none}
#uti-app .uti-card.open .expand-btn i{transform:rotate(180deg);color:var(--teal-darker)}
#uti-app .expand-btn:hover{background:var(--teal-light);border-color:var(--teal-mid)}

/* Informações rápidas como caixas independentes */
#uti-app .quick-info-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 18px;
  border-bottom:1px solid var(--border);background:#fff
}
#uti-app .quick-info-item{
  background:var(--bg);border:1px solid var(--border);border-radius:10px;
  padding:8px 9px;text-align:center;min-width:0
}
#uti-app .quick-info-item>span{
  display:block;font-size:9px;font-weight:800;color:var(--muted);
  text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px
}
#uti-app .quick-info-item>strong{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:12px;font-weight:800;color:var(--navy);line-height:1.25;min-height:30px
}
#uti-app .uti-card.open .quick-info-item>strong{-webkit-line-clamp:unset}

/* Detalhe e abas — barra segmentada */
#uti-app .card-detail{display:none;padding:0 18px 18px;border-top:0}
#uti-app .uti-card.open .card-detail{display:block}
#uti-app .detail-section{margin-top:18px}
#uti-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
}
#uti-app .section-title i{font-size:12px;color:var(--teal-darker)}
#uti-app .tab-list{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:3px!important;margin:16px 0 4px!important;background:var(--bg)!important;
  border-radius:11px!important;padding:4px!important;border:1px solid var(--border)!important
}
#uti-app .tab-btn{
  min-width:0!important;min-height:0!important;padding:8px 6px!important;border-radius:8px!important;
  border:none!important;font-size:12px!important;font-weight:800!important;background:transparent!important;
  color:var(--muted)!important;transition:all .15s!important;line-height:1.25!important;text-align:center!important
}
#uti-app .tab-btn:hover{color:var(--navy)!important}
#uti-app .tab-btn.active{background:#fff!important;color:var(--teal-darker)!important;box-shadow:0 2px 6px rgba(22,32,51,.1)!important}
#uti-app .tab-pane.active{animation:utiToxFade .25s ease}
@keyframes utiToxFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* Seletores de perfil dentro das abas ficam visuais e discretos */
#uti-app .profile-scope-row{
  border:1px solid var(--border);background:var(--bg);border-radius:11px;
  padding:10px 12px;margin-top:14px;margin-bottom:14px
}
#uti-app .profile-kicker{font-size:9px;font-weight:800;color:var(--muted);letter-spacing:.055em}
#uti-app .profile-scope-row strong{font-size:12px;font-weight:800;color:var(--navy)}
#uti-app .profile-scope-row .care-profile-switch{background:#fff}

/* Textos corridos — mesma leitura do guia de intoxicações */
#uti-app .note-box,#uti-app .clinical-list li,#uti-app .adjust-card p,#uti-app .alt-desc{
  color:#35526c;font-weight:600;line-height:1.55
}
#uti-app .clinical-list{gap:7px}
#uti-app .clinical-list li{
  background:var(--bg);border:1px solid var(--border);border-radius:11px;
  padding:9px 12px 9px 30px;font-size:12.5px
}
#uti-app .clinical-list li:before{
  content:'✓';width:18px;height:18px;left:8px;top:9px;border-radius:6px;
  background:var(--teal-light);color:var(--teal-darker);display:flex;align-items:center;justify-content:center;
  font-size:9px
}

/* Tabelas — padrão clínico do Guia de Intoxicações */
#uti-app .clinical-table-wrap{border:1px solid #d6dee9;border-radius:14px;background:#fff}
#uti-app .clinical-table{font-size:12.5px}
#uti-app .clinical-table th{
  background:#f1f4f8;color:#435164;font-size:9.5px;font-weight:900;
  text-transform:uppercase;letter-spacing:.045em;padding:11px 13px
}
#uti-app .clinical-table td{
  padding:11px 13px;color:#334155;font-weight:600;line-height:1.45;background:#fff
}
#uti-app .clinical-table td strong{font-weight:900;color:#182230}
#uti-app .clinical-table .route-cell{
  font-family:var(--font-head);font-weight:900;color:var(--teal-darker);
  background:#eaf8fa;white-space:nowrap
}
#uti-app .posology-table .posology-indication{
  font-family:var(--font-head);font-weight:900;color:var(--teal-darker);background:#eaf8fa
}
#uti-app .dose-cell{font-weight:900;color:#101828}
#uti-app .table-type-badge{
  font-size:10px;font-weight:800;padding:4px 9px;background:var(--teal-light);color:var(--teal-darker)
}

/* Calculadora — visual equivalente à aba Tratamento das intoxicações */
#uti-app .calc-panel{
  background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px;margin-top:6px
}
#uti-app .calc-helper{font-size:12px;color:var(--muted);margin-bottom:10px;line-height:1.5;font-weight:600}
#uti-app .calc-field span{font-size:10.5px;font-weight:800;color:var(--navy)}
#uti-app .calc-field input,#uti-app .calc-field select{
  min-height:40px;border:1.5px solid var(--border);border-radius:9px;font-size:13px;font-weight:700
}
#uti-app .recipe-card{
  border:1px solid var(--teal-mid);background:var(--teal-light);border-radius:11px;padding:12px 14px
}
#uti-app .recipe-head span{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
#uti-app .recipe-card p{font-size:12.5px;color:var(--navy);font-weight:700}
#uti-app .metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;margin-bottom:10px}
#uti-app .metric-card{
  border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px;
  box-shadow:0 3px 10px rgba(22,32,51,.035)
}
#uti-app .metric-card.emphasis{border-color:var(--teal-mid);background:var(--teal-light)}
#uti-app .metric-card>span{
  display:block;font-size:9px;font-weight:900;text-transform:uppercase;
  letter-spacing:.055em;color:var(--muted);margin-bottom:5px
}
#uti-app .metric-card strong{font-family:var(--font-head);font-size:15px;line-height:1.35;color:var(--navy);font-weight:900}
#uti-app .metric-card>em{font-size:10.5px;line-height:1.4;color:var(--muted);font-weight:600;margin-top:5px}
#uti-app .calc-warning{
  background:var(--orange-bg);border:1px solid #fde68a;border-radius:9px;
  padding:9px 11px;font-size:12px;color:var(--orange-dark);font-weight:600;line-height:1.45
}
#uti-app .calc-placeholder{
  min-height:72px;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;
  color:var(--muted);font-size:12px;font-weight:700
}

/* Preparo editável no mesmo padrão visual da prescrição das intoxicações */
#uti-app .editable-prep{
  background:var(--blue-bg);border:1px solid #bfdbfe;border-radius:11px;padding:12px 14px;margin-top:14px
}
#uti-app .editable-prep-head>div:first-child>span{
  font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--blue-dark)
}
#uti-app .editable-prep-head small{font-size:9.5px;color:#5f7290;font-weight:600}
#uti-app .editor-actions button{
  padding:6px 12px;border-radius:8px;border:1px solid #bfdbfe;background:#fff;
  color:var(--blue-dark);font-size:12px;font-weight:800
}
#uti-app .prep-editor{
  min-height:110px;border:1px solid #bfdbfe;border-radius:9px;background:#fff;
  padding:10px 11px;font-family:var(--mono);font-size:12px;color:#1e3a5f;line-height:1.6
}

/* Infusão mista — mantém identificação própria, com o mesmo desenho das caixas clínicas */
#uti-app .mix-panel{
  margin-top:12px;border:1px solid #ddd6fe;background:#faf8ff;border-radius:12px;padding:14px
}
#uti-app .mix-title{font-family:var(--font-head);font-size:12px;font-weight:900;color:var(--purple-dark)}
#uti-app .mix-recipe{border:1px solid #ddd6fe;background:#fff;border-radius:10px;padding:9px 11px;font-size:11.5px}
#uti-app .mix-ok-head{border-radius:9px;padding:9px 11px;font-size:12px;font-weight:700}
#uti-app .mix-note{font-size:10.5px;font-weight:600;line-height:1.45}

/* Segurança — pills com a mesma escala do Guia de Intoxicações */
#uti-app .adjust-card{
  border:1px solid var(--border);border-radius:11px;background:var(--bg);padding:12px 14px
}
#uti-app .adjust-card>span{font-size:10.5px;font-weight:800;letter-spacing:.05em}
#uti-app .pill{font-size:12px;padding:5px 11px;border-radius:999px;font-weight:600;line-height:1.4}

/* Alternativas — cards leves, próximos dos blocos de suporte */
#uti-app .alt-group-label{font-size:10px;font-weight:800;letter-spacing:.055em}
#uti-app .alt-item{
  padding:11px 12px;border-radius:11px;border:1px solid var(--border);background:var(--bg)
}
#uti-app .alt-name{font-family:var(--font-head);font-size:12.5px;font-weight:900;color:var(--navy)}
#uti-app .alt-level-badge{font-size:9.5px;font-weight:800;padding:4px 8px}
#uti-app .alt-desc{font-size:12px}
#uti-app .alt-open-btn{font-size:11px;font-weight:800;padding:6px 10px}

/* Paginação */
#uti-app .uti-pagination{padding:0 24px 20px}
#uti-app .uti-pagination button{
  width:34px;height:34px;border-radius:9px;border:1px solid var(--border);
  background:#fff;color:var(--muted);font-weight:800
}
#uti-app .uti-pagination button.active{background:var(--navy);color:#fff;border-color:var(--navy)}

@media(max-width:760px){
  #uti-app .uti-patient-bar{padding:14px 16px}
  #uti-app .tab-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #uti-app .metric-grid{grid-template-columns:repeat(2,1fr)}
  #uti-app .quick-info-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
  #uti-app .quick-info-grid{grid-template-columns:1fr 1fr;padding:10px 12px;gap:7px}
  #uti-app .quick-info-item{padding:8px 6px}
  #uti-app .metric-grid{grid-template-columns:1fr}
  #uti-app .card-detail{padding:0 12px 14px}
}


/* ========================================================================== */
/* PADRONIZAÇÃO FINAL — BLOCO INFERIOR + POSOLOGIA RESPONSIVA                */
/* ========================================================================== */
#uti-app .uti-info-section{margin-top:22px}
#uti-app .uti-section-head{margin-bottom:16px}
#uti-app .uti-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
}
#uti-app .uti-section-head p{color:var(--muted);font-size:14px;font-weight:400;max-width:none}
#uti-app .uti-info-section .info-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 auto 16px;width:100%
}
#uti-app .uti-info-section .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
}
#uti-app .uti-info-section .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
}
#uti-app .uti-info-section .info-icon i{font-size:18px;color:inherit;margin:0}
#uti-app .uti-info-section .info-card h3{
  font-family:var(--font-head);font-size:14px;font-weight:900;color:var(--navy);
  margin-bottom:5px;line-height:1.25
}
#uti-app .uti-info-section .info-card p{
  font-size:12.5px;color:var(--muted);line-height:1.45;font-weight:600
}
#uti-app .bottom-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:14px;align-items:stretch}
#uti-app .uti-bottom-grid-single{grid-template-columns:1fr}
#uti-app .formula-card,#uti-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);margin-top:0
}
#uti-app .uti-section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}
#uti-app .uti-section-title h3{
  font-family:var(--font-head);font-size:17px;font-weight:900;color:var(--navy);line-height:1.2
}
#uti-app .section-icon,#uti-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
}
#uti-app .warning-icon{background:var(--orange-bg);color:var(--orange-dark)}
#uti-app .warning-card p{font-size:13px;color:#35526c;line-height:1.58;font-weight:600}

/* A tabela de posologia não herda a largura mínima das tabelas clínicas gerais. */
#uti-app .posology-group .clinical-table-wrap{overflow-x:visible}
#uti-app .posology-table{min-width:0!important;width:100%;table-layout:fixed}
#uti-app .posology-table th:nth-child(1),#uti-app .posology-table td:nth-child(1){width:20%}
#uti-app .posology-table th:nth-child(2),#uti-app .posology-table td:nth-child(2){width:19%}
#uti-app .posology-table th:nth-child(3),#uti-app .posology-table td:nth-child(3){width:16%}
#uti-app .posology-table th:nth-child(4),#uti-app .posology-table td:nth-child(4){width:14%}
#uti-app .posology-table th:nth-child(5),#uti-app .posology-table td:nth-child(5){width:31%}
#uti-app .posology-table th,#uti-app .posology-table td{
  min-width:0!important;overflow-wrap:anywhere;word-break:normal;hyphens:auto
}

@media(max-width:980px){
  #uti-app .uti-info-section .info-grid{grid-template-columns:repeat(2,1fr)}
  #uti-app .uti-info-section .info-card:last-child{grid-column:1/-1}
  #uti-app .bottom-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  #uti-app .uti-info-section .info-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  #uti-app .uti-info-section .info-card{padding:13px}
  #uti-app .uti-info-section .info-card h3{font-size:12.5px}
  #uti-app .uti-info-section .info-card p{font-size:11.2px}
  #uti-app .formula-card,#uti-app .warning-card{padding:16px}

  #uti-app .posology-group .clinical-table-wrap{
    border:none;background:transparent;border-radius:0;overflow:visible
  }
  #uti-app .posology-table,#uti-app .posology-table tbody,#uti-app .posology-table tr,#uti-app .posology-table td{
    display:block;width:100%!important;min-width:0!important
  }
  #uti-app .posology-table thead{display:none}
  #uti-app .posology-table{border:0;background:transparent}
  #uti-app .posology-table tr{
    border:1px solid #d6dee9;border-radius:12px;background:#fff;overflow:hidden;
    margin-bottom:10px;box-shadow:0 3px 10px rgba(22,32,51,.035)
  }
  #uti-app .posology-table tr:last-child{margin-bottom:0}
  #uti-app .posology-table td{
    display:grid!important;grid-template-columns:minmax(92px,32%) minmax(0,1fr);
    gap:10px;align-items:start;border-right:none!important;border-bottom:1px solid #e5eaf0!important;
    padding:9px 11px!important;background:#fff!important;color:#334155!important;
    font-family:var(--font)!important;font-size:12px;line-height:1.45
  }
  #uti-app .posology-table td:last-child{border-bottom:none!important}
  #uti-app .posology-table td::before{
    content:attr(data-label);font-size:9px;font-weight:900;text-transform:uppercase;
    letter-spacing:.045em;color:var(--muted);padding-top:2px
  }
  #uti-app .posology-table .posology-indication{
    color:var(--teal-darker)!important;font-weight:900!important;background:#eaf8fa!important
  }
  #uti-app .posology-table .dose-cell{font-weight:900!important;color:#101828!important}
}

@media(max-width:460px){
  #uti-app .uti-info-section .info-grid{grid-template-columns:1fr}
  #uti-app .uti-info-section .info-card:last-child{grid-column:auto}
  #uti-app .posology-table td{grid-template-columns:86px minmax(0,1fr);gap:8px;padding:9px 10px!important}
}


/* ========================================================================== */
/* CARDS FECHADOS — PADRÃO VISUAL DO GUIA DE INTOXICAÇÕES                    */
/* ========================================================================== */
#uti-app .uti-grid{align-items:stretch}
#uti-app .uti-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;
  display:flex;flex-direction:column
}
#uti-app .uti-card.open{display:block}
#uti-app .uti-card:not(.open):hover{box-shadow:0 12px 30px rgba(22,32,51,.1);transform:translateY(-2px);cursor:pointer}
#uti-app .card-head{
  padding:16px 18px;border-bottom:1px solid var(--border);display:flex;
  justify-content:space-between;align-items:flex-start;gap:8px
}
#uti-app .card-head-left{flex:1;min-width:0}
#uti-app .card-head h3{
  font-family:var(--font-head);font-size:16px;font-weight:800;color:var(--navy);
  line-height:1.25;letter-spacing:-.01em;margin:0
}
#uti-app .card-head p{
  font-size:12px;color:var(--muted);margin-top:4px;margin-bottom:0;font-family:var(--mono);
  font-weight:500;letter-spacing:.01em;line-height:1.45;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  white-space:normal
}
#uti-app .uti-card.open .card-head p{-webkit-line-clamp:unset;display:block}
#uti-app .badge-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
#uti-app .badge{
  font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px;
  white-space:nowrap;letter-spacing:.02em;display:inline-flex;align-items:center;gap:5px
}
#uti-app .badge-class{background:var(--slate-bg,#f1f5f9);color:var(--slate,#475569)}
#uti-app .badge-profile{background:var(--green-bg);color:var(--green-dark)}
#uti-app .badge-route{background:var(--teal-light);color:var(--teal-darker)}
#uti-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
}
#uti-app .expand-btn i{font-size:14px;color:var(--muted);transition:transform .25s}
#uti-app .uti-card.open .expand-btn{background:var(--teal-light);border-color:var(--teal-mid);transform:none}
#uti-app .uti-card.open .expand-btn i{transform:rotate(180deg);color:var(--teal-darker)}
#uti-app .expand-btn:hover{background:var(--teal-light);border-color:var(--teal-mid)}

/* Resumo intermediário — equivalente ao Guia de Intoxicações */
#uti-app .card-summary{
  padding:12px 18px;border-bottom:1px solid var(--border);font-size:12.5px;color:var(--muted);
  font-weight:600;line-height:1.5;flex:1 1 auto;background:#fff
}
#uti-app .summary-clamp{
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden
}
#uti-app .uti-card.open .summary-clamp{-webkit-line-clamp:unset;display:block}

/* Quatro informações rápidas em grade 2 x 2 */
#uti-app .quick-info-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 18px;
  border-bottom:1px solid var(--border);background:#fff
}
#uti-app .quick-info-item{
  background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 6px;
  text-align:center;min-width:0
}
#uti-app .quick-info-label{
  font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase;
  letter-spacing:.05em;margin-bottom:3px
}
#uti-app .quick-info-value{
  font-size:12px;font-weight:800;color:var(--navy);line-height:1.25;min-height:30px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  align-items:center;justify-content:center;overflow-wrap:anywhere
}
#uti-app .uti-card.open .quick-info-value{-webkit-line-clamp:unset}

@media(max-width:760px){
  #uti-app .quick-info-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
  #uti-app .card-head{padding:15px 14px}
  #uti-app .card-summary{padding:11px 14px;font-size:12px}
  #uti-app .quick-info-grid{grid-template-columns:1fr 1fr;padding:11px 14px;gap:7px}
  #uti-app .quick-info-item{padding:8px 5px}
  #uti-app .quick-info-value{font-size:11.5px}
}

/* ========================================================================== */
/* PAGINAÇÃO NUMERADA + OFF-LABEL + MOBILE SEM ZOOM                          */
/* ========================================================================== */
#uti-app .note-box.amber{background:var(--orange-bg);border-color:#fde68a;color:#92400e}
#uti-app .note-box.amber strong{color:#92400e}
#uti-app .uti-pagination{padding:4px 24px 24px;display:flex;justify-content:center}
#uti-app .pagination-pages{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
#uti-app .uti-pagination .page-number,#uti-app .uti-pagination .page-nav{
  width:38px;height:38px;border-radius:9px;border:1px solid #dbe5f0;background:#fff;
  color:#53657a;font-family:var(--font);font-size:13px;font-weight:800;display:inline-flex;
  align-items:center;justify-content:center;cursor:pointer;transition:.16s
}
#uti-app .uti-pagination .page-number:hover,#uti-app .uti-pagination .page-nav:hover:not(:disabled){border-color:var(--teal-mid);color:var(--teal-darker);background:var(--teal-light)}
#uti-app .uti-pagination .page-number.active{background:linear-gradient(135deg,var(--teal),var(--teal-dark));border-color:var(--teal);color:#fff;box-shadow:0 4px 12px rgba(8,169,184,.22)}
#uti-app .uti-pagination .page-nav:disabled{opacity:.32;cursor:not-allowed;background:#f8fafc}
#uti-app .page-ellipsis{width:22px;text-align:center;color:var(--muted);font-size:13px;font-weight:800;padding:0!important}
#uti-app .pagination-count{font-size:12px!important;color:var(--muted)!important;font-weight:700!important;padding:0 0 0 7px!important;white-space:nowrap}
@media(max-width:760px){
  /* iOS amplia automaticamente campos com fonte menor que 16px. */
  #uti-app input,#uti-app select,#uti-app textarea{font-size:16px!important}
  #uti-app .uti-pagination{padding-left:12px;padding-right:12px}
  #uti-app .pagination-pages{gap:5px}
  #uti-app .uti-pagination .page-number,#uti-app .uti-pagination .page-nav{width:36px;height:36px;font-size:12px}
  #uti-app .pagination-count{width:100%;text-align:center;padding:4px 0 0!important}
}

/* ==========================================================================
   PAGINAÇÃO — PADRÃO VISUAL DO GUIA DE INTOXICAÇÕES + MOBILE SEM AUTO-ZOOM
   ========================================================================== */
#uti-app .uti-pagination{padding:8px 24px 24px;display:flex;align-items:center;justify-content:center}
#uti-app .pagination-pages{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:nowrap}
#uti-app .uti-pagination .page-number,#uti-app .uti-pagination .page-nav{width:38px;height:38px;min-width:38px;border-radius:9px;border:1px solid #dbe5f0;background:#fff;color:#53657a;font-family:var(--font);font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s;box-shadow:none}
#uti-app .uti-pagination .page-number:hover,#uti-app .uti-pagination .page-nav:hover:not(:disabled){border-color:var(--teal-mid);color:var(--teal-darker);background:var(--teal-light)}
#uti-app .uti-pagination .page-number.active{background:linear-gradient(135deg,var(--teal),var(--teal-dark));border-color:var(--teal);color:#fff;box-shadow:0 4px 12px rgba(8,169,184,.22)}
#uti-app .uti-pagination .page-nav:disabled{opacity:.28;cursor:not-allowed;background:#f8fafc}
#uti-app .page-ellipsis{width:18px;min-width:18px;text-align:center;color:var(--muted);font-size:13px;font-weight:800;padding:0!important}
#uti-app .pagination-count{font-size:12px!important;color:var(--muted)!important;font-weight:700!important;padding:0 0 0 8px!important;white-space:nowrap}
@media(max-width:760px){
  /* iOS Safari aplica zoom automático em campos com fonte abaixo de 16px. */
  #uti-app input,#uti-app select,#uti-app textarea{font-size:16px!important}
  #uti-app .uti-pagination{padding-left:8px;padding-right:8px}
  #uti-app .pagination-pages{gap:5px;flex-wrap:wrap}
  #uti-app .uti-pagination .page-number,#uti-app .uti-pagination .page-nav{width:36px;height:36px;min-width:36px;font-size:12px}
  #uti-app .pagination-count{width:100%;text-align:center;padding:5px 0 0!important}
}

/* CÁLCULO — DILUIÇÃO SELECIONADA */
#uti-app .calc-dilution-box{margin:0 0 12px;border:1px solid #cfe7eb;background:#f7fcfd;border-radius:12px;padding:12px 14px}
#uti-app .calc-dilution-title{display:flex;align-items:center;gap:7px;font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:.03em;color:var(--teal-darker);margin-bottom:5px}
#uti-app .calc-dilution-label{font-size:12.5px;font-weight:800;color:var(--navy);margin-bottom:4px}
#uti-app .calc-dilution-prep{font-size:12px;font-weight:600;color:#475569;line-height:1.5}
#uti-app .calc-dilution-conc{font-size:11px;color:var(--teal-darker);margin-top:5px}
@media(max-width:620px){#uti-app .calc-dilution-box{padding:11px 12px}#uti-app .calc-dilution-prep{font-size:11.5px}}