:root{--orange:#ff6a00;--orange2:#ff8a2a;--ink:#151515;--muted:#737373;--bg:#f5f6f8;--line:#e7e7e7;--white:#fff;--green:#14a66f;--red:#d84949;--dark:#171717}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff 0 55%,#fff0e4 55%)}.login-card{width:min(430px,92vw);background:#fff;padding:38px;border-radius:24px;box-shadow:0 20px 70px #00000014}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:42px;height:42px;border-radius:12px;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:900;font-size:24px}.brand b{display:block;letter-spacing:1.2px}.brand span{display:block;font-size:11px;color:var(--muted);letter-spacing:1px}.login-card h1{font-size:32px;margin:34px 0 8px}.login-card p{color:var(--muted);margin:0 0 26px}.login-card form{display:grid;gap:12px}.login-card input,.field input,.field select,.field textarea,.filters input,.filters select,.inbox-search input{border:1px solid var(--line);padding:13px 14px;border-radius:11px;outline:none;background:#fff}.login-card input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange)}button{border:0;cursor:pointer}.login-card button,.primary{background:var(--orange);color:#fff;padding:13px 18px;border-radius:11px;font-weight:700}.login-card small{color:#999;text-align:center}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}aside{background:var(--dark);color:#fff;padding:24px 16px;display:flex;flex-direction:column}.side{padding:0 8px 24px;border-bottom:1px solid #2d2d2d}nav{display:grid;gap:7px;margin-top:24px}nav button{position:relative;background:transparent;color:#bcbcbc;text-align:left;padding:12px;border-radius:10px;display:flex;align-items:center;gap:10px}nav button.active,nav button:hover{background:#292929;color:#fff}.badge,.unread{display:inline-grid;place-items:center;background:var(--orange);color:#fff;border-radius:999px;min-width:20px;height:20px;font-style:normal;font-size:10px;font-weight:800;padding:0 5px}.badge{margin-left:auto}.sidefoot{margin-top:auto;padding:16px 8px 0;border-top:1px solid #2d2d2d;display:flex;justify-content:space-between;align-items:center;font-size:12px}.sidefoot button{background:none;color:#aaa}main{min-width:0}header{padding:26px 30px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px}header h1{margin:0;font-size:25px}header p{margin:5px 0 0;color:var(--muted);font-size:14px}.header-actions{display:flex;gap:10px;align-items:center}.syschip{padding:8px 11px;border-radius:999px;background:#eee;color:#777;font-size:11px}.syschip.ok{background:#e4f7ef;color:#08734a}section{padding:0 30px 35px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.kpis.six{grid-template-columns:repeat(6,1fr)}.card{background:#fff;border:1px solid #ededed;border-radius:16px;padding:18px;box-shadow:0 4px 18px #00000005}.kpi span{color:var(--muted);font-size:12px}.kpi strong{display:block;font-size:26px;margin-top:8px}.grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:16px}.card h3{margin:0 0 16px;font-size:15px}.barrow{display:grid;grid-template-columns:160px 1fr 35px;gap:10px;align-items:center;margin:11px 0;font-size:12px}.bar{height:8px;background:#f0f0f0;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--orange);border-radius:99px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#888;font-weight:600;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 10px;border-bottom:1px solid #f2f2f2}.pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#fff1e7;color:#b84900;font-size:11px;white-space:nowrap}.pipeline{display:flex;gap:13px;overflow:auto;padding-bottom:15px}.column{min-width:280px;width:280px;background:#eeeeef;border-radius:14px;padding:11px;min-height:580px}.colhead{display:flex;justify-content:space-between;font-size:12px;font-weight:800;padding:6px 5px 12px}.leadcard{background:#fff;padding:13px;border-radius:12px;margin-bottom:9px;box-shadow:0 2px 8px #00000008;cursor:pointer;border:1px solid transparent}.leadcard:hover{border-color:#ffd0ad}.leadtitle{display:flex;justify-content:space-between;gap:8px}.leadcard b{font-size:13px}.leadcard p{font-size:12px;color:#777;margin:8px 0}.leadcard small{font-size:10px;color:#999}.filters,.toolbar{display:flex;gap:10px;margin-bottom:14px}.filters input{min-width:310px}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:10;padding:20px}.modalbox{background:#fff;width:min(1080px,96vw);max-height:92vh;overflow:auto;border-radius:18px;padding:24px;position:relative}.x{position:absolute;right:18px;top:15px;background:none;font-size:28px}.leadlayout{display:grid;grid-template-columns:390px 1fr;gap:22px}.leadfields{padding-right:4px}.field{display:grid;gap:6px;margin:10px 0}.field label{font-size:11px;color:#777;font-weight:700}.field textarea{min-height:76px;resize:vertical}.savebtn{background:var(--ink);color:#fff;padding:11px 15px;border-radius:10px}.actions-row{display:flex;gap:8px;margin-top:12px}.actions-row button:not(.savebtn),.toolbar button:not(.primary){background:#eee;padding:10px 13px;border-radius:9px}.chat{border:1px solid var(--line);border-radius:14px;height:620px;display:grid;grid-template-rows:1fr auto;overflow:hidden}.messages{padding:15px;overflow:auto;background:#f8f8f8}.msg{max-width:78%;padding:10px 12px;border-radius:12px;margin:8px 0;font-size:13px;white-space:pre-wrap}.msg.in{background:#fff;border:1px solid #eaeaea}.msg.out{background:#ffe2cc;margin-left:auto}.msg small{display:block;color:#999;margin-top:5px;font-size:9px}.sendbox{display:flex;gap:8px;padding:10px;background:#fff;border-top:1px solid var(--line)}.sendbox input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px}.sendbox button{background:var(--orange);color:#fff;border-radius:10px;padding:0 17px}.money{font-variant-numeric:tabular-nums}.empty{color:#999;font-size:13px;padding:12px 0}.inbox{height:calc(100vh - 125px);background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:360px 1fr;overflow:hidden}.inbox-list{border-right:1px solid var(--line);overflow:auto}.inbox-search{padding:12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.inbox-search input{width:100%}.inbox-row{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:10px;text-align:left;background:#fff;border-bottom:1px solid #f1f1f1;padding:12px}.inbox-row:hover,.inbox-row.selected{background:#fff7f1}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffe6d4;color:#b84900;font-weight:800;font-size:12px}.inbox-main{min-width:0}.inbox-main b,.inbox-main span,.inbox-main small{display:block}.inbox-main span{font-size:12px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:4px 0}.inbox-main small{font-size:10px;color:#aaa}.inbox-meta{text-align:right}.inbox-meta small{display:block;font-size:9px;color:#999;margin-bottom:6px}.inbox-chat{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.chathead{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.chathead b,.chathead span{display:block}.chathead span{font-size:11px;color:#888;margin-top:4px}.chathead button{background:#eee;padding:9px 11px;border-radius:9px}.inbox-messages{height:auto}.tasklist{display:grid;gap:8px}.task{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px}.task.overdue{border-left:4px solid var(--red)}.task b,.task span,.task small{display:block}.task span{font-size:11px;color:#666;margin:4px 0}.task small{font-size:10px;color:#999}.task button{padding:8px 10px;border-radius:8px;background:#eee}.task .done{background:#e8f7f1;color:#08734a}.report-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.report-tabs button{background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:10px}.report-tabs button.active{background:var(--ink);color:#fff}.goals{display:grid;gap:12px}.goal{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border:1px solid var(--line);border-radius:11px}.goal span{display:block;font-size:11px;color:#777;margin-top:4px}.goalbar{grid-column:1/-1;background:#eee;height:8px;border-radius:999px;overflow:hidden}.goalbar i{display:block;height:100%;background:var(--orange)}.linkbtn{background:#eee;padding:7px 9px;border-radius:8px}.attribution{margin:14px 0;padding:11px;border:1px solid #ffe0c7;background:#fff7f1;border-radius:10px;font-size:11px}.attribution b,.attribution span{display:block;margin:3px 0}.notes{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.note{padding:9px 0;border-bottom:1px solid #f1f1f1}.note b,.note span,.note small{display:block}.note span{font-size:12px;margin:4px 0}.note small{font-size:9px;color:#999}.noteadd{display:grid;gap:7px;margin-top:9px}.noteadd textarea{border:1px solid var(--line);border-radius:9px;padding:9px;min-height:65px}.noteadd button{justify-self:start;background:#eee;padding:8px 10px;border-radius:8px}@media(max-width:1250px){.kpis.six{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.app{grid-template-columns:82px 1fr}aside .brand div:last-child,nav button span{display:none}.sidefoot span{display:none}.grid2{grid-template-columns:1fr}.leadlayout{grid-template-columns:1fr}.chat{height:430px}.inbox{grid-template-columns:300px 1fr}}@media(max-width:760px){header,section{padding-left:14px;padding-right:14px}.app{grid-template-columns:1fr}aside{display:none}.kpis,.kpis.six{grid-template-columns:1fr 1fr}.primary{padding:10px}.modal{padding:0}.modalbox{width:100vw;max-height:100vh;height:100vh;border-radius:0}.inbox{height:calc(100vh - 115px);grid-template-columns:1fr}.inbox-chat{display:none}.filters{flex-direction:column}.filters input{min-width:0}.header-actions .syschip{display:none}}

/* v0.4 - SDR contextual, automação e respostas multimídia */
.automation-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;margin-bottom:18px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h3{margin-bottom:4px}.section-head p,.muted{color:var(--muted);margin:0}.switch{position:relative;display:inline-block;width:50px;height:28px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#d7dbe0;border-radius:99px;cursor:pointer;transition:.2s}.switch span:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0002;transition:.2s}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:before{transform:translateX(22px)}.hint{font-size:12px;color:var(--muted);line-height:1.5}.flow-list{display:grid;gap:14px}.flow-list>div{display:flex;gap:12px;align-items:flex-start}.flow-list>div>b{width:28px;height:28px;border-radius:9px;background:#fff1e8;color:var(--primary);display:grid;place-items:center;flex:0 0 auto}.flow-list span{display:grid;gap:3px}.flow-list small{color:var(--muted);line-height:1.4}.notice{margin-top:18px;padding:12px 14px;border-radius:10px;background:#fff8ef;border:1px solid #ffe2c4;font-size:13px;line-height:1.5}.quick-list{display:grid;gap:10px;margin-top:14px}.quick-item{width:100%;text-align:left;border:1px solid var(--border);background:#fff;border-radius:12px;padding:13px 14px;display:grid;gap:7px}.quick-item:hover{border-color:#ffc79d;background:#fffaf6}.quick-item>div{display:flex;justify-content:space-between;gap:12px}.quick-item span,.quick-item small{color:var(--muted)}.quickbtn{background:#fff7f1!important;color:var(--primary)!important;border:1px solid #ffd8ba!important}.chatvideo{width:min(100%,340px);max-height:320px;border-radius:10px;background:#111;margin-bottom:7px}.autotag{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:99px;background:#f1f3f5;color:#697077;font-size:10px;font-weight:700}.media-box{padding:12px;border:1px dashed #d8dce0;border-radius:12px;background:#fafafa;margin-bottom:12px}.upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload-row input[type=file]{max-width:320px}.dangerbtn{background:#fff!important;color:#c03b32!important;border:1px solid #efc7c3!important}.actions-row{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:980px){.automation-grid{grid-template-columns:1fr}}

/* v0.5.2 - catálogo de aparelhos */
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.catalog-card{padding:0;overflow:hidden}.catalog-card.inactive{opacity:.6}.catalog-media{height:220px;background:#f6f6f6;display:grid;place-items:center;overflow:hidden}.catalog-media img,.catalog-media video{width:100%;height:100%;object-fit:contain;background:#fff}.catalog-placeholder{font-size:64px}.catalog-body{padding:16px}.catalog-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.catalog-head small{display:block;color:var(--muted);margin-bottom:4px}.catalog-head h3{font-size:20px;margin:0}.catalog-specs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.catalog-specs span{padding:5px 8px;border-radius:8px;background:#f5f5f5;font-size:11px}.catalog-body p{font-size:12px;color:#666;line-height:1.5}.catalog-preview{display:block;width:min(100%,360px);max-height:260px;object-fit:contain;border-radius:10px;margin:8px 0;background:#fff}.chatimage{width:min(100%,340px);max-height:320px;object-fit:contain;border-radius:10px;background:#fff;margin-bottom:7px}
/* Tech Life CRM - visual premium completo */
:root{--orange:#f36b21;--orange2:#ff9347;--orange3:#fff0e5;--ink:#141414;--muted:#707987;--bg:#f6f7fb;--line:#e9edf3;--white:#fff;--green:#13a56c;--red:#d84b4b;--dark:#111317;--dark2:#1b1e24;--shadow:0 18px 50px rgba(16,24,40,.08);--shadow-soft:0 8px 28px rgba(16,24,40,.07);--radius:18px}
*{scrollbar-width:thin;scrollbar-color:#d6dbe4 transparent}
body.premium-ui{background:radial-gradient(circle at 14% 0%,rgba(243,107,33,.10),transparent 32%),radial-gradient(circle at 90% 12%,rgba(255,147,71,.10),transparent 28%),#f6f7fb;color:#15171a;-webkit-font-smoothing:antialiased}
.premium-login-top{min-height:100vh;padding:24px;background:radial-gradient(circle at top left,rgba(243,107,33,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(255,145,70,.16),transparent 30%),linear-gradient(135deg,#f6f7fb 0%,#eef1f6 100%);display:flex;align-items:center;justify-content:center}
.premium-shell{width:min(1180px,96vw);min-height:700px;display:grid;grid-template-columns:1.08fr .92fr;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.75);border-radius:34px;overflow:hidden;box-shadow:0 28px 70px rgba(15,23,42,.14);backdrop-filter:blur(14px)}
.premium-hero{position:relative;padding:34px;background:linear-gradient(160deg,#111317 0%,#0d0f13 58%,#24150d 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.premium-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 42%);pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-glow-one{width:360px;height:360px;right:-150px;bottom:-110px;background:radial-gradient(circle,rgba(243,107,33,.32),transparent 64%)}.hero-glow-two{width:260px;height:260px;left:-120px;top:-100px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 64%)}
.hero-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px}.hero-badge,.brand-title{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase}.hero-badge{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);color:#ff9a4d}.hero-dot{display:inline-flex;align-items:center;gap:7px;color:#d8dde6;font-size:12px;font-weight:800}.hero-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}
.hero-center{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;padding:26px 0 8px}.hero-logo-card{width:100%;max-width:440px;margin:12px auto 30px;padding:30px 24px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 50px rgba(0,0,0,.30);backdrop-filter:blur(10px)}.hero-logo{width:100%;max-width:330px;margin:0 auto;display:block;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}.premium-copy{text-align:center;max-width:520px;margin:0 auto}.eyebrow,.page-kicker{display:inline-flex;align-items:center;gap:8px;color:#f36b21;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:2px}.eyebrow:before,.page-kicker:before{content:"";width:22px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--orange),var(--orange2))}.premium-copy h2{font-size:40px!important;line-height:1.04;margin:14px 0 14px!important;letter-spacing:-1.2px;color:#fff!important}.premium-copy p{color:#c8ced8!important;line-height:1.65;margin:0!important;font-size:16px!important}.hero-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.highlight-box{padding:16px 14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);text-align:left}.highlight-box b{display:block;color:#fff;font-size:15px;margin-bottom:4px}.highlight-box span{display:block;color:#b9c1cc;font-size:13px;line-height:1.45}
.premium-login-card{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:56px 52px!important;background:rgba(255,255,255,.96)!important;text-align:left!important;border:0!important;border-radius:0!important;box-shadow:none!important}.login-brand-block{text-align:left;margin-bottom:28px}.brand-title{margin-bottom:14px;background:#fff2e7;color:#d9621d}.premium-login-card h1{margin:0 0 10px!important;font-size:40px!important;line-height:1.08!important;letter-spacing:-1px!important;color:#111827!important;font-weight:900!important;text-align:left!important}.premium-login-card p{margin:0!important;color:#667085!important;font-size:16px!important;line-height:1.6!important;text-align:left!important}.premium-form{display:grid!important;gap:18px!important;margin-top:8px!important}.field-group{display:grid;gap:8px}.field-group label{font-size:12px;font-weight:850;color:#6b7280;letter-spacing:.7px;text-transform:uppercase}.premium-form input{height:56px!important;border-radius:16px!important;border:1px solid #e4e8ef!important;background:#fff!important;padding:0 16px!important;font-size:15px!important;color:#111827!important;transition:.2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important}.premium-form input:focus{outline:none;border-color:rgba(243,107,33,.65)!important;box-shadow:0 0 0 4px rgba(243,107,33,.10)!important}.premium-login-btn{height:58px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#f36b21 0%,#ff9649 100%)!important;color:#fff!important;font-size:16px!important;font-weight:900!important;letter-spacing:.2px;cursor:pointer;box-shadow:0 14px 28px rgba(243,107,33,.24)!important;transition:.2s ease;margin-top:6px}.premium-login-btn:hover{transform:translateY(-1px);box-shadow:0 18px 30px rgba(243,107,33,.30)!important}.login-note{display:block;margin-top:4px;color:#8a94a6!important;font-size:12px!important;text-align:left!important}
.premium-app{grid-template-columns:270px 1fr;background:#f6f7fb}.premium-sidebar{background:linear-gradient(180deg,#15171c 0%,#101115 100%);box-shadow:18px 0 45px rgba(15,23,42,.10);padding:24px 16px}.brand.side.brand-official{display:flex;flex-direction:column;align-items:center!important;justify-content:center;text-align:center;width:100%;gap:8px;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-logo-side{width:160px;max-width:100%;height:auto;margin:0 auto;display:block;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}.side .brand-subtitle{color:#aeb5c0;margin:0;text-align:center;font-size:10px!important;letter-spacing:2.2px}nav{gap:9px;margin-top:23px}nav button{height:46px;border-radius:14px;color:#c4cad3;background:transparent;padding:0 13px;font-weight:650;letter-spacing:-.1px;transition:.18s ease;position:relative}nav button:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:99px;background:transparent}nav button.active,nav button:hover{background:linear-gradient(90deg,rgba(243,107,33,.20),rgba(255,255,255,.045));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}nav button.active:before{background:linear-gradient(180deg,var(--orange),var(--orange2))}.badge,.unread{background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 6px 16px rgba(243,107,33,.28)}.sidefoot{border-top:1px solid rgba(255,255,255,.08);color:#b6bdc8}.sidefoot button{color:#ffb78e;font-weight:800}
main{background:transparent}header{padding:28px 34px 20px;align-items:flex-end}header h1{font-size:30px;letter-spacing:-.8px;color:#101828}header p{color:#6b7280}.syschip{background:#eef2f7;color:#697386;border:1px solid #e3e8ef;font-weight:800}.syschip.ok{background:#e8f8f1;color:#08734a;border-color:#c7efdd}section{padding:0 34px 38px}.card,.login-card,.modalbox,.inbox{border:1px solid rgba(226,232,240,.85);box-shadow:var(--shadow-soft);border-radius:var(--radius);background:rgba(255,255,255,.94)}.card:hover{box-shadow:var(--shadow)}.kpi{position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-22px;top:-26px;width:86px;height:86px;border-radius:50%;background:rgba(243,107,33,.08)}.kpi span{color:#687386;font-weight:800;letter-spacing:.2px;text-transform:uppercase;font-size:11px}.kpi strong{font-size:30px;letter-spacing:-.8px;color:#101828}.grid2{gap:18px}.barrow{grid-template-columns:170px 1fr 42px}.bar{height:10px;background:#eef2f7}.bar i,.goalbar i{background:linear-gradient(90deg,var(--orange),var(--orange2))}.pill{background:#fff2e8;color:#bb4d00;border:1px solid #ffd9bd;font-weight:850}.pipeline{gap:16px}.column{background:#eef1f5;border:1px solid #e3e7ee;border-radius:18px;padding:12px;min-height:600px}.colhead{color:#303642;letter-spacing:.2px}.leadcard{border:1px solid #edf1f5;border-radius:15px;box-shadow:0 8px 22px rgba(16,24,40,.06);transition:.18s ease}.leadcard:hover{border-color:#ffc89f;transform:translateY(-1px);box-shadow:0 14px 28px rgba(16,24,40,.09)}.filters,.toolbar{gap:11px}.filters input,.filters select,.field input,.field select,.field textarea,.inbox-search input,.sendbox input{border:1px solid #e4e9f0;border-radius:14px;background:#fff;transition:.18s ease}.filters input:focus,.filters select:focus,.field input:focus,.field select:focus,.field textarea:focus,.inbox-search input:focus,.sendbox input:focus{border-color:rgba(243,107,33,.65);box-shadow:0 0 0 4px rgba(243,107,33,.10)}table{border-collapse:separate;border-spacing:0}th{background:#fafbfc;color:#6f7785;font-size:11px;text-transform:uppercase;letter-spacing:.5px}td{background:#fff}tr:hover td{background:#fffaf6}.inbox{overflow:hidden}.inbox-row{border-bottom:1px solid #edf1f5;transition:.18s ease}.inbox-row:hover,.inbox-row.selected{background:#fff7f1}.avatar{background:linear-gradient(135deg,#fff0e4,#ffd7ba);color:#b64b05;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}.chathead{background:linear-gradient(180deg,#fff,#fbfcfe)}.messages,.inbox-messages{background:linear-gradient(180deg,#f8fafc,#f5f6f8)}.msg{border-radius:16px;box-shadow:0 3px 12px rgba(16,24,40,.04)}.msg.in{background:#fff;border-color:#e9edf3}.msg.out{background:#fff0e6;border:1px solid #ffd6b8;color:#2b211b}.sendbox{padding:12px}.sendbox button{border-radius:13px;background:linear-gradient(135deg,var(--orange),var(--orange2));font-weight:900}.modal{backdrop-filter:blur(5px)}.modalbox{padding:26px}.x{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f5f7fa!important;color:#3b4250}.field label{font-size:11px;color:#6d7785;text-transform:uppercase;letter-spacing:.5px}.savebtn{border-radius:13px;background:#111827!important;box-shadow:0 10px 22px rgba(17,24,39,.18)}.actions-row button:not(.savebtn),.toolbar button:not(.primary),.chathead button,.task button,.linkbtn,.quickbtn{border-radius:12px!important;background:#f3f5f8!important;color:#26303d!important;border:1px solid #e3e8ef!important;font-weight:800}.task{border-radius:15px;background:#fff;box-shadow:0 6px 16px rgba(16,24,40,.04)}.task.overdue{border-left:4px solid var(--red)}.report-tabs button{border-radius:13px;border:1px solid #e3e8ef;background:#fff;font-weight:800;color:#485161}.report-tabs button.active{background:#111827;color:#fff;border-color:#111827}.goal{border-radius:15px;background:#fff}.goalbar{height:10px}.automation-grid{gap:18px}.notice{border-radius:15px;background:#fff7ef;border:1px solid #ffe0c8}.quick-item{border-radius:16px;border:1px solid #e6ebf2;box-shadow:0 6px 16px rgba(16,24,40,.04)}.catalog-grid{gap:18px}.catalog-card{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid #e8edf3}.catalog-media{background:linear-gradient(180deg,#fff,#f7f8fb);height:235px}.catalog-body{padding:18px}.catalog-head h3{letter-spacing:-.5px;color:#111827}.catalog-specs span{border-radius:999px;background:#f3f5f8;border:1px solid #e7ebf1;font-weight:750}.catalog-body p{color:#5f6876}.chatimage,.chatvideo,.catalog-preview{border-radius:16px;box-shadow:0 10px 24px rgba(16,24,40,.08)}
/* Dashboard Premium */
.tl-dashboard{display:grid;gap:20px}.tl-dash-hero{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#111317 0%,#171a21 54%,#2d170b 100%);color:#fff;padding:28px;display:grid;grid-template-columns:1fr 270px;gap:24px;box-shadow:0 24px 70px rgba(15,23,42,.16)}.tl-dash-hero:before{content:"";position:absolute;right:-120px;top:-130px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(243,107,33,.32),transparent 65%)}.tl-dash-hero:after{content:"";position:absolute;left:-140px;bottom:-180px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 65%)}.tl-dash-hero>*{position:relative;z-index:1}.tl-dash-kicker{display:inline-flex;align-items:center;gap:8px;color:#ff9a4d;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:2px}.tl-dash-kicker:before{content:"";width:24px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--orange),var(--orange2))}.tl-dash-hero h2{font-size:34px;line-height:1.07;margin:14px 0 10px;letter-spacing:-1px}.tl-dash-hero p{color:#c9d0da;margin:0;line-height:1.6;max-width:630px}.tl-dash-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.tl-dash-actions button{height:42px;border:0;border-radius:13px;padding:0 16px;font-weight:900;cursor:pointer}.tl-dash-actions .hot{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 12px 22px rgba(243,107,33,.28)}.tl-dash-actions .soft{background:rgba(255,255,255,.09);color:#fff;border:1px solid rgba(255,255,255,.12)}.tl-dash-brand{align-self:center;justify-self:center;width:240px;padding:20px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.tl-dash-brand img{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}.tl-kpis{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:16px}.tl-kpi-card{position:relative;overflow:hidden;border-radius:22px;padding:18px;background:rgba(255,255,255,.96);border:1px solid #e8edf3;box-shadow:0 10px 28px rgba(16,24,40,.07)}.tl-kpi-card:after{content:"";position:absolute;right:-28px;top:-28px;width:88px;height:88px;border-radius:50%;background:rgba(243,107,33,.08)}.tl-kpi-icon{width:38px;height:38px;border-radius:14px;background:#fff1e8;color:#d95b16;display:grid;place-items:center;font-size:19px;margin-bottom:13px}.tl-kpi-card span{display:block;color:#687386;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:900}.tl-kpi-card strong{display:block;color:#101828;font-size:27px;letter-spacing:-.8px;margin-top:6px}.tl-kpi-card small{display:block;color:#8a94a6;margin-top:3px}.tl-dash-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.tl-panel{background:rgba(255,255,255,.96);border:1px solid #e8edf3;border-radius:22px;box-shadow:0 10px 28px rgba(16,24,40,.07);padding:20px}.tl-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.tl-panel h3{margin:0;color:#111827;font-size:18px;letter-spacing:-.35px}.tl-panel p{margin:4px 0 0;color:#6b7280;font-size:13px}.tl-stage-row{display:grid;grid-template-columns:170px 1fr 42px;gap:12px;align-items:center;margin:12px 0}.tl-stage-row span{font-size:13px;color:#323b49;font-weight:750}.tl-stage-row b{font-size:13px;text-align:right;color:#111827}.tl-stage-bar{height:11px;background:#edf1f6;border-radius:99px;overflow:hidden}.tl-stage-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--orange),var(--orange2));box-shadow:0 6px 12px rgba(243,107,33,.25)}.tl-task-item,.tl-recent-item,.tl-source-item{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #edf1f5;background:#fff;border-radius:16px;padding:13px 14px;margin-top:10px}.tl-task-item.danger{border-color:#ffd4d4;background:#fff8f8}.tl-task-item.warning{border-color:#ffe1c2;background:#fffaf4}.tl-task-item b,.tl-recent-item b,.tl-source-item b{display:block;color:#111827;font-size:14px}.tl-task-item span,.tl-recent-item span,.tl-source-item span{display:block;color:#6b7280;font-size:12px;margin-top:3px}.tl-task-badge{border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;background:#fff2e8;color:#c7530c;white-space:nowrap}.tl-task-item.danger .tl-task-badge{background:#ffecec;color:#c53333}.tl-recent-item{cursor:pointer;transition:.18s ease}.tl-recent-item:hover{transform:translateY(-1px);border-color:#ffc79c;box-shadow:0 12px 22px rgba(16,24,40,.08)}.tl-source-count{font-weight:900;color:#111827;background:#f3f5f8;border-radius:999px;padding:7px 10px}.tl-empty{color:#8a94a6;background:#f8fafc;border-radius:16px;padding:20px;text-align:center}.tl-mini-table{display:grid;gap:8px}.tl-progress-ring{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--orange) calc(var(--p,0)*1%),#edf1f6 0);position:relative}.tl-progress-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.tl-progress-ring b{position:relative;z-index:1;color:#111827}.tl-panel.stat-panel{display:flex;align-items:center;gap:18px;justify-content:space-between}.tl-panel.stat-panel div:first-child{max-width:360px}
@media(max-width:1180px){.tl-kpis{grid-template-columns:repeat(3,1fr)}.tl-dash-hero{grid-template-columns:1fr}.tl-dash-brand{justify-self:start;width:210px}.tl-dash-grid{grid-template-columns:1fr}}
@media(max-width:1100px){.premium-app{grid-template-columns:88px 1fr}.brand-logo-side{width:54px}.brand.side.brand-official{padding:0 0 22px}.brand-subtitle,.side .brand-subtitle{display:none!important}nav button span{display:none}.sidefoot span{display:none}}
@media(max-width:980px){.premium-shell{grid-template-columns:1fr;min-height:auto}.premium-hero{padding:28px 24px}.hero-highlights{grid-template-columns:1fr}.premium-login-card{padding:36px 24px!important}.premium-login-card h1{font-size:32px!important}.premium-copy h2{font-size:30px!important}.hero-logo-card{max-width:360px}.hero-logo{max-width:270px}}
@media(max-width:760px){.premium-login-top{padding:16px}.premium-shell{border-radius:24px}.premium-login-card{border-radius:0!important}.tl-kpis{grid-template-columns:1fr}.tl-dash-hero{padding:22px;border-radius:22px}.tl-dash-hero h2{font-size:27px}.tl-dash-brand{width:190px}.tl-stage-row{grid-template-columns:1fr 46px}.tl-stage-row .tl-stage-bar{grid-column:1 / -1}.premium-card h1,.login-card h1{font-size:31px}header,section{padding-left:16px;padding-right:16px}.kpis,.kpis.six{grid-template-columns:1fr}.app{display:block}aside{display:none}.header-actions{align-items:flex-end}.modalbox{border-radius:0}.inbox{grid-template-columns:1fr}}

/* Tech Life CRM - alertas de follow-up */
.followup-alert-root{position:fixed;right:24px;bottom:24px;z-index:30}.followup-bell{position:relative;width:58px;height:58px;border-radius:22px;background:linear-gradient(135deg,#15171c,#242832);color:#fff;display:grid;place-items:center;box-shadow:0 18px 38px rgba(15,23,42,.24),0 0 0 1px rgba(255,255,255,.08);font-size:23px;transition:.18s ease}.followup-bell:hover{transform:translateY(-2px);box-shadow:0 22px 46px rgba(15,23,42,.30)}.followup-bell.has-alerts{background:linear-gradient(135deg,#f36b21,#ff9347);animation:followupPulse 1.8s ease-in-out infinite}.followup-bell i{position:absolute;right:-5px;top:-5px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#d84b4b;color:#fff;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(216,75,75,.38)}@keyframes followupPulse{0%,100%{box-shadow:0 18px 38px rgba(243,107,33,.22),0 0 0 0 rgba(243,107,33,.32)}50%{box-shadow:0 18px 38px rgba(243,107,33,.30),0 0 0 12px rgba(243,107,33,0)}}.followup-panel{position:absolute;right:0;bottom:72px;width:min(390px,calc(100vw - 34px));background:rgba(255,255,255,.98);border:1px solid rgba(226,232,240,.92);box-shadow:0 24px 70px rgba(15,23,42,.22);border-radius:22px;overflow:hidden;backdrop-filter:blur(12px)}.followup-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 12px;background:linear-gradient(180deg,#fff,#fafbfc);border-bottom:1px solid #edf1f5}.followup-panel-head b,.followup-panel-head small{display:block}.followup-panel-head b{font-size:16px;color:#101828}.followup-panel-head small{font-size:12px;color:#6b7280;margin-top:4px}.followup-panel-head button{width:31px;height:31px;border-radius:50%;background:#f3f5f8;color:#485161;font-size:19px;display:grid;place-items:center}.followup-panel-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid #edf1f5}.followup-panel-actions button,.followup-open-all,.followup-panel-item button,.followup-banner-actions button,.followup-toast button{border-radius:12px;background:#f3f5f8;color:#253041;border:1px solid #e3e8ef;font-weight:850;padding:9px 11px;font-size:12px}.followup-panel-actions button:first-child{background:#fff4ed;color:#b64b05;border-color:#ffd7bd}.followup-permission-warning{margin:12px 14px 0;padding:10px 12px;border-radius:13px;background:#fff4f2;border:1px solid #ffd0ca;color:#9e2e26;font-size:12px;line-height:1.45}.followup-panel-list{display:grid;gap:10px;max-height:350px;overflow:auto;padding:14px}.followup-panel-item{display:grid;gap:5px;padding:13px;border:1px solid #e8edf3;border-radius:16px;background:#fff;box-shadow:0 6px 16px rgba(16,24,40,.04)}.followup-panel-item strong{font-size:13px;color:#111827}.followup-panel-item span{font-size:12px;color:#5f6876}.followup-panel-item small{font-size:11px;color:#87909f}.followup-panel-item.warning{border-color:#ffd7bd;background:#fffaf6}.followup-panel-item.danger{border-color:#ffc6c0;background:#fff7f5}.followup-panel-item.ok{border-color:#ccefdc;background:#f2fbf6}.followup-panel-item button{justify-self:start;margin-top:4px}.followup-open-all{width:calc(100% - 28px);margin:0 14px 14px;background:linear-gradient(135deg,#f36b21,#ff9347);border:0;color:#fff;box-shadow:0 10px 22px rgba(243,107,33,.24)}.followup-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:16px 18px;border-radius:18px;border:1px solid #e8edf3;box-shadow:0 8px 24px rgba(16,24,40,.05);background:#fff}.followup-banner.active{background:linear-gradient(135deg,#fff7f1,#fff);border-color:#ffd8be}.followup-banner.ok{background:linear-gradient(135deg,#f2fbf6,#fff);border-color:#cfefdc}.followup-banner b,.followup-banner span{display:block}.followup-banner b{color:#101828;font-size:15px}.followup-banner span{color:#6b7280;font-size:13px;margin-top:4px}.followup-banner-actions{display:flex;gap:8px;flex-wrap:wrap}.followup-banner-actions button:first-child{background:#fff4ed;color:#b64b05;border-color:#ffd7bd}.followup-toast{position:fixed;right:24px;bottom:96px;z-index:40;width:min(390px,calc(100vw - 34px));display:flex;justify-content:space-between;gap:14px;padding:15px;border-radius:18px;background:rgba(255,255,255,.98);border:1px solid #e8edf3;box-shadow:0 24px 60px rgba(15,23,42,.25);animation:followupSlide .2s ease-out}.followup-toast.warning{border-color:#ffd1b0;background:#fffaf6}.followup-toast.danger{border-color:#ffc5bf;background:#fff7f5}.followup-toast.ok{border-color:#ccefdc;background:#f2fbf6}.followup-toast strong,.followup-toast span,.followup-toast small{display:block}.followup-toast strong{font-size:13px;color:#111827}.followup-toast span{font-size:12px;color:#4b5563;margin-top:4px}.followup-toast small{font-size:11px;color:#87909f;margin-top:4px}.followup-toast>div:last-child{display:flex;align-items:flex-start;gap:7px}.followup-toast button:first-child{background:linear-gradient(135deg,#f36b21,#ff9347);color:#fff;border:0}@keyframes followupSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.followup-alert-root{right:16px;bottom:16px}.followup-toast{right:16px;bottom:86px}.followup-banner{align-items:flex-start;flex-direction:column}.followup-banner-actions{width:100%}.followup-banner-actions button{flex:1}.followup-panel{bottom:68px}}
/* Página inicial/login premium - somente área de entrada do CRM */
#login.login-wrap,
#login.premium-login{
  min-height:100vh !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:34px !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(243,107,33,.30) 0, rgba(243,107,33,0) 31%),
    radial-gradient(circle at 88% 20%, rgba(255,184,77,.20) 0, rgba(255,184,77,0) 28%),
    linear-gradient(135deg, #080b10 0%, #10141c 45%, #171b23 100%) !important;
  position:relative !important;
  overflow:hidden !important;
}

#login.login-wrap::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.028) 1px, transparent 1px) !important;
  background-size:46px 46px !important;
  opacity:.40 !important;
  pointer-events:none !important;
}

#login.login-wrap::after{
  content:"" !important;
  position:absolute !important;
  width:420px !important;
  height:420px !important;
  right:-170px !important;
  bottom:-170px !important;
  border-radius:999px !important;
  background:rgba(243,107,33,.22) !important;
  filter:blur(18px) !important;
  pointer-events:none !important;
}

#login .login-shell{
  width:min(1160px, 100%) !important;
  display:grid !important;
  grid-template-columns:1.05fr .95fr !important;
  gap:26px !important;
  align-items:stretch !important;
  position:relative !important;
  z-index:1 !important;
}

#login .login-hero{
  min-height:620px !important;
  border-radius:34px !important;
  padding:44px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  background:
    linear-gradient(145deg, rgba(17,24,39,.92), rgba(17,24,39,.62)),
    radial-gradient(circle at 18% 8%, rgba(243,107,33,.22), transparent 34%) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.30) !important;
  backdrop-filter:blur(16px) !important;
  color:#fff !important;
  overflow:hidden !important;
}

#login .hero-logo-wrap{
  width:188px !important;
  min-height:112px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.20) !important;
}

#login .hero-logo{
  width:156px !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.38)) !important;
}

#login .hero-copy{
  margin:58px 0 30px !important;
  max-width:620px !important;
}

#login .hero-copy .eyebrow,
#login .eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:rgba(243,107,33,.14) !important;
  border:1px solid rgba(243,107,33,.30) !important;
  color:#ffb077 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:1.2px !important;
  text-transform:uppercase !important;
}

#login .hero-copy h2{
  margin:20px 0 16px !important;
  color:#ffffff !important;
  font-size:clamp(34px, 4vw, 58px) !important;
  line-height:1.02 !important;
  letter-spacing:-1.8px !important;
  font-weight:950 !important;
}

#login .hero-copy p{
  max-width:540px !important;
  margin:0 !important;
  color:#cbd5e1 !important;
  font-size:17px !important;
  line-height:1.65 !important;
}

#login .hero-metrics{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
}

