:root{--bg:#f4f5fb;--panel:#fff;--text:#1f2037;--muted:#6c6f82;--line:#e7e8f1;--navy:#211f3d;--navy2:#17172d;--purple:#7b007b;--purple2:#b000a7;--green:#19a88a;--orange:#f0a13a;--red:#be123c;--shadow:0 18px 45px rgba(31,32,55,.1)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{border:0;border-radius:8px;padding:11px 16px;cursor:pointer;font-weight:800}button:disabled{cursor:not-allowed;opacity:.5}a{text-decoration:none;color:inherit}.primary{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff}.ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}.danger{background:#fff1f2;color:var(--red);border:1px solid #fecdd3}.whatsapp{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:800;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;white-space:nowrap}.icon-btn{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}
.login{height:100vh;overflow:hidden;background:#f1f3f8;display:flex;align-items:center;justify-content:center;padding:24px}.login-frame{width:min(1120px,100%);max-height:calc(100vh - 48px);display:grid;grid-template-columns:1fr 1fr;gap:20px}.login-info{background:linear-gradient(150deg,#211f3d 0%,#4b155b 54%,#7b007b 100%);color:#fff;border-radius:4px;padding:42px 48px;box-shadow:0 18px 40px rgba(22,23,45,.16);display:flex;flex-direction:column;justify-content:center}.login-info .eyebrow{color:#f0a13a;text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:900;margin-bottom:18px}.login-info h1{font-size:38px;line-height:1.08;margin:0 0 18px;color:#fff;max-width:470px}.login-info p{color:rgba(255,255,255,.8);line-height:1.55;margin:0 0 24px;max-width:470px}.login-benefits{display:grid;gap:10px}.benefit{display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:start;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:rgba(255,255,255,.04)}.benefit i{width:34px;height:34px;border-radius:4px;background:rgba(240,161,58,.18);display:flex;align-items:center;justify-content:center;font-style:normal}.benefit strong{display:block;margin-bottom:3px}.benefit small{color:rgba(255,255,255,.68);line-height:1.35}.login-card{background:#fff;border-radius:4px;padding:44px 56px;display:flex;flex-direction:column;justify-content:center;border:1px solid #e9ebf2}.login-form{display:grid;gap:14px;width:100%}.login-form h2{display:none}.login-logo{width:min(330px,100%);margin:0 auto 28px}.login-logo img{display:block;width:100%;height:auto}.login-card .primary{background:#211f3d;width:100%}.login-card input{height:48px;border-radius:4px}.login-footer{display:flex;grid-column:1/-1;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:13px}.login-footer img{width:18px;height:18px}.login-footer a{color:var(--purple);font-weight:900}
.app{display:grid;grid-template-columns:330px 1fr;min-height:100vh;transition:grid-template-columns .2s}.app.collapsed{grid-template-columns:108px 1fr}.side{background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;padding:18px 22px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow-y:auto}.collapse-toggle{align-self:flex-end;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14)}.brand-logo{width:226px;height:94px;background:#fff;border-radius:8px;padding:8px;overflow:hidden}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.nav{display:grid;gap:6px}.nav button{background:transparent;text-align:left;color:rgba(255,255,255,.76);display:flex;align-items:center;gap:12px;width:100%;min-height:48px}.nav button.active,.nav button:hover{color:#fff;background:rgba(176,0,167,.18);box-shadow:inset 3px 0 0 #b000a7}.nav .ico{width:22px;text-align:center;font-size:18px;flex:0 0 auto}.nav .badge{margin-left:auto}.nav-admin-toggle{justify-content:space-between!important;margin-top:8px;border-top:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;padding-top:16px!important}.nav-admin-toggle .chev{margin-left:auto;transition:transform .18s}.nav-admin-toggle.open .chev{transform:rotate(90deg)}.admin-submenu{display:grid;gap:5px}.admin-submenu.closed{display:none}.admin-submenu button{padding-left:30px}.logout-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}.logout-bottom>button{width:100%;background:rgba(190,18,60,.12);color:#fecdd3;border:1px solid rgba(254,205,211,.22);display:flex;gap:10px;align-items:center;justify-content:center}.side-credit{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1;white-space:nowrap;color:rgba(255,255,255,.62);margin-top:11px;overflow:hidden}.side-credit img{width:16px;height:16px;flex:0 0 auto}.side-credit a{color:#f0a13a;font-weight:900}.app.collapsed .side{align-items:center;padding-left:12px;padding-right:12px}.app.collapsed .brand-logo{width:70px;height:70px;padding:6px}.app.collapsed .label,.app.collapsed .chev,.app.collapsed .admin-submenu,.app.collapsed .side-credit{display:none}.app.collapsed .nav button{justify-content:center;width:48px;padding:12px}.app.collapsed .nav-admin-toggle{border-top:0!important;margin-top:0;padding-top:12px!important}.app.collapsed .logout-bottom>button{width:48px;padding:12px}.app.collapsed .collapse-toggle{align-self:center}
.main{padding:28px 30px 44px;min-width:0}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.top h1{margin:0;font-size:34px}.top p,.panel p{margin:6px 0 0;color:var(--muted)}.top-actions{display:flex;gap:8px;align-items:center}.top-bell{position:relative;width:58px;height:58px;padding:0}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:var(--green);color:#fff;font-size:12px;font-weight:900;padding:0 7px}.top-bell .badge{position:absolute;top:-7px;right:-7px}.user-menu{position:relative}.user-trigger{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 12px;min-width:210px;color:var(--text)}.profile-photo{width:62px;height:62px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--purple),var(--orange));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.user-trigger .profile-photo{width:42px;height:42px}.user-trigger strong,.user-trigger small{display:block;text-align:left}.user-trigger small{color:var(--muted);font-size:12px}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:230px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:8px;z-index:12}.user-dropdown.closed{display:none}.user-dropdown button{width:100%;text-align:left;background:#fff;color:var(--navy)}.user-dropdown button:hover{background:#f7e7f7}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.card,.panel,.lead,.modal-box{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.card{padding:20px;border-top:3px solid var(--purple)}.card.green{border-top-color:var(--green)}.card.orange{border-top-color:var(--orange)}.card strong{display:block;font-size:30px;margin:8px 0}.card span,.card small{color:var(--muted)}.panel{padding:20px;margin-bottom:18px}.panel h2{margin:0 0 12px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.single{max-width:980px;margin-left:auto;margin-right:auto}.bars{display:grid;gap:16px}.barrow{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center}.barrow>span{text-align:right;font-weight:800}.track{height:42px;background:#f0f2f8;border-radius:999px;overflow:hidden}.fill{height:100%;border-radius:999px;color:#fff;display:flex;align-items:center;padding:0 18px;min-width:150px}.primeiro_contato{background:#211f3d}.orcamento{background:#970097}.em_negociacao{background:#f0a13a}.fechado{background:#19a88a}.declinado{background:#8b5cf6}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}label{display:grid;gap:7px;color:#4b5260;font-size:13px;font-weight:750}.full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fbfcff;padding:11px 12px}.readonly{background:#f1eee9;color:var(--muted)}.lead-submit{grid-column:1/-1;width:min(580px,100%);justify-self:center}.photo-row{display:flex;gap:14px;align-items:center;margin-bottom:14px}.photo-options{display:grid;gap:10px;flex:1}.check{display:flex;align-items:center;gap:8px}.check input{width:16px}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:16px;overflow-x:auto;padding-bottom:8px}.col{background:#f1eee9;border-radius:8px;padding:12px;min-height:520px;border:2px solid transparent}.col.drag-over{border-color:var(--purple);background:#fff2ff}.col header,.lead-head,.lead-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.col header h2{font-size:23px}.lead{padding:14px;margin-bottom:12px;cursor:grab;overflow:hidden}.lead.dragging{opacity:.55}.lead p{margin:8px 0}.lead-comment{display:block;margin-top:9px;color:var(--muted);line-height:1.35}.lead-meta{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted)}.lead-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.lead-actions button,.lead-actions a{width:100%;min-width:0;min-height:42px;padding:9px 7px;font-size:12px;text-align:center}.pill,.status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;background:#eef2ff;color:var(--navy)}.hint{color:var(--muted);font-size:13px;margin:0 0 12px}
table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);font-size:12px;text-transform:uppercase}td small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.table-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.table-actions button,.table-actions a{padding:8px 10px;font-size:12px}.lead-name-link{border:0;background:transparent;color:var(--navy);padding:0;text-align:left;font-weight:900;text-decoration:underline;text-underline-offset:3px}.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.report-list{display:grid;gap:10px}.report-item{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.report-item .meta{display:block;margin-top:7px;color:var(--muted);line-height:1.45}.report-item .value{text-align:right;font-weight:800;white-space:nowrap}.center-note{display:inline-flex;margin-left:10px;padding:3px 9px;border-radius:999px;background:#f7e7f7;color:var(--purple);font-size:12px;font-weight:900}.progress{grid-column:2/4;height:9px;background:#f1eee9;border-radius:999px;overflow:hidden}.progress b{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--green));border-radius:999px}.repique-list{display:grid;gap:12px}.repique-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.repique-card:hover{border-color:var(--purple)}.repique-card p{margin:4px 0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.comment-history{border:1px solid var(--line);border-radius:8px;background:#fbfcff;padding:12px;display:grid;gap:9px;max-height:280px;overflow:auto}.comment-entry{border-bottom:1px solid var(--line);padding-bottom:8px}.comment-entry:last-child{border-bottom:0}.comment-entry strong{display:block;margin-bottom:3px}.comment-entry small{color:var(--muted)}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.record-grid div{border:1px solid var(--line);border-radius:8px;background:#fbfcff;padding:10px}.record-grid small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.modal{position:fixed;inset:0;background:rgba(16,20,32,.46);display:none;align-items:center;justify-content:center;padding:20px;z-index:30}.modal.open{display:flex}.modal-box{width:min(780px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.flash{padding:12px 14px;border-radius:8px;margin-bottom:14px;background:#f7e7f7;color:var(--purple);font-weight:800;border:1px solid #ebc2eb}.flash.error{background:#fff1f2;color:var(--red);border-color:#fecdd3}.empty{color:var(--muted)}
@media(max-width:1400px){.app{grid-template-columns:280px 1fr}.brand-logo{width:226px}.kanban{grid-template-columns:repeat(4,minmax(220px,1fr))}}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.top{align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.user-trigger{min-width:0}}
@media(max-width:760px){.login{height:auto;min-height:100vh;overflow:auto}.login-frame{grid-template-columns:1fr;max-height:none}.login-info,.login-card{padding:30px 24px}.login-info h1{font-size:32px}.app,.app.collapsed{grid-template-columns:1fr}.side{height:auto;position:static;align-items:stretch!important}.app.collapsed .label,.app.collapsed .side-credit{display:block}.app.collapsed .nav button{justify-content:flex-start;width:100%}.app.collapsed .brand-logo{width:180px;height:76px}.app.collapsed .logout-bottom>button{width:100%}.main{padding:20px 14px}.top,.panel-head{flex-direction:column;align-items:stretch}.top-actions{justify-content:flex-start}.metrics,.form,.settings-grid{grid-template-columns:1fr}.barrow{grid-template-columns:1fr}.barrow>span{text-align:left}.record-grid{grid-template-columns:1fr}.report-item{grid-template-columns:auto 1fr}.report-item .value,.progress{grid-column:2;text-align:left}.repique-card{grid-template-columns:1fr}.user-trigger>span:not(.profile-photo){display:none}.user-trigger{min-width:58px;padding:7px}}