/* OncoRx — tema Gelo + Dourado (CJL) */ /* Fontes carregadas de forma não-bloqueante no ; fallback de sistema garante render offline (on-premise). */ :root{ --ice:#f4f2ec; --ice2:#faf9f5; --panel:#ffffff; --line:#e7e2d6; --gold:#c1963c; --gold2:#a67c28; --gold-soft:#f0e6cf; --ink:#2b2a26; --dim:#8a857a; --dim2:#b6b1a4; --ok:#2f8f4e; --alert:#c8891f; --bad:#c0392b; --shadow:0 1px 3px rgba(43,42,38,.06),0 8px 24px rgba(43,42,38,.05); --shadow-lg:0 4px 12px rgba(43,42,38,.08),0 16px 40px rgba(43,42,38,.08); } *{box-sizing:border-box} body{margin:0;font-family:'Inter',system-ui,Arial,sans-serif;background:var(--ice);color:var(--ink); line-height:1.55;-webkit-font-smoothing:antialiased} a{color:var(--gold2);text-decoration:none} h1{font-family:'Poppins';font-size:1.6rem;margin:.1rem 0 .3rem;font-weight:600;letter-spacing:-.01em} h2{font-family:'Poppins';font-size:1.15rem;margin:1.6rem 0 .6rem;font-weight:600} h3{font-family:'Poppins';margin:.1rem 0 .9rem;font-size:1rem;font-weight:600} small{color:var(--dim)} .dim{color:var(--dim)} .lead{color:var(--dim);margin:-.2rem 0 1.2rem;font-size:.95rem} .req{color:var(--gold2);font-size:.72rem;font-weight:600} /* topbar */ .topbar{display:flex;align-items:center;gap:1.4rem;background:var(--panel); border-bottom:1px solid var(--line);padding:.7rem 1.6rem;flex-wrap:wrap;position:sticky;top:0;z-index:20; box-shadow:0 1px 0 rgba(43,42,38,.03)} .brand{display:flex;align-items:center;gap:.7rem} .brand.center{justify-content:center;margin-bottom:1.3rem} .logo{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:9px;font-weight:700; letter-spacing:.03em;color:#fff;background:linear-gradient(135deg,var(--gold),var(--gold2)); font-family:'Poppins';box-shadow:0 4px 12px rgba(193,150,60,.3)} .brand{text-decoration:none;color:inherit} .brand-logo{display:block;flex:none;border-radius:11px} .brand strong{display:block;font-family:'Poppins';font-size:1.05rem;font-weight:600;color:var(--ink)} .brand small{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2)} .nav{display:flex;gap:.1rem;margin-left:auto;align-items:center;flex-wrap:wrap} .nav a{padding:.45rem .7rem;border-radius:8px;color:var(--dim);font-size:.87rem;font-weight:500;transition:.15s;text-decoration:none} .nav a:hover{background:var(--ice);color:var(--ink)} .nav a.on{background:var(--gold-soft);color:var(--gold2);font-weight:600} .nav-only-mobile{display:none !important} /* dropdowns */ .nav-group{position:relative} .nav-drop{background:none;border:none;font:inherit;cursor:pointer;color:var(--dim);padding:.45rem .7rem;border-radius:8px;font-size:.87rem;font-weight:500;transition:.15s} .nav-drop:hover{background:var(--ice);color:var(--ink)} .nav-drop.on{background:var(--gold-soft);color:var(--gold2);font-weight:600} .nav-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:#fff;border:1px solid var(--line); border-radius:10px;box-shadow:var(--shadow-lg);padding:.35rem;z-index:40} .nav-group.open .nav-menu{display:block} .nav-menu a{display:block;padding:.5rem .7rem;border-radius:7px;color:var(--ink);font-size:.87rem;font-weight:500} .nav-menu a:hover{background:var(--ice)} .nav-menu a.on{background:var(--gold-soft);color:var(--gold2);font-weight:600} .nav-burger{display:none;background:none;border:1px solid var(--line);border-radius:9px;font-size:1.15rem;line-height:1; padding:.35rem .65rem;cursor:pointer;color:var(--ink);margin-left:auto} .userbox{display:flex;align-items:center;gap:.8rem;font-size:.83rem;color:var(--dim)} .userbox em{color:var(--gold2);font-style:normal;font-weight:600} @media(max-width:960px){ .topbar{gap:.8rem;padding:.6rem 1rem} .nav-burger{display:block;margin-left:auto} .userbox{display:none} .nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:#fff;border-bottom:1px solid var(--line); flex-direction:column;align-items:stretch;padding:.5rem;box-shadow:var(--shadow-lg);gap:.1rem;max-height:80vh;overflow-y:auto} .nav.open{display:flex} .nav a,.nav-drop{width:100%;text-align:left;padding:.65rem .8rem} .nav-only-mobile{display:block !important;border-top:1px solid var(--line);margin-top:.2rem;color:var(--gold2)} .nav-group{width:100%} .nav-menu{position:static;box-shadow:none;border:none;padding:0 0 .3rem 1rem;min-width:0} } .wrap{max-width:1060px;margin:0 auto;padding:1.8rem 1.6rem 3rem} .foot{text-align:center;padding:1.4rem;color:var(--dim2);font-size:.8rem;border-top:1px solid var(--line)} /* cards */ .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.2rem} .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.1rem; color:var(--dim);font-size:.83rem;box-shadow:var(--shadow);position:relative;overflow:hidden} .card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-soft))} .card .num{display:block;font-family:'Poppins';font-size:1.7rem;color:var(--ink);font-weight:700;margin-bottom:.1rem} .card.gold .num{color:var(--gold2)} .grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem} .tile{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.2rem;display:block; box-shadow:var(--shadow);transition:.18s} .tile:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--gold-soft)} .tile strong{color:var(--ink);font-family:'Poppins';font-weight:600} .tile p{margin:.4rem 0 0;color:var(--dim);font-size:.85rem} /* panels & forms */ .panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.3rem;margin-bottom:1.1rem; box-shadow:var(--shadow)} .row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem} label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--dim);flex:1;min-width:130px;font-weight:500} input,select,textarea{background:var(--ice2);border:1px solid var(--line);color:var(--ink); border-radius:9px;padding:.55rem .7rem;font-size:.92rem;font-family:inherit;transition:.15s} input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);background:#fff; box-shadow:0 0 0 3px rgba(193,150,60,.12)} input.mini{max-width:120px} textarea{width:100%;resize:vertical} .btn{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;border:none;border-radius:9px; padding:.62rem 1.4rem;font-weight:600;cursor:pointer;font-size:.92rem;font-family:'Poppins'; box-shadow:0 4px 12px rgba(193,150,60,.25);transition:.15s} .btn:hover{filter:brightness(1.05);box-shadow:0 6px 16px rgba(193,150,60,.35)} .btn-ghost{background:#fff;border:1px solid var(--gold);color:var(--gold2);border-radius:9px; padding:.55rem 1.1rem;cursor:pointer;font-size:.88rem;font-weight:600;transition:.15s} .btn-ghost:hover{background:var(--gold-soft)} .btnrow{display:flex;gap:.7rem;margin-top:.4rem;flex-wrap:wrap} label.chk{flex-direction:row;align-items:center;gap:.5rem;color:var(--ink);font-size:.87rem;margin-bottom:.6rem;cursor:pointer} label.chk input{width:auto;margin:0} .calc-live{display:flex;gap:1.5rem;flex-wrap:wrap;background:linear-gradient(135deg,var(--gold-soft),#fff); border:1px solid var(--gold-soft);border-radius:11px;padding:.8rem 1.1rem;margin-top:.6rem;font-size:.9rem} .calc-live b{color:var(--gold2);font-size:1.1rem;font-family:'Poppins'} /* tables */ .tbl{width:100%;border-collapse:collapse;font-size:.87rem;margin-top:.3rem} .tbl th,.tbl td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--line)} .tbl thead th{color:var(--gold2);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em; border-bottom:2px solid var(--gold-soft)} .tbl tbody tr{transition:.1s} .tbl tbody tr:hover{background:var(--ice2)} .tbl.farmacos td{vertical-align:middle} .tag{background:var(--gold-soft);border:none;color:var(--gold2);border-radius:20px; padding:.12rem .6rem;font-size:.7rem;font-weight:600;white-space:nowrap} .tag.blue{background:#e6eef7;color:#3a6ea5} .tag.gray{background:var(--ice);color:var(--dim)} /* alerts */ .alert{border-radius:10px;padding:.65rem 1rem;margin:.5rem 0;font-size:.88rem;border:1px solid;display:flex;gap:.5rem} .alert.ok{background:#eef7f0;border-color:#bfe0c8;color:#256b3c} .alert.alerta{background:#fbf3e2;border-color:#eacf95;color:#8a5e10} .alert.bloqueio{background:#fbeceb;border-color:#e8b7b2;color:#a52c22} .result{border-color:var(--gold-soft);box-shadow:var(--shadow-lg)} /* laudo */ .laudo-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--gold-soft);padding-bottom:.5rem} .num-apac{color:var(--gold2);font-weight:700;font-family:'Poppins'} .laudo-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.9rem;margin:1rem 0} .laudo-grid div{background:var(--ice2);border:1px solid var(--line);border-radius:9px;padding:.65rem} .laudo-grid small{display:block;text-transform:uppercase;font-size:.66rem;letter-spacing:.05em;margin-bottom:.2rem;color:var(--dim2)} .laudo-grid .gold{border-color:var(--gold-soft);color:var(--gold2);font-weight:700} /* integracao */ .testout{margin-top:.8rem;display:none} .testout.show{display:block} .kv{background:var(--ice2);border:1px solid var(--line);border-radius:9px;padding:.55rem .8rem;margin:.4rem 0;font-size:.85rem} /* graus de toxicidade */ .grau-badge{display:inline-block;border-radius:20px;padding:.12rem .6rem;font-weight:700;font-size:.76rem} .grau-badge.g0{background:#eef7f0;color:#256b3c} .grau-badge.g1{background:#e6f2e9;color:#2f8f4e} .grau-badge.g2{background:#fbf3e2;color:#8a5e10} .grau-badge.g3{background:#f7e5d3;color:#b5641a} .grau-badge.g4{background:#fbeceb;color:#a52c22} .grau-badge.g5{background:#2b2a26;color:#fff} .estadio{color:var(--gold2)} /* dashboard — gráficos + mapa */ .dash-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:1.1rem;margin-bottom:1.1rem} .chart{width:100%;margin-top:.4rem} .cvg .ax{font-size:9px;fill:var(--dim2)} .cvg .lg{font-size:11px;fill:var(--ink)} .cvg .donut-c{font-size:26px;font-weight:700;fill:var(--ink);font-family:'Poppins'} .cvg .seg{transition:opacity .2s}.cvg .seg:hover{opacity:.8} .map-wrap{display:grid;grid-template-columns:300px 1fr;gap:1.6rem;align-items:start;margin-top:.6rem} .body-col{display:flex;flex-direction:column;align-items:center} .view-toggle{display:inline-flex;background:var(--ice2);border:1px solid var(--line);border-radius:20px;padding:2px;margin-bottom:.5rem} .view-toggle button{border:none;background:none;border-radius:18px;padding:.3rem .95rem;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--dim);font-family:'Poppins'} .view-toggle button.on{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff} .body-view{width:100%} .body-map{max-width:300px;width:100%;display:block;margin:0 auto} .body-map .halo{pointer-events:none} /* camadas anatômicas */ .layer-toggle{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-bottom:.5rem;max-width:280px} .layer-toggle button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:.2rem .6rem;cursor:pointer; font-size:.74rem;font-weight:600;color:var(--dim)} .layer-toggle button.on{background:var(--gold-soft);color:var(--gold2);border-color:var(--gold-soft)} .layer-toggle button[data-layer="vessels"].on{background:#f6d9d5;color:#a52c22;border-color:#f6d9d5} .layer-toggle button[data-layer="lymph"].on{background:#d6ece5;color:#256b57;border-color:#d6ece5} .body-map .layer,.body-map .part-lbl{display:none} .body-col.l-skin .layer-skin,.body-col.l-skin .part-lbl{display:inline} .body-col.l-muscle .layer-muscle{display:inline} .body-col.l-bones .layer-bones{display:inline} .body-col.l-vessels .layer-vessels{display:inline} .body-col.l-lymph .layer-lymph{display:inline} .body-col.l-marrow .layer-marrow{display:inline} .body-col.l-organs .layer-organs{display:inline} .body-col.l-muscle .layer-skin,.body-col.l-bones .layer-skin{fill-opacity:.16} /* fluxo de sangue */ .vessel{stroke-dasharray:6 6;animation:flow 1s linear infinite} @keyframes flow{to{stroke-dashoffset:-12}} .lnode{animation:lpulse 1.9s ease-in-out infinite;transform-box:fill-box;transform-origin:center} @keyframes lpulse{0%,100%{opacity:.65}50%{opacity:1}} .body-col.systemic .vessel{stroke-width:3.4;animation-duration:.5s} .body-col.systemic .lnode{animation-duration:.85s;r:6} /* medula óssea */ .marrow{fill:#a52c22;animation:mpulse 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center} @keyframes mpulse{0%,100%{opacity:.5;r:3}50%{opacity:1;r:5.2}} .body-col.systemic .marrow{animation-duration:.85s} .layer-toggle button[data-layer="marrow"].on{background:#f3d0cb;color:#8e1e14;border-color:#f3d0cb} .vitrine-cap{font-family:'Poppins';font-weight:600;font-size:.82rem;color:var(--gold2);background:var(--gold-soft); border-radius:14px;padding:.28rem .9rem;margin:0 auto .6rem;display:block;width:fit-content;transition:.3s} .systemic-note{background:linear-gradient(135deg,#fbeceb,#fff);border:1px solid #e8b7b2;color:#a52c22; border-radius:10px;padding:.55rem .8rem;font-size:.85rem;margin:.6rem 0} /* barra de período */ .period-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line); border-radius:12px;padding:.6rem 1rem;margin-bottom:1.1rem;box-shadow:var(--shadow)} .pb-label{font-size:.86rem;color:var(--dim)}.pb-label b{color:var(--gold2)} .pb-presets{display:flex;gap:.3rem} .pb-presets a{padding:.32rem .7rem;border-radius:8px;font-size:.82rem;color:var(--dim);font-weight:500} .pb-presets a:hover{background:var(--ice)} .pb-presets a.on{background:var(--gold-soft);color:var(--gold2);font-weight:600} .pb-custom{display:flex;gap:.4rem;align-items:center;margin-left:auto} .pb-custom input{padding:.35rem .5rem;font-size:.82rem} .pb-custom .btn-ghost{padding:.35rem .8rem} .body-map.interativo .hot{cursor:pointer} .body-map .hit{cursor:pointer} .body-map .hot .hit:hover{stroke:var(--gold2);stroke-width:2} .body-map .hot.on .hc{stroke:#fff;stroke-width:.6} .body-map .hot.sel .hc{stroke:var(--gold2);stroke-width:2.5} .map-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap} .map-tools{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap} .organ-detail{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem;min-height:60px} .od-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem} .od-head h4{margin:0;font-family:'Poppins';font-size:1.05rem;color:var(--gold2)} .od-head span{color:var(--dim);font-size:.85rem} /* timeline rica do paciente */ .tl-summary{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1rem} .tl-chip{background:var(--ice2);border:1px solid var(--line);border-radius:10px;padding:.5rem .8rem;min-width:96px} .tl-chip small{display:block;color:var(--dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.15rem} .tl-chip b{font-family:'Poppins';font-size:1.05rem;color:var(--ink)} .tl-overview{overflow-x:auto;margin-bottom:1.2rem} .tl-ov{width:100%;min-width:520px;display:block} .tl-ov .ov-dot{cursor:pointer} .tl-ov .ov-dot:hover circle,.tl-ov .ov-dot:hover rect{stroke:#fff;stroke-width:2} .tl-ovleg{display:flex;gap:1.1rem;font-size:.78rem;color:var(--dim);margin-top:.2rem;flex-wrap:wrap} .tl-ovleg .d{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.3rem;vertical-align:middle} .tl-ovleg .d.sq{border-radius:2px} /* vertical */ .vtl{position:relative;padding-left:26px} .vtl::before{content:'';position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:var(--gold-soft)} .vtl-item{position:relative;margin-bottom:.7rem;opacity:0;animation:vtlIn .45s ease forwards} @keyframes vtlIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} .vtl-dot{position:absolute;left:-21px;top:14px;width:12px;height:12px;border-radius:50%;background:#c1963c;border:2px solid #fff;box-shadow:0 0 0 1px var(--gold-soft)} .vtl-item.tox .vtl-dot{background:#e08a2b}.vtl-item.tox.g3 .vtl-dot{background:#e08a2b}.vtl-item.tox.g4 .vtl-dot{background:#c0392b} .vtl-item.apac .vtl-dot{background:#a67c28} .vtl-card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);overflow:hidden} .vtl-item.flash .vtl-card{box-shadow:0 0 0 3px var(--gold);transition:box-shadow .3s} .vtl-head{width:100%;display:flex;align-items:center;gap:.6rem;background:none;border:none;cursor:pointer; padding:.6rem .9rem;font:inherit;text-align:left} .vtl-head:hover{background:var(--ice2)} .vtl-ic{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--gold-soft);color:var(--gold2);font-weight:700} .vtl-item.tox .vtl-ic{background:#f7e5d3;color:#b5641a}.vtl-item.apac .vtl-ic{background:#ece7da;color:var(--dim)} .vtl-date{font-family:'Poppins';font-weight:600;font-size:.82rem;color:var(--gold2);flex:none;min-width:76px} .vtl-title{font-weight:600;color:var(--ink);font-size:.92rem} .vtl-sub{color:var(--dim);font-size:.8rem} .vtl-chev{margin-left:auto;color:var(--dim2);transition:transform .2s} .vtl-item.open .vtl-chev{transform:rotate(180deg)} .vtl-body{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 .9rem} .vtl-item.open .vtl-body{max-height:400px;padding:.2rem .9rem .8rem} .vtl-meta{font-size:.85rem;color:var(--ink);margin:.3rem 0} .tbl.mini{font-size:.82rem}.tbl.mini th,.tbl.mini td{padding:.32rem .5rem} .tl{margin-top:.9rem;background:var(--ice2);border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem} .tl-h{font-size:.78rem;font-weight:600;color:var(--gold2);margin-bottom:.2rem} .tl circle{cursor:pointer}.tl circle:hover{stroke:#fff;stroke-width:2} .organ-detail .cs{cursor:pointer} .organ-detail .cs:hover{background:var(--gold-soft)} .leg-row.clic{cursor:pointer;border-radius:6px;padding:.1rem .2rem} .leg-row.clic:hover{background:var(--ice2)} .body-map .hot-n{font-size:9px;font-weight:700;fill:#fff;pointer-events:none} .body-map .part-lbl text{font-size:8.5px;fill:#a8a08c;font-weight:500} .map-legend{display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1.4rem} .leg-grupo{grid-column:1/-1;font-family:'Poppins';font-size:.72rem;font-weight:700;color:var(--gold2); text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;border-bottom:1px solid var(--gold-soft);padding-bottom:.2rem} .leg-row{display:grid;grid-template-columns:54px 1fr auto auto;gap:.6rem;align-items:center;font-size:.82rem} .leg-bar{background:#f1ece0;border-radius:6px;height:9px;overflow:hidden} .leg-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:6px} .leg-nome{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .leg-count{font-weight:700;color:var(--gold2);font-family:'Poppins'} .leg-val{color:var(--dim);font-size:.74rem;min-width:64px;text-align:right} @media(max-width:820px){.dash-grid{grid-template-columns:1fr}.map-wrap{grid-template-columns:1fr}.body-map{margin:0 auto}.map-legend{grid-template-columns:1fr}} /* catálogo — busca/filtro/paginação */ .tabs{display:flex;gap:.3rem;margin-bottom:1.1rem;flex-wrap:wrap;border-bottom:1px solid var(--line)} .tabs button{background:none;border:none;border-bottom:2px solid transparent;padding:.6rem .9rem;cursor:pointer; font-family:'Poppins';font-weight:600;font-size:.9rem;color:var(--dim);margin-bottom:-1px} .tabs button.on{color:var(--gold2);border-bottom-color:var(--gold)} .tab-pane{display:none}.tab-pane.on{display:block} .toolbar{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-bottom:.8rem} .toolbar input[type=search]{flex:1;min-width:200px} .toolbar .count{color:var(--dim);font-size:.82rem;margin-left:auto} .pager{display:flex;gap:.4rem;align-items:center;justify-content:center;margin-top:1rem} .pager button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.35rem .7rem;cursor:pointer;font-size:.85rem;color:var(--ink)} .pager button:hover:not(:disabled){border-color:var(--gold);color:var(--gold2)} .pager button:disabled{opacity:.4;cursor:default} .pager .pinfo{font-size:.82rem;color:var(--dim);padding:0 .5rem} .pill{display:inline-block;background:var(--gold-soft);color:var(--gold2);border-radius:20px;padding:.1rem .55rem;font-size:.72rem;font-weight:600} /* comparador */ .comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-bottom:1.1rem} .comp-col{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.3rem;box-shadow:var(--shadow)} .comp-col.onco{border-color:var(--gold-soft)} .comp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem} .comp-head h3{margin:0} .comp-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem} .comp-list li{position:relative;padding-left:1.7rem;font-size:.9rem} .comp-list li::before{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;font-size:.72rem;font-weight:700;display:grid;place-items:center} .comp-list li.no{color:var(--dim)} .comp-list li.no::before{content:'✗';background:#f3e3e1;color:#b5473c} .comp-list li.yes{color:var(--ink)} .comp-list li.yes::before{content:'✓';background:var(--gold-soft);color:var(--gold2)} .comp-demo{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.8rem} .cd{border:1px solid var(--line);border-radius:12px;padding:1rem;text-align:center;background:var(--ice2)} .cd.onco{border-color:var(--gold);background:linear-gradient(135deg,var(--gold-soft),#fff)} .cd small{display:block;color:var(--dim);font-size:.74rem} .cd b{font-family:'Poppins';font-size:2rem;color:var(--ink)} .cd.onco b{color:var(--gold2)} .cd span{display:block;color:var(--dim);font-size:.78rem} /* glosa */ .glosa-box{margin-top:1rem;border-top:1px solid var(--line);padding-top:.9rem} .glosa-box h4{margin:.1rem 0 .6rem;font-family:'Poppins';font-size:.95rem} .glosa-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.4rem} .glosa-list li{font-size:.85rem;display:flex;gap:.5rem;align-items:center} .glosa-list li span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:700} .glosa-list li.ok{color:#256b3c}.glosa-list li.ok span{background:#e6f2e9;color:#2f8f4e} .glosa-list li.bad{color:#a52c22}.glosa-list li.bad span{background:#f3e3e1;color:#b5473c} /* score SLA */ .score-ring{text-align:center;padding:1rem 0} .score-num{font-family:'Poppins';font-size:3rem;font-weight:800;color:var(--gold2);line-height:1} .score-num span{font-size:1.2rem;color:var(--dim2)} .score-cls{display:inline-block;margin-top:.5rem;border-radius:20px;padding:.3rem 1rem;font-weight:700;font-size:.9rem} .score-cls.ok{background:#e6f2e9;color:#256b3c} .score-cls.alerta{background:#fbf3e2;color:#8a5e10} .score-cls.bad{background:#f3e3e1;color:#a52c22} /* pacientes */ .row-pac{cursor:pointer;transition:.1s} .row-pac:hover{background:var(--gold-soft)} .tl-full{width:100%;min-width:640px} .tl-full circle{cursor:pointer} .tl-legend{font-size:.82rem;color:var(--dim);margin-bottom:.4rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap} .tl-legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block} .tl-legend .dot.gold{background:var(--gold)} /* fit-for-chemo */ .fit-verdict{display:flex;align-items:center;gap:.9rem;border-radius:12px;padding:.9rem 1.1rem;margin-bottom:1rem} .fit-verdict.apto{background:#eef7f0;border:1px solid #bfe0c8} .fit-verdict.adiar{background:#fbeceb;border:1px solid #e8b7b2} .fit-verdict .fv-ic{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff} .fit-verdict.apto .fv-ic{background:var(--ok)}.fit-verdict.adiar .fv-ic{background:var(--bad)} .fit-verdict b{display:block;font-family:'Poppins'}.fit-verdict small{color:var(--dim)} /* agenda — tela cheia */ .agenda-bleed{width:100vw;position:relative;left:50%;margin-left:-50vw;padding:0 1.4rem;box-sizing:border-box} .agenda-tbl{width:100%;table-layout:fixed} .agenda-tbl th{font-size:.72rem} .agenda-tbl .ag-h,.agenda-tbl .ag-time{width:70px} .ag-time{background:var(--ice2)} .ag-cell{vertical-align:top;height:74px;border-left:1px solid var(--line)} .ag-cell.busy{background:var(--gold-soft)} .ag-sess{position:relative;height:100%} .ag-nome{display:block;font-weight:700;font-size:.82rem;color:var(--ink);line-height:1.15} .ag-sess small{display:block;color:var(--dim);font-size:.72rem;margin-top:.1rem} .ag-actions{position:absolute;top:-2px;right:-2px;display:flex;gap:.2rem;opacity:0;transition:.15s} .ag-cell:hover .ag-actions{opacity:1} .ag-actions form{margin:0} .ag-btn{border:1px solid var(--line);background:#fff;border-radius:6px;width:22px;height:22px;cursor:pointer; font-size:.75rem;line-height:1;color:var(--gold2);padding:0} .ag-btn.del{color:var(--bad)} .ag-btn:hover{background:var(--ice)} .ag-free{width:100%;height:100%;border:1px dashed transparent;background:none;color:var(--dim2);font-size:.78rem;cursor:pointer;border-radius:6px} .ag-free:hover{border-color:var(--gold-soft);color:var(--gold2);background:#fff} /* navegação por data */ .date-nav{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem} .dn-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px; background:#fff;color:var(--gold2);font-size:1.3rem;line-height:1;text-decoration:none} .dn-arrow:hover{background:var(--gold-soft)} .dn-form{margin:0} .dn-form input{padding:.42rem .6rem} .dn-label{font-family:'Poppins';font-weight:600;color:var(--ink);text-transform:capitalize} .dn-today{margin-left:.4rem;padding:.4rem .9rem} .ag-viewtoggle{display:inline-flex;background:var(--ice2);border:1px solid var(--line);border-radius:20px;padding:2px;margin-right:.4rem} .ag-viewtoggle a{padding:.3rem .9rem;border-radius:18px;font-size:.83rem;font-weight:600;color:var(--dim);text-decoration:none} .ag-viewtoggle a.on{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff} /* semana */ .semana-tbl{width:100%;table-layout:fixed} .semana-tbl .ag-h{width:66px} .semana-tbl th a{color:var(--gold2);text-decoration:none;text-transform:capitalize;font-size:.72rem} .semana-tbl th.dia-hoje{background:var(--gold-soft);border-radius:8px 8px 0 0} .sem-cell{vertical-align:top;height:58px;border-left:1px solid var(--line);padding:.3rem} .sem-cell.busy{background:var(--gold-soft)} .sem-chip{display:block;background:#fff;border:1px solid var(--gold-soft);border-radius:6px;padding:.15rem .4rem; font-size:.72rem;font-weight:600;color:var(--ink);margin-bottom:.2rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sem-chip:hover{border-color:var(--gold)} .sem-free{display:grid;place-items:center;height:100%;color:var(--dim2);font-size:1.1rem;text-decoration:none;border-radius:6px} .sem-free:hover{background:#fff;color:var(--gold2)} @media(max-width:820px){.semana-tbl{table-layout:auto;min-width:760px}} /* modal */ .modal-ov{display:none;position:fixed;inset:0;background:rgba(43,42,38,.5);z-index:100;place-items:center;padding:1rem} .modal-ov.show{display:grid} .modal-card{background:#fff;border-radius:14px;padding:1.6rem;width:min(430px,100%);box-shadow:var(--shadow-lg)} .modal-card h3{margin:.1rem 0 1rem;font-family:'Poppins'} .modal-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:var(--dim);margin-bottom:.7rem} @media(max-width:700px){.agenda-tbl{table-layout:auto;min-width:720px}.agenda-bleed .panel{overflow-x:auto}} /* assistente IA */ .ai-out{display:none;margin-top:.8rem} .ai-out.show{display:block} .ai-load{color:var(--gold2);font-weight:600;font-size:.9rem} .ai-text{white-space:pre-wrap;font-family:inherit;font-size:.9rem;background:var(--ice2);border:1px solid var(--line); border-radius:10px;padding:.8rem 1rem;margin:.5rem 0 0;color:var(--ink);line-height:1.5} /* login */ .login-bg{position:relative;min-height:100vh;display:grid;place-items:center;padding:1.5rem; background:radial-gradient(circle at 20% 20%,#fff,var(--ice) 75%);overflow:hidden} .back-site{position:absolute;top:1.3rem;left:1.5rem;z-index:3;color:var(--dim);font-size:.88rem;font-weight:600; background:#fff;border:1px solid var(--line);border-radius:20px;padding:.4rem .9rem;box-shadow:var(--shadow)} .back-site:hover{color:var(--gold2);border-color:var(--gold-soft)} .login2{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center; max-width:920px;width:100%} .login-side .brand{margin-bottom:1.4rem} .login-side h2{font-family:'Poppins';font-size:2rem;line-height:1.12;font-weight:800;letter-spacing:-.02em;margin:.2rem 0 1.2rem} .login-side .grad{background:linear-gradient(120deg,var(--gold),var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent} .login-feats{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.7rem} .login-feats li{position:relative;padding-left:1.7rem;color:var(--dim);font-size:.95rem} .login-feats li::before{content:'✓';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%; background:var(--gold-soft);color:var(--gold2);font-size:.72rem;font-weight:700;display:grid;place-items:center} .login-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:2.2rem;width:100%;max-width:380px; box-shadow:var(--shadow-lg);justify-self:end} .lc-title{font-family:'Poppins';margin:.2rem 0 1rem;font-size:1.15rem} .login-card form{display:flex;flex-direction:column;gap:.8rem;margin-top:.4rem} .login-card .btn{margin-top:.4rem} .hint{text-align:center;color:var(--dim);font-size:.78rem;margin:1rem 0 .6rem} .voltar-link{display:block;text-align:center;font-size:.85rem;font-weight:600;color:var(--gold2)} .mob-brand{display:none} .center{justify-content:center} @media(max-width:800px){ .login2{grid-template-columns:1fr;max-width:400px} .login-side{display:none} .login-card{max-width:none;justify-self:stretch} .mob-brand{display:flex;margin-bottom:1rem} } @media(max-width:820px){.cards,.grid2,.laudo-grid{grid-template-columns:1fr 1fr}} @media(max-width:640px){ .wrap{padding:1.2rem 1rem 2.4rem} h1{font-size:1.35rem} .tbl{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch} .map-top{flex-direction:column;align-items:stretch;gap:.6rem} .comp-grid,.comp-demo,.glosa-list,.calc-inputs{grid-template-columns:1fr} .pb-custom{margin-left:0;width:100%} .pb-custom input{flex:1} } @media(max-width:520px){.cards,.grid2,.laudo-grid{grid-template-columns:1fr}}