#login .hero-metrics div{
  padding:18px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.12) !important;
}

#login .hero-metrics b{
  display:block !important;
  color:#ffffff !important;
  font-size:15px !important;
  font-weight:950 !important;
  margin-bottom:5px !important;
}

#login .hero-metrics span{
  display:block !important;
  color:#aeb9c9 !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

#login .login-card,
#login .premium-card{
  min-height:620px !important;
  border-radius:34px !important;
  padding:46px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,250,252,.96)) !important;
  border:1px solid rgba(255,255,255,.88) !important;
  box-shadow:0 32px 90px rgba(0,0,0,.28) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  color:#101828 !important;
}

#login .login-card .login-brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  width:min(100%, 372px) !important;
  margin:0 auto 24px !important;
  padding:24px 24px 18px !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(243,107,33,.28), transparent 42%),
    linear-gradient(180deg, #0e1218 0%, #171b22 100%) !important;
  border:1px solid rgba(243,107,33,.22) !important;
  box-shadow:0 20px 42px rgba(15,23,42,.18) !important;
}

#login .login-card .brand-logo-login{
  width:252px !important;
  max-width:100% !important;
  height:auto !important;
  display:block !important;
  margin:0 auto 10px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.38)) !important;
}

#login .login-card .login-brand .brand-subtitle{
  color:#d8dee8 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:2.4px !important;
  text-transform:uppercase !important;
  text-align:center !important;
  margin:0 !important;
}

