:root{--green:#174e3c;--deep:#123f32;--ink:#223b35;--muted:#61746c;--paper:#f3f6f7;--line:#e2e8e8;--shadow:0 10px 32px #173d2910;--glass:rgba(255,255,255,.82)}
body{font-family:'Segoe UI',system-ui,sans-serif;background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--green) 8%,transparent),transparent 50%),var(--paper);font-size:14px}
.sidebar{background:var(--glass);backdrop-filter:blur(24px);box-shadow:6px 0 30px #203c3006}.topbar{background:var(--glass);backdrop-filter:blur(24px);position:sticky;top:0;z-index:15}.content{padding-top:30px}.panel,.metric,.opp-card{box-shadow:0 4px 8px #163b3103,0 16px 36px #163b3107;border-color:color-mix(in srgb,var(--line) 75%,white);border-radius:15px}.metric{transition:transform .2s,box-shadow .2s}.metric:hover{transform:translateY(-3px);box-shadow:0 16px 36px #163b3114}.heading h1{font-size:31px;letter-spacing:-1px}.metric strong{font-weight:650}.btn{min-height:38px;transition:background .18s,transform .18s,box-shadow .18s}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--green);box-shadow:0 6px 16px color-mix(in srgb,var(--green) 20%,transparent)}.hero{box-shadow:0 16px 32px color-mix(in srgb,var(--green) 16%,transparent);border-radius:17px}.dialog{background:var(--glass);backdrop-filter:blur(28px);border:1px solid #ffffffa0;box-shadow:0 36px 100px #102e3540}.dialog[open]{animation:window-in .22s ease-out}.dialog::backdrop{background:#122a324f;backdrop-filter:blur(5px)}.content>div,.content>section{animation:content-in .25s ease-out}input,select,textarea{accent-color:var(--green)}.brand b{font-weight:750}nav button{min-height:43px}.chart-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin:0 0 20px}.chart-card{padding:24px;background:var(--glass);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.chart-card h2{font-size:14px;margin:0 0 5px}.chart-card p{font-size:11px;color:var(--muted);margin:0 0 22px}.chart-card canvas{height:150px;width:100%}.bar-row{display:grid;grid-template-columns:95px 1fr 25px;align-items:center;gap:12px;font-size:11px;margin:13px 0}.bar-track{height:9px;background:color-mix(in srgb,var(--green) 8%,white);border-radius:8px;overflow:hidden}.bar-fill{height:100%;width:var(--value);background:var(--green);border-radius:8px;animation:bar-in .65s ease-out}.brand-tools{display:flex;gap:7px}.compact{padding:7px 10px;font-size:11px}.mode-note{font-size:10px;color:var(--muted);padding:5px 12px;background:#fbf6e8;border-radius:6px}.login-page{min-height:100vh;background:radial-gradient(ellipse at 25% 20%,#e0ede9,transparent 55%),#f2f5f6}.login-shell{min-height:100vh;max-width:1160px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:100px;padding:60px 40px}.login-story h1{font-size:51px;letter-spacing:-2.4px;line-height:1.1;margin:25px 0}.login-story p{font-size:17px;color:var(--muted);max-width:430px;line-height:1.7}.login-story small{display:block;margin-top:80px;color:var(--muted)}.story-flow{display:flex;gap:10px;margin-top:36px}.story-flow span{padding:11px 15px;border:1px solid #fff;background:#ffffff75;border-radius:12px;box-shadow:0 10px 24px #203c3008;backdrop-filter:blur(12px);font-size:12px}.login-card{padding:40px;background:#ffffffb8;backdrop-filter:blur(24px);border:1px solid white;border-radius:24px;box-shadow:0 25px 80px #244f3c12}.login-card h2{font-size:25px;letter-spacing:-.8px;margin:18px 0 8px}.login-card p{font-size:13px;color:var(--muted)}.login-card label{display:block;font-size:12px;font-weight:600;margin:22px 0 8px}.login-card input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px;font-size:15px;min-width:0}.login-card .primary{width:100%;padding:13px;margin:10px 0 18px}.password-wrap{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:10px}.password-wrap input{border:0}.password-wrap button{background:none;font-size:11px;padding:12px;color:var(--muted)}#loginError{color:#a13e38}.demo-link{display:block;text-align:center;margin-top:26px;font-size:12px}.theme-colors{display:flex;gap:12px;margin:16px 0}.theme-chip{height:40px;width:40px;border-radius:50%;border:3px solid white;outline:1px solid #b9c5c0;background:var(--swatch)}.dark{--paper:#101a23;--ink:#e5efea;--muted:#a5b6ae;--line:#304139;--glass:rgba(27,41,48,.86)}.dark .panel,.dark .metric,.dark .opp-card,.dark .lane,.dark .field input,.dark .field select,.dark .field textarea,.dark .btn,.dark .version,.dark .detail-block,.dark .workspace,.dark .profile-select,.dark .search input{background:#1c2b33;color:var(--ink);border-color:var(--line)}.dark .callout,.dark .side-note,.dark .flow-step,.dark th{background:#21352f;color:var(--ink)}.dark .hero,.dark .btn.primary,.dark nav button.active{background:var(--green);color:white}.dark .badge.gray{background:#2d4039;color:#c1d4c8}.dark .avatar{background:#30463b;color:#d7e7dc}
@keyframes window-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes content-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes bar-in{from{width:0}to{width:var(--value)}}
@media(max-width:850px){.chart-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;gap:25px;max-width:560px;padding:32px 22px}.login-story h1{font-size:33px;letter-spacing:-1.3px}.login-story p{font-size:14px}.login-story small,.story-flow{display:none}.login-card{padding:28px}.login-story h1{margin:14px 0}.brand-tools .brand-label{display:none}}
@media(max-width:650px){.topbar{padding:0 12px}.top-actions{gap:5px}.top-actions .role-warning{display:none}.profile-select{max-width:120px}.demo-tag{font-size:8px;padding:5px 7px}.content{padding:22px 14px}.heading h1{font-size:26px}.hero{padding:20px}.btn{min-height:44px}.topbar .btn{min-height:36px}.chart-card{padding:19px}.chart-card canvas{height:120px}.hero p{display:none}.metrics{margin-bottom:18px}.task{padding:14px}.task .btn{min-height:36px}.bar-row{grid-template-columns:90px 1fr 22px}.chart-grid{gap:14px}.dialog .action-row{display:grid;grid-template-columns:1fr 1fr}.dialog .action-row .btn{white-space:normal}.bottom-note{font-size:10px}.side-note{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){.chart-card:first-child{display:none}.chart-card{padding:16px}.chart-card p{margin-bottom:12px}.bar-row{margin:9px 0}.top-actions{flex-wrap:nowrap}.demo-tag{display:none}.topbar{height:65px}.profile-select{max-width:105px}.top-actions .compact{padding:5px 8px}.topbar .brand-tools{gap:3px}}

/* UX: available actions are not a funnel or completed steps. */
.dialog .action-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.dialog .action-row .btn:not(.primary){background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.dialog .action-row .btn.primary{order:-1}
.dialog .action-row .btn[data-action="lose"]{margin-left:auto;color:#a34b46;border-color:color-mix(in srgb,#a34b46 35%,var(--line))}
#nextHelp{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:650px){.dialog .action-row{display:flex;flex-wrap:wrap}.dialog .action-row .btn{flex:1 1 44%}.dialog .action-row .btn.primary{flex-basis:100%}.dialog .action-row .btn[data-action="lose"]{margin-left:0}}

/* Prioridades do painel Meu Dia */
.priority-section{padding:12px 0;border-bottom:1px solid var(--line)}.priority-section:last-child{border-bottom:0}.priority-section h3{margin:0 0 10px;font-size:14px}.priority-section h3 small{font-weight:400;color:var(--muted)}

/* Dark blue-petrol default, with existing user-selectable brand colors. */
.dark{--paper:#14242d;--ink:#e3ebeb;--muted:#aabbb9;--line:#304a4a;--glass:rgba(25,43,51,.92)}
.dark .panel,.dark .metric,.dark .opp-card,.dark .lane,.dark .workspace,.dark .profile-select{background:#1b3038;border-color:#324b49}
.dark .sidebar,.dark .topbar{background:rgba(23,40,48,.96)}
.cj-welcome{max-width:min(480px,calc(100vw - 28px));border-radius:20px}
.cj-welcome .dialog-body{font-size:14px;line-height:1.7}
.cj-welcome .dialog-body p{margin:0 0 14px}
.cj-welcome .dialog-foot{display:flex;justify-content:flex-end}