:root { --imp-navy:#00142d; --imp-orange:#f5820a; --imp-blue:#1769aa; --imp-muted:#617188; --imp-line:#dfe7f0; --imp-bg:#f4f7fb; }
body.import-page { background:var(--imp-bg); color:#16283d; }.import-page .site-header { position:relative; background:var(--imp-navy)!important; }
.import-content { min-height:calc(100vh - 180px); padding:2.5rem 0 3rem; }.import-back { display:inline-block; margin-bottom:1.25rem; color:var(--imp-blue); font-size:.9rem; font-weight:700; text-decoration:none; }.import-back:hover { color:var(--imp-orange); }
.import-heading { display:flex; justify-content:space-between; align-items:end; gap:1rem; margin-bottom:1.5rem; }.import-kicker,.import-eyebrow { margin:0; color:var(--imp-orange); font-size:.75rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }.import-heading h1 { margin:.4rem 0 .35rem; color:var(--imp-navy); font-size:clamp(1.8rem,4vw,2.5rem); }.import-heading p { margin:0; color:var(--imp-muted); }.import-security { padding:.5rem .7rem; border-radius:2rem; color:#17613b; background:#def5e8; font-size:.75rem; font-weight:800; white-space:nowrap; }
.import-notice { display:grid; gap:.2rem; margin-bottom:1.5rem; padding:1rem; border-left:4px solid var(--imp-orange); border-radius:.5rem; background:#fff7e8; }.import-notice strong { color:#8b5515; font-size:.9rem; }.import-notice span { color:#6e5b3d; font-size:.85rem; }
.import-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:1.25rem; }.import-card { min-width:0; padding:1.35rem; border:1px solid var(--imp-line); border-radius:1rem; background:#fff; box-shadow:0 8px 24px rgba(0,20,45,.04); }.import-card h2 { margin:.3rem 0 .55rem; color:var(--imp-navy); font-size:1.2rem; }.import-help { margin:0 0 1rem; color:var(--imp-muted); font-size:.85rem; line-height:1.5; }
.import-dropzone { display:grid; place-items:center; gap:.3rem; min-height:170px; padding:1.5rem; border:2px dashed #b9c9da; border-radius:.75rem; color:var(--imp-navy); text-align:center; cursor:pointer; }.import-dropzone:hover,.import-dropzone:focus-within { border-color:var(--imp-orange); background:#fffaf2; }.import-dropzone small { color:var(--imp-muted); }.import-dropzone input { position:absolute; width:1px; height:1px; opacity:0; }.import-upload-icon { display:grid; width:2.4rem; height:2.4rem; place-items:center; border-radius:50%; color:#fff; background:var(--imp-orange); font-size:1.4rem; }.import-file-name { margin:.75rem 0 0; color:#17613b; font-size:.8rem; font-weight:700; text-align:center; }.import-requirements { display:grid; gap:.25rem; margin-top:1rem; padding:.8rem; border-radius:.5rem; background:#f5f8fb; font-size:.78rem; }.import-requirements strong { color:var(--imp-navy); }.import-requirements span { color:var(--imp-muted); line-height:1.4; }
.import-policy { border-top:4px solid var(--imp-orange); }.import-policy ul { display:grid; gap:.75rem; margin:1rem 0 0; padding-left:1.1rem; color:var(--imp-muted); font-size:.84rem; line-height:1.45; }
.import-preview { margin-top:1.25rem; }.import-preview-heading { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1rem; }.import-count { color:var(--imp-muted); font-size:.8rem; }.import-table { width:100%; border-collapse:collapse; font-size:.83rem; }.import-table th { padding:.6rem .5rem; color:var(--imp-muted); font-size:.7rem; text-align:left; text-transform:uppercase; }.import-table td { padding:.75rem .5rem; border-top:1px solid var(--imp-line); }.import-warning,.import-result { margin:1rem 0 0; padding:.8rem 1rem; border-radius:.5rem; font-size:.82rem; }.import-warning { color:#8b5515; background:#fff2d9; }.import-result { color:#17613b; background:#def5e8; }
.import-actions { display:flex; justify-content:flex-end; gap:.65rem; margin-top:1.25rem; }.import-secondary,.import-submit { padding:.7rem 1rem; border-radius:.5rem; font-size:.82rem; font-weight:700; cursor:pointer; }.import-secondary { border:1px solid var(--imp-line); color:var(--imp-blue); background:#fff; }.import-submit { border:0; color:#fff; background:var(--imp-orange); }.import-submit:hover { background:#d96800; }.import-submit:disabled { cursor:default; opacity:.55; }
.manual-employee-form { display:grid; max-width:680px; gap:.55rem; }.manual-employee-form label { margin-top:.35rem; color:var(--imp-navy); font-size:.85rem; font-weight:700; }.manual-employee-form input { padding:.75rem .85rem; border:1px solid var(--imp-line); border-radius:.5rem; font:inherit; }.manual-employee-form input:focus { border-color:var(--imp-orange); outline:2px solid rgba(245,130,10,.2); }.manual-employee-form button { margin-top:.75rem; }
@media (max-width:760px) { .import-heading { align-items:flex-start; flex-direction:column; }.import-layout { grid-template-columns:1fr; } }.@media (max-width:560px) { .import-preview-heading,.import-actions { align-items:stretch; flex-direction:column; }.import-actions button { width:100%; }.import-table { min-width:600px; } }

.bio-install { margin-bottom:1.5rem; padding:1rem 1.25rem; border:1px solid var(--imp-line, #dde3ee); border-radius:.75rem; background:#fff; }
.bio-install-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.bio-install-head h2 { margin:0 0 .15rem; font-size:1.05rem; }
.bio-install-head p { margin:0; font-size:.85rem; color:#5b6678; }
.bio-install-buttons { display:flex; gap:.6rem; flex-wrap:wrap; }
.bio-install-buttons a { text-decoration:none; text-align:center; }
.bio-install-steps { margin-top:.9rem; }
.bio-install-steps summary { cursor:pointer; font-size:.88rem; font-weight:700; color:#8b5515; }
.bio-install-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.25rem; margin-top:.9rem; }
.bio-install-grid h3 { margin:0 0 .4rem; font-size:.9rem; }
.bio-install-grid ol { margin:0 0 .5rem; padding-left:1.1rem; font-size:.84rem; }
.bio-install-grid small { color:#6b7280; }
@media (max-width:900px) { .bio-install-grid { grid-template-columns:1fr; } .bio-install-buttons, .bio-install-buttons a { width:100%; } }

.bio-install-note { margin: .25rem 0 0; font-size: .8rem; color: #6b7280; }

/* Filtros da lista de colaboradores (mesmo visual da barra de filtros do Meu portal, css/pages/portal.css) */
.bio-filters { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .9rem; margin:.75rem 0 .25rem; font-size:.82rem; }
.bio-filters .filter-bar-field { display:inline-flex; align-items:center; gap:.35rem; color:#5b6678; font-weight:600; }
.bio-filters .filter-bar-select { max-width:100%; padding:.4rem .55rem; border:1px solid #c9d3e0; border-radius:.45rem; font-size:.82rem; color:#16283d; background:#fff; cursor:pointer; }
.bio-filters .filter-bar-select:focus-visible { outline:2px solid rgba(245,130,13,.55); outline-offset:1px; }
.bio-filters :is(#bio-filter-role, #bio-filter-foreman) { width:14rem; }
.bio-filter-range { display:inline-flex; flex-wrap:wrap; gap:.5rem .9rem; }
.bio-filter-range[hidden], .bio-filters .filter-bar-clear[hidden] { display:none !important; }
.bio-filters .filter-bar-clear { padding:.4rem .2rem; border:0; background:none; color:#1769aa; font-size:.8rem; font-weight:700; text-decoration:underline; cursor:pointer; }
/* Exportar .txt: discreto, no canto direito da barra de filtros (no celular, no fim da barra) */
.bio-filters { position:relative; padding-right:7.5rem; }
.bio-export { position:absolute; top:.15rem; right:0; display:inline-flex; align-items:center; gap:.3rem; padding:.35rem .6rem; border:1px solid transparent; border-radius:.45rem; color:#5b6678; background:none; font-size:.78rem; font-weight:700; cursor:pointer; }
.bio-export svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.bio-export:hover:not(:disabled) { border-color:#c9d3e0; color:#16283d; background:#f5f8fb; }
.bio-export:focus-visible { outline:2px solid rgba(245,130,13,.55); outline-offset:1px; }
.bio-export:disabled { opacity:.45; cursor:default; }
.bio-enrolled-at { margin-left:.3rem; font-weight:600; opacity:.85; }
@media (max-width:560px) { .bio-filters, .bio-filter-range { display:grid; grid-template-columns:1fr; gap:.45rem; } .bio-filters .filter-bar-field { display:grid; grid-template-columns:6.2rem minmax(0,1fr); } .bio-filters .filter-bar-select, .bio-filters :is(#bio-filter-role, #bio-filter-foreman) { width:100%; min-width:0; } .bio-filters .filter-bar-clear { justify-self:start; } .bio-filters { padding-right:0; } .bio-export { position:static; justify-self:end; } }