#login .login-card h1{
  margin:0 0 8px !important;
  color:#111827 !important;
  text-align:center !important;
  font-size:34px !important;
  line-height:1.1 !important;
  letter-spacing:-.9px !important;
  font-weight:950 !important;
}

#login .login-card > p{
  margin:0 auto 26px !important;
  max-width:390px !important;
  text-align:center !important;
  color:#667085 !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

#login #loginForm{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

#login #loginForm input{
  width:100% !important;
  height:54px !important;
  border-radius:17px !important;
  border:1px solid #e4e7ec !important;
  background:#ffffff !important;
  color:#101828 !important;
  font-size:15px !important;
  font-weight:650 !important;
  padding:0 16px !important;
  outline:none !important;
  box-shadow:0 1px 0 rgba(16,24,40,.02) !important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

#login #loginForm input:focus{
  border-color:#f36b21 !important;
  box-shadow:0 0 0 4px rgba(243,107,33,.13) !important;
  transform:translateY(-1px) !important;
}

#login #loginForm button{
  width:100% !important;
  min-height:56px !important;
  margin-top:4px !important;
  border:0 !important;
  border-radius:18px !important;
  background:linear-gradient(135deg, #f36b21 0%, #ff8a3d 100%) !important;
  color:#ffffff !important;
  font-size:15px !important;
  font-weight:950 !important;
  letter-spacing:.2px !important;
  cursor:pointer !important;
  box-shadow:0 18px 34px rgba(243,107,33,.30) !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

#login #loginForm button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 22px 42px rgba(243,107,33,.36) !important;
  filter:saturate(1.05) !important;
}

