/* =================================================================== Brumed Agendamento — folha de estilo (redesign 2026) Nova linguagem visual: superfícies neutras, dock flutuante, header de vidro, cards arredondados, modo escuro manual (data-theme). Mantém TODOS os nomes de classe/variáveis usados por HTML e app.js. Paths de imagem são relativos a /assets (esta folha vive em /assets). =================================================================== */ :root{ /* marca (verde Brumed — inalterada) */ --verde:#0B3D2E; --verde-2:#0f5240; --verde-3:#157a5e; --verde-4:#1f9b76; --verde-glow:#3fd49b; --verde-claro:#e4efe9; --verde-claro-2:#d3e5dd; /* acento semântico (usa a marca) */ --accent:#0B3D2E; --accent-strong:#157a5e; --accent-soft:#e4efe9; /* superfícies / texto (tema claro) */ --bg:#f2f3f5; --bg-1:#f2f3f5; --bg-2:#f2f3f5; --surface:#ffffff; --surface-2:#f5f6f8; --surface-3:#eceef1; --text:#111614; --fg-2:#3d4744; --muted:#7c8783; --border:rgba(17,22,20,.08); --border-2:rgba(17,22,20,.14); --scroll:rgba(17,22,20,.14); --scroll-h:rgba(17,22,20,.24); --row-hover:#f5f6f8; --day-out:#f5f6f8; /* aliases retrocompatíveis (JS/HTML antigos usam estes nomes) */ --texto:var(--text); --borda:var(--border); --borda-2:var(--border-2); --cinza:var(--surface-3); --branco:var(--surface); /* dock / vidro */ --dock-bg:rgba(255,255,255,.68); --dock-border:rgba(17,22,20,.06); --top-bg:rgba(255,255,255,.68); /* status */ --st-agendado:#0a84ff; --st-checkin:#30b0c7; --st-realizado:#1fb865; --st-falta:#ff3b30; --st-pendencia:#ff9f0a; --st-cancelado:#9aa3a0; /* escalas */ --fs-xs:12px; --fs-sm:13px; --fs-md:15px; --fs-lg:19px; --fs-xl:27px; --fs-2xl:30px; --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --radius:22px; --radius-sm:14px; --radius-xs:11px; --shadow-sm:0 1px 2px rgba(16,24,20,.05); --shadow:0 2px 10px rgba(16,24,20,.05),0 12px 32px rgba(16,24,20,.07); --shadow-dock:0 8px 40px rgba(16,24,20,.16),0 2px 8px rgba(16,24,20,.08); /* aliases de sombra */ --sombra-sm:var(--shadow-sm); --sombra:var(--shadow); --sombra-lg:var(--shadow-dock); } /* ===== DARK MODE ===== manual via [data-theme=dark]; ou sistema, salvo se o usuário forçou claro ([data-theme=light]). */ [data-theme="dark"]{ --verde:#2fbd86; --verde-2:#28a878; --verde-3:#43d497; --verde-4:#5ce0a8; --verde-glow:#5ce0a8; --verde-claro:rgba(52,200,143,.15); --verde-claro-2:rgba(52,200,143,.28); --accent:#2fbd86; --accent-strong:#43d497; --accent-soft:rgba(52,200,143,.15); --bg:#0a0e0d; --bg-1:#0a0e0d; --bg-2:#0a0e0d; --surface:#161b19; --surface-2:#1e2523; --surface-3:#28302d; --text:#f2f5f4; --fg-2:#c3ccc9; --muted:#8b9490; --border:rgba(255,255,255,.09); --border-2:rgba(255,255,255,.16); --scroll:rgba(255,255,255,.12); --scroll-h:rgba(255,255,255,.22); --row-hover:#1e2523; --day-out:#12100e; --dock-bg:rgba(24,30,28,.62); --dock-border:rgba(255,255,255,.1); --top-bg:rgba(18,24,22,.62); --st-agendado:#409cff; --st-checkin:#5cc9dd; --st-realizado:#34d17e; --st-falta:#ff6961; --st-pendencia:#ffb340; --st-cancelado:#8b9490; } @media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --verde:#2fbd86; --verde-2:#28a878; --verde-3:#43d497; --verde-4:#5ce0a8; --verde-glow:#5ce0a8; --verde-claro:rgba(52,200,143,.15); --verde-claro-2:rgba(52,200,143,.28); --accent:#2fbd86; --accent-strong:#43d497; --accent-soft:rgba(52,200,143,.15); --bg:#0a0e0d; --bg-1:#0a0e0d; --bg-2:#0a0e0d; --surface:#161b19; --surface-2:#1e2523; --surface-3:#28302d; --text:#f2f5f4; --fg-2:#c3ccc9; --muted:#8b9490; --border:rgba(255,255,255,.09); --border-2:rgba(255,255,255,.16); --scroll:rgba(255,255,255,.12); --scroll-h:rgba(255,255,255,.22); --row-hover:#1e2523; --day-out:#12100e; --dock-bg:rgba(24,30,28,.62); --dock-border:rgba(255,255,255,.1); --top-bg:rgba(18,24,22,.62); --st-agendado:#409cff; --st-checkin:#5cc9dd; --st-realizado:#34d17e; --st-falta:#ff6961; --st-pendencia:#ffb340; --st-cancelado:#8b9490; } } *{box-sizing:border-box;margin:0;padding:0} *::-webkit-scrollbar{width:10px;height:10px} *::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:8px;border:3px solid transparent;background-clip:padding-box} *::-webkit-scrollbar-thumb:hover{background:var(--scroll-h)} body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,Roboto,sans-serif; color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; transition:background .4s ease,color .4s ease} h1,h2,h3,h4{font-family:inherit;letter-spacing:-.02em} .hidden{display:none!important} button{font-family:inherit;cursor:pointer;border:none;background:none} a{color:var(--accent-strong)} .kpi b,.kpi span,td,th,.bar-row .val,.mesbars .colv,.cal .day .dnum{font-variant-numeric:tabular-nums} .ico{width:16px;height:16px;flex-shrink:0;vertical-align:-3px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} h3 .ico{width:18px;height:18px;vertical-align:-4px;color:var(--accent-strong)} .mark{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;overflow:hidden;background:var(--verde)} .mark img{width:100%;height:100%;object-fit:contain;padding:16%;display:block;filter:brightness(0) invert(1)} @keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} @keyframes popIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}} @keyframes fadeIn{from{opacity:0}to{opacity:1}} /* ===== LOGIN ===== superfície ÚNICA (sem divisória): foto em tela cheia + globo sangrando da direita */ #login{position:fixed;inset:0;overflow:hidden;background:#04140e;animation:fadeUp .5s ease both} .login-bg{position:absolute;inset:0;z-index:0;background:url('login-bg-clinica.jpg') center/cover no-repeat} /* gradiente verde que amarra a foto à marca */ .login-grade{position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(160deg, rgba(8,44,32,.42) 0%, rgba(5,26,19,.55) 55%, rgba(3,18,13,.72) 100%)} /* atmosfera verde suave: a tela inteira lê como uma cena só */ .login-atmo{position:absolute;inset:0;z-index:1;pointer-events:none; background:radial-gradient(90% 90% at 70% 42%, rgba(46,211,153,.12) 0%, transparent 55%)} /* escurecimento à esquerda p/ legibilidade do texto */ .login-dark{position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(90deg, rgba(2,14,10,.82) 0%, rgba(2,14,10,.45) 34%, transparent 58%)} /* campo do globo: entra pela direita; a máscara radial dissolve a borda (sem painel) */ .globe-field{position:absolute;top:0;right:0;bottom:0;width:54%;overflow:hidden;z-index:2} #globeCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0; -webkit-mask-image:radial-gradient(58% 64% at 54% 52%, #000 40%, transparent 76%); mask-image:radial-gradient(58% 64% at 54% 52%, #000 40%, transparent 76%)} /* institucional: flutua sobre a cena, sem bloquear cliques */ .login-side{position:absolute;top:0;left:0;bottom:0;width:52%;z-index:3;color:#fff; display:flex;flex-direction:column;justify-content:space-between;padding:52px 56px;pointer-events:none} .login-side>*{pointer-events:auto} .ls-top{display:flex;align-items:center} /* logo completa (arte verde-escura) renderizada em BRANCO sobre a foto */ .ls-logo{width:clamp(230px,21vw,330px);height:auto;display:block; filter:brightness(0) invert(1) drop-shadow(0 6px 20px rgba(0,0,0,.45))} .ls-mid{max-width:520px} .login-side .eyebrow{font-size:13px;font-weight:800;letter-spacing:2.4px;color:#34d399;opacity:1;margin-bottom:22px} .login-side h1{font-size:clamp(34px,4.2vw,56px);line-height:1.04;font-weight:800;color:#fff;letter-spacing:-1.5px;margin:0 0 26px;text-wrap:balance} .login-side p{font-size:clamp(16px,1.35vw,19px);line-height:1.55;color:rgba(255,255,255,.78);margin:0;max-width:440px} .ls-features{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:14px} .ls-features li{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:600;color:rgba(255,255,255,.9)} .ls-features li svg{width:22px;height:22px;flex-shrink:0;stroke:#34d399;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .ls-foot{font-size:14px;font-weight:700;color:rgba(255,255,255,.72);letter-spacing:.3px} /* rótulos dos estados (aparecem no voo até o Paraná) */ .brm-label{position:absolute;transform:translate(-50%,-50%);font-size:11px;font-weight:500;letter-spacing:.15px;color:rgba(255,255,255,.88);opacity:0;pointer-events:none;white-space:nowrap;text-shadow:0 0 6px rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.5);z-index:6} /* interação do globo: cursor + toque não rola a página em cima do canvas */ #globeCanvas{touch-action:none;cursor:grab} #globeCanvas.grabbing{cursor:grabbing} /* legenda institucional do globo (discreta, não compete com o botão Entrar) */ .globe-caption{position:absolute;left:26px;bottom:22px;z-index:6;display:flex;flex-direction:column;gap:3px;max-width:320px;pointer-events:none} .globe-caption .gc-title{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#34d399} .globe-caption .gc-sub{font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.72)} .globe-caption .gc-link{pointer-events:auto;display:inline-flex;align-items:center;gap:5px;width:fit-content;margin-top:5px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.9);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:1px;transition:color .15s,border-color .15s} .globe-caption .gc-link:hover,.globe-caption .gc-link:focus-visible{color:#34d399;border-color:#34d399;outline:none} .globe-caption .gc-link svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} /* mensagens da animação de entrada (Localizando sua unidade… etc.) */ .login-stage{position:absolute;left:0;right:0;top:52%;transform:translateY(-50%);z-index:8;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;pointer-events:none;opacity:0;transition:opacity .4s ease} .login-stage.on{opacity:1} .login-stage .ls-msg{font-family:Manrope,system-ui,sans-serif;font-size:17px;font-weight:600;letter-spacing:.2px;color:#fff;text-shadow:0 0 12px rgba(46,232,156,.35),0 2px 8px rgba(0,0,0,.55)} .login-stage .ls-spin{width:26px;height:26px;border-radius:50%;border:2.5px solid rgba(255,255,255,.25);border-top-color:#2ee89c;animation:lsSpin .8s linear infinite} @keyframes lsSpin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){ .login-stage .ls-spin{animation:none;border-top-color:rgba(255,255,255,.5)} } .btn.is-loading{opacity:.85;cursor:progress} .btn.is-loading svg{animation:lsSpin .8s linear infinite} @media (prefers-reduced-motion:reduce){ .btn.is-loading svg{animation:none} } @media(max-width:560px){ .globe-caption{left:16px;right:16px;bottom:14px;max-width:none} } /* ── marcadores das unidades (hierarquia por tamanho + cor + contorno, não só cor) ── */ .brm-marker{position:absolute;transform:translate(-50%,-50%);border-radius:50%;z-index:6;cursor:pointer;box-sizing:border-box;transition:opacity .25s} .brm-marker:focus-visible{outline:2px solid #34d399;outline-offset:3px} .brm-marker.cat-unidade{width:11px;height:11px;background:#2ee89c;border:1.5px solid rgba(255,255,255,.85);box-shadow:0 0 7px 1px rgba(46,232,156,.5)} .brm-marker.cat-credenciada{width:9px;height:9px;background:transparent;border:2px solid #7fd9b6;box-shadow:0 0 5px rgba(127,217,182,.4)} .brm-marker.cat-nao_classificada{width:8px;height:8px;background:rgba(214,228,222,.55);border:1.5px dashed rgba(255,255,255,.8)} .brm-marker.cat-plataforma{width:16px;height:16px;background:#2ee89c;border:2px solid #fff;z-index:7; box-shadow:0 0 0 4px rgba(46,232,156,.22),0 0 16px 4px rgba(46,232,156,.75)} .brm-marker.cat-plataforma::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(46,232,156,.55);animation:brmPulse 2.4s ease-out infinite;pointer-events:none} @keyframes brmPulse{0%{transform:scale(.65);opacity:.85}100%{transform:scale(2.2);opacity:0}} @media (prefers-reduced-motion:reduce){ .brm-marker.cat-plataforma::after{animation:none;opacity:.5;transform:none} .brm-marker{transition:none} } /* ── tooltip institucional ── */ .globe-tip{position:absolute;z-index:9;min-width:150px;max-width:230px;padding:10px 26px 10px 12px;border-radius:12px; background:rgba(6,20,14,.94);border:1px solid rgba(52,211,153,.38);box-shadow:0 12px 34px rgba(0,0,0,.5); color:#fff;font-family:Manrope,system-ui,sans-serif;opacity:0;transform:translateY(4px);transition:opacity .16s,transform .16s;pointer-events:none} .globe-tip.on{opacity:1;transform:none;pointer-events:auto} .globe-tip .gt-title{font-size:13px;font-weight:800;letter-spacing:.4px} .globe-tip .gt-city{font-size:12px;color:#34d399;margin-bottom:5px} .globe-tip .gt-line{font-size:12px;color:rgba(255,255,255,.82);line-height:1.5} .globe-tip .gt-close{position:absolute;top:5px;right:7px;background:none;border:0;color:rgba(255,255,255,.6);font-size:17px;line-height:1;cursor:pointer;padding:0} .globe-tip .gt-close:hover,.globe-tip .gt-close:focus-visible{color:#fff;outline:none} @keyframes brmFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-7px)}} .login-box{position:relative;z-index:1;width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:38px 34px;box-shadow:var(--shadow)} /* card de vidro flutuando sobre o globo — painel sempre escuro (cores fixas, independem do tema) */ .login-box.glass{position:absolute;top:50%;left:62%;transform:translate(-50%,-50%);z-index:5;width:340px;max-width:84%;padding:32px 30px 28px; background:linear-gradient(155deg, rgba(255,255,255,.11), rgba(255,255,255,.035)); backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%); border:1px solid rgba(255,255,255,.24);border-radius:24px; box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 70px -22px rgba(0,0,0,.62),0 0 42px rgba(110,231,183,.16),inset 0 1px 0 rgba(255,255,255,.34); animation:brmFloat 7s ease-in-out infinite} .login-box.glass .eyebrow{color:#6ee7b7} .login-box.glass h2{color:#fff} .login-box.glass h2::after{display:none} .login-box.glass .sub{color:rgba(226,232,240,.74)} .login-box.glass label{color:rgba(255,255,255,.9)} .login-box.glass input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#f1f5f9} .login-box.glass input::placeholder{color:rgba(226,232,240,.45)} .login-box.glass input:focus{border-color:rgba(46,232,156,.75);box-shadow:0 0 0 3px rgba(46,232,156,.18)} .login-box.glass .field-ico{stroke:rgba(226,232,240,.6)} .login-box.glass .field-eye{color:rgba(226,232,240,.7)} .login-box.glass .field-eye:hover{color:#6ee7b7;background:rgba(255,255,255,.08)} .login-box.glass .btn{background:linear-gradient(180deg,#2ee89c,#12b981);color:#04231a; box-shadow:0 14px 34px -10px rgba(18,185,129,.7),inset 0 1px 0 rgba(255,255,255,.35)} .login-box.glass .linkbtn{color:#6ee7b7} .login-box.glass .lf-foot{color:rgba(226,232,240,.6)} .login-box.glass .lf-foot svg{stroke:rgba(226,232,240,.6)} .login-box.glass .erro-msg{background:rgba(252,165,165,.12);border-color:rgba(252,165,165,.3);color:#fca5a5} @media (prefers-reduced-motion:reduce){.login-box.glass{animation:none}} .lf-mark{width:48px;height:48px;border-radius:14px;margin-bottom:20px;box-shadow:var(--shadow-sm)} .login-box h2{font-size:30px;font-weight:700;letter-spacing:-.03em;margin-bottom:6px} .login-box .sub{color:var(--muted);margin:0 0 26px;font-size:14.5px} /* campos com ícone + mostrar/ocultar senha */ .field{position:relative;margin-bottom:16px} .field .field-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none} .field input{margin-bottom:0;padding-left:44px} .field input[type=password]{padding-right:48px} .field-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--muted);background:none} .field-eye:hover{color:var(--text);background:var(--surface-2)} .field-eye svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .lf-foot{display:flex;align-items:center;gap:7px;margin-top:22px;font-size:12px;color:var(--muted);font-weight:500} .lf-foot svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} .eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:10px} label{display:block;font-size:13px;font-weight:600;margin-bottom:7px} input,select,textarea{width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:13px;font-size:14.5px;margin-bottom:16px; background:var(--surface);color:var(--text);outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s} input:focus,select:focus,textarea:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-soft)} input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px} .btn{background:var(--accent);color:#fff;width:100%;padding:14px;border-radius:14px;font-size:15px;font-weight:700;box-shadow:var(--shadow-sm);transition:.15s;display:flex;align-items:center;justify-content:center;gap:8px} .btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s} .btn:hover svg{transform:translateX(3px)} .btn:hover{transform:translateY(-1px);filter:brightness(1.06)} .btn:disabled{opacity:.6;cursor:not-allowed;transform:none} .erro-msg{background:color-mix(in srgb,var(--st-falta) 12%,transparent);color:var(--st-falta);padding:11px 14px;border-radius:12px;font-size:13px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--st-falta) 30%,transparent)} /* botões-link (esqueci senha, trocar senha, sair) */ .linkbtn{background:none;border:none;color:var(--accent-strong);font-size:13px;font-weight:600;cursor:pointer;padding:0;font-family:inherit} .linkbtn:hover{text-decoration:underline} .btn-danger{background:var(--st-falta)!important;box-shadow:var(--shadow-sm)!important} .badge-soon{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:var(--surface-3);border:1px solid var(--border);border-radius:20px;padding:2px 8px;margin-left:6px;vertical-align:middle} /* ===== APP SHELL ===== header de vidro + dock flutuante */ #app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column} /* elementos legados do shell antigo (mantidos ocultos p/ compat. com o JS) */ .side,.side-mark,.scrim-side,.menu-btn,#viewTitle{display:none!important} .top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:12px clamp(16px,2.6vw,26px); background:var(--top-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%); border-bottom:1px solid var(--border)} .top .brand{display:flex;align-items:center;gap:11px;min-width:150px} .top .brand .mark{width:36px;height:36px;border-radius:11px;box-shadow:var(--shadow-sm)} .top .brand b{font-size:16px;letter-spacing:-.02em;display:block;line-height:1.05} .top .brand small{font-size:11px;color:var(--muted);font-weight:500} .top .spacer{flex:1} .empresa-sel{display:flex;align-items:center;gap:8px} .empresa-sel>span{display:none} .icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:1px solid var(--border); background:var(--surface);color:var(--fg-2);box-shadow:var(--shadow-sm);font-size:16px;flex-shrink:0} .icon-btn:hover{border-color:var(--border-2)} .profile-wrap{position:relative} .avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:50%; background:var(--accent);color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;box-shadow:var(--shadow-sm);cursor:pointer;flex-shrink:0} .avatar.has-foto,.avatar.has-logo{background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent} .profile-menu{position:absolute;right:0;top:48px;width:238px;background:var(--surface);border:1px solid var(--border);border-radius:16px; box-shadow:var(--shadow);padding:8px;z-index:60;animation:popIn .18s ease both} .profile-menu .pm-head{padding:8px 12px 12px;border-bottom:1px solid var(--border);margin-bottom:6px} .profile-menu .pm-head b{font-size:14px;font-weight:700;display:block} .profile-menu .pm-head small{font-size:12px;color:var(--muted)} .profile-menu #nav{display:flex;flex-direction:column;gap:2px;margin-bottom:6px} .profile-menu #nav:empty{display:none} .profile-menu a,.profile-menu .pm-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border:none;background:none; border-radius:10px;font:inherit;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;text-decoration:none} .profile-menu a:hover,.profile-menu .pm-item:hover{background:var(--surface-2)} .profile-menu a.on{background:var(--accent-soft);color:var(--accent-strong)} .profile-menu a svg,.profile-menu .pm-item svg{width:17px;height:17px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .profile-menu .pm-sep{height:1px;background:var(--border);margin:6px 4px} /* dock flutuante (nav principal) */ .dock{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:50;display:flex;gap:6px;padding:8px; border-radius:24px;border:1px solid var(--dock-border);background:var(--dock-bg); backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%); box-shadow:var(--shadow-dock),inset 0 1px 0 rgba(255,255,255,.14)} .dock a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 16px;border:1px solid transparent;border-radius:17px;cursor:pointer; font:inherit;background:none;color:var(--muted);text-decoration:none;transition:all .28s cubic-bezier(.34,1.3,.5,1)} .dock a:hover{color:var(--fg-2)} /* item ativo = pílula "cristal": vidro fosco translúcido, brilho no topo e leve glow */ .dock a.on{color:var(--accent-strong);transform:translateY(-1px); background:linear-gradient(180deg,color-mix(in srgb,var(--accent-strong) 26%,transparent),color-mix(in srgb,var(--accent-strong) 12%,transparent)); border:1px solid color-mix(in srgb,var(--accent-strong) 42%,transparent); box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 4px 14px color-mix(in srgb,var(--accent-strong) 26%,transparent)} .dock a svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} /* ícone preenchido quando o item está ativo (contorno → sólido) */ .dock a .ic-fill{display:none;fill:currentColor;stroke:none} .dock a.on .ic-line{display:none} .dock a.on .ic-fill{display:block} /* coração batendo na aba Exames ativa */ @keyframes heartBeat{0%,30%,100%{transform:scale(1)}8%{transform:scale(1.22)}16%{transform:scale(.94)}23%{transform:scale(1.12)}} .dock a[data-view="exames"].on .ic-fill{transform-origin:center;animation:heartBeat 1.3s ease-in-out infinite} .dock a span{font-size:11px;font-weight:600;letter-spacing:-.01em} .content{max-width:1120px;width:100%;margin:0 auto;padding:clamp(20px,3vw,34px) clamp(16px,2.6vw,26px) 150px;min-width:0;flex:1} /* cabeçalho de página (dentro de cada view) */ .page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px;animation:fadeUp .4s ease both} .page-head h1{font-size:clamp(28px,4vw,38px);font-weight:700;letter-spacing:-.03em} .page-head .page-sub{margin-top:6px;color:var(--muted);font-size:15px;font-weight:500} /* ===== KPIs ===== */ .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:22px} .kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow);transition:.18s;animation:popIn .5s ease both;cursor:pointer} .kpi:hover{transform:translateY(-2px)} .kpi.active{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-soft)} .kpi:focus-visible{outline:none;border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-soft)} /* ===== INDICADOR DE LIMITE (Agenda) ===== */ .lim-box{margin:8px 0 2px;padding:9px 12px;border-radius:11px;font-size:13px;border:1px solid var(--border);background:var(--surface-2)} .lim-box.lim-ok{border-color:color-mix(in srgb,var(--st-realizado) 40%,transparent);background:color-mix(in srgb,var(--st-realizado) 12%,transparent);color:var(--text)} .lim-box.lim-quase{border-color:color-mix(in srgb,var(--st-pendencia) 45%,transparent);background:color-mix(in srgb,var(--st-pendencia) 14%,transparent);color:var(--text)} .lim-box.lim-cheio{border-color:color-mix(in srgb,var(--st-cancelado) 45%,transparent);background:color-mix(in srgb,var(--st-cancelado) 14%,transparent);color:var(--text)} /* ===== BARRA DE FILTROS (horizontal, compacta) ===== */ .filtros{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px} .filtros>div{display:flex;flex-direction:column;min-width:0} .filtros>div>label{font-size:11.5px;font-weight:600;color:var(--muted);margin:0 0 4px} .filtros input,.filtros select{margin:0} .filtros input[type=date]{width:150px} .filtros select{width:auto;min-width:132px} .filtros #fBusca{width:100%} .filtros .btn-out{white-space:nowrap} @media(max-width:640px){ .filtros>div{flex:1 1 auto} .filtros input[type=date]{width:100%} .filtros select{width:100%} } .kpi b{font-size:34px;display:block;font-weight:700;letter-spacing:-.03em} .kpi span{color:var(--muted);font-size:13px;font-weight:600;display:flex;align-items:center;margin-top:4px} .kpi .dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:8px} /* ===== PAINEL / CARD ===== */ .panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)} .panel .ph{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .panel .ph h3{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;letter-spacing:-.02em} table{width:100%;border-collapse:collapse;font-size:13.5px} th{text-align:left;color:var(--muted);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;padding:14px 22px;border-bottom:1px solid var(--border);background:var(--surface-2)} td{padding:14px 22px;border-bottom:1px solid var(--border);vertical-align:middle} tbody tr{transition:background .15s} tbody tr:hover{background:var(--surface-2)} tr:last-child td{border-bottom:none} /* avatar de iniciais colorido (tabelas) */ .ini-av{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;text-transform:uppercase} /* célula de pessoa: avatar + nome + CPF */ .cel-pessoa{display:flex;align-items:center;gap:12px;min-width:0} .cel-pessoa .cp-txt{display:flex;flex-direction:column;min-width:0} .cel-pessoa b{font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cel-pessoa small{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums} .cp-cargo{display:block;font-weight:700} .cp-sub{display:block;color:var(--muted);font-size:12px;margin-top:2px} .ph .cnt{font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:3px 10px;margin-left:8px;vertical-align:middle} /* modal de pessoa: cabeçalho, cards de dados e histórico */ .pessoa-head{display:flex;align-items:center;gap:14px;padding:2px 0 16px} .pessoa-head .ini-av{width:52px;height:52px;font-size:17px} .pessoa-head .ph-id{min-width:0} .pessoa-head h4{font-size:18px;font-weight:700;letter-spacing:-.02em} .pessoa-head .ph-sub{color:var(--muted);font-size:13px;margin-top:2px} .pessoa-head .ph-badge{margin-left:auto} .info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:6px} .info-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px} .info-card .lbl{display:block;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin-bottom:4px} .info-card .val{font-size:14px;font-weight:600;word-break:break-word;font-variant-numeric:tabular-nums} .sec-tit{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin:18px 0 10px} .hist-lista{display:flex;flex-direction:column;gap:8px} .hist-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)} .hist-item .hi-t{font-weight:700;font-size:14px} .hist-item .hi-s{display:block;color:var(--muted);font-size:12px;margin-top:2px} /* registrar último exame manualmente (dentro do modal do trabalhador) */ .man-exame{margin-top:12px;padding:14px;border:1px dashed var(--border-2);border-radius:var(--radius-sm);background:var(--surface-2)} .man-exame .man-lbl{display:block;font-size:12.5px;font-weight:700;margin-bottom:8px} .man-exame .man-lbl small{font-weight:500;color:var(--muted)} .man-exame .man-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .man-exame input[type=date]{flex:1;min-width:150px;margin:0} /* ações de gestão do trabalhador (inativar/excluir/reativar) */ .trab-acoes{display:flex;gap:8px;flex-wrap:wrap} .badge{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:20px;font-size:11.5px;font-weight:700;white-space:nowrap;border:1px solid transparent} .badge .dot{width:7px;height:7px;border-radius:50%} .b-agendado{background:color-mix(in srgb,var(--st-agendado) 15%,transparent);color:var(--st-agendado);border-color:color-mix(in srgb,var(--st-agendado) 40%,transparent)}.b-agendado .dot{background:var(--st-agendado)} .b-check_in{background:color-mix(in srgb,var(--st-checkin) 16%,transparent);color:var(--st-checkin);border-color:color-mix(in srgb,var(--st-checkin) 42%,transparent)}.b-check_in .dot{background:var(--st-checkin)} .b-realizado{background:color-mix(in srgb,var(--st-realizado) 15%,transparent);color:var(--st-realizado);border-color:color-mix(in srgb,var(--st-realizado) 40%,transparent)}.b-realizado .dot{background:var(--st-realizado)} .b-nao_compareceu{background:color-mix(in srgb,var(--st-falta) 15%,transparent);color:var(--st-falta);border-color:color-mix(in srgb,var(--st-falta) 42%,transparent)}.b-nao_compareceu .dot{background:var(--st-falta)} .b-pendencia{background:color-mix(in srgb,var(--st-pendencia) 16%,transparent);color:var(--st-pendencia);border-color:color-mix(in srgb,var(--st-pendencia) 42%,transparent)}.b-pendencia .dot{background:var(--st-pendencia)} .b-cancelado{background:color-mix(in srgb,var(--st-cancelado) 16%,transparent);color:var(--st-cancelado);border-color:color-mix(in srgb,var(--st-cancelado) 42%,transparent)}.b-cancelado .dot{background:var(--st-cancelado)} .ex-vencido{background:color-mix(in srgb,var(--st-falta) 15%,transparent);color:var(--st-falta);border-color:color-mix(in srgb,var(--st-falta) 42%,transparent)} .ex-a_vencer{background:color-mix(in srgb,var(--st-pendencia) 16%,transparent);color:var(--st-pendencia);border-color:color-mix(in srgb,var(--st-pendencia) 42%,transparent)} /* ===== LISTA DE AGENDAMENTOS (linhas) ===== */ .ag-list{display:flex;flex-direction:column} .ag-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s} .ag-row:last-child{border-bottom:0} .ag-row:hover{background:var(--surface-2)} .ag-time{flex:0 0 auto;width:60px;line-height:1.15} .ag-time b{display:block;font-size:15px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums} .ag-time span{display:block;font-size:11px;color:var(--muted)} .ag-main{flex:1 1 auto;min-width:0} .ag-main b{display:block;font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ag-main span{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ag-row .ag-status{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:8px} .ag-mark{width:6px;height:6px;border-radius:50%;flex:0 0 auto} .ag-day{display:flex;align-items:center;gap:8px;padding:14px 16px 6px;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)} .ag-day.hoje{color:var(--accent-strong)} .ag-day em{font-style:normal;font-weight:700;font-size:11px;background:var(--surface-3);color:var(--muted);border-radius:20px;padding:1px 8px} .ag-vermais{display:block;width:100%;text-align:center;padding:10px;font-size:12.5px;font-weight:600;color:var(--accent-strong);background:none;border:0;border-bottom:1px solid var(--border);cursor:pointer} .ag-vermais:hover{background:var(--surface-2)} .ag-legenda{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 16px;border-bottom:1px solid var(--border)} .ag-leg{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)} .ag-leg i{width:10px;height:10px;border-radius:3px;flex:0 0 auto} @media(max-width:560px){ .ag-row{gap:12px;padding:12px 12px} .ag-time{width:52px} .ag-time b{font-size:14px} .ag-main b{font-size:14px} } /* ===== BOTÕES ===== */ .btn-sm{background:var(--accent);color:#fff;padding:11px 18px;border-radius:13px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-sm);transition:.15s;display:inline-flex;align-items:center;gap:7px;letter-spacing:-.01em} .btn-sm:hover{transform:translateY(-1px);filter:brightness(1.06)} .btn-sm:disabled{opacity:.55;cursor:not-allowed;transform:none} .btn-out{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:9px 15px;border-radius:12px;font-size:12.5px;font-weight:600;transition:.15s;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow-sm)} .btn-out:hover{border-color:var(--accent-strong);color:var(--accent-strong)} .row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} /* ===== PAINÉIS OPERACIONAIS (Recepção, Medicina, Engenharia e Cliente) ===== */ .view-date{display:flex;align-items:end;gap:8px}.view-date label{margin:0;font-size:12px;color:var(--muted)}.view-date input{margin:0;width:auto} .oper-list{display:flex;flex-direction:column;gap:10px} .oper-card{display:grid;grid-template-columns:70px minmax(180px,1fr) auto auto;gap:14px;align-items:center;padding:14px 15px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)} .oper-time{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);line-height:1.25}.oper-time small{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-top:2px} .oper-main{min-width:0}.oper-main b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oper-main span,.oper-main small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.oper-main .ok-text{color:var(--st-realizado);font-weight:700} .oper-state{justify-self:end}.oper-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap} @media(max-width:760px){.oper-card{grid-template-columns:58px 1fr;gap:10px}.oper-state{justify-self:start;grid-column:2}.oper-actions{grid-column:1/-1;justify-content:flex-start}.view-date{width:100%;margin-top:8px}} /* ===== CENTRAL CLÍNICA DE ASOs ===== */ .eyebrow{display:block;margin-bottom:7px;font-size:10.5px;font-weight:800;letter-spacing:1.1px;color:var(--accent-strong)} .medicina-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 18px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:var(--radius);background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface));box-shadow:var(--shadow-sm)} .medicina-hero>div:first-child{display:flex;flex-direction:column;gap:4px;max-width:480px}.medicina-hero b{font-size:14px}.medicina-hero span{font-size:12.5px;line-height:1.45;color:var(--muted)} .medicina-flow{display:flex;align-items:center;gap:8px;white-space:nowrap}.medicina-flow span{font-size:11px;font-weight:750;color:var(--muted)}.medicina-flow span.on{color:var(--accent-strong)}.medicina-flow i{height:1px;width:22px;background:var(--border-2)} .medicina-panel .ph small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:500}.segmented{display:flex;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;gap:2px}.segmented button{padding:7px 10px;border-radius:8px;background:transparent;color:var(--muted);font-size:11.5px;font-weight:700}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)} .aso-list{display:flex;flex-direction:column;gap:12px}.aso-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden;transition:.16s}.aso-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:var(--shadow-sm)} .aso-card-top{display:grid;grid-template-columns:78px minmax(170px,1fr) auto;align-items:center;gap:14px;padding:15px 16px 11px}.aso-date{font-variant-numeric:tabular-nums}.aso-date b{display:block;font-size:12px}.aso-date span{font-size:12px;color:var(--muted)}.aso-person{min-width:0}.aso-person b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aso-person span,.aso-person small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.aso-status{justify-self:end} .aso-chip{display:inline-flex;padding:5px 9px;border-radius:99px;font-size:10.5px;font-weight:800;border:1px solid transparent}.aso-chip.pending{background:color-mix(in srgb,var(--st-pendencia) 13%,transparent);color:var(--st-pendencia);border-color:color-mix(in srgb,var(--st-pendencia) 30%,transparent)}.aso-chip.ready{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 34%,transparent)}.aso-chip.sent{background:color-mix(in srgb,var(--st-realizado) 13%,transparent);color:var(--st-realizado);border-color:color-mix(in srgb,var(--st-realizado) 32%,transparent)} .aso-progress{display:flex;align-items:center;gap:7px;padding:0 16px 13px;color:var(--muted);font-size:11px;font-weight:700}.aso-progress span{display:flex;align-items:center;gap:5px}.aso-progress i{display:inline-flex;width:17px;height:17px;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-2);font-size:9px;font-style:normal}.aso-progress .done{color:var(--accent-strong)}.aso-progress .done i{border-color:var(--accent);background:var(--accent);color:#fff}.aso-progress em{flex:0 1 46px;height:1px;background:var(--border-2)}.aso-progress em.done{background:var(--accent)} .aso-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface-2);border-top:1px solid var(--border)}.aso-file{display:flex;gap:9px;align-items:center;min-width:0}.pdf-mark{flex:0 0 auto;padding:4px 5px;border-radius:5px;background:#e94848;color:#fff;font-size:9px;font-weight:900}.aso-file b,.aso-file small{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aso-file small{margin-top:2px;color:var(--muted);font-size:11px}.aso-empty{color:var(--muted);font-size:12px;font-style:italic}.aso-delivery{padding:9px 16px;background:color-mix(in srgb,var(--st-realizado) 8%,transparent);color:var(--st-realizado);border-top:1px solid color-mix(in srgb,var(--st-realizado) 18%,transparent);font-size:11.5px;font-weight:650} .aso-worker-list{display:flex;flex-direction:column;gap:8px}.aso-worker-item{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.aso-worker-item>span:nth-child(2){min-width:0;flex:1}.aso-worker-item b,.aso-worker-item small{display:block}.aso-worker-item b{font-size:12.5px}.aso-worker-item small{margin-top:2px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aso-worker-actions{display:flex;gap:6px;align-items:center}.aso-version-btn{padding:7px 9px;font-size:10.5px}.storage-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.storage-kpis>div{padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.storage-kpis b,.storage-kpis span{display:block}.storage-kpis b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-kpis span{margin-top:3px;color:var(--muted);font-size:11px}.storage-note{margin:13px 0 0;color:var(--muted);font-size:12px;line-height:1.55} .oper-late{border-color:color-mix(in srgb,var(--st-pendencia) 55%,var(--border))}.oper-time small{display:block;margin-top:3px;font-size:10px;font-weight:800;color:var(--st-pendencia);text-transform:uppercase} /* ===== CENTRAL DE CONFIGURAÇÕES ===== */ .settings-head{align-items:center;margin-bottom:16px}.settings-head .eyebrow{margin-bottom:6px;font-size:10px}.settings-head-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent-strong) 30%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 56%,var(--surface));color:var(--accent-strong);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.settings-head-badge i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)} .settings-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.settings-overview>div{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 72%,var(--surface)),var(--surface));box-shadow:var(--shadow-sm)}.settings-overview-ico{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong);font-size:16px;font-weight:800}.settings-overview p{margin:0;min-width:0}.settings-overview b,.settings-overview small{display:block}.settings-overview b{font-size:12px;letter-spacing:-.01em}.settings-overview small{margin-top:2px;color:var(--muted);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.settings-card{min-width:0;border-radius:18px;box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s}.settings-card:hover{border-color:color-mix(in srgb,var(--accent-strong) 28%,var(--border));box-shadow:var(--shadow)}.settings-card .ph{min-height:66px;padding:16px 18px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent-soft) 32%,var(--surface)),var(--surface));border-bottom-color:color-mix(in srgb,var(--border) 82%,transparent)}.settings-card .ph h3{font-size:15px}.settings-card .ph h3::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent)}.settings-card .ph small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:600}.settings-card .pb{padding:17px 18px 18px}.settings-card label{font-size:12px;font-weight:750;color:var(--fg-2)}.settings-card input,.settings-card select,.settings-card textarea{margin-bottom:12px;padding:10px 12px;border-radius:11px;background:var(--surface-2);font-size:13px}.settings-card input:focus,.settings-card select:focus,.settings-card textarea:focus{background:var(--surface)} .settings-card--ia,.settings-card--promos{grid-column:span 2}.settings-card--ia .ph{background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),var(--surface) 72%)}.settings-card--storage .pb{padding:15px 18px}.settings-card .hint{padding:10px 12px;border-radius:11px;font-size:11.5px;margin-bottom:12px}.settings-card .check-row{display:flex;align-items:center;gap:9px;margin:0 0 7px;padding:10px 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);font-size:12px;line-height:1.3;transition:.15s}.settings-card .check-row:hover{border-color:color-mix(in srgb,var(--accent-strong) 35%,var(--border));background:color-mix(in srgb,var(--accent-soft) 40%,var(--surface))}.settings-card .check-row input{width:16px;height:16px;accent-color:var(--accent);margin:0;flex:0 0 auto}.settings-card details{border:1px solid var(--border);border-radius:12px;background:var(--surface-2);padding:0 12px}.settings-card summary{padding:11px 0;color:var(--fg-2);font-size:12px}.settings-card details[open] summary{border-bottom:1px solid var(--border);margin-bottom:11px}.settings-card .audit-list{border:1px solid var(--border);border-radius:12px;overflow:hidden}.settings-card .audit-row{padding:10px 11px;gap:8px;background:var(--surface)}.settings-card .audit-row small{display:block;margin-top:3px;color:var(--muted);font-size:10.5px}.settings-card .storage-kpis>div{padding:11px;border-radius:12px}.settings-card .storage-note{font-size:11.5px}.settings-card .btn-sm{border-radius:11px;font-size:12px;padding:9px 13px}.settings-card .btn-out{border-radius:10px;padding:7px 10px;font-size:11px} @media(max-width:820px){.settings-grid{grid-template-columns:1fr}.settings-card--ia,.settings-card--promos{grid-column:auto}.settings-overview{grid-template-columns:1fr}.settings-head-badge{display:none}} @media(max-width:480px){.settings-card .ph,.settings-card .pb{padding-left:14px;padding-right:14px}.settings-overview>div{padding:11px 12px}.settings-card .audit-row{align-items:flex-start;flex-wrap:wrap}.settings-card .audit-row>div:last-child{width:100%}.settings-card .audit-row .btn-out{flex:1;justify-content:center}} .panel-sub{display:block;margin-top:3px;color:var(--muted);font-size:11.5px;font-weight:500}.portal-next{margin:0 0 18px}.portal-next-inner{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:4px 18px;align-items:center;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:15px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 12%,var(--surface)) 0%,var(--surface) 66%)}.portal-next-label{grid-column:1/-1;color:var(--accent-strong);font-size:10px;font-weight:900;letter-spacing:.8px}.portal-next-inner b{font-size:15px}.portal-next-inner>span:not(.portal-next-label){font-size:12px;color:var(--muted)}.portal-next-inner button{grid-column:2;grid-row:2/4}@media(max-width:760px){.portal-next-inner{grid-template-columns:1fr}.portal-next-inner button{grid-column:auto;grid-row:auto;justify-self:start;margin-top:7px}} @media(max-width:760px){.medicina-hero{align-items:flex-start;flex-direction:column}.medicina-flow{white-space:normal;flex-wrap:wrap}.medicina-panel .ph{align-items:flex-start}.segmented{width:100%;overflow:auto}.segmented button{white-space:nowrap}.aso-card-top{grid-template-columns:62px 1fr}.aso-status{grid-column:2;justify-self:start}.aso-progress{overflow:auto;white-space:nowrap}.aso-card-bottom{align-items:flex-start;flex-direction:column}.aso-card-bottom .oper-actions{width:100%}.aso-worker-item{align-items:flex-start;flex-wrap:wrap}.aso-worker-actions{margin-left:27px}.storage-kpis{grid-template-columns:1fr}} /* ===== CARROSSEL DE COMUNICAÇÃO (topo da Agenda) ===== */ /* quadro de anúncios: proporção FIXA 3:1 → imagens em 3:1 (ideal 1500×500) não cortam */ .promo{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:22px;box-shadow:var(--shadow);background:var(--verde);width:100%;aspect-ratio:3/1} .promo-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1)} .promo-slide{min-width:100%;height:100%;position:relative;cursor:pointer;background:center/cover no-repeat} .promo-zoom{position:absolute;left:14px;bottom:12px;z-index:1;display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,.42);color:#fff;font-size:11px;font-weight:600;padding:5px 10px;border-radius:20px;backdrop-filter:blur(3px);opacity:0;transition:.2s} .promo-slide:hover .promo-zoom{opacity:1} .promo-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.32);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;z-index:2;backdrop-filter:blur(2px);transition:.15s} .promo-nav:hover{background:rgba(0,0,0,.55)} .promo-nav.prev{left:12px}.promo-nav.next{right:12px} .promo-dots{position:absolute;bottom:14px;right:18px;display:flex;gap:6px;z-index:2} .promo-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:.2s} .promo-dots i.on{background:#fff;width:22px;border-radius:5px} .promo-close{position:absolute;top:10px;right:12px;z-index:3;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.4);color:#fff;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.15s} .promo-close:hover{background:rgba(0,0,0,.65)} @media(max-width:600px){.promo-zoom{opacity:1}} #promoModal .modal{max-width:520px;background:transparent;box-shadow:none} #promoModal .mh{border:none;padding:6px 4px;justify-content:flex-end} #promoModal .mh button{color:#fff;background:rgba(0,0,0,.4);border-radius:50%;width:34px;height:34px} .promo-full{width:100%;border-radius:16px;display:block;box-shadow:var(--shadow-dock)} .empty{padding:48px 40px;text-align:center;color:var(--muted);font-size:14px} .empty .emark{width:60px;height:60px;margin:0 auto 14px;border-radius:14px;background:url('brumed-logo.png') center/contain no-repeat;opacity:.5} /* ===== MODAL / WIZARD ===== */ .modal-bg{position:fixed;inset:0;background:rgba(8,12,10,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .2s ease both} .modal{background:var(--surface);border-radius:28px;width:100%;max-width:640px;max-height:90vh;overflow:auto;box-shadow:var(--shadow-dock);animation:popIn .3s cubic-bezier(.2,.9,.3,1) both} .modal .mh{padding:22px 26px 4px;display:flex;align-items:center;justify-content:space-between} .modal .mh h3{font-size:21px;font-weight:700;letter-spacing:-.02em} .modal .mh button{width:34px;height:34px;border-radius:50%;background:var(--surface-2);font-size:18px;color:var(--muted);line-height:1;display:flex;align-items:center;justify-content:center;transition:.15s} .modal .mh button:hover{color:var(--text)} .steps{display:flex;padding:22px 26px 8px;gap:6px} .steps .s{flex:1;text-align:center;font-size:11.5px;color:var(--muted);font-weight:600} .steps .s .n{width:30px;height:30px;border-radius:50%;background:var(--surface-3);display:flex;align-items:center;justify-content:center;margin:0 auto 7px;font-weight:700;font-size:13px;transition:.25s} .steps .s.on .n{background:var(--accent);color:#fff} .steps .s.on{color:var(--text)} .steps .s.done .n{background:var(--accent);color:#fff} .mb{padding:14px 26px 4px} .mf{padding:18px 26px 24px;display:flex;justify-content:space-between;gap:10px;align-items:center} .chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--border);border-radius:30px;font-size:13px;margin:0 8px 8px 0;cursor:pointer;background:var(--surface);transition:.15s} .chip.on{background:var(--accent-soft);border-color:var(--accent-strong);color:var(--accent-strong);font-weight:700} .hint{background:var(--accent-soft);border-radius:13px;padding:12px 15px;font-size:12.5px;color:var(--accent-strong);margin-bottom:16px;border:1px solid color-mix(in srgb,var(--accent-strong) 22%,transparent);line-height:1.5;font-weight:500} .slot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px} .slot{padding:11px 4px;border:1.5px solid var(--border);border-radius:12px;text-align:center;font-size:13.5px;font-weight:600;cursor:pointer;transition:.15s;background:var(--surface-2)} .slot:hover{border-color:var(--accent-strong)} .slot.on{background:var(--accent);color:#fff;border-color:var(--accent)} .slot.full{opacity:.4;cursor:not-allowed;text-decoration:line-through} .slot .vagas{display:block;font-size:9px;font-weight:600;opacity:.7;margin-top:2px} .slot.on .vagas{opacity:.92} .rev-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border);font-size:14px;gap:16px} .rev-row span:first-child{color:var(--muted)} .pick{padding:12px 14px;border:1.5px solid var(--border);border-radius:13px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.15s} .pick:hover{border-color:var(--accent-strong);background:var(--accent-soft)} .toast{position:fixed;bottom:96px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:13px 22px;border-radius:14px;font-size:14px;font-weight:600;z-index:120;box-shadow:var(--shadow-dock)} .pb{padding:18px 22px} /* toggle lista/calendário */ .vista-tog{display:flex;gap:2px;border-radius:12px;padding:4px;background:var(--surface-2);border:1px solid var(--border)} .vista-tog button{padding:7px 16px;font-size:13px;font-weight:600;background:none;color:var(--muted);border-radius:9px;border:1px solid transparent;transition:.2s} /* botão ativo = vidro "cristal" translúcido com brilho no topo */ .vista-tog button.on{color:var(--text); background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface) 70%,transparent)); border:1px solid color-mix(in srgb,var(--fg-2) 14%,transparent); box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 1px 5px rgba(0,0,0,.16); backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)} /* calendário */ .cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px} .cal-head .mes{font-size:19px;font-weight:700;text-transform:capitalize;letter-spacing:-.02em} .cal-head .nav-cal{display:flex;gap:8px} .cal-head .nav-cal button{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);font-size:15px;font-weight:700;color:var(--fg-2);transition:.15s} .cal-head .nav-cal button:hover{border-color:var(--accent-strong);color:var(--accent-strong)} .cal-head .nav-cal button.hoje{width:auto;padding:0 14px;font-size:13px} .cal{display:grid;grid-template-columns:repeat(7,1fr);gap:8px} .cal .dow{text-align:center;font-size:11px;color:var(--muted);font-weight:700;padding-bottom:4px;text-transform:uppercase;letter-spacing:.4px} .cal .day{min-height:92px;border:1px solid var(--border);border-radius:15px;padding:9px;font-size:12px;position:relative;background:var(--surface-2);cursor:pointer;transition:.15s;overflow:hidden} .cal .day:hover{border-color:var(--accent-strong)} .cal .day.out{opacity:.4;cursor:default} .cal .day.today{background:var(--accent-soft);border:1.5px solid var(--accent-strong)} .cal .day .dnum{font-weight:600;color:var(--fg-2)} .cal .day.today .dnum{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700} .cal .day .ags{margin-top:4px;display:flex;flex-direction:column;gap:2px} .cal .day .agn{font-size:10px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:3px} .cal .day .agn i{width:6px;height:6px;border-radius:50%;flex-shrink:0} .cal .day .agn.arr{cursor:grab} .cal .day .agn.dragging{opacity:.45} .cal .day.drag-over{outline:2px dashed var(--accent-strong);outline-offset:-2px;background:var(--accent-soft)} .cal .day .pills{position:absolute;bottom:7px;left:9px;right:9px;display:flex;gap:3px;flex-wrap:wrap} .cal .day .p{width:8px;height:8px;border-radius:50%} .cal .day .cnt{position:absolute;top:8px;right:9px;font-size:10px;color:var(--accent-strong);font-weight:700;background:var(--accent-soft);border-radius:8px;padding:1px 6px} .cal-dia{margin-top:18px;border-top:1px solid var(--border);padding-top:14px} .cal-dia h4{font-size:15px;margin-bottom:10px;font-weight:700} .cal .day.feriado{background:color-mix(in srgb,var(--st-falta) 10%,transparent);border-color:color-mix(in srgb,var(--st-falta) 26%,transparent)} .cal .day.feriado .dnum{color:var(--st-falta)} .cal .day .fer{position:absolute;bottom:7px;left:9px;right:9px;font-size:9px;color:var(--st-falta);font-weight:700;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .legenda{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)} .legenda span{display:inline-flex;align-items:center;gap:7px;font-weight:500} .legenda i{width:9px;height:9px;border-radius:3px;display:inline-block} /* seletor de empresa com busca */ .emp-combo{position:relative} .emp-combo input{margin:0;width:230px;max-width:52vw;padding:9px 14px;font-size:13px;border-radius:12px} .emp-combo-list{position:absolute;top:calc(100% + 6px);right:0;left:auto;min-width:260px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);max-height:340px;overflow:auto;z-index:70} .emp-combo-list .it{padding:10px 13px;font-size:13px;cursor:pointer;border-bottom:1px solid var(--border)} .emp-combo-list .it:last-child{border-bottom:none} .emp-combo-list .it:hover{background:var(--surface-2)} .emp-combo-list .it small{color:var(--muted);display:block;font-size:11px;margin-top:1px} .emp-combo-list .vazio{padding:11px 13px;color:var(--muted);font-size:12px} .lista-info{padding:10px 22px;font-size:12px;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border)} /* dashboard */ .dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:16px} .dash-grid.full{grid-template-columns:1fr} .bar-row{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:10px;margin-bottom:11px;font-size:13px} .bar-row .lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg-2);font-weight:500} .bar-row .track{background:var(--surface-2);border-radius:6px;height:20px;overflow:hidden} .bar-row .fill{height:100%;border-radius:6px;background:var(--accent);min-width:2px;transition:width .4s} .bar-row .val{text-align:right;font-weight:700;color:var(--accent-strong)} .mesbars{display:flex;align-items:flex-end;gap:14px;height:170px;padding:10px 6px 0} .mesbars .col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%} .mesbars .colbar{width:100%;max-width:48px;border-radius:9px 9px 4px 4px;background:var(--accent);min-height:3px;transition:height .5s cubic-bezier(.2,.7,.3,1)} .mesbars .colv{font-size:12px;font-weight:700;color:var(--fg-2)} .mesbars .coll{font-size:11px;color:var(--muted);text-transform:capitalize;font-weight:600} /* skeleton */ .skel{position:relative;overflow:hidden;background:var(--surface-3);border-radius:10px} .skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:skel-shimmer 1.3s infinite} @keyframes skel-shimmer{100%{transform:translateX(100%)}} .skel-wrap{padding:14px 20px;display:flex;flex-direction:column;gap:10px} .skel-row{height:44px;border-radius:12px} .skel-line{height:14px;border-radius:6px;max-width:280px} .f1{flex:1} /* ===== CAMPOS SETOR/CARGO (dropdown custom + checkbox "cadastrar novo") ===== */ .sc-field{display:flex;flex-direction:column;min-width:0} .sc-field>.dd,.sc-field>input{margin-bottom:6px} .sc-chk{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--muted);margin:0 0 12px;cursor:pointer} .sc-chk input{width:auto;margin:0;flex-shrink:0;accent-color:var(--accent-strong);cursor:pointer} /* dropdown custom (temizado, no lugar do