:root{--brand:#3157d5;--brand-dark:#203c9b;--ink:#172033;--muted:#6d7688;--surface:#fff;--bg:#f4f7fb;--border:#e5eaf1;--sidebar:#111827}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}.auth-body{background:#fff}.auth-story{position:relative;align-items:center;padding:7vw;background:radial-gradient(circle at 20% 20%,#496fe3 0,#203c9b 40%,#101a45 100%);color:#fff;overflow:hidden}.auth-story:before,.auth-story:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.auth-story:before{width:520px;height:520px;right:-180px;top:-140px}.auth-story:after{width:320px;height:320px;right:40px;bottom:-180px}.story-content{position:relative;z-index:1;max-width:680px}.story-brand{font-size:1.4rem;font-weight:800;margin-bottom:8rem}.story-brand span,.brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.16);margin-right:.55rem}.eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.14em;color:#8da4f0}.story-content h1{font-size:clamp(2.7rem,5vw,5.3rem);line-height:1.02;letter-spacing:-.06em;max-width:800px}.story-content .lead{max-width:640px;color:#dce4ff;margin:1.6rem 0 3rem}.story-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.story-steps div{display:flex;gap:.8rem;border-top:1px solid rgba(255,255,255,.2);padding-top:1rem}.story-steps b{color:#8da4f0}.story-steps span,.story-steps strong{display:block}.story-steps span{font-size:.85rem;color:#c9d3f5}.story-steps strong{color:#fff;margin-bottom:.25rem}.auth-panel{padding:2rem;background:#fff}.login-card{width:min(100%,460px)}.mobile-brand{font-weight:800;font-size:1.3rem;margin-bottom:3rem}.login-card h2{font-size:2.25rem;font-weight:800;letter-spacing:-.04em}.input-group-text{background:#f8fafc;border-color:#dfe5ee;color:#788296}.form-control{border-color:#dfe5ee}.form-control:focus{border-color:#7f98e8;box-shadow:0 0 0 .23rem rgba(49,87,213,.12)}.btn-primary{background:var(--brand);border-color:var(--brand);font-weight:700}.login-footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);margin-top:2rem;padding-top:1.3rem;color:var(--muted);font-size:.8rem}.login-footer i{color:#2eae6d}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:1.5rem 1rem;background:var(--sidebar);color:#fff}.brand{display:flex;align-items:center;text-decoration:none;color:#fff;font-size:1.18rem;padding:.3rem .55rem}.brand small{display:block;font-size:.63rem;font-weight:500;color:#8993a7;letter-spacing:.08em;text-transform:uppercase}.brand-mark{background:var(--brand);margin-right:.7rem}.sidebar .nav-link{display:flex;align-items:center;gap:.8rem;color:#aab3c2;border-radius:10px;padding:.75rem .85rem;margin:.12rem 0;font-size:.92rem}.sidebar .nav-link i{width:20px}.sidebar .nav-link.active,.sidebar .nav-link:hover{background:#202a3b;color:#fff}.sidebar .nav-link small{margin-left:auto}.nav-section{font-size:.65rem;font-weight:800;color:#667085;letter-spacing:.12em;margin:1.5rem .85rem .55rem}.main-content{margin-left:260px;min-width:0;width:calc(100% - 260px)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:10}.topbar small{display:block;color:var(--muted)}.system-status{font-size:.82rem;color:var(--muted)}.system-status span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2eae6d;margin-right:.4rem;box-shadow:0 0 0 4px rgba(46,174,109,.12)}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e8edff;color:var(--brand);font-weight:800}.content-area{padding:2rem}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.6rem}.page-heading h1{font-weight:800;letter-spacing:-.04em;margin:0}.page-heading p{color:var(--muted);margin:.35rem 0 0}.date-pill{background:#fff;border:1px solid var(--border);border-radius:10px;padding:.65rem .9rem;font-size:.85rem}.attention-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#3157d5,#5f7de0);color:#fff;padding:1rem 1.2rem;border-radius:16px;box-shadow:0 12px 30px rgba(49,87,213,.18)}.attention-card>div{display:flex;align-items:center;gap:.9rem}.attention-card p{color:#dce4ff;font-size:.88rem}.attention-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.17)}.metric-card,.panel-card{background:#fff;border:1px solid var(--border);border-radius:16px}.metric-card{display:flex;align-items:center;gap:1rem;padding:1.2rem}.metric-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px}.metric-icon.primary{background:#e8edff;color:#3157d5}.metric-icon.success{background:#e7f7ef;color:#218a58}.metric-icon.warning{background:#fff3dd;color:#bd7213}.metric-icon.info{background:#e5f6fb;color:#1d819d}.metric-card span,.metric-card small{display:block;color:var(--muted)}.metric-card strong{display:block;font-size:1.7rem;line-height:1.2}.metric-card small{font-size:.73rem}.panel-card{overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:start;padding:1.25rem 1.35rem;border-bottom:1px solid var(--border)}.panel-header h2{font-size:1.05rem;font-weight:800;margin:0}.panel-header p{font-size:.82rem;color:var(--muted);margin:.25rem 0 0}.table>:not(caption)>*>*{padding:.9rem 1.35rem;border-color:var(--border)}.table thead th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#7d8798;background:#fafbfd}.table td strong,.table td small{display:block}.table td small{color:var(--muted);font-size:.72rem}.status-badge{display:inline-block;border-radius:999px;padding:.32rem .58rem;font-size:.7rem;font-weight:800;text-transform:capitalize}.status-concluida{background:#e7f7ef;color:#218a58}.status-erro{background:#fdeaea;color:#c03b3b}.status-iniciada{background:#e8edff;color:#3157d5}.status-concluida_com_alertas{background:#fff3dd;color:#bd7213}.journey-list{padding:1.25rem}.journey-list>div{display:flex;gap:.9rem;position:relative;padding-bottom:1.35rem}.journey-list>div:not(:last-child):after{content:"";position:absolute;left:16px;top:34px;width:1px;height:calc(100% - 22px);background:var(--border)}.journey-list>div>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#f0f2f6;color:#758094;font-weight:800;font-size:.8rem}.journey-list .done>span{background:#e7f7ef;color:#218a58}.journey-list strong,.journey-list small{display:block}.journey-list small{color:var(--muted);margin-top:.15rem}@media(max-width:991.98px){.sidebar{display:none}.main-content{margin-left:0;width:100%}.content-area{padding:1.1rem}.topbar{padding:0 1rem}.page-heading{display:block}.date-pill{display:inline-block;margin-top:1rem}.attention-card{align-items:flex-start;gap:1rem}.story-steps{grid-template-columns:1fr}}@media(max-width:575.98px){.attention-card{display:block}.attention-card button{margin-top:1rem}.login-card h2{font-size:1.9rem}}

.filter-bar{display:flex;align-items:end;gap:1rem;padding:1.25rem}.filter-bar>div:not(.flex-grow-1){min-width:190px}.profile-badge{display:inline-flex;border-radius:999px;padding:.32rem .6rem;font-size:.72rem;font-weight:800}.profile-administrador{background:#eee9ff;color:#6941c6}.profile-supervisor{background:#e8edff;color:#3157d5}.profile-operador{background:#e5f6fb;color:#1d819d}.profile-consulta{background:#f0f2f6;color:#596273}.form-card{padding:1.5rem}.form-section h2{font-size:1rem;font-weight:800;margin:0}.form-section p{font-size:.84rem;color:var(--muted);margin:.25rem 0 1rem}.form-card hr{margin:1.7rem 0;border-color:var(--border);opacity:1}.form-actions{display:flex;justify-content:flex-end;gap:.7rem;border-top:1px solid var(--border);margin:1.7rem -1.5rem -1.5rem;padding:1rem 1.5rem;background:#fafbfd;border-radius:0 0 16px 16px}.empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#eef2ff;color:var(--brand);font-size:1.25rem}@media(max-width:767.98px){.filter-bar{display:block}.filter-bar>div,.filter-bar button{width:100%;margin-bottom:.8rem}.form-actions{justify-content:stretch}.form-actions>*{flex:1}}