#login #loginForm small{
  display:block !important;
  margin-top:8px !important;
  text-align:center !important;
  color:#98a2b3 !important;
  font-size:12px !important;
  line-height:1.45 !important;
}

@media(max-width:980px){
  #login.login-wrap,
  #login.premium-login{
    padding:22px !important;
    align-items:flex-start !important;
  }

  #login .login-shell{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  #login .login-hero{
    min-height:auto !important;
    padding:28px !important;
  }

  #login .hero-copy{
    margin:32px 0 24px !important;
  }

  #login .hero-metrics{
    grid-template-columns:1fr !important;
  }

  #login .login-card,
  #login .premium-card{
    min-height:auto !important;
    padding:30px 22px !important;
  }
}

@media(max-width:520px){
  #login.login-wrap,
  #login.premium-login{
    padding:14px !important;
  }

  #login .login-hero{
    border-radius:26px !important;
    padding:24px !important;
  }

  #login .login-card,
  #login .premium-card{
    border-radius:26px !important;
  }

  #login .hero-logo-wrap{
    width:162px !important;
    min-height:96px !important;
  }

  #login .hero-logo{
    width:132px !important;
  }

  #login .login-card .login-brand{
    width:100% !important;
    padding:20px 18px 16px !important;
    border-radius:22px !important;
  }

  #login .login-card .brand-logo-login{
    width:226px !important;
  }

  #login .login-card h1{
    font-size:28px !important;
  }
}

