/* Rosa Product System 2026 — portal web */
:root{color-scheme:light;--ink:#171218;--sub:#6e6470;--pink:#ed1e79;--violet:#8054ff;--paper:#f8f5f6;--card:#fffdfd;--soft:#fff0f7;--line:rgba(23,18,24,.09);--ok:#0e9b67;--warn:#9b6500;--bad:#c72b52;--shadow:0 24px 70px rgba(54,33,45,.09)}
html[data-theme="dark"]{color-scheme:dark;--ink:#fffdfd;--sub:#b9afb9;--paper:#171218;--card:#211b22;--soft:#2a222b;--line:rgba(255,253,253,.09);--ok:#38d39b;--warn:#f1b84e;--bad:#ff6b92;--shadow:0 24px 70px rgba(0,0,0,.25)}
html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}
.brand{display:flex;align-items:center;text-decoration:none}.brand-logo{display:block;width:126px;height:auto}.logo-light{mix-blend-mode:multiply}.logo-dark{display:none}html[data-theme="dark"] .logo-light{display:none}html[data-theme="dark"] .logo-dark{display:block}
#auth{grid-template-columns:minmax(440px,.82fr) 1.18fr;background:var(--paper)}
.auth-side{background:var(--card);padding:36px clamp(28px,5vw,76px)}
.auth-box h1,.pagehead h1,.panel h2,.integration-section h2{font-family:"Inter Tight",Inter,sans-serif;letter-spacing:-.045em}
.auth-box h1{font-size:45px;line-height:1}.auth-box>p{font-size:16px}
.auth-visual{background:#171218;position:relative;overflow:hidden}
.auth-visual:before,.auth-visual:after{content:"";position:absolute;width:440px;height:440px;background:#261d26;border-radius:50% 50% 42% 58%;opacity:.82}
.auth-visual:before{right:-160px;top:-180px}.auth-visual:after{left:-210px;bottom:-210px}
.visual-card{position:relative;z-index:1;background:transparent;border:0;box-shadow:none;padding:clamp(28px,6vw,80px);align-self:end}
.auth-visual .quote{color:#fffdfd;font:650 clamp(48px,5.8vw,84px)/.96 "Inter Tight",Inter,sans-serif;letter-spacing:-.06em;max-width:800px}.auth-visual .quote span{color:var(--pink)}
.mini-flow{border-top:1px solid rgba(255,255,255,.12);padding-top:22px}.mini-flow div{color:#b9afb9;background:#211b22;border:1px solid rgba(255,255,255,.08)}.mini-flow b{color:#fffdfd}
.input,.field input,.field select{background:var(--paper);border-color:var(--line);color:var(--ink);border-radius:13px;min-height:48px}.input:focus,.field input:focus,.field select:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(237,30,121,.1)}
.btn{border-radius:999px;min-height:46px}.btn.primary{background:var(--pink)}.btn.primary:hover{background:#d9186d}.btn.secondary,.btn.ghost{background:var(--card);color:var(--ink);border-color:var(--line)}
#console{background:var(--paper);grid-template-columns:256px minmax(0,1fr)}
.side{width:auto;background:var(--card);border-right:1px solid var(--line);padding:26px 18px}.side .brand{min-height:34px;margin:0 0 22px;padding:0 10px}.side .brand-logo{width:112px}.orgname{margin:0 10px 8px;padding:16px 0 10px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font-size:11px;font-weight:650;line-height:1.25}.orgname:before{content:"OPERAÇÃO";display:block;margin-bottom:4px;color:var(--sub);font-size:9px;font-weight:750;letter-spacing:.13em}
.menu{gap:4px}.menu button{min-height:46px;border-radius:12px;color:var(--sub);font-size:13px;font-weight:570;gap:12px}.menu button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.menu button.on{background:var(--soft);color:var(--pink)}
.userbox{border-top-color:var(--line)}.signout,.theme-toggle{color:var(--sub)}.theme-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;padding:9px 0;font-size:12px}.theme-toggle span:last-child{color:var(--ink);font-weight:650}
.content{margin-left:0;min-width:0;padding:44px clamp(26px,4vw,64px) 80px;max-width:1680px}.pagehead{margin-bottom:30px}.pagehead h1{font-size:44px}.pagehead p{font-size:15px}.grid4{gap:12px}.stat,.panel,.intcard,.task,.healthitem{background:var(--card);border-color:var(--line);box-shadow:none}.stat{border-radius:18px;padding:20px}.stat strong{font-family:"Inter Tight",Inter,sans-serif;font-size:32px}.panel{border-radius:22px;padding:25px}.dashboard-grid{gap:14px}.funnel-track i{background:linear-gradient(90deg,var(--pink),var(--violet))}.leadrow,.priority,.task{border-color:var(--line)}
.person .av,.av{border-radius:50%;background:var(--soft);color:var(--pink)}
.person-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--soft);display:grid;place-items:center;color:var(--pink);font-weight:700;flex:0 0 auto}
.birthday{display:block;color:var(--sub);font-size:10px;margin-top:3px}.birthday.soon{color:var(--pink);font-weight:650}
.table th{color:var(--sub)}.table td{border-color:var(--line)}
.dadosscroll .table{border-collapse:separate;border-spacing:0}
.dadosscroll th,.dadosscroll td{padding:12px 14px;vertical-align:middle}
.dadosscroll th{font-size:11px;letter-spacing:.04em}
.dadoskpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.dadoskpi .l{font-size:13px;line-height:1.35}
.healthitem span{font-size:11px;line-height:1.35}
.stat span{font-size:13px;line-height:1.35;margin-top:6px;display:block}
.dados-filterbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:19px 21px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.dados-filterbar h2{margin:0;font:750 18px/1.15 "Inter Tight",Inter,sans-serif;letter-spacing:-.025em}.dados-filterbar p{margin:5px 0 0;color:var(--sub);font-size:11px}.dados-segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--paper);flex:0 0 auto}.dados-segmented button{min-width:82px;border:0;border-radius:999px;padding:9px 14px;background:transparent;color:var(--sub);font-size:11px;font-weight:720;cursor:pointer}.dados-segmented button.on{background:var(--card);color:var(--pink);box-shadow:0 3px 12px rgba(54,33,45,.09)}
.modal{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.modalbg{background:rgba(23,18,24,.55);backdrop-filter:blur(8px)}
.toast{background:var(--ink);color:var(--card)}
.rel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-14px 0 18px}.rel-toolbar .cxtabs{width:min(420px,100%);margin:0}.relcity{flex:0 0 auto}.rel-note{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:12px 15px;border:1px solid rgba(14,155,103,.18);border-radius:14px;background:rgba(14,155,103,.07);font-size:12px}.rel-note b{color:var(--ok)}.rel-note span{color:var(--sub)}.rel-note.neutral{border-color:var(--line);background:var(--card)}.rel-note.neutral b{color:var(--ink)}
.rel-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rel-kpis .panel{margin:0}.rel-overview{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:14px;margin-top:14px}.rel-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.rel-card{margin:0;padding:23px;min-width:0}.rel-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.rel-card-head h3,.rel-team h3{margin:0;font:750 17px/1.2 "Inter Tight",Inter,sans-serif;letter-spacing:-.025em}.rel-card-head p{margin:4px 0 0;color:var(--sub);font-size:12px;line-height:1.4}.rel-card-head>span{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--sub);font-size:10px;font-weight:700}.rel-line-chart{width:100%;min-height:230px}.rel-line-chart svg{display:block;width:100%;height:auto;overflow:visible}.rel-grid line{stroke:var(--line);stroke-width:1}.rel-grid text,.rel-x{fill:var(--sub);font:9px Inter,sans-serif}.rel-x{text-anchor:middle}.rel-area{fill:rgba(237,30,121,.09)}html[data-theme="dark"] .rel-area{fill:rgba(237,30,121,.16)}.rel-line{fill:none;stroke:var(--pink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.rel-last-dot{fill:var(--card);stroke:var(--pink);stroke-width:3}
.rel-donut-wrap{display:grid;grid-template-columns:148px 1fr;align-items:center;gap:22px;min-height:230px}.rel-donut{width:148px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--donut);position:relative}.rel-donut:after{content:"";position:absolute;inset:24px;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.rel-donut>div{position:relative;z-index:1;text-align:center}.rel-donut b{display:block;font:780 25px/1 "Inter Tight",Inter,sans-serif}.rel-donut span{display:block;color:var(--sub);font-size:10px;margin-top:4px}.rel-legend{display:grid;gap:11px}.rel-legend>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:11px}.rel-legend i{width:8px;height:8px;border-radius:50%}.rel-legend span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sub)}.rel-legend b{font-size:11px}
.rel-hour-bars{height:190px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;padding:10px 4px 0}.rel-hour-bars>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.rel-hour-bars span{color:var(--sub);font-size:10px;font-variant-numeric:tabular-nums}.rel-hour-bars i{display:block;width:min(34px,75%);min-height:5px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--violet),var(--pink))}.rel-hour-bars small{color:var(--sub);font-size:9px}.rel-week-chart{height:190px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;padding-top:6px}.rel-week-day{height:100%;min-width:0;display:grid;grid-template-rows:18px minmax(72px,1fr) 16px 15px;gap:4px;text-align:center;align-items:end}.rel-week-day>b{font-size:10px;color:var(--ink);font-variant-numeric:tabular-nums}.rel-week-day>span{height:100%;display:flex;align-items:flex-end;justify-content:center}.rel-week-day i{display:block;width:min(32px,72%);min-height:5px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--violet),var(--pink))}.rel-week-day small{font-size:10px;color:var(--ink);font-weight:700}.rel-week-day em{font-size:8px;color:var(--sub);font-style:normal;white-space:nowrap}.rel-source-note{margin:18px 0 0;padding-top:13px;border-top:1px solid var(--line);color:var(--sub);font-size:10px;line-height:1.45}
.rel-origins{margin-top:14px}.rel-sources{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:16px}.rel-source>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.rel-source b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.rel-source span{flex:0 0 auto;color:var(--sub);font-size:10px}.rel-source-track{display:block!important;width:100%;height:7px!important;margin-top:7px;border-radius:999px;background:var(--paper);overflow:hidden}.rel-source-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--violet))}
.rel-team{margin-top:14px}.rel-team .topo{margin-bottom:12px}.rel-team .topo .sub{margin:4px 0 0}.rel-team td:first-child{font-weight:650}.rel-rank{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:9px;border-radius:7px;background:var(--soft);color:var(--pink);font-size:10px;font-weight:800}.rel-team td:last-child{display:grid;grid-template-columns:minmax(80px,1fr) 38px;align-items:center;gap:8px}.rel-rate{height:7px;border-radius:999px;background:var(--paper);overflow:hidden}.rel-rate i{display:block;height:100%;border-radius:999px;background:var(--ok)}.rel-team td:last-child>b{font-size:11px;text-align:right}
@media(max-width:1200px){.dadoskpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){#auth{grid-template-columns:1fr}.auth-visual{display:none}.dadoskpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1300px) and (min-width:701px){.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:1100px){.rel-kpis{grid-template-columns:1fr 1fr}.rel-overview{grid-template-columns:1fr}.rel-donut-wrap{grid-template-columns:160px 1fr;min-height:auto}.rel-sources{grid-template-columns:1fr}}
@media(max-width:700px){.side{background:color-mix(in srgb,var(--card) 92%,transparent);border-top-color:var(--line)}.content{margin-left:0}.mobiletop button{background:var(--card)!important;border-color:var(--line)!important;color:var(--sub)!important}.menu{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.menu::-webkit-scrollbar{display:none}.menu button{flex:0 0 64px;font-size:9px}.pagehead h1{font-size:34px}.dados-filterbar{align-items:stretch;flex-direction:column}.dados-segmented{width:100%}.dados-segmented button{min-width:0;flex:1;padding-inline:8px}.dadoskpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rel-toolbar{align-items:stretch;flex-direction:column}.relcity{align-self:flex-start}.rel-toolbar .cxtabs{max-width:none}.rel-detail-grid{grid-template-columns:1fr}.rel-donut-wrap{grid-template-columns:128px 1fr;gap:14px}.rel-donut{width:128px}.rel-donut:after{inset:21px}.rel-card{padding:19px}.rel-source>div{display:block}.rel-source span{display:block;margin-top:3px}.rel-team td:last-child{min-width:130px}}
@media(max-width:430px){.rel-kpis{grid-template-columns:1fr 1fr}.rel-kpis .dadoskpi{padding:16px}.rel-kpis .dadoskpi .n{font-size:25px}.rel-donut-wrap{grid-template-columns:1fr;justify-items:center}.rel-legend{width:100%}.rel-hour-bars{gap:4px}.rel-hour-bars i{width:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}