:root{--bg:#090c12;--sidebar:#0d1119;--panel:#111722;--panel2:#151d2a;--panel3:#192231;--border:#253040;--text:#eef2fa;--muted:#8996ab;--subtle:#5c6a80;--accent:#8797ff;--accent2:#7384ef;--light:#b3bcff;--green:#42d69b;--amber:#fac778;--red:#f78198;--r:15px;--shadow:0 18px 40px #00000024}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.45}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,.clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--sidebar);border-right:1px solid var(--border);flex:none;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:15;transition:width .2s ease}.brand{display:flex;align-items:center;gap:12px;padding:25px 20px 22px;white-space:nowrap;overflow:hidden}.brand-mark{height:39px;width:39px;border-radius:12px;background:linear-gradient(135deg,#cbd2ff,#7486fb 55%,#4555be);color:#101827;display:flex;align-items:center;justify-content:center;font-weight:1000;letter-spacing:-2px;font-size:16px;box-shadow:0 10px 27px #778af92b;flex:none}.brand-name{font-weight:850;letter-spacing:-.55px;font-size:15px}.brand-sub{font-size:10px;color:var(--muted);letter-spacing:1.35px;text-transform:uppercase}.side-scroll{overflow-y:auto;padding:4px 12px 20px;flex:1;scrollbar-color:#273041 transparent}.side-group{margin:16px 12px 9px;color:#69788e;font-size:10px;text-transform:uppercase;letter-spacing:1.8px;font-weight:800}.nav{display:flex;width:100%;align-items:center;gap:12px;white-space:nowrap;border:1px solid transparent;background:none;color:#97a5b9;padding:11px 12px;border-radius:10px;text-align:left;font-size:12px;font-weight:590;transition:.15s}.nav:hover{color:#e4ecff;background:#1b2330}.nav.active{background:linear-gradient(100deg,#263352,#1a2743);border-color:#3b4b72;color:#f4f5ff;box-shadow:inset 3px 0 #91a1ff}.nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex:none}.nav-icon svg{width:17px;height:17px}.nav-label{flex:1}.nav-dot{font-size:9px;background:#222d3d;color:#8797ff;padding:2px 6px;border-radius:20px}.side-bottom{padding:14px 12px 18px;border-top:1px solid var(--border)}.account{display:flex;gap:9px;align-items:center;border-radius:12px;padding:10px;background:#151d29}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#2e3d6a;color:#d2dafe;border-radius:11px;font-weight:850;font-size:12px;flex:none}.account .a-name{font-size:11px;font-weight:780}.account .a-role{font-size:10px;color:var(--muted)}.main{flex:1;min-width:0}.topbar{height:73px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 32px;position:sticky;top:0;z-index:10;background:#0b0f17f5;backdrop-filter:blur(12px)}.top-crumb{min-width:200px;color:#7d8aa0;font-size:12px}.top-crumb strong{color:#e7ebf7;font-weight:760}.search-wrap{position:relative;max-width:450px;width:100%;margin:auto}.search{border:1px solid var(--border);background:#151c27;border-radius:10px;color:var(--text);height:37px;width:100%;padding:0 13px 0 37px;font-size:12px}.search::placeholder{color:#768398}.search-icon{position:absolute;left:12px;top:9px;color:#74829c}.kbd{position:absolute;right:9px;top:9px;border:1px solid #3b4456;color:#808da3;padding:1px 6px;border-radius:5px;font-size:10px}.top-actions{display:flex;gap:10px;align-items:center}.iconbtn{width:36px;height:36px;border:1px solid var(--border);background:#151c26;display:grid;place-items:center;border-radius:10px;color:#a4b0c3}.iconbtn:hover{background:#263047;color:#fff}.iconbtn svg{height:17px;width:17px}.online{font-size:10px;color:#a1c9b8;display:flex;align-items:center;gap:7px;white-space:nowrap}.online:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #42d69b18}.content{max-width:1550px;margin:0 auto;padding:30px 32px 55px}.eyebrow{font-size:11px;font-weight:780;letter-spacing:1.8px;text-transform:uppercase;color:#8998b5;margin-bottom:8px}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px}.heading h1{font-size:28px;letter-spacing:-1.2px;margin:0 0 7px;font-weight:820}.heading p{font-size:12px;color:var(--muted);margin:0}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--border);background:#1b2532;color:#cdd8e9;border-radius:9px;min-height:36px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:720;justify-content:center}.btn:hover{filter:brightness(1.16)}.btn.primary{background:#8897fb;border-color:#8897fb;color:#101629}.btn.outline{background:transparent}.btn.danger{color:var(--red)}.btn.small{min-height:28px;font-size:10px;padding:0 9px}.btn svg{height:14px;width:14px}.demo-banner{display:flex;align-items:center;gap:11px;background:#161b31;border:1px solid #37436b;border-radius:12px;padding:11px 14px;margin-bottom:23px;color:#abb8e4;font-size:11px}.demo-banner b{color:#d8dfff}.demo-banner svg{width:16px;height:16px;flex:none}.hero{background:radial-gradient(circle at 80% -80%,#4654a165,transparent 55%),linear-gradient(120deg,#1d263d,#171b2a 65%,#131d30);border:1px solid #3b4668;border-radius:20px;padding:26px 30px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #98a6ff1e;border-radius:50%;right:55px;top:-125px;box-shadow:0 0 0 55px #8397ff09,0 0 0 105px #8397ff06;pointer-events:none}.hero > *{position:relative;z-index:1}.hero h2{font-size:23px;margin:2px 0 8px;letter-spacing:-.6px}.hero p{color:#a9b6d0;font-size:12px;max-width:620px;margin:0}.hero .tag{display:inline-block;font-size:9px;font-weight:800;color:#bcc7ff;background:#8697ff25;border:1px solid #8697ff47;padding:5px 9px;border-radius:6px;letter-spacing:1.3px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);box-shadow:0 1px 0 #ffffff06}.kpi{padding:19px;min-height:128px}.kpi-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#96a4b8}.kpi-ico{display:grid;place-items:center;border-radius:9px;background:#26314d;color:#aebdff;width:30px;height:30px}.kpi-ico svg{width:16px;height:16px}.kpi-value{font-weight:830;font-size:27px;letter-spacing:-.7px;margin:11px 0 5px}.kpi-foot{display:flex;gap:7px;font-size:10px;color:#7e8ca2;align-items:center}.delta{font-weight:750;color:#4ddbaa;background:#15382f;padding:3px 6px;border-radius:5px}.columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:18px;margin:0 0 18px}.columns.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head{padding:20px 21px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-title{font-size:14px;font-weight:770;letter-spacing:-.1px}.panel-sub{color:var(--muted);font-size:10px;margin-top:4px}.panel-body{padding:18px 21px 20px}.chip{font-size:10px;font-weight:750;border:1px solid #364254;color:#a4b2c5;border-radius:6px;padding:4px 7px;white-space:nowrap;background:#202939}.chip.success{background:#14342c;color:#65dfae;border-color:#275a48}.chip.warn{background:#392e1f;color:#ffd18e;border-color:#58452c}.chip.danger{background:#3a2534;color:#ff9bb2;border-color:#623847}.chip.info{background:#262e4e;color:#abbaff;border-color:#3c4980}.axis{display:flex;justify-content:space-between;font-size:9px;color:#71819a;margin:0 4px}.area-chart{width:100%;height:194px;display:block;overflow:visible}.legend{display:flex;gap:19px;align-items:center;color:#8794a8;font-size:10px}.legend i{display:inline-block;width:8px;height:8px;border-radius:100%;background:#8c9aff;margin-right:6px}.legend i.green{background:#45d6a0}.pill-tabs{display:flex;gap:4px;padding:4px;background:#161f2c;border:1px solid #2c384b;border-radius:10px;flex-wrap:wrap}.pill-tabs button{background:transparent;color:#8898ab;border:0;border-radius:7px;padding:8px 11px;font-size:11px}.pill-tabs button.active{background:#33405c;color:#fff}.progress-line{display:flex;align-items:center;gap:12px;margin:14px 0}.p-label{width:140px;min-width:140px;font-size:11px;color:#aab7c9}.p-track{height:7px;background:#273345;flex:1;border-radius:20px;overflow:hidden}.p-bar{height:100%;background:linear-gradient(90deg,#7585e8,#a0aafb);border-radius:20px}.p-number{font-size:11px;color:#d6deec;min-width:28px;text-align:right}.activity{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #243041}.activity:last-child{border-bottom:0}.activity-icon{height:35px;width:35px;border-radius:10px;background:#24314a;display:grid;place-items:center;color:#98aaff;flex:none}.activity-icon svg{height:16px;width:16px}.activity-copy{flex:1;min-width:0}.activity-name{font-size:11px;color:#e9eef7;font-weight:720}.activity-desc{font-size:10px;color:#8796ab;margin-top:3px}.activity-time{color:#738197;font-size:9px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;text-align:left;color:#7a899f;font-weight:760;background:#151e2c;padding:13px}.data-table td{padding:14px 13px;border-bottom:1px solid #233042;color:#bac6d8}.data-table tr:last-child td{border-bottom:0}.data-table td strong{color:#eef2ff}.data-table tbody tr:hover{background:#192337}.contact{display:flex;align-items:center;gap:10px}.circle{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#273c54;color:#d2edff;font-size:10px;font-weight:800;flex:none}.circle.pink{background:#49334c;color:#ffc4e0}.circle.violet{background:#373756;color:#c7c1ff}.circle.green{background:#264739;color:#92e8be}.muted{color:var(--muted)}.tiny{font-size:10px}.mini-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;font-size:11px}.divider{height:1px;background:var(--border);margin:16px 0}.notice{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#c7d3e4;border-radius:10px;background:#1c2736;padding:12px;margin-bottom:10px}.notice.yellow{background:#30281e;color:#f7d6a1}.notice svg{width:16px;height:16px;flex:none}.date-select{background:#1d2634;border:1px solid #3a4657;color:#d2ddeb;border-radius:9px;padding:8px;font-size:11px}.section-label{color:#76869d;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:750;margin:20px 0 13px}.inbox{display:grid;grid-template-columns:270px minmax(0,1fr) 280px;min-height:650px;overflow:hidden}.inbox > *:not(:last-child){border-right:1px solid var(--border)}.inbox-side{padding:13px}.inbox-top{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 15px}.inbox-top b{font-size:13px}.search-sm{background:#161e2b;color:#d3deed;border:1px solid var(--border);border-radius:9px;padding:10px;width:100%;outline:none;font-size:11px}.inbox-user{display:flex;gap:9px;padding:13px 9px;border:1px solid transparent;border-radius:10px;cursor:pointer;margin-top:6px}.inbox-user:hover{background:#1d2838}.inbox-user.active{background:#222f46;border-color:#3f4a65}.inbox-user-main{min-width:0;flex:1}.inbox-user-head{display:flex;justify-content:space-between;gap:7px}.inbox-user-head b{font-size:11px}.inbox-user-head time{font-size:9px;color:#8795a9}.inbox-user p{font-size:10px;color:#9cabbd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0 0}.chat{min-width:0;display:flex;flex-direction:column}.chat-top{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px}.chat-messages{flex:1;padding:24px 25px;display:flex;flex-direction:column;gap:13px;background:radial-gradient(circle at 40% 30%,#1c22312e,transparent 65%);min-height:465px}.message{max-width:78%;font-size:11px;line-height:1.7;padding:11px 14px;border-radius:12px;background:#222b3b;color:#dce5f3;align-self:flex-start}.message.own{background:#303d68;align-self:flex-end}.message small{display:block;text-align:right;margin-top:6px;font-size:9px;color:#9bacca}.chat-input{padding:13px 17px;border-top:1px solid var(--border);display:flex;align-items:center;gap:9px}.chat-input input{flex:1;min-width:0;background:#1a2332;border:1px solid #334154;border-radius:10px;padding:10px 12px;color:#dbe7fa;font-size:11px}.profile{padding:17px 18px}.profile-head{text-align:center;padding:17px 0 19px}.profile-avatar{margin:0 auto 9px;height:53px;width:53px;display:grid;place-items:center;border-radius:17px;background:#3b3d6b;color:#c7cdff;font-size:18px;font-weight:800}.profile-name{font-size:14px;font-weight:770}.profile-small{font-size:10px;color:#8293ab;margin:5px}.prop{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;margin:12px 0;font-size:10px}.prop label{color:#8796ac}.prop span{color:#cfdaec;text-align:right}.prod-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kanban-col{border:1px solid var(--border);background:#0f1520;padding:13px;min-height:410px;border-radius:13px}.kanban-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:750;padding:7px 4px 15px}.kanban-item{background:#1b2533;border:1px solid #303c4e;border-radius:12px;margin-bottom:12px;padding:13px;cursor:pointer;transition:.12s}.kanban-item:hover{transform:translateY(-2px);border-color:#596c98}.kanban-item b{font-size:12px}.kanban-item p{font-size:10px;color:#8493a8;margin:7px 0 11px}.kanban-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8998ac}.kanban-photo{height:83px;background:linear-gradient(120deg,#302f4e,#775b6d,#4e6a7c);border-radius:8px;margin:10px 0}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-card{overflow:hidden}.gallery-card img{width:100%;aspect-ratio:1.85;object-fit:cover;display:block;background:#293447}.gallery-card .meta{padding:12px 13px}.gallery-card b{font-size:12px}.gallery-card p{font-size:10px;color:var(--muted);margin:3px 0 0}.blueprint{padding:18px}.funnel-stage{display:flex;align-items:center;gap:9px;margin:12px 0}.funnel-name{width:125px;font-size:11px;color:#b3c1d3}.funnel-bar{height:13px;border-radius:6px;background:#25334a;flex:1;overflow:hidden}.funnel-fill{height:100%;background:linear-gradient(90deg,#7285e8,#9bafff);border-radius:6px}.funnel-count{min-width:27px;text-align:right;font-size:11px;color:#c8d6e9}.quote{padding:13px;border-radius:11px;border:1px solid #3f4869;background:#222b43;font-size:11px;color:#d6def1}.stats-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-tile{background:#192334;border:1px solid #2f4055;border-radius:12px;padding:15px}.stat-tile b{display:block;font-size:21px;letter-spacing:-.4px;margin-top:7px}.stat-tile small{font-size:10px;color:#92a2b9}.ad-preview{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;background:#172131;border:1px solid #2e3b51;border-radius:13px;padding:13px}.ad-visual{height:120px;border-radius:9px;background:linear-gradient(125deg,#171d37,#5e3b67 65%,#bf8293);display:flex;align-items:center;justify-content:center;font-size:38px;overflow:hidden}.ad-visual.video{background:linear-gradient(120deg,#1a283b,#245a63,#564878)}.ad-title{font-size:13px;font-weight:800}.ad-desc{font-size:10px;color:#91a2b9;margin:7px 0}.ad-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.integrations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.integr-card{padding:17px}.integr-top{display:flex;align-items:center;gap:11px;margin-bottom:19px}.integr-logo{width:36px;height:36px;display:grid;place-items:center;background:#263251;border-radius:10px;font-weight:900;color:#c3ceff}.integr-card p{font-size:10px;color:#8fa0b6;margin:0 0 16px;min-height:34px}.integr-bottom{display:flex;justify-content:space-between;align-items:center}.overlay{position:fixed;inset:0;background:#05070cc4;z-index:40;display:grid;place-items:center;padding:15px}.modal{width:min(540px,100%);background:#141c29;border:1px solid #354259;border-radius:18px;box-shadow:0 28px 110px #0009;padding:25px}.modal h2{font-size:20px;margin:0 0 10px}.modal p{font-size:12px;color:#9aacbf}.modal label{display:block;color:#9eafc3;margin-top:14px;font-size:11px}.modal input,.modal select{width:100%;margin-top:7px;background:#111823;color:#eef2ff;border:1px solid #39495f;padding:11px;border-radius:9px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.toast{position:fixed;bottom:25px;right:25px;background:#263652;border:1px solid #576c9e;border-radius:11px;padding:13px 16px;box-shadow:0 18px 70px #0007;z-index:55;font-size:12px;max-width:390px;animation:slidein .2s ease}.toast b{color:#fff}.toast p{margin:4px 0 0;color:#b6c4dd;font-size:11px}@keyframes slidein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.empty{padding:45px 18px;text-align:center;color:#8898ab;font-size:12px}.empty b{display:block;color:#e3e9f3;margin-bottom:8px;font-size:14px}.footer-note{text-align:center;margin-top:40px;color:#62728b;font-size:10px}.mobilemenu{display:none}
.pair-duo{display:grid;grid-template-columns:1fr 1fr}
.pair-duo img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.collapse-btn{margin-top:8px;width:100%;background:transparent;border:1px solid #2c384c;border-radius:10px;color:#9aabc1;padding:8px;display:flex;align-items:center;gap:10px;font-size:10px}.sidebar.collapsed{width:75px}.sidebar.collapsed .brand-name,.sidebar.collapsed .brand-sub,.sidebar.collapsed .side-group,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-dot,.sidebar.collapsed .a-name,.sidebar.collapsed .a-role,.sidebar.collapsed .collapse-text{display:none}.sidebar.collapsed .brand{padding:24px 17px}.sidebar.collapsed .nav{justify-content:center}.sidebar.collapsed .account{padding:6px;justify-content:center}.sidebar.collapsed .collapse-btn{justify-content:center}.light{--bg:#f5f7fb;--sidebar:#fff;--panel:#fff;--panel2:#f6f8fb;--panel3:#eef1f8;--border:#dbe1ed;--text:#152035;--muted:#64748b;--subtle:#93a2b6;color:var(--text)}.light .topbar{background:#ffffffed}.light .brand-mark{color:#fff}.light .search,.light .iconbtn,.light .btn,.light .date-select{background:#f0f3fa;color:#263652}.light .hero{background:linear-gradient(115deg,#dce5ff,#ecf0ff);border-color:#b2c1ee}.light .hero h2,.light .hero p{color:#253653}.light .card,.light .kanban-col{background:#fff}.light .kpi-top,.light .kpi-foot,.light .panel-sub{color:#68778d}.light .kpi-value,.light .heading h1{color:#1d2740}.light .nav.active{background:#e6edff;color:#243d80}.light .data-table td strong,.light .profile-name,.light .activity-name{color:#24334c}.light .data-table td{color:#4e5b72}.light .nav{color:#63718a}.light .side-group{color:#75849a}.light .demo-banner{background:#e7edff;color:#4a5a82}.light .demo-banner b{color:#2e4070}.light .chat-messages{background:#f6f8ff}.light .message{color:#2e3c55;background:#e8edf6}.light .message.own{background:#dfe6ff}.light .message small{color:#647399}.light .chat-input input,.light .search-sm{background:#f3f6fc;color:#283954}.light .integr-logo{background:#e5edff;color:#4865ba}@media(max-width:1290px){.inbox{grid-template-columns:240px minmax(0,1fr)}.profile{display:none}.prod-board{grid-template-columns:repeat(2,minmax(0,1fr))}.integrations{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){.sidebar{width:76px}.brand{padding:24px 18px}.brand-name,.brand-sub,.side-group,.nav-label,.nav-dot,.a-name,.a-role,.collapse-text{display:none}.sidebar .nav{justify-content:center}.sidebar .account,.sidebar .collapse-btn{justify-content:center}.topbar{padding:0 20px}.content{padding:25px 20px}.columns{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:690px){.sidebar{position:fixed;width:250px;transform:translateX(-100%);box-shadow:0 0 40px #0006}.sidebar.open{transform:translateX(0)}.sidebar .brand-name,.sidebar .brand-sub,.sidebar .side-group,.sidebar .nav-label,.sidebar .nav-dot,.sidebar .a-name,.sidebar .a-role,.sidebar .collapse-text{display:block}.sidebar .nav{justify-content:flex-start}.mobilemenu{display:grid}.top-crumb{display:none}.topbar{height:58px;padding:0 12px}.search-wrap{max-width:none}.top-actions .online{display:none}.top-actions .iconbtn:nth-of-type(1){display:none}.content{padding:20px 13px}.heading{flex-direction:column}.heading h1{font-size:23px}.hero{padding:20px}.hero h2{font-size:19px}.hero .btn{display:none}.kpi-grid{gap:8px}.kpi{min-height:106px;padding:13px}.kpi-value{font-size:22px}.panel-head{padding:15px 14px 0}.panel-body{padding:15px 14px}.inbox{grid-template-columns:1fr;display:block}.inbox-side{border-right:0!important;border-bottom:1px solid var(--border);max-height:225px;overflow:auto}.chat-messages{min-height:350px}.message{max-width:90%}.prod-board,.integrations,.gallery,.stats-list{grid-template-columns:1fr}.columns.equal{grid-template-columns:1fr}.ad-preview{grid-template-columns:1fr}.date-select{max-width:100%}.kpi-ico{width:24px;height:24px}}

/* ================= PONTE LEGADA — Etapa 1 =================
   Mapeia o CSS antigo (views ainda não migradas) para os tokens
   do protótipo. As views migradas usam os componentes do protótipo.
   Remover/adaptar progressivamente nas Etapas 2–5. */
:root{--ink:var(--text);--mut:var(--muted);--line:#1f2739;--line2:var(--border);--gold:var(--amber)}
.view{display:none}.view.on{display:block}
.sub{color:var(--mut);margin:0 0 14px}
h2{font-size:20px;margin:18px 0 6px}
footer{color:var(--mut);font-size:11px;padding:16px 0;text-align:center}
/* Regras de respiro para cards das views LEGADAS (ainda não migradas para os
   componentes do protótipo). Escopadas por view para NÃO alterar nenhum
   componente do novo design (.card.kpi, painéis com .panel-head etc.). */
#v-financeiro .card,#v-radar .card,#v-inteligencia .card,#v-diretor .card,#v-bancada .card,#v-exemplos .card{padding:15px;margin-top:12px}
#v-financeiro .card h3,#v-radar .card h3,#v-inteligencia .card h3,#v-diretor .card h3,#v-bancada .card h3,#v-exemplos .card h3{margin:0 0 10px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.integr-detail{scroll-margin-top:90px}
.btn.white{background:#f4f5f7;color:#0a0c12;border-color:#f4f5f7}
.btn:disabled{opacity:.4;cursor:not-allowed}
.data-table a{color:var(--light)}
.field{width:100%;background:#0f1622;border:1px solid var(--border);color:var(--text);border-radius:9px;padding:9px 11px;font-size:12px;box-sizing:border-box}
.field:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.flabel{font-size:11px;color:var(--muted);display:block;margin:10px 0 5px}
.login-link{color:var(--muted);font-size:12px}
.notice>span[data-ic]{display:inline-flex;flex:none}
.env{font-size:10px;font-weight:800;letter-spacing:.09em;background:#3a2f1f;color:var(--amber);border:1px solid #58452c;border-radius:6px;padding:3px 7px}
.ok{color:#34d399;font-weight:700}.warn{color:#fbbf24;font-weight:700}
input[type=file]{color:var(--mut)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
@media(max-width:900px){.grid2{grid-template-columns:1fr}}
.kv{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.kv span{color:var(--mut)}
table{width:100%;border-collapse:collapse;font-size:12.5px}
th{color:var(--mut);text-align:left;padding:7px;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
td{padding:9px 7px;border-bottom:1px solid var(--line)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
@media(max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}}
.kpis .kpi{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:14px}
.kpis .kpi small{color:var(--mut);display:block}.kpis .kpi b{font-size:21px;display:block;margin:6px 0 3px}.kpis .kpi em{font-style:normal;color:var(--mut);font-size:11.5px}
.bench{display:grid;grid-template-columns:300px 1fr;gap:10px;align-items:start}
@media(max-width:900px){.bench{grid-template-columns:1fr}}
.q{border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:8px;cursor:pointer;background:var(--panel)}
.q:hover{border-color:var(--line2)}
.q b{display:block}.q small{color:var(--mut);line-height:1.5}
.qrwrap{background:#fff;border-radius:12px;padding:14px;display:inline-block}
.qrwrap img{width:230px;height:230px;display:block}
.card.opt.sel{border-color:#34d399;box-shadow:0 0 0 1px #34d399 inset}
.pill{font-size:11px;font-weight:800;border-radius:999px;padding:4px 10px;border:1px solid var(--line2)}
.pill.on{background:#064e3b;color:#a7f3d0;border-color:#065f46}



.alert{padding:10px 12px;border-radius:10px;margin-bottom:8px;font-size:13px;cursor:pointer;border:1px solid var(--line2);background:var(--panel)}
.alert.warn{border-color:#92600f;background:#231a05}
.alert.danger{border-color:#8a2b2b;background:#260d0d}
.alert.info{border-color:#23406e;background:#0a1526}
.frow{display:grid;grid-template-columns:150px 1fr 44px;gap:9px;align-items:center;margin:7px 0;font-size:12.5px}
.frow .bar{height:10px;background:#141a29;border-radius:6px;overflow:hidden}
.frow .bar i{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:6px}
.frow b{text-align:right}
.rev-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rev-grid .rv{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px}
.rev-grid .rv small{color:var(--mut);display:block;font-size:11px}
.rev-grid .rv b{font-size:16px}




/* ================= ETAPA 2 — Central e Pedidos =================
   Central reconstruída no layout de 3 colunas do protótipo
   (.inbox: 270px lista | chat | 280px perfil). Regras abaixo adaptam o
   vocabulário do protótipo a necessidades reais (scroll da thread e do
   perfil; painel do perfil como drawer em telas ≤1290px onde o protótipo
   o oculta — as funções continuam alcançáveis). */
.ubadge{background:#16a34a;color:#fff;font-size:10px;font-weight:800;border-radius:999px;padding:3px 8px;white-space:nowrap}
.scopetabs{display:flex;gap:5px;margin:2px 0 10px}
.scopetabs button{flex:1;padding:7px 4px;border-radius:9px;border:1px solid var(--border);background:#161e2b;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}
.scopetabs button.on{background:#33405c;color:#fff;border-color:#33405c}
#convList{max-height:calc(100vh - 330px);min-height:180px;overflow-y:auto}
.inbox-user .ubadge{align-self:center;flex:none;margin-left:auto}
.inbox-user .pills{margin-top:7px;display:flex;flex-wrap:wrap;gap:4px}
.inbox-user .pills .chip{font-size:9px;padding:3px 6px}
.chat-top .actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.chat-messages{overflow-y:auto;max-height:calc(100vh - 345px);min-height:300px}
.sendnote{padding:0 17px 10px;color:#fbbf24;font-size:11px}
.sendnote:empty{display:none}
.chat-input input:disabled{opacity:.55}
.copilot{margin:0;border-bottom:1px solid var(--border);padding:11px 20px;background:#141c2c;font-size:11px}
.copilot:empty{display:none}
.cp-head{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.6px;color:#9db0cc;font-weight:800}
.cp-sum{color:#9db0cc;font-size:11px;margin:7px 0 5px}
.cp-sug{font-size:11px;background:#1b2536;border:1px solid var(--border);border-radius:9px;padding:9px 11px;margin:0 0 9px;white-space:pre-wrap;color:#dbe7fa}
.cp-btns{display:flex;gap:7px;flex-wrap:wrap}



.profile{overflow-y:auto;max-height:calc(100vh - 100px)}
.profile .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.profile .chips .chip{font-size:9px;padding:3px 7px}
.profile-toggle{display:none}
@media(max-width:1290px){
  .profile{display:none}
  .profile.open{display:block;position:fixed;top:0;right:0;bottom:0;width:min(330px,88vw);z-index:35;background:var(--panel);border-left:1px solid var(--border);overflow-y:auto;box-shadow:-18px 0 50px #00000060;max-height:none}
  .profile-toggle{display:inline-flex}
}
/* Biblioteca de Ensaios IA */
.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lib-protocol{border:1px solid #3c4980;background:#222b43;border-radius:11px;padding:11px 12px;margin-top:10px;font-size:11px}
.lib-protocol b{display:flex;align-items:center;gap:7px;color:#c3ceff;font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}
.lib-protocol p{margin:6px 0;color:#aeb9cd}
.lib-protocol p span{display:block;color:#7f8ea6;font-size:9px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}
.lib-prompt{white-space:pre-wrap;word-break:break-word;background:#0f1520;border:1px solid var(--border);border-radius:10px;padding:12px;font-size:11px;line-height:1.6;color:#dbe4f5;max-height:300px;overflow:auto;font-family:ui-monospace,Menlo,Consolas,monospace}
.lib-refs{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.lib-refs a{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#7dd3fc;text-decoration:none;border:1px solid #2c3a52;border-radius:8px;padding:6px 9px}
.lib-inactive{opacity:.55}
.modal textarea{width:100%;margin-top:7px;background:#111823;color:#eef2ff;border:1px solid #39495f;padding:11px;border-radius:9px;font-size:12px}
@media(max-width:690px){.lib-grid{grid-template-columns:1fr}}

.chat-img{max-width:230px;width:100%;border-radius:10px;display:block;margin:2px 0 6px}.chat-audio{width:230px;max-width:100%;display:block;margin:2px 0 6px}.chat-video{max-width:230px;width:100%;border-radius:10px;display:block;margin:2px 0 6px}.chat-file{display:inline-block;margin:2px 0 6px;color:#b3bcff}

/* --- Central: mídia do atendente (anexo, recado de voz, arrastar) --- */
.media-bar{padding:0 17px}
.media-chip{display:flex;align-items:center;gap:10px;background:#1a2332;border:1px solid #334154;border-radius:10px;padding:8px 10px;margin:10px 0 4px;flex-wrap:wrap}
.media-thumb{width:44px;height:44px;object-fit:cover;border-radius:8px}
.media-doc{font-size:22px}
.media-name{font-size:11px;color:#c7d3e4;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-hint{font-size:10px;color:#768398;margin:2px 0 8px}
.media-chip.rec{border-color:#623847;background:#2a1d27}
.rec-dot{width:10px;height:10px;border-radius:50%;background:#f4536e;animation:recpulse 1s infinite}
@keyframes recpulse{0%,100%{opacity:1}50%{opacity:.25}}
.chat-messages.dragover{outline:2px dashed #8797ff;outline-offset:-8px}
.chat-input .iconbtn{flex:none}
.light .media-chip{background:#f3f6fc;border-color:#dbe1ed}
.light .media-name{color:#283954}