/* Correção pontual: após o login, esconder totalmente a página de entrada */
#login.hidden,
#login.login-wrap.hidden,
#login.premium-login.hidden{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
}

#app.hidden{
  display:none !important;
}

#app:not(.hidden){
  display:flex !important;
  min-height:100vh !important;
}
/* Correção do layout interno do CRM após login
   Mantém a página de entrada premium intacta e estabiliza somente o app. */

html,
body{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  overflow-x:hidden !important;
}

#login.hidden,
.login-wrap.hidden,
.premium-login.hidden{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
}

#app.hidden{
  display:none !important;
}

#app.app:not(.hidden),
#app.premium-app:not(.hidden){
  display:grid !important;
  grid-template-columns:220px minmax(0, 1fr) !important;
  width:100vw !important;
  max-width:100vw !important;
  min-height:100vh !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#f4f6fb !important;
}

#app .premium-sidebar,
#app aside{
  width:220px !important;
  min-width:220px !important;
  max-width:220px !important;
  height:100vh !important;
  min-height:100vh !important;
  position:sticky !important;
  top:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  box-sizing:border-box !important;
}

#app main{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:100vh !important;
  height:auto !important;
  margin:0 !important;
  padding:34px !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

#app main > header{
  width:100% !important;
  max-width:none !important;
  min-height:94px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin:0 0 24px !important;
  box-sizing:border-box !important;
}

#app #content{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:calc(100vh - 160px) !important;
  box-sizing:border-box !important;
}

#app #content > *,
#app .view,
#app .card,
#app .panel,
#app .grid,
#app .table-wrap,
#app .catalog-grid,
#app .kanban,
#app .pipeline,
#app .reports-grid,
#app .automation-grid,
#app .team-grid{
  max-width:none !important;
  box-sizing:border-box !important;
}

#app .catalog-grid,
#app .reports-grid,
#app .automation-grid,
#app .team-grid,
#app .grid{
  width:100% !important;
}

#app .catalog-grid{
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)) !important;
  align-items:stretch !important;
}

#app .kanban,
#app .pipeline{
  width:100% !important;
  min-width:0 !important;
  overflow-x:auto !important;
}

#app aside nav button{
  width:100% !important;
  min-height:46px !important;
  box-sizing:border-box !important;
  flex-shrink:0 !important;
}

#app .header-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-shrink:0 !important;
}

#app img,
#app video{
  max-width:100% !important;
}

@media(max-width:900px){
  #app.app:not(.hidden),
  #app.premium-app:not(.hidden){
    grid-template-columns:1fr !important;
    overflow:auto !important;
  }

  #app .premium-sidebar,
  #app aside{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    position:relative !important;
  }

  #app main{
    padding:22px !important;
    min-height:auto !important;
  }

  #app main > header{
    align-items:flex-start !important;
    flex-direction:column !important;
    min-height:auto !important;
  }
}
/* Corrige somente o menu lateral:
   mantém sempre o mesmo tamanho, independente da altura da página */

@media (min-width: 901px){
  html,
  body{
    overflow-x: hidden !important;
  }

  #app.app:not(.hidden),
  #app.premium-app:not(.hidden){
    display: block !important;
    min-height: 100vh !important;
    height: auto !important;
  }

  /* MENU LATERAL FIXO E SEM MUDAR DE TAMANHO */
  #app aside,
  #app .premium-sidebar{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 218px !important;
    min-width: 218px !important;
    max-width: 218px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex: 0 0 218px !important;
    z-index: 50 !important;
  }

  /* ÁREA PRINCIPAL SEM EMPURRAR O MENU */
  #app main{
    margin-left: 218px !important;
    width: calc(100% - 218px) !important;
    min-height: 100vh !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* GARANTE QUE O CONTEÚDO DA LATERAL NÃO ALTERE A CAIXA */
  #app aside *,
  #app .premium-sidebar *{
    box-sizing: border-box !important;
  }
}

/* Correção pontual das janelas de cadastro/configuração.
   Mantém o menu lateral intacto e impede que uma janela antiga fique aberta ao mudar de aba. */
#modal.hidden,
.modal.hidden{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (min-width: 901px){
  #modal.modal:not(.hidden){
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 218px !important;
    width: calc(100vw - 218px) !important;
    height: 100vh !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 28px !important;
    margin: 0 !important;
    background: rgba(15, 23, 42, .52) !important;
    backdrop-filter: blur(2px) !important;
    overflow: auto !important;
    box-sizing: border-box !important;
    z-index: 45 !important;
  }

  #modal .modalbox{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: min(100%, 960px) !important;
    max-width: 960px !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: auto !important;
    max-height: calc(100vh - 56px) !important;
    margin: 0 !important;
    padding: 34px !important;
    overflow: auto !important;
    box-sizing: border-box !important;
    border-radius: 22px !important;
  }

  #modal .modalbox .x{
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    z-index: 5 !important;
  }

  #modal .modalbox input,
  #modal .modalbox select,
  #modal .modalbox textarea,
  #modal .modalbox button,
  #modal .modalbox form,
  #modal .modalbox .grid,
  #modal .modalbox .form-grid{
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 900px){
  #modal.modal:not(.hidden){
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
    background: rgba(15, 23, 42, .52) !important;
    overflow: auto !important;
    box-sizing: border-box !important;
    z-index: 999 !important;
  }

  #modal .modalbox{
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 32px) !important;
    margin: 0 !important;
    overflow: auto !important;
    box-sizing: border-box !important;
    border-radius: 18px !important;
  }
}
/* Correção isolada dos modais/janelas do CRM.
   Não altera página inicial, menu, SDR, WhatsApp, banco ou conteúdo das abas. */

@media (min-width: 901px){
  body.tl-modal-open{
    overflow: hidden !important;
  }

  #modal.hidden,
  #modal.modal.hidden{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #modal:not(.hidden),
  #modal.modal:not(.hidden){
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 218px !important;
    width: calc(100vw - 218px) !important;
    max-width: calc(100vw - 218px) !important;
    height: 100vh !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 24px !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: rgba(17, 24, 39, .62) !important;
    backdrop-filter: blur(2px) !important;
    z-index: 2147483000 !important;
  }

  #modal .modalbox{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: min(100%, 1040px) !important;
    max-width: calc(100vw - 286px) !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: calc(100vh - 48px) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 30px 32px 42px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scroll-behavior: auto !important;
    box-sizing: border-box !important;
    border-radius: 18px !important;
    z-index: 2147483001 !important;
  }

  #modal #modalContent,
  #modal #modalContent > *,
  #modal .modalbox form,
  #modal .modalbox .grid,
  #modal .modalbox .form-grid,
  #modal .modalbox .row{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  #modal .modalbox input,
  #modal .modalbox select,
  #modal .modalbox textarea,
  #modal .modalbox button{
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  #modal .modalbox .x,
  #modal .modalbox button.x{
    position: absolute !important;
    top: 18px !important;
    right: 20px !important;
    z-index: 2147483002 !important;
  }
}

@media (max-width: 900px){
  body.tl-modal-open{
    overflow: hidden !important;
  }

  #modal.hidden,
  #modal.modal.hidden{
    display: none !important;
  }

  #modal:not(.hidden),
  #modal.modal:not(.hidden){
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 14px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: rgba(17, 24, 39, .62) !important;
    z-index: 2147483000 !important;
  }

  #modal .modalbox{
    width: 100% !important;
    max-width: calc(100vw - 28px) !important;
    max-height: calc(100vh - 28px) !important;
    margin: 0 auto !important;
    padding: 24px 18px 38px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scroll-behavior: auto !important;
    box-sizing: border-box !important;
  }
}