:root{--bg:#f7f3ed;--panel:#fff;--ink:#2b251f;--muted:#7a7168;--line:#e8e0d5;--gold:#b88a3a;--gold2:#d7b872;--dark:#3a2d22;--dark2:#574334;--soft:#f2eadf;--green:#387a58;--red:#b34e4e;--blue:#507398;--shadow:0 14px 42px rgba(53,41,31,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,#30261e 0%,#463526 56%,#2d241d 100%);color:#fff;padding:20px 14px;display:flex;flex-direction:column;z-index:20;box-shadow:12px 0 32px rgba(38,27,20,.12)}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 18px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:14px}.logo-wrap{width:54px;height:54px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden}.logo-wrap img{width:100%;height:100%;object-fit:contain}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{font-size:15px}.brand-copy span{font-size:12px;color:#d8c8b4;margin-top:3px}.sidebar nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#dbcdbd;padding:11px 12px;border-radius:10px;display:flex;align-items:center;gap:11px;text-align:left;font-weight:650}.nav-item:hover,.nav-item.active{background:rgba(216,184,114,.15);color:#fff}.nav-item.active{box-shadow:inset 3px 0 0 var(--gold2)}.nav-icon{width:24px;text-align:center;color:#e2c47e}.demo-note{margin-top:auto;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:12px;padding:12px;display:grid;gap:5px}.demo-note b{font-size:12px;color:#f0d99d}.demo-note span{font-size:11px;line-height:1.45;color:#d7cabb}.main{margin-left:250px;min-height:100vh}.topbar{height:84px;position:sticky;top:0;z-index:15;background:rgba(247,243,237,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:15px 28px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:22px;margin:0 0 3px}.topbar p{margin:0;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:10px}.api-pill,.status-soft{display:inline-flex;align-items:center;gap:8px;background:#eee7dd;border:1px solid #e1d6c7;border-radius:999px;padding:8px 12px;font-size:12px;color:#62564b}.api-pill i{width:8px;height:8px;border-radius:50%;background:#e0ae44}.view{display:none;padding:26px 28px 38px}.view.active{display:block}.hero{background:linear-gradient(120deg,#fff 0%,#f4eadb 62%,#e5d0a2 100%);border:1px solid #eadfcf;border-radius:20px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow);margin-bottom:20px}.hero h2{font-family:Georgia,serif;font-size:30px;line-height:1.08;margin:8px 0 10px;color:#3b2d21;max-width:660px}.hero p{margin:0;color:#6f6257;max-width:660px;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#9a722d}.cards{display:grid;gap:14px;margin-bottom:18px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px 18px;box-shadow:0 8px 22px rgba(46,34,24,.035);display:grid;gap:6px}.metric span{font-size:12px;color:var(--muted)}.metric strong{font-size:27px;color:#382d25}.metric small{font-size:11px;color:#a09489}.compact-cards .metric{padding:14px 17px}.compact-cards .metric strong{font-size:23px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.panel h3{margin:0 0 4px;font-size:16px}.panel p{color:var(--muted);font-size:13px}.panel-head,.section-actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-head{margin-bottom:14px}.panel-head p,.section-actions p{margin:4px 0 0}.section-actions{margin-bottom:18px}.section-actions h2{margin:0;font-size:24px}.primary,.secondary,.dark,.ghost,.link,.upload-btn,.chip,.seg{border:0;border-radius:9px;padding:10px 14px;font-weight:750;font-size:13px}.primary{background:linear-gradient(180deg,#c69a4c,#ad7e30);color:#fff;box-shadow:0 7px 18px rgba(171,124,43,.19)}.primary:hover{filter:brightness(.97)}.secondary{background:#f1ebe4;color:#4d4137;border:1px solid #e3d9cd}.dark{background:#3a2d22;color:#fff}.ghost{background:transparent;border:1px solid #d8cbbd;color:#65594e}.small{padding:7px 10px;font-size:11px}.link{background:transparent;color:#9d742f;padding:5px}.toolbar{display:flex;gap:10px;margin-bottom:14px}.toolbar input,.toolbar select{max-width:330px}.upload-btn{background:#f2ece4;color:#51463c;border:1px solid #e1d8cd;display:inline-flex;align-items:center}.upload-btn input{display:none}input,select,textarea{width:100%;border:1px solid #ddd3c8;border-radius:9px;background:#fff;padding:10px 11px;color:#322a24;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#c39a57;box-shadow:0 0 0 3px rgba(195,154,87,.11)}textarea{resize:vertical;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.form-panel{display:grid;gap:13px}.form-panel label,.form-grid label,.field-block{display:grid;gap:6px;font-size:12px;font-weight:700;color:#554a41}.field-block{margin-top:15px}.field-block small{font-weight:500;color:#8a7d71}.divider{height:1px;background:var(--line);margin:18px 0}.field-heading h3{margin:0}.field-heading p{margin:5px 0 12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{text-align:left;color:#84776c;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:11px 10px}td{padding:12px 10px;border-bottom:1px solid #f0ebe5;font-size:13px}tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;background:#eee9e3;color:#655b52}.badge.ok{background:#e6f2eb;color:#337151}.badge.warn{background:#fff1d4;color:#90671f}.badge.bad{background:#f9e5e5;color:#a04343}.badge.blue{background:#e7eef6;color:#496987}.table-actions{display:flex;gap:5px}.icon-btn{border:1px solid #e4dbd1;background:#faf8f5;border-radius:7px;padding:6px 8px;font-size:11px}.icon-btn.danger{color:#a64b4b}.mini-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #f1ece6}.mini-row:last-child{border-bottom:0}.muted{color:var(--muted);font-size:11px}.empty{padding:26px;text-align:center;color:#95897e}.funnel{display:grid;gap:11px}.funnel-row{display:grid;grid-template-columns:90px 1fr 44px;align-items:center;gap:10px;font-size:12px}.funnel-bar{height:9px;background:#eee8e1;border-radius:99px;overflow:hidden}.funnel-bar i{height:100%;display:block;background:linear-gradient(90deg,#d8b66c,#a77c36);border-radius:99px}.process-panel{margin-top:18px}.process{display:flex;align-items:center;justify-content:space-between;gap:8px}.process div{flex:1;min-height:80px;border:1px solid var(--line);border-radius:12px;background:#fcfaf7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.process b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e8d6b1;color:#6c4b18}.process span{font-size:11px;font-weight:700}.process i{color:#b69a77}.composer-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:22px;align-items:start}.composer-form{padding:22px}.segmented{display:inline-flex;background:#f2ede7;border-radius:10px;padding:4px;gap:4px}.seg{padding:8px 13px;background:transparent;color:#6f6358}.seg.active{background:#fff;box-shadow:0 2px 7px rgba(45,34,25,.08);color:#3b3027}.image-upload-area{margin-top:12px}.image-picker{width:100%;min-height:120px;border:1.5px dashed #d7c7b4;background:#fbf7f2;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#66584b}.image-picker span{font-size:28px;color:#b4873e}.image-picker small{color:#978a7e}.image-selected{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fbf8f4}.image-selected img{width:76px;height:58px;object-fit:cover;border-radius:8px}.image-selected div{display:grid;gap:3px;flex:1}.image-selected small{color:var(--muted)}.hidden{display:none!important}.notice{margin-top:15px;padding:12px 13px;border-radius:10px;background:#f4efe7;border-left:3px solid #c69c53;font-size:11px;line-height:1.55;color:#685d52}.notice.warm{background:#fff7e7}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal-actions.left{justify-content:flex-start}.preview-sticky{position:sticky;top:104px}.preview-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8d8075;margin:0 4px 8px}.preview-label span{font-weight:850;letter-spacing:.1em}.phone{width:360px;height:650px;margin:auto;border:9px solid #302a26;border-radius:32px;background:#eae1d5;overflow:hidden;box-shadow:0 22px 48px rgba(38,29,22,.22);position:relative}.phone-top{height:70px;background:#075e54;color:#fff;display:flex;align-items:center;gap:8px;padding:9px 12px}.phone-top .back{font-size:25px}.avatar{width:38px;height:38px;border-radius:50%;background:#e6c98a;color:#5b4217;display:grid;place-items:center;font-size:11px;font-weight:900}.phone-top div:nth-of-type(2){display:grid;gap:1px;flex:1}.phone-top b{font-size:13px}.phone-top small{font-size:9px;opacity:.8}.dots{font-size:22px}.chat-bg{height:527px;background-color:#e8ded1;background-image:radial-gradient(rgba(98,76,57,.05) 1px,transparent 1px);background-size:18px 18px;padding:17px 11px;overflow:auto}.chat-date{width:max-content;margin:0 auto 12px;padding:5px 9px;border-radius:7px;background:#d9e7ea;color:#617178;font-size:8px;font-weight:700}.wa-bubble{width:87%;margin-left:auto;background:#d9fdd3;border-radius:8px 2px 8px 8px;padding:5px 5px 18px;box-shadow:0 1px 1px rgba(0,0,0,.09);position:relative;font-size:11px;line-height:1.45;white-space:pre-wrap}.wa-image{width:100%;max-height:215px;object-fit:cover;border-radius:6px;margin-bottom:6px;display:none}.wa-body{padding:2px 4px;white-space:pre-wrap}.wa-footer{font-size:9px;color:#75806f;padding:6px 4px 0}.wa-time{position:absolute;right:6px;bottom:4px;font-size:8px;color:#7f8d7d}.wa-buttons{width:87%;margin-left:auto}.wa-button{background:#fff;border-top:1px solid #e8e8e8;padding:9px;text-align:center;color:#1483ae;font-size:10px;font-weight:650;margin-top:1px}.wa-button:first-child{border-radius:0 0 7px 7px}.wa-button+ .wa-button{border-radius:7px;margin-top:4px}.phone-input{height:53px;background:#f0ece7;display:flex;align-items:center;gap:8px;padding:8px;color:#667}.phone-input div{height:36px;flex:1;border-radius:20px;background:white;display:flex;align-items:center;padding:0 13px;color:#999;font-size:11px}.preview-cost{margin:13px auto 0;width:360px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center}.preview-cost span{font-size:11px;color:var(--muted)}.preview-cost strong{font-size:14px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.template-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:0 10px 28px rgba(44,34,26,.05);display:flex;flex-direction:column;gap:10px}.template-card h3{margin:0;font-size:15px}.template-card .template-text{font-size:12px;line-height:1.55;color:#62584f;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.template-img{width:100%;height:120px;object-fit:cover;border-radius:9px;background:#eee}.template-actions{display:flex;gap:6px;margin-top:auto}.filter-row{display:flex;gap:7px;margin-bottom:14px}.chip{background:#eee8e1;color:#6c5f54;padding:7px 11px}.chip.active{background:#47372a;color:#fff}.costs-layout label{display:grid;gap:6px;font-size:12px;font-weight:700}.cost-total{margin-top:5px;padding:17px;border-radius:12px;background:linear-gradient(135deg,#443328,#6a513c);color:#fff;display:grid;gap:4px}.cost-total span{font-size:11px;color:#dfd2c6}.cost-total strong{font-size:28px}.cost-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cost-breakdown div{background:#faf7f3;border:1px solid var(--line);border-radius:9px;padding:10px;display:grid;gap:4px}.cost-breakdown span{font-size:10px;color:var(--muted)}.cost-breakdown b{font-size:13px}.price-list{display:grid;gap:8px;margin:14px 0}.price-list div{display:flex;justify-content:space-between;padding:11px 12px;background:#faf7f3;border-radius:9px}.proposal-example{display:grid;gap:7px;margin-top:18px;padding:16px;border:1px solid #ead8b5;background:#fffaf0;border-radius:12px}.proposal-example span,.proposal-example small{font-size:11px;color:var(--muted)}.proposal-example b{font-size:19px}.inbox-shell{padding:0;overflow:hidden;display:grid;grid-template-columns:300px 1fr;height:620px}.conversation-list{border-right:1px solid var(--line);overflow:auto}.conv-item{padding:15px;border-bottom:1px solid var(--line);display:flex;gap:10px;cursor:pointer}.conv-item:hover,.conv-item.active{background:#faf5ee}.conv-avatar{width:40px;height:40px;border-radius:50%;background:#eadbc1;display:grid;place-items:center;color:#795c2d;font-weight:850;flex:0 0 auto}.conv-copy{min-width:0;flex:1}.conv-copy div{display:flex;justify-content:space-between;gap:5px}.conv-copy b{font-size:12px}.conv-copy time{font-size:9px;color:var(--muted)}.conv-copy p{margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.conversation{display:flex;flex-direction:column;background:#f7f1e8}.conv-header{height:65px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:11px 16px}.conv-header div:nth-child(2){display:grid;gap:2px}.conv-header b{font-size:13px}.conv-header small{font-size:10px;color:var(--muted)}.conv-messages{flex:1;padding:20px;overflow:auto;display:flex;flex-direction:column;gap:9px}.msg{max-width:72%;padding:10px 12px;border-radius:10px;background:#fff;font-size:12px;line-height:1.45;box-shadow:0 2px 5px rgba(40,30,20,.05)}.msg.me{margin-left:auto;background:#ddf7d7}.msg small{display:block;text-align:right;font-size:8px;color:#8b8178;margin-top:4px}.conv-reply{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid var(--line)}.conv-reply input{flex:1}.settings-status{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.settings-status div{padding:14px;background:#faf7f3;border:1px solid var(--line);border-radius:10px;display:grid;gap:5px}.settings-status span{font-size:10px;color:var(--muted)}.settings-status b{font-size:12px}.settings-status small{font-size:9px;color:#9d9186}.ok-text{color:var(--green)}.warn-text{color:#9a6c22}.modal{position:fixed;inset:0;background:rgba(28,22,18,.45);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.open{display:flex}.modal-card{width:min(700px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:17px;padding:23px;position:relative;box-shadow:0 28px 80px rgba(20,15,12,.25)}.modal-close{position:absolute;right:15px;top:13px;width:32px;height:32px;border:0;border-radius:50%;background:#f2ece5;font-size:22px;color:#665b51}.modal-card h2{margin:0 0 18px}.toast{position:fixed;right:24px;bottom:24px;background:#332a23;color:#fff;border-radius:10px;padding:12px 16px;font-size:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);transform:translateY(30px);opacity:0;pointer-events:none;transition:.2s;z-index:150}.toast.show{transform:translateY(0);opacity:1}@media(max-width:1100px){.composer-layout{grid-template-columns:1fr}.preview-sticky{position:static}.template-grid{grid-template-columns:repeat(2,1fr)}.cards.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:74px;padding:16px 8px}.brand-copy,.nav-item span:last-child,.demo-note{display:none}.brand{padding:0 2px 14px}.logo-wrap{width:52px}.nav-item{justify-content:center}.main{margin-left:74px}.topbar{padding:13px 16px}.view{padding:18px 14px}.top-actions .api-pill{display:none}.grid-2,.cards.three,.cards.four,.form-grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.template-grid{grid-template-columns:1fr}.section-actions{align-items:flex-start;flex-direction:column}.composer-layout{display:block}.preview-sticky{margin-top:20px}.phone{width:330px}.preview-cost{width:330px}.inbox-shell{grid-template-columns:1fr}.conversation-list{display:none}.settings-status{grid-template-columns:1fr 1fr}.process{overflow:auto;justify-content:flex-start}.process div{min-width:130px}.toolbar{flex-wrap:wrap}}

.action-only{justify-content:flex-end;min-height:38px;margin-bottom:14px}
.primary-like{background:linear-gradient(135deg,#5a4433,#3f3026)!important;color:#fff!important;border:0!important}
.media-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:linear-gradient(135deg,#fff,#fbf5eb)}
.media-intro h3{margin:5px 0 4px;font-size:18px}.media-intro p{margin:0;color:var(--muted);font-size:11px}
.media-storage{min-width:120px;padding:13px 16px;border-radius:12px;background:#f3e6cc;text-align:center;display:grid}
.media-storage b{font-size:24px;color:#6d4e20}.media-storage span{font-size:10px;color:#8a7354}
.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.media-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 9px 24px rgba(44,34,26,.05)}
.media-card img{width:100%;height:155px;object-fit:cover;background:#f3eee8}
.media-card-copy{padding:12px;display:grid;gap:7px}.media-card-copy b{font-size:12px}.media-card-copy small{font-size:9px;color:var(--muted)}
.media-card-actions{display:flex;gap:6px}
.inbox-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.inbox-search{height:38px;min-width:280px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:0 10px;color:#9a8b7d}
.inbox-search input{border:0;outline:0;width:100%;height:34px;background:transparent}
.inbox-live{margin-left:auto;font-size:10px;color:#6c6259;display:flex;align-items:center;gap:6px}
.inbox-live i{width:8px;height:8px;border-radius:50%;background:#49a16c;box-shadow:0 0 0 4px #e5f4ea}
.conv-header{height:76px}.conv-header:after{content:"Atendimento via WhatsApp Business";margin-left:auto;font-size:9px;color:#8b7c6f;background:#f5eee5;padding:6px 9px;border-radius:99px}
.conv-messages{background-color:#eee6db;background-image:radial-gradient(rgba(90,70,50,.045) 1px,transparent 1px);background-size:17px 17px}
.conv-reply{padding:10px 14px}.conv-reply:before{content:"＋";width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f1ebe4;color:#7e7064}
@media(max-width:1100px){.media-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.media-grid{grid-template-columns:1fr 1fr}.inbox-search{min-width:0;flex:1}.inbox-toolbar .chip{display:none}}

.image-source-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.library-picker{background:#fffaf2;border-style:solid}
@media(max-width:760px){.image-source-actions{grid-template-columns:1fr}}

.connection-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:700;border:1px solid #ded4c8;background:#f6f1eb;color:#6d6258}.connection-pill.ok{background:#eaf6ee;border-color:#cce8d5;color:#39724c}.connection-pill.loading{background:#fff7df;border-color:#eee0ad;color:#876d23}.connection-pill.error{background:#fff0ed;border-color:#f0cdc6;color:#a24e42}.real-notice{border-left:3px solid #4d8e61;background:#f0f8f2!important}.template-card .badge.warn{white-space:nowrap}

.auth-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,rgba(213,181,122,.22),transparent 32%),linear-gradient(135deg,#f8f4ee 0%,#eee3d4 48%,#e6d6c2 100%)}
.auth-screen.hidden{display:none}.app-shell{visibility:hidden}.app-shell.authenticated{visibility:visible}
.auth-card{width:min(430px,94vw);background:rgba(255,255,255,.94);border:1px solid rgba(111,82,50,.15);border-radius:24px;padding:28px;box-shadow:0 28px 80px rgba(55,40,28,.18);backdrop-filter:blur(12px)}
.auth-brand{display:flex;align-items:center;gap:16px;margin-bottom:22px}.auth-logo{width:72px;height:72px;border-radius:18px;background:#f7f0e6;display:grid;place-items:center;overflow:hidden;border:1px solid #eadccb}.auth-logo img{width:100%;height:100%;object-fit:contain}.auth-brand h1{margin:3px 0;font-size:24px}.auth-brand p{margin:0;color:var(--muted);font-size:11px}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;font-size:11px;font-weight:750;color:#5f5349}.auth-form input{width:100%}.password-row{display:flex;gap:8px}.password-row input{flex:1}.auth-submit{height:44px;font-size:12px}.auth-form>small{text-align:center;color:var(--muted);font-size:9px}.auth-error{padding:10px 12px;border-radius:9px;background:#fff0ed;border:1px solid #efc9c2;color:#a1493e;font-size:10px}.user-chip{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff}.user-chip>div{display:grid;gap:1px}.user-chip b{font-size:9px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.user-chip small{font-size:8px;color:var(--muted)}.user-dot{color:#4d9a68;font-size:8px}.api-pill.live{background:#eaf6ee!important;color:#39724c!important;border-color:#cce8d5!important}
@media(max-width:760px){.user-chip{display:none}.auth-card{padding:22px}.auth-brand{align-items:flex-start}.auth-logo{width:58px;height:58px}}

.template-actions{display:flex;gap:8px;flex-wrap:wrap}.template-actions button:disabled{opacity:.55;cursor:not-allowed}.send-test-modal{display:grid;gap:14px}.send-test-modal h3{margin:0;font-size:20px}.send-test-modal label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#594b40}.send-test-modal input{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font-size:14px;background:#fff}.send-test-note{font-size:10px;color:var(--muted);padding:10px 12px;border-radius:10px;background:#faf4eb;border:1px solid #eee1cf}.send-feedback{padding:11px 12px;border-radius:10px;font-size:11px}.send-feedback.loading{background:#f7f3ea;color:#766653}.send-feedback.ok{background:#e9f6ed;color:#2f6d43;border:1px solid #cfe7d6}.send-feedback.error{background:#fff0ef;color:#9b3c35;border:1px solid #f0cfcc}

/* V2.5 — Contatos reais */
.real-contact-modal{display:grid;gap:13px}
.real-contact-modal h3{margin:0;font-size:20px}
.real-contact-modal label:not(.check-line){display:grid;gap:6px;font-size:11px;font-weight:700;color:#594b40}
.real-contact-modal input{height:42px;border:1px solid var(--line);border-radius:10px;padding:0 11px;background:#fff}
.check-line{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#65584e}
.check-line input{margin-top:2px;height:auto}
.contact-row{display:grid;grid-template-columns:1.5fr .8fr .8fr .7fr .7fr 1fr;gap:10px;align-items:center;padding:12px 10px;border-bottom:1px solid var(--line);font-size:11px}
.row-actions{display:flex;gap:6px;justify-content:flex-end}
@media(max-width:980px){.contact-row{grid-template-columns:1.4fr 1fr 1fr}.contact-row>div:nth-child(4),.contact-row>div:nth-child(5){display:none}}

/* V2.5.1 — Ajuste visual dos checkboxes de contato */
.real-contact-modal .check-line{
  display:grid;
  grid-template-columns:22px 1fr;
  align-items:start;
  column-gap:10px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fffaf4;
  cursor:pointer;
  font-size:11px;
  color:#65584e;
}
.real-contact-modal .check-line input[type="checkbox"]{
  width:18px;
  height:18px;
  margin:1px 0 0 0;
  accent-color:#c28a2c;
  cursor:pointer;
}
.real-contact-modal .check-line span{
  display:block;
  line-height:1.35;
  margin:0;
}
.real-contact-modal .check-line:hover{
  background:#fff6e8;
  border-color:#e4cfac;
}

#contactsBody .row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
#contactsBody td{vertical-align:middle}

/* =========================================================
   V2.5.3 — LOGIN PREMIUM
   ========================================================= */
.auth-screen{
  position:fixed; inset:0; z-index:9999; display:flex; flex-direction:column;
  background:
    radial-gradient(circle at 8% 12%, rgba(185,128,31,.20), transparent 24%),
    radial-gradient(circle at 92% 14%, rgba(255,255,255,.03), transparent 22%),
    #090a0c;
  color:#fff; overflow:auto;
}
.auth-screen.hidden{display:none!important}
.login-shell{
  width:min(1440px, calc(100% - 36px)); min-height:calc(100vh - 86px);
  margin:18px auto 0; display:grid;
  grid-template-columns:minmax(360px,.95fr) minmax(520px,1.35fr);
  border-radius:28px 28px 0 0; overflow:hidden;
  border:1px solid rgba(255,255,255,.05); background:#0b0c0e;
  box-shadow:0 28px 90px rgba(0,0,0,.38);
}
.login-brand-panel{
  position:relative; overflow:hidden; min-height:720px; padding:54px 54px 50px;
  display:flex; flex-direction:column; justify-content:space-between;
  background:
    radial-gradient(circle at 5% 8%, rgba(176,117,20,.24), transparent 30%),
    linear-gradient(145deg,#0a0908 0%,#0b0b0b 62%,#11100d 100%);
  border-right:1px solid rgba(255,255,255,.06);
}
.login-brand-panel::after{
  content:""; position:absolute; inset:auto -22% -28% -18%; height:360px;
  background:repeating-radial-gradient(ellipse at center,transparent 0 12px,rgba(198,145,51,.14) 13px 14px,transparent 15px 26px);
  transform:rotate(-8deg); opacity:.38; pointer-events:none;
}
.brand-top,.brand-copy,.security-card{position:relative;z-index:2}
.login-brand-logo{display:block;width:220px;max-width:78%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
.brand-copy{max-width:470px;margin-top:40px}
.brand-kicker,.login-kicker{display:block;margin-bottom:12px;font-size:11px;letter-spacing:.24em;font-weight:800;color:#d9a23e}
.brand-copy h1{margin:0;font-size:clamp(38px,4vw,58px);line-height:1.04;letter-spacing:-.035em;color:#f4f1ec}
.brand-copy h1 strong{display:inline-block;margin-top:4px;color:#e6a72e;font-weight:800}
.brand-copy p{margin:26px 0 0;max-width:430px;font-size:17px;line-height:1.75;color:#b8b7b6}
.brand-line{width:56px;height:3px;margin:28px 0 30px;border-radius:999px;background:linear-gradient(90deg,#f1bd4d,#b97813)}
.login-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.login-feature{min-width:0;text-align:center;display:grid;justify-items:center;gap:6px}
.feature-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:4px;border-radius:14px;border:1px solid rgba(224,165,63,.13);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));color:#eab240;font-size:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.login-feature b{font-size:12px;color:#f4f1eb}
.login-feature span{font-size:10px;color:#8d8b87}
.security-card{width:min(370px,100%);display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:16px 18px;margin-top:36px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(24,25,27,.84);backdrop-filter:blur(12px)}
.security-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#e7ad3c;background:rgba(216,159,52,.08);border:1px solid rgba(216,159,52,.22)}
.security-card b{display:block;margin-bottom:3px;font-size:12px;color:#f1eee8}
.security-card span{display:block;font-size:10px;line-height:1.45;color:#aaa7a1}
.login-form-panel{min-height:720px;display:grid;place-items:center;padding:54px;background:radial-gradient(circle at 78% 12%,rgba(255,255,255,.035),transparent 26%),linear-gradient(155deg,#0f1114,#0c0d10)}
.login-card{width:min(680px,100%);padding:46px 48px 42px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(27,29,33,.96),rgba(19,20,23,.96));box-shadow:0 24px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.03)}
.login-heading{margin-bottom:34px}
.login-heading h2{margin:0 0 10px;font-size:31px;letter-spacing:-.02em;color:#e8ae3f}
.login-heading p{margin:0;font-size:15px;color:#a8a8aa}
.auth-form{display:grid;gap:20px}
.login-field{display:grid;gap:8px}
.login-field>span{font-size:13px;font-weight:700;color:#f0eee9}
.field-wrap{position:relative;display:flex;align-items:center;min-height:58px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.035);transition:.2s ease}
.field-wrap:focus-within{border-color:rgba(223,165,55,.62);box-shadow:0 0 0 3px rgba(223,165,55,.08);background:rgba(255,255,255,.05)}
.field-icon{width:52px;display:grid;place-items:center;color:#a7a8ab;font-size:18px}
.field-wrap input{flex:1;min-width:0;height:56px;padding:0 12px 0 0;border:0!important;outline:0!important;background:transparent!important;color:#f2f1ed!important;font-size:15px;box-shadow:none!important}
.field-wrap input::placeholder{color:#85868a}
.password-toggle{width:52px;height:52px;border:0;background:transparent;color:#aaa;cursor:pointer;font-size:17px}
.login-options-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-2px}
.remember-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#d9d6d0;cursor:pointer}
.remember-row input{width:16px;height:16px;accent-color:#dda338}
.forgot-link{border:0;background:transparent;color:#e2a637;font-size:12px;cursor:pointer}
.login-submit{width:100%;min-height:58px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:#fff;font-size:16px;font-weight:800;background:linear-gradient(90deg,#edae31,#c8871e);box-shadow:0 10px 24px rgba(201,135,30,.18);transition:.2s ease}
.login-submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(201,135,30,.24)}
.login-submit:disabled{opacity:.65;cursor:wait;transform:none}
.login-submit-icon{font-size:22px}
.login-divider{position:relative;height:24px;display:grid;place-items:center;color:#96969a;font-size:11px}
.login-divider::before,.login-divider::after{content:"";position:absolute;top:50%;width:43%;height:1px;background:rgba(255,255,255,.10)}
.login-divider::before{left:0}.login-divider::after{right:0}
.login-divider span{position:relative;z-index:1;padding:0 10px;background:#17191d}
.login-secondary-action{width:100%;min-height:54px;border-radius:10px;border:1px solid rgba(216,155,41,.48);background:transparent;color:#f2f0eb;font-size:14px;font-weight:700;cursor:pointer}
.login-secondary-action:hover{background:rgba(218,156,40,.06)}
.login-help{margin:6px 0 0;text-align:center;font-size:12px;color:#98989c}
.login-help span{color:#e2a638}
.auth-error{padding:10px 12px;border-radius:9px;border:1px solid rgba(235,98,91,.28);background:rgba(235,98,91,.08);color:#ffb4af;font-size:11px}
.login-footer{width:min(1440px,calc(100% - 36px));margin:0 auto 18px;min-height:68px;display:grid;place-items:center;border-radius:0 0 28px 28px;border:1px solid rgba(255,255,255,.05);border-top:0;background:#111216;color:#77797e;font-size:11px}
@media(max-width:1100px){
  .login-shell{grid-template-columns:1fr;width:min(760px,calc(100% - 24px))}
  .login-brand-panel{min-height:auto;padding:36px 36px 30px}
  .brand-copy{margin-top:26px}
  .security-card{margin-top:30px}
  .login-form-panel{min-height:auto;padding:36px}
  .login-footer{width:min(760px,calc(100% - 24px))}
}
@media(max-width:620px){
  .login-shell{margin-top:8px;width:calc(100% - 16px);border-radius:20px 20px 0 0}
  .login-brand-panel{padding:28px 22px}
  .login-brand-logo{width:170px}
  .brand-copy h1{font-size:36px}
  .brand-copy p{font-size:14px}
  .login-feature-grid{grid-template-columns:repeat(2,1fr)}
  .login-form-panel{padding:18px}
  .login-card{padding:30px 22px}
  .login-options-row{align-items:flex-start;flex-direction:column}
  .login-footer{width:calc(100% - 16px);margin-bottom:8px;padding:0 18px;text-align:center}
}


/* =========================================================
   V2.5.4 — LOGIN REFINADO SEM DIGITAL
   ========================================================= */
.login-svg-icon,
.eye-icon{
  width:22px;
  height:22px;
  display:block;
}

.field-icon{
  color:#dba13a!important;
}

.password-toggle{
  color:#dba13a!important;
  opacity:.92;
  transition:.18s ease;
}

.password-toggle:hover{
  color:#f2bd55!important;
  transform:scale(1.04);
}

.field-wrap{
  border-color:rgba(219,161,58,.25)!important;
}

.field-wrap:focus-within{
  border-color:rgba(219,161,58,.75)!important;
  box-shadow:0 0 0 3px rgba(219,161,58,.09)!important;
}

.remember-row input{
  appearance:none;
  -webkit-appearance:none;
  width:17px!important;
  height:17px!important;
  margin:0;
  border-radius:4px;
  border:1px solid rgba(219,161,58,.75);
  background:#15171a;
  display:grid;
  place-items:center;
  cursor:pointer;
}

.remember-row input:checked{
  background:linear-gradient(135deg,#efb440,#c9871f);
  border-color:#e2a53a;
}

.remember-row input:checked::after{
  content:"";
  width:8px;
  height:4px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg) translateY(-1px);
}

.login-help-final{
  margin-top:12px!important;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.08);
}

.login-submit{
  margin-top:2px;
}

.login-options-row{
  margin-bottom:2px;
}

/* V3.0 — Multiempresa */
.tenant-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border-radius:999px;border:1px solid #e3d6c6;background:#fffaf2;color:#6a533b;font-size:10px;font-weight:800;white-space:nowrap}.admin-only.hidden{display:none!important}.admin-metrics{margin-bottom:16px}.admin-search input{height:36px;min-width:220px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff}.admin-company-list,.admin-user-list{display:grid}.admin-company-row{display:grid;grid-template-columns:44px minmax(180px,1.5fr) .7fr .6fr auto;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--line);font-size:11px}.company-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#f4e5cc;color:#8b6327;font-weight:900}.company-main{display:grid;gap:3px}.company-main b{font-size:12px}.company-main span,.company-users{color:var(--muted);font-size:10px}.admin-users-panel{margin-top:16px}.admin-user-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 1fr .7fr .7fr;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);font-size:11px}.admin-user-row>div:first-child{display:grid;gap:3px}.admin-user-row>div:first-child span{font-size:10px;color:var(--muted)}.admin-company-modal{display:grid;gap:13px}.admin-company-modal h3{margin:0;font-size:20px}.admin-company-modal label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#594b40}.admin-company-modal input,.admin-company-modal select{height:42px;border:1px solid var(--line);border-radius:10px;padding:0 11px;background:#fff}@media(max-width:980px){.admin-company-row{grid-template-columns:44px 1fr auto}.admin-company-row>div:nth-child(4){display:none}.admin-user-row{grid-template-columns:1.5fr 1fr .8fr}.admin-user-row>div:nth-child(4){display:none}.tenant-chip{display:none}}

/* V3.1 — OPERIONS CONNECT / IDENTIDADE AZUL */
:root{--bg:#f4f7fb;--panel:#fff;--ink:#122033;--muted:#718096;--line:#e3eaf2;--gold:#2878ff;--gold2:#38bdf8;--dark:#0b1220;--dark2:#111c2e;--soft:#edf5ff;--green:#22a765;--red:#d85858;--blue:#2878ff;--shadow:0 14px 42px rgba(23,52,86,.08)}
body{background:var(--bg);color:var(--ink)}
.sidebar{background:radial-gradient(circle at 20% 12%,rgba(56,189,248,.12),transparent 25%),linear-gradient(180deg,#08111f 0%,#0c1728 55%,#091321 100%);box-shadow:12px 0 34px rgba(5,15,30,.13)}
.brand{border-bottom-color:rgba(148,184,222,.13)}.logo-wrap.connect-sidebar-mark{background:linear-gradient(145deg,rgba(56,189,248,.16),rgba(37,99,235,.12));border:1px solid rgba(96,190,255,.18)}.connect-sidebar-mark svg{width:37px;height:37px}.connect-sidebar-mark svg path:first-child{fill:#2f80ed}.connect-sidebar-mark .mark-lines{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round}.brand-copy span{color:#7790ad}.nav-item{color:#9fb0c4}.nav-icon{color:#50bdf3}.nav-item:hover,.nav-item.active{background:rgba(40,120,255,.13);color:#fff}.nav-item.active{box-shadow:inset 3px 0 0 #38bdf8}.demo-note{border-color:rgba(86,170,238,.16);background:rgba(31,106,180,.08)}.demo-note b{color:#68c8f4}.demo-note span{color:#8fa5bd}
.topbar{background:rgba(244,247,251,.93);border-bottom-color:#e3eaf2}.api-pill,.status-soft{background:#eef5fb;border-color:#dce8f4;color:#52677e}.primary{background:linear-gradient(135deg,#2878ff,#1c64d9);box-shadow:0 8px 20px rgba(40,120,255,.20)}.secondary{background:#edf4fb;color:#294968;border-color:#dce8f4}.dark{background:#10233d}.ghost{border-color:#d5e1ed;color:#52677e}.link{color:#2878ff}input,select,textarea{border-color:#dbe5ef;color:#17283c}input:focus,select:focus,textarea:focus{border-color:#4699ff;box-shadow:0 0 0 3px rgba(40,120,255,.10)}.badge.blue{background:#e8f2ff;color:#2764ae}
.hero{background:radial-gradient(circle at 88% 20%,rgba(56,189,248,.17),transparent 23%),linear-gradient(120deg,#fff 0%,#f2f8ff 60%,#e6f4ff 100%);border-color:#dceaf7}.hero h2{color:#10243e}.eyebrow{color:#2878ff}.metric strong{color:#14283e}.avatar{background:#e5f3ff;color:#2878ff}
.login-shell{background:#08111f}.login-brand-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 17% 18%,rgba(40,120,255,.20),transparent 29%),radial-gradient(circle at 82% 78%,rgba(56,189,248,.08),transparent 27%),linear-gradient(145deg,#07101d 0%,#0a1728 54%,#08121f 100%)!important}.login-brand-panel::after{background:linear-gradient(135deg,transparent 0 66%,rgba(40,120,255,.08) 66% 68%,transparent 68% 100%)!important}
.connect-brand-mark{position:relative;z-index:3;display:flex;align-items:center;gap:14px}.connect-brand-mark svg{width:60px;height:60px;filter:drop-shadow(0 8px 18px rgba(28,113,223,.24))}.connect-brand-mark>div{display:grid;line-height:1}.connect-brand-mark strong{font-size:20px;letter-spacing:.18em;color:#f5f9ff}.connect-brand-mark span{margin-top:7px;font-size:12px;letter-spacing:.34em;color:#54c5f5}.brand-kicker,.login-kicker{color:#4abcf1!important}.brand-copy h1 strong{color:#3aaef0!important}.brand-copy p{color:#9fb0c4}.brand-line{background:linear-gradient(90deg,#2878ff,#38bdf8)!important}.feature-icon{color:#51c4f5!important;border-color:rgba(75,187,240,.25)!important;background:rgba(40,120,255,.07)!important}
.login-form-panel{background:radial-gradient(circle at 80% 10%,rgba(40,120,255,.08),transparent 28%),linear-gradient(155deg,#0b1422,#08111d)!important}.login-card{border-color:rgba(95,174,238,.13)!important;background:linear-gradient(145deg,rgba(17,31,50,.97),rgba(10,20,34,.97))!important;box-shadow:0 26px 80px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035)!important}.login-heading h2{color:#5ac7f5!important}.login-heading p{color:#8fa1b5}.field-icon,.password-toggle{color:#4bbcf0!important}.field-wrap{border-color:rgba(87,160,218,.22)!important;background:#0b1728!important}.field-wrap:focus-within{border-color:#398ef4!important;box-shadow:0 0 0 3px rgba(40,120,255,.10)!important}.field-wrap input{color:#eef7ff!important}.remember-row input{border-color:#418ed4!important;background:#0b1728!important}.remember-row input:checked{background:linear-gradient(135deg,#38bdf8,#2878ff)!important;border-color:#38bdf8!important}.forgot-link,.login-help span{color:#50bdf3!important}.login-submit{background:linear-gradient(90deg,#2f88ff,#2878ff 58%,#1d65d6)!important;box-shadow:0 12px 28px rgba(40,120,255,.23)!important}.login-footer{background:#08111f!important;color:#62768e!important;border-color:rgba(82,145,202,.08)!important}
.communication-watermark{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.communication-watermark .wm{position:absolute;display:grid;place-items:center;color:#67c9f5;border:1px solid currentColor;opacity:.035;font-weight:800;transform:rotate(-9deg);user-select:none}.wm-chat{width:150px;height:94px;border-radius:28px;left:7%;top:18%;font-size:34px}.wm-send{border:0!important;right:9%;top:11%;font-size:120px;transform:rotate(-28deg)!important}.wm-at{width:130px;height:130px;border-radius:50%;right:13%;bottom:17%;font-size:70px}.wm-wave{border:0!important;left:15%;bottom:8%;font-size:130px}.wm-check{border:0!important;right:36%;top:43%;font-size:74px}.wm-phone{width:100px;height:100px;border-radius:30px;left:48%;top:9%;font-size:70px}
.inbox-toolbar{padding:10px 12px;border:1px solid #dce8f4;border-radius:14px 14px 0 0;background:#fff;margin-bottom:0}.inbox-search{background:#f1f6fb!important;border-color:#e0e9f2!important}.inbox-shell{border-radius:0 0 18px 18px!important;border-color:#dce8f4!important;box-shadow:0 18px 48px rgba(23,52,86,.08)!important;overflow:hidden}.conversation-list{background:#fbfdff!important;border-right-color:#e1eaf3!important}.conversation-item:hover,.conversation-item.active{background:#edf6ff!important}.conversation-item.active{box-shadow:inset 3px 0 0 #2878ff}.conversation{background:radial-gradient(circle at 15% 20%,rgba(56,189,248,.04),transparent 22%),#f2f7fb!important}.conv-header{border-bottom-color:#e0e9f2!important}.msg{box-shadow:0 3px 10px rgba(30,58,90,.07)!important}.msg.me{background:#dceeff!important}.conv-reply{border-top-color:#e0e9f2!important}.inbox-live{color:#188d57!important}
.panel,.metric{border-color:#e0e8f1;box-shadow:0 10px 28px rgba(23,52,86,.055)}.toast{background:#0d2138}.modal{background:rgba(4,15,29,.50)}


/* =========================================================
   V3.1.1 — AJUSTES DO LOGIN
   - remove vestígios dourados
   - força login completo em 100% de zoom
   - corrige tamanho do segundo título
   ========================================================= */

/* Fundo externo: agora 100% azul-marinho */
.auth-screen{
  background:
    radial-gradient(circle at 8% 12%, rgba(40,120,255,.16), transparent 25%),
    radial-gradient(circle at 92% 14%, rgba(56,189,248,.055), transparent 22%),
    linear-gradient(145deg,#07101d 0%,#091525 55%,#07111e 100%) !important;
  overflow:hidden !important;
}

/* O conteúdo inteiro do login cabe na viewport */
.login-shell{
  height:calc(100dvh - 82px) !important;
  min-height:0 !important;
  margin:14px auto 0 !important;
}

.login-brand-panel,
.login-form-panel{
  min-height:0 !important;
  height:100%;
}

/* Rodapé integrado sem gerar rolagem */
.login-footer{
  height:54px !important;
  min-height:54px !important;
  margin:0 auto 14px !important;
}

/* Segurança: remove o dourado antigo */
.security-card{
  border-color:rgba(69,153,225,.18) !important;
  background:rgba(10,25,43,.82) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.security-icon{
  color:#4fc3f3 !important;
  background:rgba(40,120,255,.10) !important;
  border-color:rgba(75,181,238,.25) !important;
}

/* Corrige o "Operions Connect" pequeno sob Bem-vindo ao */
.brand-copy h1 strong{
  font-size:inherit !important;
  line-height:inherit !important;
}

/* Em notebooks/telas mais baixas, comprime sem cortar nada */
@media (max-height: 900px) and (min-width: 1101px){
  .login-brand-panel{
    padding:34px 48px 30px !important;
  }
  .brand-copy{
    margin-top:20px !important;
  }
  .brand-copy h1{
    font-size:clamp(34px,3.3vw,50px) !important;
  }
  .brand-copy p{
    margin-top:18px !important;
    font-size:15px !important;
    line-height:1.55 !important;
  }
  .brand-line{
    margin:20px 0 22px !important;
  }
  .feature-icon{
    width:48px !important;
    height:48px !important;
  }
  .security-card{
    margin-top:22px !important;
    padding:12px 15px !important;
  }
  .login-form-panel{
    padding:34px 48px !important;
  }
  .login-card{
    padding:34px 42px 32px !important;
  }
  .login-heading{
    margin-bottom:24px !important;
  }
  .auth-form{
    gap:15px !important;
  }
  .field-wrap{
    min-height:54px !important;
  }
  .field-wrap input{
    height:52px !important;
  }
  .login-submit{
    min-height:54px !important;
  }
}

/* Telas realmente pequenas continuam podendo rolar */
@media (max-width:1100px){
  .auth-screen{
    overflow:auto !important;
  }
  .login-shell{
    height:auto !important;
    min-height:auto !important;
  }
  .login-brand-panel,
  .login-form-panel{
    height:auto !important;
  }
}


/* =========================================================
   V3.1.2 — LOGIN / AUTOFILL E CHECKBOX
   ========================================================= */

/* Mantém o fundo escuro mesmo quando navegador preenche o e-mail/senha */
.field-wrap input,
.field-wrap input:focus,
.field-wrap input:active{
  background:transparent !important;
  color:#eef7ff !important;
  -webkit-text-fill-color:#eef7ff !important;
  caret-color:#eef7ff !important;
}

/* Chrome / Edge / navegadores Chromium */
.field-wrap input:-webkit-autofill,
.field-wrap input:-webkit-autofill:hover,
.field-wrap input:-webkit-autofill:focus,
.field-wrap input:-webkit-autofill:active{
  -webkit-text-fill-color:#eef7ff !important;
  caret-color:#eef7ff !important;
  -webkit-box-shadow:0 0 0 1000px #0b1728 inset !important;
  box-shadow:0 0 0 1000px #0b1728 inset !important;
  transition:background-color 9999s ease-out 0s !important;
}

/* Firefox */
.field-wrap input:autofill{
  background:#0b1728 !important;
  color:#eef7ff !important;
}

/* Evita mudança visual ao selecionar texto no campo */
.field-wrap input::selection{
  background:rgba(40,120,255,.38);
  color:#fff;
}

/* Checkbox perfeitamente centralizado */
.remember-row{
  display:flex !important;
  align-items:center !important;
}

.remember-row label{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  cursor:pointer;
}

.remember-row input[type="checkbox"]{
  position:relative !important;
  flex:0 0 18px !important;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  padding:0 !important;
  display:inline-block !important;
  border-radius:4px !important;
  vertical-align:middle !important;
}

/* Remove o check antigo feito por pseudo-elemento */
.remember-row input[type="checkbox"]:checked::after{
  content:none !important;
}

/* Novo check centralizado por desenho CSS */
.remember-row input[type="checkbox"]:checked::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:7px !important;
  height:4px !important;
  border-left:2px solid #fff !important;
  border-bottom:2px solid #fff !important;
  transform:translate(-50%,-62%) rotate(-45deg) !important;
  transform-origin:center !important;
}

/* Texto alinhado ao centro do checkbox */
.remember-row label span,
.remember-row label{
  line-height:18px !important;
}


/* =========================================================
   V3.1.3 — BLOQUEIO DE SUGESTÃO VISUAL DO NAVEGADOR
   ========================================================= */
#loginEmail{
  background:transparent !important;
  color:#eef7ff !important;
  -webkit-text-fill-color:#eef7ff !important;
  caret-color:#eef7ff !important;
}

#loginEmail::-webkit-contacts-auto-fill-button,
#loginEmail::-webkit-credentials-auto-fill-button{
  visibility:hidden !important;
  display:none !important;
  pointer-events:none !important;
  position:absolute !important;
  right:0 !important;
}

/* mantém seleção legível */
#loginEmail::selection{
  background:rgba(40,120,255,.42) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}


/* =========================================================
   V3.2 — DASHBOARD OPERIONS CONNECT
   ========================================================= */
.view{position:relative}
.view > *:not(.page-symbols){position:relative;z-index:2}

.page-symbols{
  position:absolute!important;
  inset:0;
  z-index:0!important;
  pointer-events:none;
  overflow:hidden;
}
.page-symbols .pg{
  position:absolute;
  color:#2878ff;
  opacity:.026;
  font-weight:800;
  user-select:none;
}
.page-symbols-dashboard .pg-chat{
  width:170px;height:105px;border:2px solid currentColor;border-radius:30px;
  display:grid;place-items:center;font-size:42px;right:4%;top:8%;
}
.page-symbols-dashboard .pg-send{font-size:150px;left:45%;top:20%;transform:rotate(-24deg)}
.page-symbols-dashboard .pg-at{
  width:135px;height:135px;border:2px solid currentColor;border-radius:50%;
  display:grid;place-items:center;font-size:74px;left:5%;bottom:10%;
}
.page-symbols-dashboard .pg-check{font-size:90px;right:15%;bottom:7%;transform:rotate(-8deg)}
.page-symbols-dashboard .pg-signal{font-size:90px;left:28%;top:50%;transform:rotate(-14deg)}

.dashboard-hero{
  min-height:210px;
  padding:32px 34px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  background:
    radial-gradient(circle at 88% 22%,rgba(56,189,248,.20),transparent 25%),
    radial-gradient(circle at 73% 80%,rgba(40,120,255,.07),transparent 32%),
    linear-gradient(118deg,#ffffff 0%,#f6faff 58%,#e9f6ff 100%)!important;
  border:1px solid #dceaf7!important;
  overflow:hidden;
}
.dashboard-hero::after{
  content:"";
  position:absolute;
  width:280px;height:280px;
  border:1px solid rgba(40,120,255,.07);
  border-radius:50%;
  right:7%;top:-120px;
}
.hero-copy{max-width:790px}
.network-label{display:flex;align-items:center;gap:10px;margin-bottom:13px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#2273d5}
.whatsapp-mark{width:27px;height:27px;display:inline-flex;filter:drop-shadow(0 4px 8px rgba(37,211,102,.18))}
.whatsapp-mark svg{width:100%;height:100%}
.channel-live{
  margin-left:5px;
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 9px;border-radius:999px;
  color:#218656;background:#eaf8f0;
  letter-spacing:0;text-transform:none;font-size:10px;font-weight:700;
}
.channel-live i{width:6px;height:6px;border-radius:50%;background:#22a765;box-shadow:0 0 0 4px rgba(34,167,101,.09)}
.dashboard-hero h2{font-size:clamp(30px,2.3vw,43px);line-height:1.04;max-width:690px;margin:0;color:#10243e}
.dashboard-hero p{max-width:720px;font-size:15px;line-height:1.6;color:#60758b;margin:14px 0 0}
.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;min-width:max-content}
.dashboard-secondary{background:#fff!important}

.dashboard-metrics{margin-top:18px}
.dashboard-metrics .metric{
  min-height:126px;
  padding:20px 20px 17px;
  overflow:hidden;
  position:relative;
  background:#fff;
}
.dashboard-metrics .metric::after{
  content:"";
  position:absolute;
  width:94px;height:94px;border-radius:50%;
  right:-32px;bottom:-38px;
  background:rgba(40,120,255,.04);
}
.metric-top{display:flex;align-items:center;gap:9px;color:#647b91;font-size:12px}
.metric-icon{
  width:30px;height:30px;border-radius:9px;
  display:grid;place-items:center;
  background:#eef6ff;color:#2878ff;font-weight:800;font-size:13px;
}
.metric-green .metric-icon{background:#eaf8f0;color:#20965b}
.metric-cyan .metric-icon{background:#e8f9ff;color:#0c9ed3}
.metric-indigo .metric-icon{background:#f0efff;color:#6558d7}
.dashboard-metrics strong{display:block;margin-top:8px;font-size:27px}
.dashboard-metrics small{color:#8495a7}

.dashboard-grid{margin-top:18px}
.dashboard-panel{min-height:268px}
.panel-kicker{display:block;color:#2878ff;font-weight:800;font-size:10px;letter-spacing:.13em;margin-bottom:5px}
.dashboard-panel .panel-head h3,.operation-panel .panel-head h3,.quick-panel .panel-head h3{margin-top:0}
.dashboard-campaign-row{padding:15px 2px!important}
.dashboard-campaign-row + .dashboard-campaign-row{border-top:1px solid #edf1f5}

.funnel-row{grid-template-columns:74px 1fr 28px;gap:12px}
.funnel-bar{background:#edf2f7!important;height:8px!important}
.funnel-bar i{background:linear-gradient(90deg,#2878ff,#38bdf8)!important;border-radius:999px}
.funnel-delivered .funnel-bar i{background:linear-gradient(90deg,#199d5e,#36c983)!important}
.funnel-read .funnel-bar i{background:linear-gradient(90deg,#16a3d6,#45c7ef)!important}
.funnel-failed .funnel-bar i{background:linear-gradient(90deg,#d85858,#ef8585)!important}

.dashboard-empty{
  min-height:175px;
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:5px;
  border:1px dashed #d9e5f0;border-radius:14px;background:#fbfdff;
}
.dashboard-empty>span{font-size:24px;color:#55bce9}
.dashboard-empty>b{color:#233d58}
.dashboard-empty>small{color:#8193a6;margin-bottom:8px}

.dashboard-bottom-grid{
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:18px;
  margin-top:18px;
  margin-bottom:18px;
}
.operation-status-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;
}
.operation-status{
  display:flex;align-items:center;gap:13px;
  padding:15px;border:1px solid #e3ebf3;border-radius:14px;background:#fbfdff;
}
.op-icon{
  width:42px;height:42px;flex:0 0 42px;border-radius:12px;
  display:grid;place-items:center;font-weight:800;font-size:17px;
  color:#2878ff;background:#edf5ff;
}
.wa-op{color:#1c9858;background:#eaf8f0}
.meta-op{color:#2878ff;background:#edf5ff;font-size:25px}
.template-op{color:#079bcf;background:#e9f9ff}
.rate-op{color:#6558d7;background:#f0efff}
.operation-status>div{display:grid;gap:2px}
.operation-status small{color:#8294a7;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.operation-status b{color:#1b324b;font-size:13px}
.operation-status em{font-style:normal;color:#8192a4;font-size:10px}
.operation-status .status-online{color:#1b9659}

.quick-actions{display:grid;gap:8px;margin-top:10px}
.quick-actions button{
  border:1px solid #e2eaf2;background:#fbfdff;border-radius:13px;
  padding:11px 12px;display:grid;grid-template-columns:34px 1fr 14px;align-items:center;
  gap:10px;text-align:left;cursor:pointer;transition:.18s ease;color:#233b54;
}
.quick-actions button:hover{border-color:#bcd9f3;background:#f3f9ff;transform:translateX(2px)}
.quick-actions button>span{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:#edf6ff;color:#2878ff;font-weight:800;
}
.quick-actions button>div{display:grid;gap:2px}
.quick-actions button b{font-size:12px}
.quick-actions button small{font-size:10px;color:#8596a7}
.quick-actions button i{font-style:normal;font-size:20px;color:#8fa9c2}

@media(max-width:1200px){
  .dashboard-bottom-grid{grid-template-columns:1fr}
  .dashboard-hero{align-items:flex-start}
}
@media(max-width:900px){
  .dashboard-hero{flex-direction:column}
  .hero-actions{justify-content:flex-start;min-width:0}
  .operation-status-grid{grid-template-columns:1fr}
}


/* =========================================================
   V3.3 — DADOS REAIS + IDENTIDADE DA EMPRESA
   ========================================================= */

.whatsapp-mark{
  width:32px!important;
  height:32px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
}
.whatsapp-mark img{
  width:32px;
  height:32px;
  object-fit:contain;
  filter:drop-shadow(0 5px 9px rgba(20,170,78,.22));
}

/* Logo da empresa no cabeçalho */
.company-header-logo{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:11px;
  border:1px solid #d8e5f1;
  background:#fff;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 5px 14px rgba(25,60,95,.07);
}
.company-header-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:4px;
  box-sizing:border-box;
}
.company-header-logo>span{
  font-size:11px;
  font-weight:800;
  color:#2878ff;
  letter-spacing:.04em;
}

/* Configurações */
.settings-view{position:relative}
.page-symbols-settings .pg{color:#2878ff;opacity:.022}
.page-symbols-settings .pg-gear{font-size:190px;right:4%;top:7%;transform:rotate(18deg)}
.page-symbols-settings .pg-link{font-size:150px;left:37%;bottom:5%}
.page-symbols-settings .pg-sliders{font-size:160px;left:4%;top:30%;transform:rotate(90deg)}
.page-symbols-settings .pg-shield{
  width:150px;height:150px;border:2px solid currentColor;border-radius:45px;
  display:grid;place-items:center;font-size:80px;right:25%;bottom:12%
}

.settings-main-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
}
.company-brand-panel,.integration-panel{min-height:440px}
.company-logo-editor{
  margin-top:16px;
  padding:18px;
  display:flex;
  gap:18px;
  align-items:center;
  background:#f8fbff;
  border:1px solid #e0eaf3;
  border-radius:16px;
}
.company-logo-preview{
  width:110px;
  height:110px;
  flex:0 0 110px;
  border-radius:22px;
  border:1px solid #d7e4ef;
  background:#fff;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(23,52,86,.07);
}
.company-logo-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:8px;
  box-sizing:border-box;
}
.company-logo-preview span{
  font-size:24px;
  font-weight:800;
  color:#2878ff;
}
.company-logo-copy{display:grid;gap:7px}
.company-logo-copy>b{color:#1d3651}
.company-logo-copy p{margin:0;color:#74879a;font-size:12px;line-height:1.5;max-width:520px}
.company-logo-copy small{color:#91a0af}
.logo-upload-actions{display:flex;gap:8px;flex-wrap:wrap}
.file-button{position:relative;cursor:pointer;display:inline-flex!important;align-items:center}
.file-button input{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  cursor:pointer!important;
}
.settings-fields{margin-top:18px}
.settings-fields label,.integration-fields label{font-size:11px;color:#5e748b;font-weight:700}
.settings-fields input,.settings-fields select,.integration-fields input{margin-top:7px}

.settings-wa-logo{
  width:54px;height:54px;object-fit:contain;
  filter:drop-shadow(0 7px 13px rgba(25,181,82,.18));
}
.integration-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:17px 0;
}
.integration-summary>div{
  padding:13px;
  border:1px solid #e2ebf3;
  border-radius:13px;
  background:#f9fcff;
  display:flex;align-items:center;gap:10px;
}
.integration-summary>div>div{display:grid;gap:2px}
.integration-summary small{color:#8394a5;font-size:10px}
.integration-summary b{font-size:12px;color:#21405f}
.integration-dot{width:8px;height:8px;border-radius:50%;background:#9eabb8}
.integration-dot.on{background:#20b66c;box-shadow:0 0 0 5px rgba(32,182,108,.09)}
.integration-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.integration-fields input:disabled{
  opacity:1;
  color:#71859a;
  background:#f3f7fb;
}
.info-notice{
  margin-top:16px!important;
  background:#eef7ff!important;
  color:#526f8c!important;
  border-color:#d8eafb!important;
}

.settings-status-panel{margin-top:18px}
.real-status .ok-text{color:#1d9c5d!important}

@media(max-width:1100px){
  .settings-main-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .company-logo-editor{align-items:flex-start;flex-direction:column}
  .integration-summary,.integration-fields{grid-template-columns:1fr}
}


/* =========================================================
   V3.4 — DASHBOARD NO ESTILO DA REFERÊNCIA
   ========================================================= */

.app{
  background:#06152a!important;
}
.main{
  background:
    radial-gradient(circle at 66% 4%,rgba(20,85,170,.16),transparent 28%),
    linear-gradient(180deg,#081a33 0%,#06162c 100%)!important;
}
.connect-sidebar{
  width:225px!important;
  background:
    radial-gradient(circle at 18% 16%,rgba(20,122,255,.11),transparent 26%),
    linear-gradient(180deg,#06182e 0%,#071a31 72%,#061528 100%)!important;
  border-right:1px solid rgba(63,132,205,.13)!important;
  box-shadow:14px 0 42px rgba(0,0,0,.22)!important;
}
.connect-brand-side{
  padding:24px 18px 20px!important;
  min-height:auto!important;
  border-bottom:1px solid rgba(89,149,204,.12)!important;
}
.connect-brand-side .brand-copy strong{
  color:#fff!important;
  font-size:15px!important;
}
.connect-brand-side .brand-copy span{
  color:#6f8faf!important;
  font-size:10px!important;
}
.connect-sidebar-mark{
  background:linear-gradient(145deg,#0c3763,#0b2d52)!important;
  border-color:rgba(50,155,241,.26)!important;
}
.connect-nav{
  padding:12px 11px!important;
  display:grid;
  gap:3px;
}
.connect-nav .nav-item{
  height:43px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  color:#a9bfd3!important;
  gap:12px!important;
  font-size:12px!important;
}
.connect-nav .nav-item .nav-icon{
  width:18px!important;
  font-size:14px!important;
  color:#20a9ff!important;
}
.connect-nav .nav-item:hover{
  background:rgba(28,92,164,.20)!important;
}
.connect-nav .nav-item.active{
  background:linear-gradient(90deg,rgba(14,82,163,.55),rgba(11,58,118,.55))!important;
  color:#fff!important;
  box-shadow:inset 2px 0 0 #18b7ff,0 0 18px rgba(12,97,193,.12)!important;
}

.sidebar-bottom{
  margin-top:auto;
  padding:12px 11px 14px;
  display:grid;
  gap:12px;
}
.admin-card{
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid rgba(30,124,223,.34);
  background:linear-gradient(145deg,rgba(7,39,77,.78),rgba(5,27,54,.80));
  border-radius:12px;
  padding:14px 12px;
}
.admin-card-icon{
  width:36px;height:36px;border-radius:9px;
  display:grid;place-items:center;
  color:#22b7ff;background:rgba(17,91,171,.18);
}
.admin-card>div:last-child{display:grid;gap:2px}
.admin-card b{color:#fff;font-size:11px}
.admin-card small{color:#6f8dad;font-size:9px}
.system-online{
  display:flex;align-items:center;gap:8px;
  color:#7f9bb5;font-size:9px;padding:0 6px;
}
.system-online i{
  width:7px;height:7px;border-radius:50%;
  background:#16df60;box-shadow:0 0 10px rgba(22,223,96,.65);
}

.connect-topbar{
  height:76px!important;
  background:
    radial-gradient(circle at 30% -30%,rgba(80,137,202,.18),transparent 50%),
    linear-gradient(90deg,rgba(10,31,56,.98),rgba(8,25,47,.98))!important;
  border-bottom:1px solid rgba(70,126,182,.14)!important;
  color:#fff!important;
  padding:0 24px!important;
}
.topbar-title h1{
  color:#fff!important;
  font-size:22px!important;
  margin:0!important;
}
.topbar-title p{
  color:#7794af!important;
  font-size:10px!important;
  margin:4px 0 0!important;
}
.connect-top-actions{
  display:flex;
  align-items:center;
  gap:10px!important;
}
.company-switcher{
  min-width:150px;height:45px;padding:0 10px;
  border:1px solid rgba(65,132,205,.25);
  background:rgba(7,29,55,.70);
  border-radius:20px;
  display:flex;align-items:center;gap:8px;
}
.company-switcher .company-header-logo{
  width:28px!important;height:28px!important;flex-basis:28px!important;
  border-radius:9px!important;
  background:#fff!important;
  border:none!important;
}
.company-switcher-copy{
  min-width:0;
  display:grid;line-height:1.05;flex:1;
}
.company-switcher-copy small{
  font-size:7px;color:#6e8ca8;margin-bottom:4px;
}
.company-switcher-copy b{
  font-size:9px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.switcher-chevron{color:#6e96bc;font-size:12px}
.connection-pill{
  height:38px;padding:0 15px;border-radius:20px;
  display:flex;align-items:center;gap:7px;
  background:rgba(4,83,69,.44);border:1px solid rgba(24,171,118,.16);
  color:#26df78;font-size:9px;font-weight:700;
}
.connection-pill i,.service-light{
  width:7px;height:7px;border-radius:50%;background:#19df66;
  box-shadow:0 0 10px rgba(25,223,102,.7);
}
.user-pill{
  height:45px;min-width:180px;padding:0 11px;
  border:1px solid rgba(65,132,205,.23);
  background:rgba(7,29,55,.68);
  border-radius:20px;
  display:flex;align-items:center;gap:9px;
}
.user-avatar-mini{
  width:28px;height:28px;border-radius:50%;
  background:#fff;color:#2878ff;display:grid;place-items:center;
  font-weight:800;font-size:11px;
}
.user-pill>div{display:grid;line-height:1.15}
.user-pill b{font-size:8px;color:#fff;font-weight:700}
.user-pill small{font-size:7px;color:#6f8ba6}
.top-icon-btn{
  width:34px;height:34px;border:0;background:transparent;color:#bed0e1;
  font-size:17px;display:grid;place-items:center;border-radius:10px;cursor:pointer;
}
.top-icon-btn:hover{background:rgba(39,101,165,.18);color:#fff}

.main-content{
  background:
    radial-gradient(circle at 76% 6%,rgba(21,94,184,.10),transparent 24%),
    linear-gradient(180deg,#07182e 0%,#06162b 100%)!important;
}
.dashboard-reference{
  padding:14px 16px 10px!important;
  color:#dceafa;
  min-height:calc(100vh - 76px);
}
.dashboard-reference .page-symbols .pg{
  color:#1ba6ff!important;
  opacity:.018!important;
}

.dashboard-banner{
  min-height:128px;
  display:grid;grid-template-columns:1fr 360px;
  border:1px solid rgba(36,118,212,.38);
  border-radius:10px;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 30%,rgba(15,151,236,.23),transparent 24%),
    linear-gradient(90deg,#0a2346 0%,#0d2855 55%,#0b477b 100%);
  box-shadow:0 8px 26px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.03);
}
.dashboard-banner-copy{
  padding:20px 24px;
  display:flex;flex-direction:column;justify-content:center;
}
.banner-channel-line{
  display:flex;align-items:center;gap:8px;
  color:#fff;font-size:10px;margin-bottom:10px;
}
.banner-channel-line img{
  width:28px;height:28px;object-fit:contain;
}
.banner-channel-line b{font-size:9px}
.mini-connected{
  padding:3px 7px;border-radius:999px;
  color:#25e77c;background:rgba(12,92,67,.42);
  font-size:7px;font-weight:700;
}
.dashboard-banner h2{
  margin:0;color:#fff;font-size:20px;line-height:1.1;
}
.dashboard-banner p{
  margin:7px 0 0;color:#9db7d0;font-size:9px;
}
.dashboard-phone-art{
  position:relative;min-height:128px;overflow:hidden;
  background:
    radial-gradient(circle at 69% 46%,rgba(0,213,255,.18),transparent 26%),
    repeating-radial-gradient(ellipse at bottom right,transparent 0 13px,rgba(21,151,229,.12) 14px 15px);
}
.phone-device{
  position:absolute;right:85px;top:7px;
  width:70px;height:122px;border-radius:16px 16px 12px 12px;
  border:3px solid #139cf0;
  background:linear-gradient(160deg,#082348,#0d4c78);
  box-shadow:0 0 24px rgba(0,170,255,.38),inset 0 0 18px rgba(6,111,181,.35);
  transform:rotate(4deg);
}
.phone-notch{
  width:26px;height:4px;border-radius:0 0 4px 4px;background:#04152a;margin:0 auto;
}
.phone-screen{height:100%;display:grid;place-items:center}
.phone-screen img{
  width:45px;height:45px;filter:drop-shadow(0 0 12px rgba(36,226,101,.55));
}
.art-message,.art-check{
  position:absolute;display:grid;place-items:center;font-weight:800;
  box-shadow:0 8px 18px rgba(0,0,0,.22);
}
.art-message{
  width:45px;height:34px;border-radius:9px;
  background:linear-gradient(145deg,#0c88ef,#086cd2);color:#fff;
}
.art-message-a{right:150px;top:44px}
.art-message-b{right:33px;bottom:17px;opacity:.35}
.art-check{
  width:34px;height:34px;border-radius:12px 12px 12px 4px;
  background:linear-gradient(145deg,#25dc74,#13b555);color:#fff;font-size:20px;
}
.art-check-a{right:47px;top:30px}
.art-check-b{right:185px;top:18px;background:linear-gradient(145deg,#19b6ef,#0b82db)}

.dashboard-kpis{
  display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px;
}
.dark-kpi{
  height:93px;
  padding:13px 14px;
  border:1px solid rgba(43,110,184,.35);
  border-radius:9px;
  background:linear-gradient(145deg,rgba(9,37,74,.96),rgba(7,28,57,.96));
  display:flex;align-items:center;gap:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.kpi-icon{
  width:44px;height:44px;flex:0 0 44px;border-radius:50%;
  display:grid;place-items:center;font-weight:800;
  background:rgba(24,106,219,.22);color:#20a9ff;font-size:15px;
}
.kpi-purple .kpi-icon{background:rgba(98,61,225,.24);color:#8c66ff}
.kpi-cyan .kpi-icon{background:rgba(0,156,198,.24);color:#24d4ed}
.kpi-green .kpi-icon{background:rgba(0,144,88,.25);color:#25df75}
.kpi-gold .kpi-icon{background:rgba(164,102,0,.26);color:#ffc323;font-size:11px}
.dark-kpi>div{display:grid;gap:3px}
.dark-kpi small{color:#b7c9db;font-size:8px}
.dark-kpi strong{color:#fff;font-size:18px}
.dark-kpi em{font-style:normal;color:#708eaa;font-size:7px}

.dashboard-main-grid{
  display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:10px;
}
.dashboard-left-stack,.dashboard-right-stack{display:grid;gap:10px}
.dark-panel{
  border:1px solid rgba(43,110,184,.32);
  border-radius:9px;
  background:linear-gradient(145deg,rgba(7,31,62,.98),rgba(7,26,52,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.dark-panel-head{
  padding:12px 13px 8px;
  display:flex;justify-content:space-between;align-items:flex-start;
}
.dark-panel-head h3,.compact-stat-panel h3,.quick-dark-panel h3{
  margin:0;color:#fff;font-size:10px;
}
.dark-panel-head p,.compact-stat-panel p,.quick-dark-panel p{
  margin:3px 0 0;color:#7894af;font-size:7px;
}
.performance-panel{min-height:150px}
.performance-cards{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 12px 12px;
}
.performance-card{
  min-height:85px;padding:10px;
  border:1px solid rgba(46,108,178,.25);
  border-radius:8px;background:rgba(8,37,72,.72);
  display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;
  align-items:center;column-gap:8px;
}
.pc-icon{
  grid-row:1/3;width:31px;height:31px;border-radius:50%;
  display:grid;place-items:center;background:rgba(12,118,220,.17);color:#21aaff;font-size:12px;
}
.pc-icon.delivered{background:rgba(0,143,86,.19);color:#20df74}
.pc-icon.read{background:rgba(0,123,192,.19);color:#24bff0}
.pc-icon.failed{background:rgba(161,38,56,.18);color:#ff596c}
.performance-card small{color:#a8bfd3;font-size:7px}
.performance-card b{color:#fff;font-size:18px}

.campaigns-panel{min-height:188px}
.dark-link{
  border:0;background:transparent;color:#22aaff;font-size:8px;cursor:pointer;
}
.dark-campaign-row{
  margin:0 12px;padding:10px 2px;
  display:flex;justify-content:space-between;align-items:center;
  border-top:1px solid rgba(69,109,151,.15);
}
.dark-campaign-row:first-child{border-top:0}
.dark-campaign-row>div{display:grid;gap:2px}
.dark-campaign-row b{color:#fff;font-size:9px}
.dark-campaign-row small{color:#7691aa;font-size:7px}
.dark-empty-state{
  margin:2px 12px 12px;
  min-height:124px;
  border:1px solid rgba(42,105,175,.25);
  border-radius:8px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:5px;background:rgba(3,18,36,.28);
}
.dark-empty-icon{color:#24aaff;font-size:28px;transform:rotate(-15deg)}
.dark-empty-state b{color:#fff;font-size:9px}
.dark-empty-state small{color:#7692ad;font-size:7px}
.dark-empty-state .primary{font-size:7px;padding:6px 12px!important;min-height:27px!important}

.connection-panel{min-height:190px}
.connection-row{
  margin:0 12px 7px;
  min-height:46px;padding:7px 9px;
  border:1px solid rgba(44,105,174,.26);
  border-radius:8px;background:rgba(7,39,75,.67);
  display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;
}
.connection-service{display:flex;align-items:center;gap:9px}
.connection-service img{width:28px;height:28px}
.connection-service>div{display:grid;gap:2px}
.connection-service b{color:#fff;font-size:8px}
.connection-service small{color:#21d379;font-size:7px}
.meta-symbol,.template-symbol{
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;font-weight:800;
}
.meta-symbol{font-size:22px;color:#fff;background:#1378ff}
.template-symbol{font-size:14px;color:#c987ff;background:rgba(108,55,210,.55)}
.dark-mini-btn{
  border:1px solid rgba(46,114,196,.45);background:#0b3d78;color:#bcd8f3;
  border-radius:7px;padding:5px 10px;font-size:7px;cursor:pointer;
}
.status-text{
  color:#22e17b;background:rgba(1,91,65,.35);
  padding:5px 10px;border-radius:999px;font-size:7px;
}

.funnel-panel{min-height:160px}
.period-pill{
  color:#6f8daa;border:1px solid rgba(64,110,157,.22);
  border-radius:7px;padding:5px 9px;font-size:7px;
}
#funnel{padding:0 12px 10px}
.dark-funnel-row{
  display:grid;grid-template-columns:76px 1fr 22px 28px;gap:8px;align-items:center;margin:7px 0;
}
.dark-funnel-row>span{
  display:flex;align-items:center;gap:6px;color:#a4bbd0;font-size:7px;
}
.dark-funnel-row>span i{
  width:7px;height:7px;border-radius:50%;background:#168fff;
}
.dark-funnel-row.funnel-delivered>span i{background:#19d66d}
.dark-funnel-row.funnel-read>span i{background:#1ac9e8}
.dark-funnel-row.funnel-failed>span i{background:#ff4152}
.dark-funnel-bar{
  height:7px;border-radius:999px;background:#0a3566;overflow:hidden;
}
.dark-funnel-bar b{
  display:block;height:100%;background:#168fff;border-radius:999px;
}
.funnel-delivered .dark-funnel-bar b{background:#19d66d}
.funnel-read .dark-funnel-bar b{background:#1ac9e8}
.funnel-failed .dark-funnel-bar b{background:#ff4152}
.dark-funnel-row strong{color:#fff;font-size:7px}
.dark-funnel-row em{font-style:normal;color:#7b97b1;font-size:7px}

.dashboard-bottom-row{
  display:grid;grid-template-columns:.75fr .75fr 1.4fr;gap:10px;margin-top:10px;
}
.compact-stat-panel,.quick-dark-panel{padding:11px 12px;min-height:92px}
.compact-stat-content{
  margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.compact-stat-content>div:first-child{display:flex;align-items:baseline;gap:5px}
.compact-stat-content strong{color:#fff;font-size:18px}
.compact-stat-content small{color:#7794ae;font-size:7px}
.delivery-progress{
  flex:1;height:7px;background:#0a3566;border-radius:999px;overflow:hidden;
}
.delivery-progress i{
  display:block;height:100%;width:0;background:#19d66d;border-radius:999px;
}
.quick-dark-actions{
  display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px;
}
.quick-dark-actions button{
  min-height:38px;border:1px solid rgba(48,108,174,.32);
  background:#082d5c;color:#b8d0e7;border-radius:7px;
  font-size:7px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;
}
.quick-dark-actions .quick-blue{
  background:linear-gradient(145deg,#1189ff,#0862d8);color:#fff;border-color:#168dff;
}

.dashboard-footer{
  margin-top:10px;padding:8px 4px 0;
  display:flex;justify-content:space-between;align-items:center;
  color:#5e7e9d;font-size:7px;
  border-top:1px solid rgba(50,100,151,.14);
}
.dashboard-footer>div{display:flex;align-items:center;gap:8px}
.dashboard-footer i{height:8px;width:1px;background:#36526d}
.dashboard-footer a{color:#6b89a6;text-decoration:none}

@media(max-width:1250px){
  .dashboard-kpis{grid-template-columns:repeat(3,1fr)}
  .dashboard-main-grid{grid-template-columns:1fr}
  .dashboard-bottom-row{grid-template-columns:1fr}
  .dashboard-banner{grid-template-columns:1fr 260px}
}
@media(max-width:900px){
  .connect-top-actions .company-switcher,
  .connect-top-actions .connection-pill{display:none}
  .dashboard-kpis{grid-template-columns:1fr 1fr}
  .performance-cards{grid-template-columns:1fr 1fr}
  .dashboard-banner{grid-template-columns:1fr}
  .dashboard-phone-art{display:none}
  .quick-dark-actions{grid-template-columns:1fr 1fr}
}


/* =========================================================
   V3.4.1 — MENU / CABEÇALHO / ALTURA DO DASHBOARD
   ========================================================= */

/* Corrige o vão branco: sidebar e conteúdo usam a MESMA largura */
.connect-sidebar{
  width:225px!important;
  padding:0!important;
}
.main{
  margin-left:225px!important;
  width:calc(100% - 225px)!important;
  min-height:100vh!important;
  background:#06162b!important;
}

/* O menu lateral deve sempre ficar visível */
.connect-nav{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}
.connect-nav .nav-item{
  display:flex!important;
}
.connect-nav .nav-item.admin-only.hidden{
  display:none!important;
}

/* Dashboard usa toda a altura útil e empurra o rodapé para o final */
.dashboard-reference.view.active{
  display:flex!important;
  flex-direction:column!important;
  min-height:calc(100vh - 76px)!important;
  height:auto!important;
}
.dashboard-reference .dashboard-footer{
  margin-top:auto!important;
  padding-top:11px!important;
  min-height:28px;
}

/* Distribui melhor os blocos em telas grandes */
@media(min-height:900px) and (min-width:1200px){
  .dashboard-banner{min-height:142px!important}
  .dark-kpi{height:102px!important}
  .performance-panel{min-height:164px!important}
  .campaigns-panel{min-height:205px!important}
  .connection-panel{min-height:205px!important}
  .funnel-panel{min-height:172px!important}
  .compact-stat-panel,.quick-dark-panel{min-height:102px!important}
}

/* Menu do usuário */
.user-menu-wrap{
  position:relative;
}
.user-pill-button{
  border:1px solid rgba(65,132,205,.23)!important;
  cursor:pointer;
  color:inherit;
  font-family:inherit;
  text-align:left;
}
.user-pill-button:hover{
  background:rgba(12,42,75,.92)!important;
  border-color:rgba(70,153,234,.38)!important;
}
.user-chevron{
  margin-left:auto;
  color:#6e96bc;
  font-size:13px;
  transition:transform .16s ease;
}
.user-pill-button[aria-expanded="true"] .user-chevron{
  transform:rotate(180deg);
}
.user-dropdown{
  position:absolute;
  right:0;
  top:calc(100% + 7px);
  width:148px;
  padding:6px;
  border-radius:10px;
  border:1px solid rgba(54,121,191,.28);
  background:#0a203b;
  box-shadow:0 14px 34px rgba(0,0,0,.30);
  z-index:100;
}
.user-dropdown button{
  width:100%;
  border:0;
  background:transparent;
  color:#dbeaff;
  border-radius:7px;
  padding:9px 10px;
  display:flex;
  align-items:center;
  gap:9px;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}
.user-dropdown button:hover{
  background:rgba(29,107,188,.20);
  color:#fff;
}
.dropdown-logout-icon{
  color:#45b9ff;
  font-size:14px;
}

/* Sino verdadeiro */
.bell-btn svg{
  width:18px;
  height:18px;
  display:block;
}
.bell-btn{
  color:#b9ccdf!important;
}
.bell-btn:hover{
  color:#fff!important;
}

/* Em telas estreitas mantém o cálculo sem barra branca */
@media(max-width:760px){
  .connect-sidebar{
    width:74px!important;
  }
  .main{
    margin-left:74px!important;
    width:calc(100% - 74px)!important;
  }
  .connect-nav .nav-item span:last-child{
    display:none!important;
  }
  .connect-brand-side .brand-copy,
  .sidebar-bottom .admin-card>div:last-child,
  .system-online span{
    display:none!important;
  }
}


/* =========================================================
   V3.5 — TIPOGRAFIA + CONTATOS
   ========================================================= */

/* Dashboard: textos pequenos um pouco maiores e mais legíveis */
.dashboard-banner p{font-size:11px!important;line-height:1.45!important}
.banner-channel-line b{font-size:10px!important}
.mini-connected{font-size:8px!important}
.dark-kpi small{font-size:9.5px!important}
.dark-kpi em{font-size:8.5px!important}
.dark-panel-head h3,
.compact-stat-panel h3,
.quick-dark-panel h3{font-size:11.5px!important}
.dark-panel-head p,
.compact-stat-panel p,
.quick-dark-panel p{font-size:8.5px!important;line-height:1.35!important}
.performance-card small{font-size:8.5px!important}
.connection-service b{font-size:9.5px!important}
.connection-service small{font-size:8px!important}
.dark-funnel-row>span,
.dark-funnel-row strong,
.dark-funnel-row em{font-size:8.5px!important}
.dark-campaign-row b{font-size:9.5px!important}
.dark-campaign-row small{font-size:8px!important}
.dark-empty-state b{font-size:10px!important}
.dark-empty-state small{font-size:8.5px!important}
.dashboard-footer{font-size:8px!important}
.quick-dark-actions button{font-size:8px!important}
.status-text,.dark-mini-btn,.period-pill{font-size:8px!important}

/* Contatos */
.contacts-view{
  min-height:calc(100vh - 76px);
  padding:18px 20px 24px!important;
  color:#dbeaff;
  background:
    radial-gradient(circle at 88% 5%,rgba(19,108,206,.10),transparent 24%),
    linear-gradient(180deg,#07182e 0%,#06162b 100%)!important;
}
.page-symbols-contacts .pg{
  color:#20aaff!important;
  opacity:.018!important;
}
.page-symbols-contacts .pg-person-a{font-size:190px;right:5%;top:6%}
.page-symbols-contacts .pg-person-b{font-size:145px;left:45%;bottom:8%;transform:rotate(8deg)}
.page-symbols-contacts .pg-network{font-size:170px;left:8%;bottom:2%}
.page-symbols-contacts .pg-at{font-size:120px;right:29%;top:40%}

.contacts-head-actions{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  margin-bottom:16px;
}
.contacts-head-copy>span{
  color:#21aaff;font-size:9px;font-weight:800;letter-spacing:.14em;
}
.contacts-head-copy h2{
  margin:5px 0 5px;color:#fff;font-size:22px;
}
.contacts-head-copy p{
  margin:0;color:#7f9bb6;font-size:10px;
}
.contacts-add-btn{
  min-height:38px!important;padding:0 16px!important;border-radius:8px!important;font-size:10px!important;
}

.contacts-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;
}
.contact-metric{
  min-height:86px;padding:13px 14px;
  display:flex;align-items:center;gap:12px;
  border:1px solid rgba(43,110,184,.34);
  border-radius:9px;
  background:linear-gradient(145deg,rgba(9,37,74,.96),rgba(7,28,57,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.contact-metric-icon{
  width:42px;height:42px;flex:0 0 42px;border-radius:50%;
  display:grid;place-items:center;font-weight:800;
  background:rgba(24,106,219,.20);color:#20a9ff;font-size:15px;
}
.metric-optin .contact-metric-icon{background:rgba(0,144,88,.22);color:#25df75}
.metric-nooptin .contact-metric-icon{background:rgba(191,123,0,.18);color:#ffc244}
.metric-blocked .contact-metric-icon{background:rgba(161,38,56,.18);color:#ff6675}
.contact-metric>div{display:grid;gap:2px}
.contact-metric small{color:#a8bfd3;font-size:8.5px}
.contact-metric strong{color:#fff;font-size:20px}
.contact-metric em{font-style:normal;color:#6f8da9;font-size:7.5px}

.contacts-panel{
  border:1px solid rgba(43,110,184,.34);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(7,31,62,.98),rgba(7,26,52,.98));
  box-shadow:0 12px 34px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.02);
  overflow:hidden;
}
.contacts-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1.5fr) minmax(150px,.7fr) minmax(150px,.7fr) auto;
  gap:9px;padding:13px;
  border-bottom:1px solid rgba(50,102,157,.17);
}
.contacts-search-wrap{
  height:38px;border:1px solid rgba(54,119,190,.32);
  border-radius:8px;background:#071e3b;
  display:flex;align-items:center;gap:8px;padding:0 11px;
}
.contacts-search-wrap>span{color:#20aaff;font-size:16px}
.contacts-search-wrap input{
  width:100%;height:100%;padding:0!important;border:0!important;background:transparent!important;
  color:#dceaff!important;box-shadow:none!important;font-size:10px!important;
}
.contacts-search-wrap input::placeholder{color:#66839e}
.contacts-filter{
  height:38px!important;border-color:rgba(54,119,190,.32)!important;
  background:#071e3b!important;color:#b8cee2!important;font-size:9.5px!important;
}
.contacts-import-btn{
  min-height:38px;padding:0 13px;border:1px solid rgba(48,115,190,.42);
  border-radius:8px;background:#0a3363;color:#c2d9ef;
  display:flex;align-items:center;justify-content:center;gap:6px;
  font-size:9px;font-weight:700;cursor:pointer;position:relative;overflow:hidden;
}
.contacts-import-btn:hover{background:#0d427e}
.contacts-import-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}

.bulk-actions{
  min-height:43px;padding:0 13px;
  background:rgba(12,66,121,.30);
  border-bottom:1px solid rgba(55,117,184,.22);
  display:flex;align-items:center;justify-content:space-between;
  color:#afc8de;font-size:9px;
}
.bulk-actions b{color:#fff}
.bulk-actions>div:last-child{display:flex;gap:7px}
.bulk-btn{
  border:1px solid rgba(60,126,196,.34);background:#0a2e59;color:#bcd3e8;
  border-radius:7px;padding:6px 9px;font-size:8px;cursor:pointer;
}
.bulk-btn.danger{border-color:rgba(215,75,89,.30);color:#ff8b98;background:rgba(112,27,39,.22)}

.contacts-table-wrap{overflow:auto;min-height:230px}
.contacts-table{
  width:100%;border-collapse:collapse;color:#b8cde0;
}
.contacts-table th{
  padding:10px 11px;text-align:left;
  color:#7290aa;font-size:7.5px;text-transform:uppercase;letter-spacing:.08em;
  border-bottom:1px solid rgba(55,105,156,.18);font-weight:700;
  white-space:nowrap;
}
.contacts-table td{
  padding:10px 11px;border-bottom:1px solid rgba(48,91,137,.12);
  font-size:9px;vertical-align:middle;
}
.contacts-table tbody tr:hover{background:rgba(15,64,112,.16)}
.select-col{width:34px;text-align:center!important}
.actions-col{text-align:right!important;white-space:nowrap}
.contacts-table input[type="checkbox"]{
  width:15px;height:15px;accent-color:#168dff;
}
.contact-name-cell{display:flex;align-items:center;gap:9px}
.contact-avatar{
  width:30px;height:30px;flex:0 0 30px;border-radius:9px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#0d5eb6,#123e7c);
  color:#cbe8ff;font-size:8px;font-weight:800;
}
.contact-name-cell>div{display:grid;gap:2px}
.contact-name-cell b{color:#eef7ff;font-size:9.5px}
.contact-name-cell small{color:#607f9d;font-size:7.5px}
.contact-phone{color:#b8cfe4;font-variant-numeric:tabular-nums}
.contact-tag{
  display:inline-flex;padding:4px 7px;border-radius:999px;
  background:rgba(25,108,202,.18);color:#6fc3ff;font-size:7.5px;font-weight:700;
}
.contact-origin{color:#9bb3c9}
.contact-status{
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 7px;border-radius:999px;font-size:7.5px;font-weight:700;
}
.contact-status i{width:5px;height:5px;border-radius:50%}
.contact-status.optin{color:#4ce08c;background:rgba(0,121,72,.20)}
.contact-status.optin i{background:#27df77}
.contact-status.nooptin{color:#f1bf5c;background:rgba(139,91,0,.18)}
.contact-status.nooptin i{background:#f0b83f}
.contact-status.blocked{color:#ff8592;background:rgba(133,31,45,.19)}
.contact-status.blocked i{background:#ff5b6d}
.contact-row-actions{display:flex;justify-content:flex-end;gap:5px}
.contact-row-actions button{
  border:1px solid rgba(61,123,190,.32);background:#092d58;color:#b9d0e6;
  border-radius:6px;padding:5px 7px;font-size:7.5px;cursor:pointer;
}
.contact-row-actions button:hover{background:#0c417a;color:#fff}
.contact-row-actions button.danger{color:#ff8e9a;border-color:rgba(202,73,88,.26);background:rgba(97,28,39,.16)}

.contacts-empty{
  min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:5px;text-align:center;
}
.contacts-empty-icon{
  width:50px;height:50px;border-radius:15px;display:grid;place-items:center;
  color:#21aaff;background:rgba(15,104,195,.16);font-size:22px;margin-bottom:3px;
}
.contacts-empty b{color:#fff;font-size:11px}
.contacts-empty p{color:#6f8da8;font-size:9px;margin:0 0 7px}

.contacts-footer{
  min-height:48px;padding:0 13px;
  border-top:1px solid rgba(55,105,156,.17);
  display:flex;align-items:center;justify-content:space-between;
}
.contacts-count{color:#7895af;font-size:8.5px}
.contacts-pagination{display:flex;align-items:center;gap:7px;color:#7895af;font-size:8px}
.contacts-pagination label{display:flex;align-items:center;gap:6px}
.contacts-pagination select{
  width:58px;height:28px!important;background:#071e3b!important;color:#b9d0e5!important;
  border-color:rgba(54,119,190,.30)!important;font-size:8px!important;padding:0 7px!important;
}
.contacts-pagination button{
  width:28px;height:28px;border-radius:7px;border:1px solid rgba(54,119,190,.30);
  background:#082a52;color:#bcd5ec;cursor:pointer;
}
.contacts-pagination button:disabled{opacity:.35;cursor:default}

/* Modal de exclusão */
.delete-contact-modal,.csv-result-modal{
  text-align:center;display:flex;flex-direction:column;align-items:center;
}
.delete-contact-icon,.csv-result-icon{
  width:54px;height:54px;border-radius:17px;display:grid;place-items:center;
  font-size:22px;font-weight:800;margin-bottom:8px;
}
.delete-contact-icon{background:rgba(166,39,54,.12);color:#ee6070;border:1px solid rgba(207,72,87,.20)}
.csv-result-icon{background:rgba(0,142,84,.13);color:#2bdb7a;border:1px solid rgba(36,184,109,.20)}
.delete-contact-modal h3,.csv-result-modal h3{margin:2px 0 7px}
.delete-contact-modal p,.csv-result-modal p{color:#71869b;line-height:1.55}
.delete-contact-modal small{color:#a7797f}
.danger-solid{
  border:0;background:linear-gradient(145deg,#d84d60,#b93649);color:#fff;
  border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;
}
.csv-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:12px 0}
.csv-result-grid>div{padding:12px;border:1px solid #e0e9f1;border-radius:10px;background:#f7fafc;display:grid;gap:3px}
.csv-result-grid b{font-size:20px;color:#163450}
.csv-result-grid span{font-size:9px;color:#74889b}

@media(max-width:1100px){
  .contacts-metrics{grid-template-columns:1fr 1fr}
  .contacts-toolbar{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .contacts-head-actions{align-items:flex-start;flex-direction:column}
  .contacts-metrics{grid-template-columns:1fr}
  .contacts-toolbar{grid-template-columns:1fr}
  .contacts-footer{align-items:flex-start;gap:10px;flex-direction:column;padding:10px 13px}
}


/* =========================================================
   V3.5.1 — LEGIBILIDADE
   Aumento moderado das fontes pequenas do Dashboard e Contatos
   ========================================================= */

/* Cabeçalho */
.connect-topbar h1{font-size:24px!important}
.connect-topbar p{font-size:11px!important}
.company-pill small,
.user-pill small{font-size:8.5px!important}
.company-pill b,
.user-pill b{font-size:9.5px!important}
.connection-pill{font-size:9px!important}

/* Dashboard */
.dashboard-banner p{font-size:12px!important}
.banner-channel-line b{font-size:11px!important}
.mini-connected{font-size:9px!important}
.dark-kpi small{font-size:10.5px!important}
.dark-kpi strong{font-size:21px!important}
.dark-kpi em{font-size:9.5px!important}
.dark-panel-head h3,
.compact-stat-panel h3,
.quick-dark-panel h3{font-size:13px!important}
.dark-panel-head p,
.compact-stat-panel p,
.quick-dark-panel p{font-size:9.5px!important}
.performance-card small{font-size:9.5px!important}
.performance-card strong{font-size:20px!important}
.connection-service b{font-size:10.5px!important}
.connection-service small{font-size:9px!important}
.dark-funnel-row>span,
.dark-funnel-row strong,
.dark-funnel-row em{font-size:9.5px!important}
.dark-campaign-row b{font-size:10.5px!important}
.dark-campaign-row small{font-size:9px!important}
.dark-empty-state b{font-size:11px!important}
.dark-empty-state small{font-size:9.5px!important}
.quick-dark-actions button,
.status-text,.dark-mini-btn,.period-pill{font-size:9px!important}
.dashboard-footer{font-size:9px!important}

/* Contatos — título e introdução */
.contacts-head-copy>span{font-size:10.5px!important}
.contacts-head-copy h2{font-size:24px!important}
.contacts-head-copy p{font-size:11.5px!important}
.contacts-add-btn{font-size:11px!important}

/* Cards de contatos */
.contact-metric small{font-size:10px!important}
.contact-metric strong{font-size:22px!important}
.contact-metric em{font-size:9px!important}

/* Busca e filtros */
.contacts-search-wrap input{font-size:11px!important}
.contacts-filter{font-size:10.5px!important}
.contacts-import-btn{font-size:10px!important}

/* Tabela */
.contacts-table th{font-size:9px!important}
.contacts-table td{font-size:10.5px!important}
.contact-name-cell b{font-size:11px!important}
.contact-name-cell small{font-size:9px!important}
.contact-phone{font-size:10.5px!important}
.contact-tag,
.contact-status{font-size:9px!important}
.contact-origin{font-size:10.5px!important}
.contact-row-actions button{font-size:9px!important;padding:6px 9px!important}

/* Rodapé / paginação */
.contacts-count{font-size:9.5px!important}
.contacts-pagination{font-size:9.5px!important}
.contacts-pagination select{font-size:9.5px!important}

/* Seleção múltipla */
.bulk-actions{font-size:10px!important}
.bulk-btn{font-size:9px!important}

/* Estado vazio */
.contacts-empty b{font-size:12px!important}
.contacts-empty p{font-size:10.5px!important}

/* =========================================================
   V3.5.2 — ESCALA TIPOGRÁFICA DE LEITURA
   Ajuste baseado em uso real em monitor desktop.
   ========================================================= */

/* Menu lateral */
.connect-brand-side .brand-copy strong{font-size:16px!important;line-height:1.25!important}
.connect-brand-side .brand-copy span{font-size:11px!important;line-height:1.35!important}
.connect-nav .nav-item{font-size:13px!important;min-height:43px!important}
.connect-nav .nav-icon{font-size:15px!important}
.sidebar-bottom .admin-card b{font-size:12px!important}
.sidebar-bottom .admin-card span,.system-online{font-size:10px!important}

/* Cabeçalho */
.connect-topbar h1{font-size:25px!important}
.connect-topbar p{font-size:12px!important}
.company-pill small,.user-pill small{font-size:9.5px!important}
.company-pill b,.user-pill b{font-size:11px!important}
.connection-pill{font-size:10.5px!important}

/* Dashboard */
.dashboard-banner h2{font-size:24px!important}
.dashboard-banner p{font-size:13px!important;line-height:1.55!important}
.banner-channel-line b{font-size:12px!important}
.mini-connected{font-size:10px!important}
.dark-kpi small{font-size:12px!important}
.dark-kpi strong{font-size:24px!important}
.dark-kpi em{font-size:10.5px!important}
.dark-panel-head h3,.compact-stat-panel h3,.quick-dark-panel h3{font-size:14px!important}
.dark-panel-head p,.compact-stat-panel p,.quick-dark-panel p{font-size:11px!important}
.performance-card small{font-size:11px!important}
.performance-card strong{font-size:22px!important}
.connection-service b{font-size:12px!important}
.connection-service small{font-size:10.5px!important}
.dark-funnel-row>span,.dark-funnel-row strong,.dark-funnel-row em{font-size:10.5px!important}
.dark-campaign-row b{font-size:12px!important}
.dark-campaign-row small{font-size:10.5px!important}
.dark-empty-state b{font-size:12.5px!important}
.dark-empty-state small{font-size:10.5px!important}
.quick-dark-actions button,.status-text,.dark-mini-btn,.period-pill{font-size:10.5px!important}
.dashboard-footer{font-size:10px!important}

/* Contatos — cabeçalho */
.contacts-head-copy>span{font-size:11.5px!important}
.contacts-head-copy h2{font-size:25px!important}
.contacts-head-copy p{font-size:13px!important;line-height:1.45!important}
.contacts-add-btn{font-size:12px!important;min-height:42px!important}

/* Contatos — indicadores */
.contact-metric{min-height:96px!important;padding:15px 16px!important}
.contact-metric small{font-size:12px!important}
.contact-metric strong{font-size:25px!important}
.contact-metric em{font-size:10.5px!important;line-height:1.35!important}
.contact-metric-icon{width:44px!important;height:44px!important;flex-basis:44px!important;font-size:17px!important}

/* Contatos — filtros */
.contacts-toolbar{gap:10px!important;padding:14px!important}
.contacts-search-wrap,.contacts-filter,.contacts-import-btn{min-height:42px!important;height:42px!important}
.contacts-search-wrap input{font-size:12.5px!important}
.contacts-search-wrap input::placeholder{font-size:12px!important}
.contacts-filter{font-size:12px!important}
.contacts-import-btn{font-size:11.5px!important}

/* Contatos — tabela: escala próxima de páginas web convencionais */
.contacts-table th{font-size:10.5px!important;padding:13px 12px!important}
.contacts-table td{font-size:12.5px!important;padding:13px 12px!important}
.contact-avatar{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:10px!important}
.contact-name-cell{gap:10px!important}
.contact-name-cell b{font-size:13px!important;line-height:1.3!important}
.contact-name-cell small{font-size:10.5px!important}
.contact-phone{font-size:12.5px!important}
.contact-tag,.contact-status{font-size:10.5px!important;padding:5px 8px!important}
.contact-origin{font-size:12px!important}
.contact-row-actions button{font-size:10.5px!important;padding:7px 10px!important}
.contacts-table input[type="checkbox"]{width:17px!important;height:17px!important}

/* Contatos — rodapé e seleção */
.contacts-footer{min-height:54px!important}
.contacts-count,.contacts-pagination{font-size:11px!important}
.contacts-pagination select{font-size:11px!important;height:32px!important}
.contacts-pagination button{width:32px!important;height:32px!important;font-size:16px!important}
.bulk-actions{font-size:11.5px!important;min-height:48px!important}
.bulk-btn{font-size:10.5px!important}
.contacts-empty b{font-size:14px!important}
.contacts-empty p{font-size:12px!important}

/* Componentes comuns das demais páginas — evita voltar a textos minúsculos */
.view .section-actions h2{font-size:25px!important}
.view .section-actions p,.view .panel p{font-size:13px!important}
.view .panel h3{font-size:16px!important}
.view table:not(.contacts-table) th{font-size:11px!important}
.view table:not(.contacts-table) td{font-size:13px!important}
.view .badge{font-size:10.5px!important}
.view .muted{font-size:11.5px!important}
.view .primary,.view .secondary,.view .dark,.view .ghost,.view .link,.view .upload-btn,.view .chip,.view .seg{font-size:12px!important}
.view input,.view select,.view textarea{font-size:13px!important}
.view .form-panel label,.view .form-grid label,.view .field-block{font-size:12.5px!important}

@media(max-width:1100px){
  .connect-nav .nav-item{font-size:12.5px!important}
  .contacts-table{min-width:980px!important}
}


/* =========================================================
   V3.6 — CONTATOS: MODAL PREMIUM + MULTITAGS
   ========================================================= */

.contacts-table th.actions-col,
.contacts-table td.actions-col{
  text-align:center!important;
}
.contact-row-actions{
  justify-content:center!important;
}

.contact-tags-cell{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}
.contact-tag.muted-tag{
  color:#7893ad!important;
  background:rgba(91,116,143,.12)!important;
}
.contact-tag.more-tag{
  background:rgba(97,76,199,.20)!important;
  color:#b3a7ff!important;
}

.contact-editor-modal{
  width:min(720px,92vw);
}
.contact-modal-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
  padding-bottom:16px;
  border-bottom:1px solid #e3eaf2;
}
.contact-modal-icon{
  width:54px;height:54px;flex:0 0 54px;
  border-radius:16px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#147ceb,#075bbf);
  color:#fff;font-size:18px;font-weight:800;
  box-shadow:0 10px 24px rgba(20,124,235,.20);
}
.contact-modal-head>div:last-child{display:grid;gap:3px}
.contact-modal-kicker{
  color:#2878ff;font-size:10px;font-weight:800;letter-spacing:.12em;
}
.contact-modal-head h3{margin:0;color:#18324d;font-size:22px}
.contact-modal-head p{margin:0;color:#72869a;font-size:12px}
.contact-modal-section{
  margin-top:14px;padding:16px;
  border:1px solid #e1e9f1;border-radius:14px;background:#f8fbfe;
}
.contact-modal-section-title{
  margin-bottom:12px;color:#24425f;font-size:12px;font-weight:800;
}
.contact-modal-grid{gap:13px!important}
.contact-modal-grid label{
  color:#526b82;font-size:11px;font-weight:700;
}
.contact-modal-grid input,
.contact-modal-grid select{
  margin-top:6px;min-height:43px;
  background:#fff!important;border-color:#d8e3ed!important;
  color:#1d334a!important;-webkit-text-fill-color:#1d334a!important;
  font-size:12px!important;
}
.contact-modal-grid input:focus,
.contact-modal-grid select:focus{
  border-color:#2d87ef!important;
  box-shadow:0 0 0 3px rgba(45,135,239,.10)!important;
}
.field-help{
  display:block;margin-top:5px;color:#8999a8;font-size:9.5px;font-weight:500;
}
.contact-permissions-section{display:grid;gap:8px}
.contact-toggle-row{
  min-height:58px;padding:10px 12px;
  border:1px solid #e1e9f1;border-radius:11px;background:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;
}
.contact-toggle-row>div{display:grid;gap:3px}
.contact-toggle-row b{color:#29445e;font-size:11.5px}
.contact-toggle-row span{color:#7c90a3;font-size:9.5px}
.contact-toggle-row input{
  width:18px!important;height:18px!important;flex:0 0 18px;accent-color:#1f83ee;
}
.danger-toggle{border-color:#f0dfe2}
.danger-toggle b{color:#9b3d49}
.contact-modal-actions{
  margin-top:18px!important;padding-top:15px;border-top:1px solid #e3eaf2;
}

.bulk-tags-modal{width:min(650px,92vw)}
.bulk-tags-head{
  display:flex;align-items:center;gap:13px;padding-bottom:15px;border-bottom:1px solid #e3eaf2;
}
.bulk-tags-icon{
  width:50px;height:50px;flex:0 0 50px;border-radius:15px;
  display:grid;place-items:center;background:#eaf4ff;color:#2878ff;
  font-size:22px;font-weight:800;
}
.bulk-tags-head>div{display:grid;gap:3px}
.bulk-tags-head>div>span{color:#2878ff;font-size:9.5px;font-weight:800;letter-spacing:.12em}
.bulk-tags-head h3{margin:0;color:#1c3650;font-size:20px}
.bulk-tags-head p{margin:0;color:#768b9e;font-size:11px}
.bulk-tags-options{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:16px 0;
}
.bulk-tags-options label{
  padding:11px;border:1px solid #dfe8f0;border-radius:11px;background:#f8fbfe;
  display:flex;align-items:flex-start;gap:8px;cursor:pointer;
}
.bulk-tags-options label:has(input:checked){
  border-color:#7bb7f3;background:#eef7ff;box-shadow:0 0 0 2px rgba(40,120,255,.06);
}
.bulk-tags-options input{margin-top:2px;accent-color:#2878ff}
.bulk-tags-options div{display:grid;gap:3px}
.bulk-tags-options b{color:#27435e;font-size:10.5px}
.bulk-tags-options span{color:#7a8fa2;font-size:9px;line-height:1.35}
.bulk-tags-input-label{
  display:grid;gap:6px;color:#536d84;font-size:11px;font-weight:700;
}
.bulk-tags-input-label input{
  min-height:43px;background:#fff!important;border-color:#d8e3ed!important;
  color:#1d334a!important;-webkit-text-fill-color:#1d334a!important;
}
.bulk-tags-input-label small{color:#889aaa;font-size:9.5px;font-weight:500}

@media(max-width:680px){
  .bulk-tags-options{grid-template-columns:1fr}
  .contact-modal-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   V3.6.1 — MODAL DE CONTATO DARK PREMIUM
   ========================================================= */

.modal{
  background:rgba(1,8,18,.72)!important;
  backdrop-filter:blur(7px);
}
.modal-card:has(.contact-editor-dark){
  width:min(920px,94vw)!important;
  max-width:920px!important;
  max-height:92vh!important;
  padding:0!important;
  overflow:auto!important;
  border:1px solid rgba(49,120,198,.40)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(21,90,175,.12),transparent 28%),
    linear-gradient(145deg,#081b34 0%,#07182d 55%,#06162a 100%)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.modal-card:has(.contact-editor-dark) .modal-close{
  top:18px!important;
  right:18px!important;
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  border:1px solid rgba(89,134,181,.18)!important;
  background:#10243d!important;
  color:#dbeaff!important;
  font-size:18px!important;
  z-index:10;
}
.modal-card:has(.contact-editor-dark) .modal-close:hover{
  background:#173455!important;
}

.contact-editor-dark{
  color:#dceaff;
}
.contact-dark-header{
  padding:30px 30px 24px;
  display:flex;
  align-items:center;
  gap:18px;
  border-bottom:1px solid rgba(57,110,164,.16);
}
.contact-dark-icon{
  width:62px;
  height:62px;
  flex:0 0 62px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(145deg,#147df0,#0b56c7);
  border:1px solid rgba(74,160,255,.42);
  box-shadow:0 12px 28px rgba(15,103,218,.26),inset 0 1px 0 rgba(255,255,255,.10);
}
.contact-dark-icon svg{
  width:31px;
  height:31px;
}
.contact-dark-title{
  display:grid;
  gap:4px;
}
.contact-dark-title>span{
  color:#2e91ff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.contact-dark-title h3{
  margin:0;
  color:#f5f9ff;
  font-size:27px;
  line-height:1.05;
}
.contact-dark-title p{
  margin:3px 0 0;
  color:#8ea6bd;
  font-size:12px;
}

.contact-dark-section{
  margin:20px 24px 0;
  border:1px solid rgba(50,110,171,.28);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(8,31,60,.76),rgba(5,23,45,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.contact-dark-data{
  padding:0 18px 18px;
}
.contact-dark-tabs{
  min-height:57px;
  margin-bottom:16px;
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid rgba(57,105,154,.15);
}
.contact-dark-tabs>div{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#8fa5ba;
  font-size:12px;
  font-weight:600;
}
.contact-dark-tabs>div.active{
  color:#3b9cff;
}
.contact-dark-tabs>div.active::after{
  content:"";
  position:absolute;
  left:4px;
  right:4px;
  bottom:-1px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,#1c8cff,#3dafff);
  box-shadow:0 0 12px rgba(33,151,255,.28);
}
.tab-icon{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
}
.tab-icon svg{
  width:18px;
  height:18px;
}

.contact-dark-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.contact-dark-grid .full{
  grid-column:1/-1;
}
.contact-dark-grid label{
  display:grid;
  gap:7px;
}
.contact-dark-grid label>span:first-child{
  color:#e5eff8;
  font-size:12px;
  font-weight:700;
}
.contact-dark-grid label>span i{
  color:#ff5c6b;
  font-style:normal;
}
.info-dot{
  display:inline-grid;
  place-items:center;
  width:16px;
  height:16px;
  margin-left:4px;
  border-radius:50%;
  border:1px solid #2d8ef0;
  color:#4ca7ff;
  font-size:9px;
}
.dark-input-wrap{
  min-height:48px;
  display:grid;
  grid-template-columns:34px 1fr auto;
  align-items:center;
  border:1px solid rgba(64,123,183,.36);
  border-radius:11px;
  background:#06172d;
  overflow:hidden;
  transition:.18s ease;
}
.dark-input-wrap:focus-within{
  border-color:#258fff;
  box-shadow:0 0 0 3px rgba(37,143,255,.08),0 0 18px rgba(18,115,219,.06);
}
.input-icon{
  display:grid;
  place-items:center;
  color:#718ba4;
  font-size:16px;
}
.input-chevron{
  padding-right:14px;
  color:#7190ad;
  font-size:12px;
}
.dark-input-wrap input,
.dark-input-wrap select{
  width:100%;
  height:46px!important;
  padding:0 6px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#edf6ff!important;
  -webkit-text-fill-color:#edf6ff!important;
  box-shadow:none!important;
  font-size:12px!important;
}
.dark-input-wrap input::placeholder{
  color:#647d94!important;
  -webkit-text-fill-color:#647d94!important;
}
.dark-input-wrap select{
  appearance:none;
  cursor:pointer;
}
.dark-input-wrap select option{
  background:#071b33;
  color:#fff;
}
.dark-field-help{
  color:#7189a0;
  font-size:9.5px;
  margin-top:-1px;
}
.contact-tag-preview{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:1px;
}
.contact-tag-preview span{
  min-height:29px;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(38,125,221,.55);
  border-radius:8px;
  background:rgba(8,60,116,.32);
  color:#5cb3ff;
  font-size:9.5px;
  font-weight:700;
}

.permissions-dark-section{
  padding:18px;
}
.permissions-dark-title{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:15px;
}
.shield-icon{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  color:#298fff;
}
.shield-icon svg{
  width:22px;
  height:22px;
}
.permissions-dark-title>div{
  display:grid;
  gap:3px;
}
.permissions-dark-title h4{
  margin:0;
  color:#f2f7fc;
  font-size:14px;
}
.permissions-dark-title p{
  margin:0;
  color:#7d96ad;
  font-size:10.5px;
}
.permission-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.permission-card{
  min-height:110px;
  padding:15px;
  display:grid;
  grid-template-columns:auto 42px 1fr;
  align-items:center;
  gap:11px;
  border-radius:12px;
  cursor:pointer;
  position:relative;
}
.permission-card input{
  width:18px!important;
  height:18px!important;
  margin:0!important;
  accent-color:#24d779;
}
.permission-card-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:18px;
}
.permission-card>div:last-child{
  display:grid;
  gap:5px;
}
.permission-card b{
  font-size:12.5px;
}
.permission-card p{
  margin:0;
  font-size:10px;
  line-height:1.5;
}
.optin-card{
  border:1px solid rgba(31,171,102,.42);
  background:linear-gradient(145deg,rgba(6,66,55,.38),rgba(4,42,39,.26));
}
.optin-card .permission-card-icon{
  background:rgba(21,176,93,.18);
  color:#35e884;
}
.optin-card b{color:#35e884}
.optin-card p{color:#8bb8a0}

.blocked-card{
  border:1px solid rgba(211,71,89,.38);
  background:linear-gradient(145deg,rgba(75,25,38,.34),rgba(48,18,28,.24));
}
.blocked-card input{accent-color:#e34f63}
.blocked-card .permission-card-icon{
  background:rgba(193,49,68,.18);
  color:#ff6476;
}
.blocked-card b{color:#ff6476}
.blocked-card p{color:#b78f96}

.privacy-note{
  min-height:50px;
  margin-top:15px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(40,121,203,.42);
  border-radius:10px;
  background:rgba(5,53,100,.22);
}
.privacy-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  border:1px solid #2d8ee9;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#45a6ff;
  font-size:11px;
  font-weight:800;
}
.privacy-note p{
  margin:0;
  color:#8fa8bf;
  font-size:10px;
}
.privacy-note b{
  color:#4aa9ff;
  font-weight:600;
}

.contact-dark-footer{
  margin-top:24px;
  padding:18px 24px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid rgba(58,105,153,.16);
}
.contact-dark-footer-right{
  display:flex;
  gap:10px;
}
.dark-cancel-btn,
.dark-clear-btn,
.dark-save-btn{
  min-height:42px;
  border-radius:9px;
  padding:0 16px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.dark-cancel-btn,
.dark-clear-btn{
  border:1px solid rgba(70,123,177,.30);
  background:#0a203c;
  color:#d6e5f3;
}
.dark-cancel-btn:hover,
.dark-clear-btn:hover{
  background:#0d2b50;
}
.dark-save-btn{
  min-width:170px;
  border:1px solid #268dff;
  background:linear-gradient(145deg,#1688ff,#1267df);
  color:#fff;
  box-shadow:0 10px 24px rgba(17,112,230,.22);
}
.dark-save-btn:hover{
  filter:brightness(1.06);
}
.dark-save-btn:disabled{
  opacity:.65;
  cursor:default;
}
.dark-save-btn span{
  margin-right:7px;
}

.modal-card:has(.contact-editor-dark) .send-feedback.error{
  margin:14px 24px 0;
  background:rgba(111,31,44,.28)!important;
  border-color:rgba(213,77,94,.36)!important;
  color:#ff9aa5!important;
}

/* Desktop mais baixo: mantém o modal confortável */
@media(max-height:850px) and (min-width:720px){
  .modal-card:has(.contact-editor-dark){
    max-height:95vh!important;
  }
  .contact-dark-header{
    padding:22px 26px 18px;
  }
  .contact-dark-section{
    margin-top:14px;
  }
  .permission-card{
    min-height:96px;
  }
  .contact-dark-footer{
    margin-top:18px;
    padding-top:14px;
  }
}
@media(max-width:720px){
  .contact-dark-header{
    align-items:flex-start;
    padding:22px 18px 18px;
  }
  .contact-dark-title h3{
    font-size:22px;
  }
  .contact-dark-section{
    margin:14px 12px 0;
  }
  .contact-dark-grid,
  .permission-cards{
    grid-template-columns:1fr;
  }
  .contact-dark-tabs{
    grid-template-columns:1fr;
  }
  .contact-dark-tabs>div:nth-child(2){
    display:none;
  }
  .contact-dark-footer{
    padding:16px 14px;
    flex-direction:column-reverse;
    align-items:stretch;
  }
  .contact-dark-footer-right{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .dark-cancel-btn,
  .dark-clear-btn,
  .dark-save-btn{
    width:100%;
  }
}


/* =========================================================
   V3.6.2 — MODAL DE CONTATO COMPACTO / SEM ROLAGEM NO DESKTOP
   ========================================================= */

/* Usa melhor a viewport */
.modal-card:has(.contact-editor-dark){
  width:min(900px,94vw)!important;
  max-width:900px!important;
  max-height:calc(100vh - 28px)!important;
  overflow:hidden!important;
}

/* Cabeçalho mais compacto */
.contact-dark-header{
  padding:20px 24px 16px!important;
  gap:14px!important;
}
.contact-dark-icon{
  width:50px!important;
  height:50px!important;
  flex-basis:50px!important;
  border-radius:14px!important;
}
.contact-dark-icon svg{
  width:26px!important;
  height:26px!important;
}
.contact-dark-title>span{
  font-size:10px!important;
}
.contact-dark-title h3{
  font-size:23px!important;
}
.contact-dark-title p{
  font-size:11px!important;
  margin-top:1px!important;
}

/* Seções mais enxutas */
.contact-dark-section{
  margin:12px 18px 0!important;
  border-radius:13px!important;
}
.contact-dark-data{
  padding:0 14px 14px!important;
}
.contact-dark-tabs{
  min-height:44px!important;
  margin-bottom:11px!important;
}
.contact-dark-tabs>div{
  font-size:11px!important;
}
.tab-icon{
  width:18px!important;
  height:18px!important;
}
.tab-icon svg{
  width:16px!important;
  height:16px!important;
}

/* Campos menores, mantendo leitura */
.contact-dark-grid{
  gap:12px 14px!important;
}
.contact-dark-grid label{
  gap:5px!important;
}
.contact-dark-grid label>span:first-child{
  font-size:11px!important;
}
.dark-input-wrap{
  min-height:40px!important;
  border-radius:9px!important;
}
.dark-input-wrap input,
.dark-input-wrap select{
  height:39px!important;
  font-size:11px!important;
}
.input-icon{
  font-size:14px!important;
}
.dark-field-help{
  font-size:9px!important;
  line-height:1.25!important;
}
.contact-tag-preview{
  gap:5px!important;
}
.contact-tag-preview span{
  min-height:24px!important;
  padding:0 9px!important;
  font-size:8.5px!important;
}

/* Permissões mais compactas */
.permissions-dark-section{
  padding:13px 14px!important;
}
.permissions-dark-title{
  margin-bottom:10px!important;
  gap:8px!important;
}
.permissions-dark-title h4{
  font-size:12.5px!important;
}
.permissions-dark-title p{
  font-size:9.5px!important;
}
.shield-icon{
  width:23px!important;
  height:23px!important;
}
.shield-icon svg{
  width:19px!important;
  height:19px!important;
}
.permission-cards{
  gap:10px!important;
}
.permission-card{
  min-height:84px!important;
  padding:11px 12px!important;
  grid-template-columns:auto 34px 1fr!important;
  gap:8px!important;
}
.permission-card input{
  width:16px!important;
  height:16px!important;
}
.permission-card-icon{
  width:34px!important;
  height:34px!important;
  font-size:15px!important;
}
.permission-card b{
  font-size:11px!important;
}
.permission-card p{
  font-size:9px!important;
  line-height:1.35!important;
}
.privacy-note{
  min-height:40px!important;
  margin-top:10px!important;
  padding:0 11px!important;
}
.privacy-icon{
  width:20px!important;
  height:20px!important;
  flex-basis:20px!important;
  font-size:9px!important;
}
.privacy-note p{
  font-size:9px!important;
}

/* Rodapé reduzido */
.contact-dark-footer{
  margin-top:14px!important;
  padding:12px 18px 14px!important;
}
.dark-cancel-btn,
.dark-clear-btn,
.dark-save-btn{
  min-height:36px!important;
  padding:0 13px!important;
  font-size:10px!important;
}
.dark-save-btn{
  min-width:150px!important;
}

/* Botão X menor */
.modal-card:has(.contact-editor-dark) .modal-close{
  top:13px!important;
  right:13px!important;
  width:34px!important;
  height:34px!important;
  font-size:16px!important;
}

/* Em telas desktop baixas, comprime um pouco mais */
@media(max-height:760px) and (min-width:721px){
  .contact-dark-header{
    padding:16px 22px 12px!important;
  }
  .contact-dark-icon{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
  }
  .contact-dark-title h3{
    font-size:21px!important;
  }
  .contact-dark-section{
    margin-top:9px!important;
  }
  .contact-dark-tabs{
    min-height:38px!important;
    margin-bottom:8px!important;
  }
  .contact-dark-grid{
    gap:9px 12px!important;
  }
  .dark-input-wrap{
    min-height:36px!important;
  }
  .dark-input-wrap input,
  .dark-input-wrap select{
    height:35px!important;
  }
  .permission-card{
    min-height:72px!important;
    padding:9px 10px!important;
  }
  .privacy-note{
    min-height:36px!important;
  }
  .contact-dark-footer{
    margin-top:10px!important;
    padding:9px 16px 11px!important;
  }
}


/* =========================================================
   V3.6.3 — MODAL DE CONTATO SEM ABAS
   ========================================================= */
.contact-dark-data{
  padding-top:14px!important;
}
.contact-dark-grid{
  margin-top:0!important;
}
.contact-dark-tabs{
  display:none!important;
}


/* =========================================================
   V3.6.4 — CENTRALIZAÇÃO DO BOTÃO FECHAR
   ========================================================= */
.modal-card:has(.contact-editor-dark) .modal-close{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  text-align:center!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:0!important;
}
.modal-card:has(.contact-editor-dark) .modal-close::before{
  content:"×";
  display:block;
  width:100%;
  line-height:32px;
  height:34px;
  text-align:center;
  font-size:18px;
  font-weight:400;
  transform:translateY(-1px);
}


/* =========================================================
   V3.7 — CRIAR MENSAGEM DARK / WHATSAPP PREVIEW
   ========================================================= */
.composer-dark-page{
  min-height:calc(100vh - 76px);
  padding:12px 16px 14px!important;
  color:#dceaff;
  background:
    radial-gradient(circle at 76% 5%,rgba(21,94,184,.10),transparent 25%),
    linear-gradient(180deg,#07182e 0%,#06162b 100%)!important;
}
.page-symbols-composer .pg{color:#20aaff!important;opacity:.015!important}
.page-symbols-composer .pg-send-big{font-size:180px;left:8%;bottom:1%;transform:rotate(-15deg)}
.page-symbols-composer .pg-chat-big{font-size:130px;right:4%;top:6%}
.page-symbols-composer .pg-check-big{font-size:100px;right:29%;bottom:7%}
.page-symbols-composer .pg-phone-big{font-size:150px;left:47%;top:35%}

.composer-layout-v37{
  height:calc(100vh - 102px);
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  gap:12px;
  align-items:stretch;
}
.composer-editor-v37{
  min-width:0;
  display:grid;
  grid-template-rows:auto auto 1fr;
  gap:8px;
}
.composer-card-v37{
  border:1px solid rgba(43,110,184,.34);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(7,31,62,.98),rgba(7,26,52,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  padding:11px 13px;
}
.composer-section-title{margin-bottom:9px}
.composer-section-title.compact{margin-bottom:7px}
.composer-section-title>span{
  display:block;color:#2798ff;font-size:9px;font-weight:800;letter-spacing:.12em;margin-bottom:2px
}
.composer-section-title h3{margin:0;color:#fff;font-size:13px}
.composer-grid-v37{display:grid;gap:8px 10px}
.composer-grid-v37.two{grid-template-columns:1fr 1fr}
.composer-grid-v37 .full{grid-column:1/-1}
.composer-grid-v37 label,.message-label-v37{
  display:grid;gap:4px;color:#d8e6f3;font-size:10px;font-weight:700
}
.composer-grid-v37 label>i,.message-label-v37>i{color:#ff5d6e;font-style:normal}
.composer-grid-v37 input,.composer-grid-v37 select,.message-label-v37 textarea{
  border:1px solid rgba(57,119,184,.34)!important;
  border-radius:8px!important;background:#071b34!important;
  color:#edf6ff!important;-webkit-text-fill-color:#edf6ff!important;
  box-shadow:none!important;font-size:10.5px!important
}
.composer-grid-v37 input,.composer-grid-v37 select{height:37px!important;padding:0 10px!important}
.composer-grid-v37 small,.message-label-v37 small{color:#6f89a2;font-size:8px;font-weight:500}
.composer-grid-v37 input:focus,.composer-grid-v37 select:focus,.message-label-v37 textarea:focus{
  border-color:#268fff!important;box-shadow:0 0 0 3px rgba(38,143,255,.07)!important
}
.composer-head-options{display:flex;gap:6px;margin-bottom:7px}
.composer-head-options .seg{
  min-width:82px;height:31px;border-radius:7px;border:1px solid rgba(49,111,180,.35);
  background:#082343;color:#8fa8bf;font-size:9px;cursor:pointer
}
.composer-head-options .seg.active{
  color:#fff;background:linear-gradient(145deg,#167feb,#0d5fcc);border-color:#238af2
}
.image-upload-v37{margin-bottom:7px}
.image-source-actions-v37{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.image-picker-v37{
  min-height:55px;border:1px dashed rgba(68,132,197,.38);border-radius:8px;
  background:rgba(5,27,52,.55);color:#a6bdd2;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1px;cursor:pointer
}
.image-picker-v37 span{color:#27a0ff;font-size:15px}
.image-picker-v37 b{font-size:8.5px;color:#d9e9f8}
.image-picker-v37 small{font-size:7.5px;color:#6f8da9}
.image-selected-v37{
  min-height:58px;border:1px solid rgba(59,123,190,.34);border-radius:8px;
  background:#071a32;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:8px;padding:6px
}
.image-selected-v37 img{width:72px;height:48px;object-fit:cover;border-radius:6px}
.image-selected-v37>div{display:grid;gap:2px}
.image-selected-v37 b{font-size:8.5px;color:#dceafa}
.image-selected-v37 small{font-size:7.5px;color:#6e8ba7}
.message-label-v37 textarea{
  min-height:102px!important;height:102px!important;padding:9px 10px!important;resize:none;line-height:1.4
}
.options-card-v37{display:flex;flex-direction:column}
.composer-real-note-v37{
  min-height:38px;margin-top:8px;padding:6px 9px;border:1px solid rgba(28,160,96,.32);
  border-radius:8px;background:rgba(5,63,47,.22);display:flex;align-items:center;gap:7px
}
.composer-real-note-v37>span{
  width:20px;height:20px;flex:0 0 20px;border:1px solid #23c675;border-radius:50%;
  display:grid;place-items:center;color:#2be080;font-size:10px
}
.composer-real-note-v37 p{margin:0;color:#8eb9a2;font-size:8px}
.composer-real-note-v37 b{color:#2cda7e}
.composer-actions-v37{
  margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px
}
.composer-actions-v37>div{display:flex;gap:6px}
.composer-clear-v37,.composer-primary-v37,.composer-secondary-v37{
  min-height:34px;border-radius:7px;padding:0 11px;font-size:8.5px;font-weight:700;cursor:pointer
}
.composer-clear-v37{border:1px solid rgba(62,123,188,.30);background:#092645;color:#bad2e7}
.composer-primary-v37{border:1px solid #208cff;background:linear-gradient(145deg,#1888ff,#0d64d8);color:#fff}
.composer-secondary-v37{border:1px solid rgba(58,122,191,.38);background:#0b2d55;color:#c3d8eb}

.composer-preview-v37{
  min-width:0;border:1px solid rgba(43,110,184,.34);border-radius:10px;
  background:radial-gradient(circle at 60% 4%,rgba(12,94,174,.14),transparent 28%),linear-gradient(145deg,#071c35,#06162a);
  padding:11px;display:flex;flex-direction:column;overflow:hidden
}
.preview-head-v37{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:7px}
.preview-head-v37 span{color:#2d9cff;font-size:8px;font-weight:800;letter-spacing:.12em}
.preview-head-v37 h3{margin:2px 0 0;color:#fff;font-size:11px}
.preview-head-v37 small{color:#6f8da9;font-size:7.5px}

.phone-v37{
  width:100%;max-width:330px;flex:1;min-height:0;margin:0 auto;
  border:7px solid #293a4a;border-radius:32px;overflow:hidden;background:#0f1d26;
  box-shadow:0 14px 32px rgba(0,0,0,.28);display:grid;grid-template-rows:55px 1fr 50px
}
.phone-top-v37{
  display:grid;grid-template-columns:20px 38px 1fr 20px;align-items:center;gap:6px;
  padding:0 9px;background:#0b6b60;color:#fff
}
.wa-back-v37{font-size:18px}
.wa-avatar-v37{
  width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden
}
.wa-avatar-v37 img{width:100%;height:100%;object-fit:cover}
.wa-avatar-v37 span{color:#2878ff;font-size:9px;font-weight:800}
.wa-profile-v37{display:grid;gap:1px}
.wa-profile-v37 b{font-size:10px}
.wa-profile-v37 small{font-size:7px;color:#d8f0ed}
.wa-dots-v37{text-align:center;font-size:18px}

.chat-bg-v37{
  position:relative;padding:38px 9px 9px;overflow:auto;
  background:linear-gradient(rgba(7,23,26,.88),rgba(7,23,26,.88)),#0b141a
}
.chat-bg-v37::before{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle at 9px 9px,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:18px 18px;pointer-events:none
}
.chat-date-v37{
  position:absolute;top:10px;left:50%;transform:translateX(-50%);
  padding:4px 7px;border-radius:6px;background:#1d2d33;color:#b8c8cc;font-size:7px;font-weight:700
}
.wa-bubble-v37{
  position:relative;z-index:1;margin-left:20px;padding:9px 9px 17px;
  border-radius:8px 8px 2px 8px;background:#d9fdd3;color:#111;
  font-size:10px;line-height:1.42;white-space:pre-wrap
}
.wa-image-v37{width:100%;max-height:135px;object-fit:cover;border-radius:5px;margin-bottom:7px;display:none}
.wa-footer-v37{margin-top:5px;color:#6c7c6b;font-size:7.5px}
.wa-time-v37{position:absolute;right:7px;bottom:3px;color:#7d9779;font-size:6.8px}
.wa-time-v37 i{font-style:normal;color:#53a9b8}
.wa-buttons-v37{position:relative;z-index:1;margin-left:20px}
.wa-buttons-v37 .wa-button{
  margin-top:3px;min-height:33px;border-radius:6px;background:#fff;color:#0879c8;
  display:grid;place-items:center;font-size:8.8px;font-weight:700;border:1px solid #e2e2e2
}
.phone-input-v37{
  display:grid;grid-template-columns:20px 1fr 20px 28px;align-items:center;gap:5px;
  padding:0 7px;background:#111b21;color:#9bacb5
}
.phone-input-v37>div{
  height:32px;padding:0 9px;border-radius:17px;background:#202c33;color:#a8b3b8;
  display:flex;align-items:center;font-size:8.5px
}
.phone-input-v37 strong{
  width:26px;height:26px;border-radius:50%;background:#00a884;color:#fff;
  display:grid;place-items:center;font-size:7px
}
.preview-cost-v37{
  min-height:40px;margin-top:8px;padding:0 10px;border:1px solid rgba(50,109,172,.30);
  border-radius:8px;background:#082646;display:flex;align-items:center;justify-content:space-between
}
.preview-cost-v37 span{color:#88a1b9;font-size:8px}
.preview-cost-v37 strong{color:#65e893;font-size:12px}

/* Destaque ativo do menu */
.connect-nav .nav-item.active{
  background:linear-gradient(90deg,rgba(15,83,166,.78),rgba(10,59,122,.78))!important;
  color:#fff!important;border:1px solid rgba(28,150,255,.52)!important;
  box-shadow:inset 3px 0 0 #18b7ff,0 0 18px rgba(12,97,193,.20)!important
}
.connect-nav .nav-item.active .nav-icon{color:#55caff!important}

/* Compactação automática em desktop */
@media(max-height:850px) and (min-width:1101px){
  .composer-dark-page{padding-top:8px!important;padding-bottom:8px!important}
  .composer-layout-v37{height:calc(100vh - 92px);min-height:0}
  .composer-card-v37{padding:9px 11px}
  .composer-section-title{margin-bottom:6px}
  .composer-grid-v37{gap:6px 8px}
  .composer-grid-v37 input,.composer-grid-v37 select{height:33px!important}
  .message-label-v37 textarea{height:82px!important;min-height:82px!important}
  .composer-real-note-v37{min-height:34px;margin-top:6px}
  .composer-actions-v37{padding-top:6px}
  .phone-v37{border-width:6px}
}
@media(max-width:1100px){
  .composer-layout-v37{height:auto;grid-template-columns:1fr}
  .composer-preview-v37{min-height:600px}
}
@media(max-width:720px){
  .composer-grid-v37.two{grid-template-columns:1fr}
  .composer-actions-v37{flex-direction:column;align-items:stretch}
  .composer-actions-v37>div{display:grid}
}


/* =========================================================
   V3.7.1 — CORREÇÃO DE FUNDO / ALTURA DO COMPOSER
   ========================================================= */

/* Nunca deixa aparecer fundo branco abaixo do aplicativo */
html,
body,
#appShell,
.app,
.main,
.main-content{
  background:#06162b!important;
}

/* A página acompanha todo o conteúdo quando crescer */
.composer-dark-page{
  height:auto!important;
  min-height:calc(100vh - 76px)!important;
  background:
    radial-gradient(circle at 76% 5%,rgba(21,94,184,.10),transparent 25%),
    linear-gradient(180deg,#07182e 0%,#06162b 100%)!important;
}

/* Em vez de altura rígida, usa altura mínima.
   Assim, ao abrir a área de imagem, o fundo cresce junto. */
.composer-layout-v37{
  height:auto!important;
  min-height:calc(100vh - 102px)!important;
  align-items:stretch!important;
}

/* A coluna da esquerda cresce naturalmente */
.composer-editor-v37{
  height:auto!important;
  min-height:0!important;
}

/* A prévia continua acompanhando a área visível sem forçar a página */
.composer-preview-v37{
  height:auto!important;
  min-height:calc(100vh - 102px)!important;
  align-self:stretch!important;
}

/* Mantém o celular visualmente estável */
.phone-v37{
  min-height:520px!important;
}

/* Quando a seção de imagem abre, o card cresce sem estourar o fundo */
.image-upload-v37:not(.hidden){
  display:block!important;
}

/* Em desktop alto mantém a aparência compacta, mas sem travar altura */
@media(max-height:850px) and (min-width:1101px){
  .composer-layout-v37{
    height:auto!important;
    min-height:calc(100vh - 92px)!important;
  }
  .composer-preview-v37{
    min-height:calc(100vh - 92px)!important;
  }
}

/* Em telas menores, garante continuidade do fundo */
@media(max-width:1100px){
  .composer-dark-page,
  .composer-layout-v37,
  .composer-preview-v37{
    height:auto!important;
    min-height:0!important;
  }
}

/* =========================================================
   V3.8 — Gestão real de templates Meta
   ========================================================= */
.template-reject-reason{
  margin:8px 0 2px;
  padding:9px 11px;
  border:1px solid rgba(248,113,113,.28);
  border-radius:10px;
  background:rgba(127,29,29,.18);
  color:#fecaca;
  font-size:12px;
  line-height:1.45;
}
.template-reject-reason b{color:#fff}
#msgName:disabled{
  opacity:.72;
  cursor:not-allowed;
  background:rgba(7,24,46,.75)!important;
}
.send-test-modal .sendTemplateParam{
  margin-top:6px;
}


/* =========================================================
   V3.9 — Mídias, Templates, Campanhas e Envios
   ========================================================= */
.operational-view{
  padding-top:24px!important;
}
.operational-page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.operational-page-head h2{
  margin:3px 0 5px;
  color:#f6fbff;
  font-size:24px!important;
  letter-spacing:-.02em;
}
.operational-page-head p{
  margin:0;
  color:#7894ad!important;
  font-size:12px!important;
}
.operational-kicker{
  color:#2b9dff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.operational-head-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.operational-view .primary,
.operational-view .primary-like{
  background:linear-gradient(135deg,#1189ff,#1765e8)!important;
  border:1px solid rgba(95,175,255,.25)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,109,255,.18)!important;
}
.operational-view .secondary{
  background:#0a2039!important;
  border:1px solid #1c4165!important;
  color:#cce4f8!important;
}
.operational-view .secondary:hover,
.operational-view .primary:hover,
.operational-view .primary-like:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}
.operational-main-action{
  min-height:38px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.media-summary-bar{
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  margin-bottom:14px;
  background:
    linear-gradient(100deg,rgba(10,42,72,.96),rgba(7,29,51,.96));
  border:1px solid #173d61;
  border-radius:13px;
  box-shadow:0 14px 30px rgba(0,0,0,.12);
}
.media-summary-icon{
  width:38px;
  height:38px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(24,139,255,.14);
  border:1px solid rgba(55,158,255,.25);
  color:#45adff;
  font-size:17px;
}
.media-summary-bar>div:nth-child(2){
  display:grid;
  gap:2px;
}
.media-summary-bar b{
  color:#fff;
  font-size:12px;
}
.media-summary-bar span{
  color:#7592ad;
  font-size:10px;
}
.media-summary-count{
  min-width:88px;
  text-align:center;
  padding:8px 13px;
  border-radius:10px;
  background:#071a30;
  border:1px solid #183b5b;
  display:grid;
  gap:0;
}
.media-summary-count strong{
  color:#fff;
  font-size:21px;
}
.media-summary-count small{
  color:#6f8daa;
  font-size:8px;
}
.operational-media-grid{
  grid-template-columns:repeat(auto-fill,minmax(245px,1fr))!important;
  gap:12px!important;
}
.operational-view .media-card{
  background:#071d34!important;
  border:1px solid #173d61!important;
  border-radius:13px!important;
  box-shadow:0 14px 30px rgba(0,0,0,.13)!important;
  overflow:hidden;
  transition:.18s ease;
}
.operational-view .media-card:hover{
  transform:translateY(-2px);
  border-color:#286a9d!important;
}
.operational-view .media-card img{
  height:165px!important;
  background:#06172b!important;
}
.operational-view .media-card-copy{
  padding:12px!important;
  gap:8px!important;
}
.operational-view .media-card-copy b{
  color:#eef8ff!important;
  font-size:11.5px!important;
}
.operational-view .media-card-copy small{
  color:#6f8daa!important;
  font-size:9px!important;
}
.operational-view .media-card-actions{
  margin-top:2px;
}
.operational-view .icon-btn{
  background:#0a2039!important;
  border-color:#1b4163!important;
  color:#aac8df!important;
}
.operational-view .icon-btn.danger{
  color:#ff7181!important;
}
.operational-filter-bar{
  min-height:46px;
  padding:7px 9px;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:#071c33;
  border:1px solid #153b5e;
  border-radius:12px;
}
.operational-filter-bar .filter-row{
  margin:0!important;
}
.operational-filter-bar .chip{
  padding:7px 13px!important;
  background:transparent!important;
  border:1px solid transparent!important;
  color:#88a6bf!important;
  font-size:10px!important;
}
.operational-filter-bar .chip:hover{
  background:#0d2947!important;
  color:#d9efff!important;
}
.operational-filter-bar .chip.active{
  background:#12375b!important;
  border-color:#1f5d90!important;
  color:#fff!important;
  box-shadow:none!important;
}
.operational-filter-help{
  color:#6888a4;
  font-size:9px;
  padding-right:6px;
}
.operational-template-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.operational-view .template-card{
  position:relative;
  min-height:245px;
  padding:15px!important;
  background:
    linear-gradient(155deg,#09223d 0%,#071a30 100%)!important;
  border:1px solid #173e62!important;
  border-radius:14px!important;
  box-shadow:0 14px 30px rgba(0,0,0,.14)!important;
  gap:10px!important;
  overflow:hidden;
}
.operational-view .template-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(#1a91ff,#2b5cff);
}
.operational-view .template-card h3{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.3;
}
.operational-view .template-card .eyebrow{
  color:#46aaff!important;
  font-size:8.5px!important;
}
.operational-view .template-card .muted{
  color:#7694ad!important;
  font-size:9px!important;
}
.operational-view .template-card .template-text{
  padding:10px 11px;
  border-radius:9px;
  background:#06172a;
  border:1px solid #122f4b;
  color:#b8cfe1!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.operational-view .template-actions{
  padding-top:3px;
  border-top:1px solid rgba(40,82,116,.45);
}
.operational-view .template-reject-reason{
  background:rgba(153,38,59,.15)!important;
  border-color:rgba(255,93,119,.25)!important;
  color:#ff9cac!important;
}
.operational-view .connection-pill{
  background:#08253d!important;
  border:1px solid #1b4567!important;
  color:#9cc3df!important;
  font-size:9px!important;
}
.operational-view .connection-pill.ok{
  background:rgba(4,107,71,.18)!important;
  border-color:rgba(31,190,124,.28)!important;
  color:#4be09c!important;
}
.operational-view .connection-pill.loading{
  color:#ffd06e!important;
  border-color:rgba(255,193,59,.22)!important;
}
.operational-view .connection-pill.error{
  color:#ff8090!important;
  border-color:rgba(255,89,111,.25)!important;
}
.operational-metrics{
  display:grid;
  gap:10px;
  margin-bottom:12px;
}
.operational-metrics.three{
  grid-template-columns:repeat(3,1fr);
}
.operational-metrics.four{
  grid-template-columns:repeat(4,1fr);
}
.operational-metric{
  min-height:92px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 15px;
  background:
    linear-gradient(145deg,#09223d 0%,#071a30 100%);
  border:1px solid #173d60;
  border-radius:13px;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.metric-symbol{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(33,142,255,.13);
  color:#42a9ff;
  border:1px solid rgba(62,157,255,.18);
  font-size:14px;
  font-weight:800;
}
.metric-symbol.done,
.metric-symbol.delivered,
.metric-symbol.read{
  color:#43e29b;
  background:rgba(20,153,98,.12);
  border-color:rgba(38,196,128,.18);
}
.metric-symbol.cost{
  color:#caa6ff;
  background:rgba(127,75,216,.13);
  border-color:rgba(167,111,255,.18);
  font-size:10px;
}
.metric-symbol.failed{
  color:#ff7484;
  background:rgba(177,46,65,.13);
  border-color:rgba(255,96,118,.18);
}
.operational-metric>div{
  min-width:0;
  display:grid;
  gap:1px;
}
.operational-metric small{
  color:#8eabc2;
  font-size:9.5px;
}
.operational-metric strong{
  color:#fff;
  font-size:22px;
  line-height:1.1;
}
.operational-metric em{
  color:#617f9a;
  font-size:8px;
  font-style:normal;
}
.operational-panel{
  padding:0;
  overflow:hidden;
  background:#071b31;
  border:1px solid #173c5d;
  border-radius:13px;
  box-shadow:0 14px 32px rgba(0,0,0,.14);
}
.operational-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:13px 15px;
  border-bottom:1px solid #173650;
}
.operational-panel-head h3{
  margin:0 0 2px;
  color:#f2f9ff;
  font-size:12px!important;
}
.operational-panel-head p{
  margin:0;
  color:#6f8ca7!important;
  font-size:9px!important;
}
.operational-table{
  min-width:850px;
}
.operational-table th{
  padding:11px 12px!important;
  color:#6f8daa!important;
  background:#06172a;
  border-bottom:1px solid #17344f!important;
  font-size:8.5px!important;
}
.operational-table td{
  padding:12px!important;
  color:#bcd1e1;
  border-bottom:1px solid rgba(27,61,91,.65)!important;
  font-size:10px!important;
}
.operational-table tbody tr:hover{
  background:rgba(20,70,112,.17);
}
.operational-table td b{
  color:#edf8ff;
}
.operational-table .muted{
  color:#6685a0!important;
}
.operational-view .empty{
  color:#64839e!important;
  padding:30px!important;
}
.operational-toolbar{
  display:grid;
  grid-template-columns:minmax(280px,1fr) 220px;
  gap:9px;
  padding:12px;
  background:#06182b;
  border-bottom:1px solid #173650;
}
.operational-search{
  min-height:38px;
  display:grid;
  grid-template-columns:28px 1fr;
  align-items:center;
  background:#091f38;
  border:1px solid #1b4163;
  border-radius:9px;
  color:#6587a4;
}
.operational-search span{
  text-align:center;
}
.operational-search input{
  min-height:36px;
  padding:7px 8px 7px 0!important;
  border:0!important;
  background:transparent!important;
  color:#eaf6ff!important;
  box-shadow:none!important;
}
.operational-toolbar select{
  min-height:38px;
  background:#091f38!important;
  border-color:#1b4163!important;
  color:#c8ddeb!important;
}
.operational-view .badge{
  border:1px solid rgba(118,150,177,.15);
}
.operational-view .badge.ok{
  background:rgba(11,130,80,.17)!important;
  color:#58e3a3!important;
}
.operational-view .badge.warn{
  background:rgba(183,122,17,.14)!important;
  color:#ffd06a!important;
}
.operational-view .badge.bad{
  background:rgba(168,43,62,.15)!important;
  color:#ff8291!important;
}
.operational-view .badge.blue{
  background:rgba(29,112,197,.16)!important;
  color:#6db9ff!important;
}

@media(max-width:1100px){
  .operational-template-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .operational-metrics.four{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:760px){
  .operational-page-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .operational-head-actions{
    width:100%;
    justify-content:flex-start;
  }
  .operational-template-grid{
    grid-template-columns:1fr!important;
  }
  .operational-metrics.three,
  .operational-metrics.four{
    grid-template-columns:1fr;
  }
  .operational-filter-bar{
    align-items:flex-start;
    flex-direction:column;
  }
  .operational-filter-help{
    display:none;
  }
  .operational-toolbar{
    grid-template-columns:1fr;
  }
  .media-summary-bar{
    grid-template-columns:42px 1fr;
  }
  .media-summary-count{
    grid-column:1/-1;
  }
}


/* V3.9.1 — Visualização e ações de templates */
.template-actions-main{align-items:center}
.template-delete-btn{
  min-height:34px;border:1px solid rgba(255,104,122,.28);
  border-radius:8px;padding:8px 11px;background:rgba(166,39,57,.13);
  color:#ff8996;font-size:10px;font-weight:800
}
.template-delete-btn:hover{
  background:rgba(184,46,65,.22);
  border-color:rgba(255,112,129,.42)
}
.template-view-modal{display:grid;gap:16px;color:#dcecf8}
.template-view-modal h3{margin:3px 0 4px;color:#fff;font-size:20px}
.template-view-heading{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px
}
.template-view-heading p{margin:0;color:#7694ad;font-size:10px}
.template-view-layout{
  display:grid;grid-template-columns:minmax(300px,1.05fr)
  minmax(220px,.95fr);gap:16px
}
.template-view-phone{
  padding:18px;border:1px solid #193e60;border-radius:14px;background:#06182b
}
.template-view-chat{
  min-height:350px;padding:22px 16px;border-radius:12px;
  background-color:#d9d4ca;
  background-image:radial-gradient(rgba(67,83,77,.08) 1px,transparent 1px);
  background-size:17px 17px
}
.template-view-bubble{
  position:relative;width:min(88%,390px);margin-left:auto;
  padding:5px 5px 20px;border-radius:9px 3px 9px 9px;
  background:#d9fdd3;color:#17201a;box-shadow:0 2px 5px rgba(0,0,0,.12)
}
.template-preview-media{
  display:block;width:100%;max-height:220px;object-fit:cover;
  border-radius:6px;margin-bottom:7px;background:#c8d6c9
}
.template-preview-media.placeholder{
  min-height:150px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:5px;padding:16px;text-align:center;
  color:#587061;background:#cbdccb
}
.template-preview-media.placeholder span{font-size:24px}
.template-preview-media.placeholder b{font-size:11px}
.template-preview-media.placeholder small{
  max-width:230px;font-size:8px;line-height:1.4
}
.template-preview-body{padding:3px 5px;font-size:11px;line-height:1.55}
.template-preview-footer{padding:6px 5px 0;color:#6d786f;font-size:9px}
.template-preview-time{
  position:absolute;right:7px;bottom:5px;color:#6c7f72;font-size:8px
}
.template-preview-buttons{width:min(88%,390px);margin-left:auto}
.template-preview-button{
  min-height:38px;margin-top:3px;padding:7px 11px;border-radius:7px;
  display:flex;align-items:center;justify-content:center;gap:7px;
  background:#fff;color:#1680a6;text-align:center;font-size:10px;
  font-weight:750;box-shadow:0 1px 3px rgba(0,0,0,.08)
}
.template-preview-button small{color:#87949b;font-size:7px;font-weight:600}
.template-view-details{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:start
}
.template-view-details>div{
  min-width:0;padding:11px 12px;border:1px solid #183d5d;
  border-radius:10px;background:#071c32;display:grid;gap:4px
}
.template-view-details small{
  color:#6d8ba5;font-size:8px;text-transform:uppercase;letter-spacing:.05em
}
.template-view-details b{
  color:#eaf6ff;font-size:10px;word-break:break-word
}
.template-view-reason{
  grid-column:1/-1;border-color:rgba(255,92,112,.25)!important;
  background:rgba(145,35,51,.12)!important
}
.template-view-reason b{color:#ff9ca8!important}
#modal .modal-card:has(.template-view-modal){
  width:min(860px,96vw);background:#07192d;border:1px solid #173d5f;
  box-shadow:0 30px 80px rgba(0,0,0,.42)
}
#modal .modal-card:has(.template-view-modal) .modal-close{
  background:#0b2743;color:#92aec5
}
@media(max-width:760px){
  .template-view-layout{grid-template-columns:1fr}
  .template-view-details{grid-template-columns:1fr}
}


/* V3.9.3 — Modal de campanha no tema Operions Connect */
#modal .modal-card:has(.send-test-modal){
  width:min(760px,96vw);
  background:
    linear-gradient(155deg,#0a213b 0%,#07192d 100%);
  border:1px solid #1a4265;
  box-shadow:0 28px 80px rgba(0,0,0,.45);
  color:#dcecf8;
}

#modal .modal-card:has(.send-test-modal) .modal-close{
  background:#0d2947;
  border:1px solid #1d4b73;
  color:#91afc7;
}

#modal .send-test-modal{
  display:grid;
  gap:16px;
}

#modal .send-test-modal .eyebrow{
  color:#3ea9ff;
  font-size:9px;
  letter-spacing:.14em;
  font-weight:900;
}

#modal .send-test-modal h3{
  margin:2px 0 0;
  color:#fff;
  font-size:22px;
  letter-spacing:-.02em;
}

#modal .send-test-modal>.muted{
  margin-top:-6px;
  color:#7896b0!important;
  font-size:10px!important;
}

#modal .send-test-modal .form-grid{
  gap:12px 14px;
}

#modal .send-test-modal label{
  color:#9db6ca;
  font-size:9px;
  font-weight:800;
}

#modal .send-test-modal input,
#modal .send-test-modal select{
  min-height:42px;
  margin-top:6px;
  background:#081d34!important;
  border:1px solid #1d4568!important;
  color:#e9f5ff!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

#modal .send-test-modal input:focus,
#modal .send-test-modal select:focus{
  border-color:#2b91df!important;
  box-shadow:0 0 0 3px rgba(32,143,232,.12)!important;
}

#modal .send-test-modal select option{
  background:#081d34;
  color:#e9f5ff;
}

#modal .send-test-modal .campaign-preview{
  margin-top:2px;
}

#modal .send-test-modal .proposal-example{
  min-height:86px;
  padding:14px 15px;
  border:1px solid #1d4568;
  border-radius:11px;
  background:
    linear-gradient(145deg,#0b2743 0%,#091e35 100%);
  display:grid;
  gap:5px;
}

#modal .send-test-modal .proposal-example span{
  color:#7f9db5;
  font-size:9px;
}

#modal .send-test-modal .proposal-example b{
  color:#fff;
  font-size:17px;
}

#modal .send-test-modal .proposal-example small{
  color:#59aef3;
  font-size:8.5px;
}

#modal .send-test-modal .notice{
  padding:12px 14px;
  border-left:3px solid #278cda;
  border-radius:8px;
  background:rgba(18,71,111,.28);
  color:#86a6bf;
  font-size:9px;
  line-height:1.45;
}

#modal .send-test-modal .modal-actions{
  margin-top:0;
  padding-top:14px;
  border-top:1px solid #173c5e;
}

#modal .send-test-modal .modal-actions .secondary{
  background:#0a2039!important;
  border:1px solid #1d4568!important;
  color:#c9dfef!important;
}

#modal .send-test-modal .modal-actions .primary{
  background:linear-gradient(135deg,#1591ff,#1768e8)!important;
  border:1px solid rgba(101,179,255,.28)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(0,105,240,.18)!important;
}

@media(max-width:640px){
  #modal .send-test-modal .form-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   V3.9.5 — Atendimento
   ========================================================= */
.inbox-view{
  padding-top:22px!important;
}
.inbox-page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.inbox-page-head h2{
  margin:3px 0 4px;
  color:#f5fbff;
  font-size:24px!important;
  letter-spacing:-.02em;
}
.inbox-page-head p{
  margin:0;
  color:#7895ad!important;
  font-size:11px!important;
}
.inbox-head-status{
  min-height:42px;
  padding:7px 12px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #184262;
  border-radius:11px;
  background:#082038;
}
.inbox-live-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#29db8a;
  box-shadow:0 0 0 5px rgba(41,219,138,.08);
}
.inbox-head-status div{
  display:grid;
  gap:0;
}
.inbox-head-status b{
  color:#dff8eb;
  font-size:9px;
}
.inbox-head-status small{
  color:#698aa4;
  font-size:7.5px;
}
.service-shell{
  height:calc(100vh - 170px);
  min-height:590px;
  display:grid;
  grid-template-columns:300px minmax(430px,1fr) 285px;
  overflow:hidden;
  border:1px solid #173c5d;
  border-radius:14px;
  background:#071a30;
  box-shadow:0 18px 45px rgba(0,0,0,.17);
}
.service-sidebar{
  min-width:0;
  display:flex;
  flex-direction:column;
  border-right:1px solid #173650;
  background:#071c33;
}
.service-sidebar-head{
  padding:12px;
  border-bottom:1px solid #173650;
}
.service-search{
  min-height:38px;
  display:grid;
  grid-template-columns:30px 1fr;
  align-items:center;
  border:1px solid #1a4163;
  border-radius:9px;
  background:#091f38;
  color:#6588a4;
}
.service-search span{
  text-align:center;
  font-size:16px;
}
.service-search input{
  min-height:36px;
  padding:7px 8px 7px 0!important;
  border:0!important;
  background:transparent!important;
  color:#eaf6ff!important;
  box-shadow:none!important;
  font-size:10px!important;
}
.service-search input::placeholder{
  color:#62809a;
}
.service-filters{
  display:flex;
  gap:6px;
  margin-top:9px;
}
.service-filter{
  min-height:29px;
  padding:5px 10px;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#7897af;
  font-size:9px;
  font-weight:800;
}
.service-filter.active{
  border-color:#1e5c8d;
  background:#10365a;
  color:#fff;
}
.service-list-meta{
  padding:9px 12px 7px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#708da6;
}
.service-list-meta span{
  font-size:8px;
  font-weight:800;
}
.service-list-meta small{
  font-size:7px;
}
.conversation-list.modern{
  min-height:0;
  flex:1;
  overflow:auto;
  padding:4px 7px 10px;
}
.service-conversation{
  width:100%;
  min-height:70px;
  padding:9px 8px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:9px;
  text-align:left;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:inherit;
  transition:.15s ease;
}
.service-conversation:hover{
  background:#0b2743;
}
.service-conversation.active{
  border-color:#1d5d91;
  background:
    linear-gradient(100deg,#10385e 0%,#0b2947 100%);
}
.service-avatar{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(71,166,236,.28);
  background:
    linear-gradient(145deg,#144c77,#0d3152);
  color:#dff3ff;
  font-size:10px;
  font-weight:900;
}
.service-avatar.large{
  width:42px;
  height:42px;
  font-size:11px;
}
.service-avatar.profile{
  width:66px;
  height:66px;
  margin:0 auto;
  font-size:17px;
}
.service-conversation-copy{
  min-width:0;
  display:grid;
  align-content:center;
  gap:6px;
}
.service-conversation-top,
.service-conversation-bottom{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
}
.service-conversation-top b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#eef8ff;
  font-size:10px;
}
.service-conversation-top time{
  flex:0 0 auto;
  color:#5f7f99;
  font-size:7.5px;
}
.service-conversation-bottom>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#6f8da6;
  font-size:8.5px;
}
.service-unread{
  min-width:18px;
  height:18px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#20ca7c;
  color:#032817;
  font-size:7px;
  font-style:normal;
  font-weight:900;
}
.service-list-empty{
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:#66859e;
  text-align:center;
}
.service-list-empty>span{
  font-size:24px;
}
.service-list-empty b{
  color:#adc4d5;
  font-size:10px;
}
.service-list-empty small{
  max-width:190px;
  line-height:1.45;
  font-size:8px;
}
.service-chat{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto 1fr auto;
  background:#06172b;
}
.service-empty{
  grid-row:1/-1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
  color:#66869f;
}
.service-empty-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid #1a466d;
  background:#09233d;
  color:#3ba4f5;
  font-size:26px;
}
.service-empty h3{
  margin:4px 0 0;
  color:#ddecf7;
  font-size:14px!important;
}
.service-empty p{
  max-width:280px;
  margin:0;
  color:#6e8ba4!important;
  font-size:9px!important;
}
.service-chat-head{
  min-height:65px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #173650;
  background:#081e35;
}
.service-chat-person{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}
.service-chat-person>div{
  min-width:0;
  display:grid;
  gap:2px;
}
.service-chat-person b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f1f9ff;
  font-size:11px;
}
.service-chat-person small{
  color:#708fa8;
  font-size:8px;
}
.service-chat-person small span{
  margin:0 3px;
}
.service-window{
  flex:0 0 auto;
  min-height:27px;
  padding:5px 9px;
  display:flex;
  align-items:center;
  gap:6px;
  border-radius:7px;
  border:1px solid #1b4566;
  background:#0a253e;
  color:#8baac1;
  font-size:7.5px;
  font-weight:800;
}
.service-window span{
  width:6px;
  height:6px;
  border-radius:50%;
}
.service-window.open{
  border-color:rgba(36,195,126,.24);
  background:rgba(13,111,73,.15);
  color:#69dda7;
}
.service-window.open span{
  background:#28d88a;
}
.service-window.closed{
  border-color:rgba(243,180,68,.2);
  background:rgba(131,86,15,.13);
  color:#e6bc68;
}
.service-window.closed span{
  background:#e0a93f;
}
.service-chat-body{
  min-height:0;
  overflow:auto;
  padding:24px 20px 18px;
  background-color:#0a2238;
  background-image:
    radial-gradient(rgba(117,156,180,.045) 1px,transparent 1px);
  background-size:19px 19px;
}
.service-message-row{
  display:flex;
  margin:4px 0;
}
.service-message-row.incoming{
  justify-content:flex-start;
}
.service-message-row.outgoing{
  justify-content:flex-end;
}
.service-message{
  position:relative;
  max-width:min(72%,520px);
  min-width:92px;
  padding:9px 10px 17px;
  border-radius:9px;
  box-shadow:0 3px 9px rgba(0,0,0,.13);
}
.service-message-row.incoming .service-message{
  border:1px solid #1b3c58;
  border-radius:4px 10px 10px 10px;
  background:#102b45;
}
.service-message-row.outgoing .service-message{
  border:1px solid #155b54;
  border-radius:10px 4px 10px 10px;
  background:#0d4b46;
}
.service-message p{
  margin:0;
  color:#e9f4fb;
  font-size:10px!important;
  line-height:1.5;
  white-space:pre-wrap;
}
.service-message>span{
  position:absolute;
  right:7px;
  bottom:4px;
  display:flex;
  align-items:center;
  gap:3px;
  color:#6f90a4;
  font-size:7px;
}
.service-message-row.outgoing .service-message>span{
  color:#83aaa5;
}
.service-message>span i{
  color:#55b8ff;
  font-style:normal;
  font-size:7px;
}
.service-chat-empty{
  height:100%;
  display:grid;
  place-items:center;
  color:#66869e;
  font-size:9px;
}
.service-composer{
  min-height:72px;
  padding:9px 12px;
  border-top:1px solid #173650;
  background:#081e35;
}
.service-composer-box{
  min-height:42px;
  display:grid;
  grid-template-columns:1fr 38px;
  align-items:end;
  gap:7px;
  padding:5px 5px 5px 11px;
  border:1px solid #1b4568;
  border-radius:11px;
  background:#0a263f;
}
.service-composer textarea{
  min-height:30px;
  max-height:120px;
  resize:none;
  padding:7px 0!important;
  border:0!important;
  background:transparent!important;
  color:#eaf6ff!important;
  box-shadow:none!important;
  font-size:10px!important;
  line-height:1.45;
}
.service-composer textarea::placeholder{
  color:#63829a;
}
.service-send-button{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:9px;
  background:linear-gradient(145deg,#1796ff,#1766e7);
  color:#fff;
  font-size:13px;
  box-shadow:0 7px 16px rgba(0,101,229,.22);
}
.service-send-button:disabled{
  opacity:.55;
}
.service-composer>small{
  display:block;
  padding:5px 3px 0;
  color:#587893;
  font-size:7px;
}
.service-window-warning{
  min-height:52px;
  display:grid;
  grid-template-columns:29px 1fr auto;
  align-items:center;
  gap:9px;
  padding:7px 8px;
  border:1px solid rgba(208,155,57,.22);
  border-radius:9px;
  background:rgba(116,77,14,.12);
}
.service-window-warning>span{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(209,151,43,.15);
  color:#e6b555;
  font-size:11px;
  font-weight:900;
}
.service-window-warning>div{
  display:grid;
  gap:1px;
}
.service-window-warning b{
  color:#e6c37d;
  font-size:8.5px;
}
.service-window-warning small{
  color:#846f51;
  font-size:7px;
}
.service-window-warning .secondary{
  min-height:30px;
  font-size:8px!important;
}
.service-profile{
  min-width:0;
  overflow:auto;
  border-left:1px solid #173650;
  background:#071c33;
}
.service-profile-empty{
  min-height:100%;
  padding:25px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  text-align:center;
  color:#68879f;
}
.service-profile-empty>span{
  font-size:27px;
  color:#3a92d6;
}
.service-profile-empty b{
  color:#b3cad9;
  font-size:10px;
}
.service-profile-empty p{
  max-width:190px;
  margin:0;
  color:#67859d!important;
  font-size:8px!important;
}
.service-profile-head{
  padding:20px 14px 17px;
  text-align:center;
  border-bottom:1px solid #173650;
}
.service-profile-head h3{
  margin:9px 0 2px;
  color:#f0f9ff;
  font-size:13px!important;
}
.service-profile-head p{
  margin:0;
  color:#7291a9!important;
  font-size:8.5px!important;
}
.service-profile-status{
  width:max-content;
  margin:8px auto 0;
  padding:4px 7px;
  display:flex;
  align-items:center;
  gap:5px;
  border:1px solid rgba(32,194,124,.2);
  border-radius:6px;
  background:rgba(12,104,69,.13);
  color:#68dda7;
  font-size:7.5px;
  font-weight:800;
}
.service-profile-status i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#2bd78b;
}
.service-profile-section{
  padding:13px 14px;
  border-bottom:1px solid #173650;
}
.service-profile-title{
  display:block;
  margin-bottom:8px;
  color:#4b9bd7;
  font-size:7px;
  font-weight:900;
  letter-spacing:.11em;
}
.service-info-row{
  min-height:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.service-info-row span{
  color:#6988a1;
  font-size:8px;
}
.service-info-row b{
  max-width:145px;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#cfe2ef;
  font-size:8px;
  font-weight:800;
  text-align:right;
  white-space:nowrap;
}
.service-info-row b.positive{
  color:#58dda0;
}
.service-info-row b.warning{
  color:#e6b960;
}
.service-profile-tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.service-profile-tags span{
  padding:4px 7px;
  border:1px solid #1b4c72;
  border-radius:6px;
  background:#0a2a48;
  color:#8bc9f4;
  font-size:7.5px;
  font-weight:750;
}
.service-profile-tags small{
  color:#617f98;
  font-size:8px;
}
.service-profile-action{
  width:calc(100% - 28px);
  min-height:34px;
  margin:13px 14px;
  border:1px solid #1b4c72;
  border-radius:8px;
  background:#0b2b49;
  color:#9ecbe9;
  font-size:8.5px;
  font-weight:800;
}
.service-profile-action:hover:not(:disabled){
  background:#10385d;
  color:#dcefff;
}
.service-profile-action:disabled{
  opacity:.55;
}
@media(max-width:1250px){
  .service-shell{
    grid-template-columns:270px minmax(420px,1fr) 240px;
  }
}
@media(max-width:1000px){
  .service-shell{
    grid-template-columns:270px 1fr;
  }
  .service-profile{
    display:none;
  }
}
@media(max-width:720px){
  .inbox-page-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .service-shell{
    height:auto;
    min-height:650px;
    grid-template-columns:1fr;
  }
  .service-sidebar{
    max-height:280px;
    border-right:0;
    border-bottom:1px solid #173650;
  }
  .service-chat{
    min-height:500px;
  }
  .service-message{
    max-width:86%;
  }
}


/* V3.9.6 — Atendimento visual premium */
.service-shell{
  grid-template-columns:320px minmax(470px,1fr) 315px!important;
  border-color:#153a5b!important;background:#06182b!important
}
.service-sidebar{
  background:linear-gradient(180deg,#081d34 0%,#06182c 100%)!important
}
.service-sidebar-head{padding:14px 13px 11px!important}
.service-tabs{gap:5px!important}
.service-tabs .service-filter{
  display:flex;align-items:center;gap:6px
}
.service-tabs .service-filter span{
  min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;
  border-radius:9px;background:#102f50;color:#86a8c2;font-size:7px
}
.service-tabs .service-filter.active span{
  background:#1f69a8;color:#fff
}
.service-conversation{
  min-height:76px!important;padding:10px 9px!important;
  grid-template-columns:45px minmax(0,1fr)!important;border-radius:11px!important
}
.service-conversation.active{
  border-color:#176ab1!important;
  background:linear-gradient(100deg,#0c3760 0%,#092845 100%)!important;
  box-shadow:inset 3px 0 0 #1c92ff
}
.service-avatar-wrap{
  position:relative;width:max-content;height:max-content;flex:0 0 auto
}
.service-avatar{
  position:relative;overflow:hidden;width:42px!important;height:42px!important;
  border:1px solid rgba(91,175,235,.22)!important;
  background:radial-gradient(circle at 30% 25%,#245d87,#0c2b48)!important;
  color:#e6f6ff!important
}
.service-avatar i{
  width:100%;height:100%;display:grid;place-items:center;font-style:normal;
  font-size:10px;font-weight:900
}
.service-avatar.has-photo img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2
}
.service-avatar.large{width:45px!important;height:45px!important}
.service-avatar.profile{
  width:74px!important;height:74px!important;border:3px solid #0a1f37!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)
}
.service-avatar.profile i{font-size:17px}
.service-presence{
  position:absolute;z-index:4;right:0;bottom:1px;width:10px;height:10px;
  border:2px solid #081e35;border-radius:50%;background:#526b7d
}
.service-presence.online{background:#22cd7d}
.service-conversation-top b{font-size:10.5px!important}
.service-conversation-bottom>span{font-size:8.5px!important}
.service-check{color:#2c9fff;font-style:normal}
.service-unread{background:#167be2!important;color:#fff!important}
.service-chat{position:relative;background:#071a2e!important}
.service-chat-head{
  min-height:68px!important;padding:10px 15px!important;
  background:linear-gradient(180deg,#081f37,#071b30)!important
}
.service-chat-name-line{display:flex;align-items:center;gap:7px}
.service-chat-name-line b{font-size:11.5px!important}
.service-chat-name-line span{
  padding:3px 6px;border-radius:5px;background:rgba(19,151,96,.16);
  color:#55dba1;font-size:7px;font-weight:800
}
.service-chat-actions{display:flex;gap:5px}
.service-chat-actions button{
  width:32px;height:32px;display:grid;place-items:center;border:1px solid transparent;
  border-radius:8px;background:transparent;color:#7e9cb5;font-size:16px
}
.service-chat-actions button:hover{
  border-color:#1b4262;background:#0b2945;color:#c8e1f3
}
.service-chat-wallpaper{
  position:relative;isolation:isolate;
  background:linear-gradient(180deg,rgba(24,69,105,.28),rgba(8,29,49,.62))!important
}
.service-chat-wallpaper:before{
  content:"";position:absolute;z-index:-2;inset:-30px;
  background:
    radial-gradient(circle at 22% 18%,rgba(120,175,224,.75),transparent 31%),
    radial-gradient(circle at 78% 28%,rgba(79,128,109,.52),transparent 30%),
    radial-gradient(circle at 65% 78%,rgba(45,102,42,.72),transparent 34%),
    radial-gradient(circle at 18% 76%,rgba(10,43,63,.88),transparent 31%),
    linear-gradient(145deg,#7ca1c0 0%,#43617b 34%,#1e4b43 62%,#0a281d 100%);
  filter:blur(22px) saturate(.88);transform:scale(1.06)
}
.service-chat-wallpaper:after{
  content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(180deg,rgba(3,18,32,.08),rgba(2,13,23,.30));
  pointer-events:none
}
.service-chat-day{display:flex;justify-content:center;margin:0 0 15px}
.service-chat-day span{
  padding:5px 10px;border-radius:7px;background:rgba(7,28,48,.58);
  color:#d8e8f2;font-size:8px;backdrop-filter:blur(10px);
  border:1px solid rgba(125,166,195,.13)
}
.service-message{
  max-width:min(68%,520px)!important;padding:10px 11px 18px!important;
  backdrop-filter:blur(7px)
}
.service-message-row.incoming .service-message{
  border:1px solid rgba(225,237,245,.34)!important;
  background:rgba(235,243,247,.88)!important;color:#13202a!important
}
.service-message-row.incoming .service-message p{color:#17232d!important}
.service-message-row.incoming .service-message>span{color:#7d8d98!important}
.service-message-row.outgoing .service-message{
  border:1px solid rgba(39,119,224,.45)!important;
  background:linear-gradient(145deg,rgba(13,83,178,.96),rgba(9,65,151,.96))!important;
  box-shadow:0 7px 18px rgba(0,55,129,.20)!important
}
.service-composer{padding:10px 12px 11px!important;background:#071b30!important}
.service-composer-box.modern{
  grid-template-columns:32px 32px 1fr 38px!important;align-items:center!important;
  padding:5px 6px!important;border-color:#183e60!important;background:#091f38!important
}
.service-tool-btn{
  width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:7px;
  background:transparent;color:#7b9bb5;font-size:14px
}
.service-tool-btn:disabled{opacity:.65}
.service-send-button{
  border-radius:50%!important;width:34px!important;height:34px!important
}
.service-profile{
  background:linear-gradient(180deg,#071b31,#06172a)!important
}
.service-profile-tabs{
  min-height:46px;display:grid;grid-template-columns:1fr 1fr;align-items:end;
  border-bottom:1px solid #173650
}
.service-profile-tabs button{
  position:relative;min-height:46px;border:0;background:transparent;
  color:#6f8da6;font-size:9px;font-weight:800
}
.service-profile-tabs button.active{color:#45aaff}
.service-profile-tabs button.active:after{
  content:"";position:absolute;left:24%;right:24%;bottom:0;height:2px;
  border-radius:2px 2px 0 0;background:#268fff
}
.service-profile-cover{
  position:relative;height:145px;margin:11px 11px 0;border-radius:11px 11px 0 0
}
.service-profile-cover-art{
  position:absolute;inset:0 0 28px;overflow:hidden;border-radius:10px;
  background:
    radial-gradient(circle at 20% 20%,#78a3c4 0%,transparent 35%),
    radial-gradient(circle at 74% 30%,#5f8c57 0%,transparent 40%),
    radial-gradient(circle at 50% 100%,#224b35 0%,transparent 55%),
    linear-gradient(145deg,#7ea9cb,#31556d 42%,#274e3d 70%,#112d21)
}
.service-profile-cover-art:after{
  content:"";position:absolute;inset:-12px;background:inherit;filter:blur(10px);
  transform:scale(1.08)
}
.service-profile-photo{position:absolute;left:16px;bottom:0}
.service-whatsapp-mark{
  position:absolute;z-index:5;right:-1px;bottom:3px;width:20px;height:20px;
  display:grid;place-items:center;border:3px solid #071b31;border-radius:50%;
  background:#1dcc76;color:#fff;font-size:8px
}
.service-profile-identity{
  padding:0 17px 14px;text-align:left;border-bottom:1px solid #173650
}
.service-profile-identity h3{
  margin:0 0 3px;color:#f2f9ff;font-size:16px!important
}
.service-profile-identity p{
  margin:0;color:#7897af!important;font-size:9px!important
}
.service-profile-identity .service-profile-status{margin:8px 0 0!important}
.service-profile-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 13px;
  border-bottom:1px solid #173650
}
.service-profile-stats>div{
  min-width:0;padding:9px 7px;display:grid;gap:3px;border:1px solid #153b5b;
  border-radius:8px;background:#081d34
}
.service-profile-stats small{color:#6987a0;font-size:6.8px}
.service-profile-stats b{
  overflow:hidden;color:#eaf5fd;font-size:10px;text-overflow:ellipsis;
  white-space:nowrap
}
.service-profile-accordion{
  padding:9px 12px 2px;display:grid;gap:6px
}
.service-profile-accordion button{
  min-height:38px;padding:0 11px;display:flex;align-items:center;
  justify-content:space-between;border:1px solid #163b5b;border-radius:8px;
  background:#081d34;color:#aac5d8;font-size:8.5px
}
.service-profile-accordion i{color:#53748d;font-style:normal}
.service-profile-section{padding:12px 15px!important}
.service-profile-action{
  border-color:#1f5884!important;background:#0a2c4b!important;
  color:#9fd5f8!important
}
@media(max-width:1280px){
  .service-shell{
    grid-template-columns:285px minmax(430px,1fr) 270px!important
  }
}
@media(max-width:1040px){
  .service-shell{grid-template-columns:285px 1fr!important}
}


/* V3.9.7 — Atendimento: lista, rolagem e perfil funcional */
.service-sidebar,
.conversation-list.modern,
.service-list-meta{
  background:#071c33!important;
}
.conversation-list.modern{
  color:#dcecf8!important;
}
.service-conversation{
  background:transparent!important;
}
.service-conversation:hover{
  background:#0b2947!important;
}
.service-conversation.active{
  background:
    linear-gradient(100deg,#0c3760 0%,#092845 100%)!important;
}
.service-list-empty{
  background:#071c33!important;
}

.service-chat-body{
  overflow-y:auto!important;
  overflow-x:auto!important;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.service-chat-body::-webkit-scrollbar{
  width:0;
  height:7px;
}
.service-chat-body::-webkit-scrollbar-track{
  background:transparent;
}
.service-chat-body::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(109,151,181,.42);
}
.service-chat-body::-webkit-scrollbar-thumb:hover{
  background:rgba(130,176,208,.62);
}
.service-chat-body *{
  max-width:100%;
}
.service-message p{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.service-profile-accordion{
  padding:9px 12px 2px!important;
  display:grid!important;
  gap:6px!important;
}
.service-accordion-item{
  overflow:hidden;
  border:1px solid #163b5b;
  border-radius:8px;
  background:#081d34;
}
.service-accordion-trigger{
  width:100%;
  min-height:38px;
  padding:0 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#aac5d8!important;
  font-size:8.5px!important;
  font-weight:800;
  text-align:left;
}
.service-accordion-trigger i{
  color:#53748d;
  font-style:normal;
  transition:transform .16s ease;
}
.service-accordion-item.open .service-accordion-trigger i{
  transform:rotate(180deg);
}
.service-accordion-content{
  display:none;
  padding:0 11px 11px;
  border-top:1px solid rgba(28,67,98,.65);
}
.service-accordion-item.open .service-accordion-content{
  display:block;
}
.service-accordion-info{
  padding-top:8px;
  display:grid;
  gap:7px;
}
.service-accordion-info>div{
  display:flex;
  justify-content:space-between;
  gap:10px;
}
.service-accordion-info span{
  color:#68879f;
  font-size:7.5px;
}
.service-accordion-info b{
  color:#d4e6f2;
  font-size:7.5px;
  text-align:right;
}
.service-note-box{
  padding-top:9px;
  display:grid;
  gap:7px;
}
.service-note-box textarea{
  width:100%;
  min-height:82px;
  resize:vertical;
  padding:9px!important;
  border:1px solid #1a4263!important;
  border-radius:7px!important;
  background:#06192d!important;
  color:#dcebf6!important;
  box-shadow:none!important;
  font-size:8.5px!important;
  line-height:1.45;
}
.service-note-box textarea::placeholder{
  color:#55738c;
}
.service-note-box button{
  min-height:31px;
  border:1px solid #1d5d91;
  border-radius:7px;
  background:#0c3760;
  color:#b9ddf7;
  font-size:8px;
  font-weight:800;
}
.service-files-empty{
  padding-top:9px;
  color:#64839b;
  font-size:8px;
  line-height:1.45;
}
.service-files-list{
  padding-top:8px;
  display:grid;
  gap:6px;
}
.service-file-item{
  min-width:0;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  padding:7px;
  border:1px solid #153a59;
  border-radius:7px;
  background:#06192d;
}
.service-file-item>span{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:#0c3153;
  color:#62b7f2;
  font-size:10px;
}
.service-file-item>div{
  min-width:0;
  display:grid;
  gap:1px;
}
.service-file-item b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#d8eaf6;
  font-size:7.5px;
}
.service-file-item small{
  color:#64839b;
  font-size:6.5px;
}
.service-file-item a{
  color:#55b2ef;
  font-size:7px;
  font-weight:800;
  text-decoration:none;
}

.service-avatar.has-photo{
  background:#0c2b48!important;
}
.service-avatar.has-photo>i{
  position:relative;
  z-index:1;
}


/* Atendimento — avatares automáticos e consistentes */
.service-avatar.avatar-tone-0{
  background:linear-gradient(145deg,#2563eb,#1e3a8a)!important;
}
.service-avatar.avatar-tone-1{
  background:linear-gradient(145deg,#0891b2,#164e63)!important;
}
.service-avatar.avatar-tone-2{
  background:linear-gradient(145deg,#7c3aed,#4c1d95)!important;
}
.service-avatar.avatar-tone-3{
  background:linear-gradient(145deg,#0f766e,#134e4a)!important;
}
.service-avatar.avatar-tone-4{
  background:linear-gradient(145deg,#c2410c,#7c2d12)!important;
}
.service-avatar.avatar-tone-5{
  background:linear-gradient(145deg,#be185d,#831843)!important;
}
.service-avatar.avatar-tone-6{
  background:linear-gradient(145deg,#4f46e5,#312e81)!important;
}
.service-avatar.avatar-tone-7{
  background:linear-gradient(145deg,#0284c7,#0c4a6e)!important;
}
.service-avatar:not(.has-photo){
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 5px 14px rgba(0,0,0,.2);
}
.service-avatar:not(.has-photo)>i{
  color:#fff!important;
  letter-spacing:.03em;
  text-shadow:0 1px 2px rgba(0,0,0,.22);
}


/* Atendimento — composer completo */
.service-composer{
  position:relative;
}
.service-composer-shell{
  position:relative;
}
.service-tool-btn{
  cursor:pointer!important;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.service-tool-btn:hover{
  background:rgba(54,151,255,.12)!important;
  color:#b9dcf8!important;
}
.service-tool-btn:active{
  transform:scale(.93);
}
.service-composer-box.modern.dragging{
  border-color:#2796ff!important;
  box-shadow:0 0 0 2px rgba(39,150,255,.15);
}
.service-emoji-picker{
  position:absolute;
  left:2px;
  bottom:54px;
  z-index:35;
  width:286px;
  max-width:calc(100vw - 40px);
  display:none;
  padding:8px;
  border:1px solid #214c70;
  border-radius:12px;
  background:#081d32;
  box-shadow:0 16px 36px rgba(0,0,0,.38);
}
.service-emoji-picker.show{
  display:block;
}
.service-emoji-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:2px 4px 7px;
  color:#d9edfc;
  font-size:9px;
}
.service-emoji-head button{
  width:24px;
  height:24px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#7897af;
  cursor:pointer;
}
.service-emoji-grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:3px;
}
.service-emoji-grid button{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:6px;
  background:transparent;
  cursor:pointer;
  font-size:16px;
}
.service-emoji-grid button:hover{
  background:#123753;
}
.service-attachment-preview{
  display:none;
  padding:0 0 7px;
}
.service-attachment-preview.show{
  display:block;
}
.service-attachment-preview-card{
  min-height:52px;
  display:grid;
  grid-template-columns:46px 1fr 28px;
  align-items:center;
  gap:9px;
  padding:6px 8px;
  border:1px solid #1e486a;
  border-radius:10px;
  background:#0a263f;
}
.service-attachment-preview-card img{
  width:44px;
  height:44px;
  object-fit:cover;
  border-radius:7px;
}
.service-attachment-preview-card>div{
  min-width:0;
}
.service-attachment-preview-card b{
  display:block;
  overflow:hidden;
  color:#e8f5ff;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.service-attachment-preview-card small{
  display:block;
  margin-top:3px;
  color:#7192aa;
  font-size:7px;
}
.service-attachment-preview-card>button{
  width:26px;
  height:26px;
  border:0;
  border-radius:7px;
  background:#102f49;
  color:#8eabc0;
  cursor:pointer;
  font-size:15px;
}
.service-attachment-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#103754;
  color:#54b2ff;
  font-size:18px;
}
.service-message-media{
  min-width:180px;
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  gap:8px;
  margin:-2px -1px 6px;
  padding:7px;
  border-radius:7px;
  background:rgba(255,255,255,.08);
}
.service-message-media>span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:rgba(255,255,255,.10);
  font-size:14px;
}
.service-message-media>div{
  min-width:0;
}
.service-message-media b{
  display:block;
  overflow:hidden;
  color:inherit;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.service-message-media small{
  display:block;
  margin-top:2px;
  opacity:.72;
  font-size:7px;
}


/* V3.9.12 — Atendimento sem rolagem externa + Histórico funcional */

/* A tela de atendimento ocupa exatamente a área visível abaixo do topo. */
.inbox-view.active{
  height:calc(100dvh - 84px)!important;
  min-height:0!important;
  padding-bottom:10px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.inbox-view .inbox-page-head{
  flex:0 0 auto!important;
  margin-bottom:12px!important;
}
.inbox-view .service-shell{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}

/* A lista lateral continua rolável, mas sem barra visual. */
.conversation-list.modern{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.conversation-list.modern::-webkit-scrollbar{
  width:0!important;
  height:0!important;
}

/* A única barra visível é a das mensagens. */
.service-chat-body{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(121,166,198,.42) transparent!important;
}
.service-chat-body::-webkit-scrollbar{
  width:5px!important;
  height:0!important;
}
.service-chat-body::-webkit-scrollbar-track{
  background:transparent!important;
}
.service-chat-body::-webkit-scrollbar-thumb{
  min-height:42px;
  border-radius:999px!important;
  background:rgba(121,166,198,.34)!important;
}
.service-chat-body::-webkit-scrollbar-thumb:hover{
  background:rgba(136,187,222,.54)!important;
}

/* O perfil nunca cria uma segunda barra. */
.service-profile{
  min-height:0!important;
  overflow:hidden!important;
}

/* Compactação do perfil para caber integralmente na página. */
.service-profile-tabs{
  min-height:38px!important;
}
.service-profile-tabs button{
  min-height:38px!important;
  font-size:8.5px!important;
}
.service-profile-cover{
  height:101px!important;
  margin:8px 10px 0!important;
}
.service-profile-cover-art{
  inset:0 0 22px!important;
}
.service-profile-photo{
  left:13px!important;
}
.service-avatar.profile{
  width:54px!important;
  height:54px!important;
  font-size:14px!important;
}
.service-whatsapp-mark{
  width:17px!important;
  height:17px!important;
  border-width:2px!important;
}
.service-profile-identity{
  padding:0 14px 9px!important;
}
.service-profile-identity h3{
  font-size:13px!important;
}
.service-profile-identity p{
  font-size:7.5px!important;
}
.service-profile-identity .service-profile-status{
  margin-top:5px!important;
  padding:3px 6px!important;
  font-size:6.8px!important;
}
.service-profile-section{
  padding:8px 13px!important;
}
.service-profile-title{
  margin-bottom:5px!important;
  font-size:6.3px!important;
}
.service-info-row{
  min-height:21px!important;
}
.service-info-row span,
.service-info-row b{
  font-size:7.2px!important;
}
.service-profile-tags{
  gap:4px!important;
}
.service-profile-tags span{
  padding:3px 6px!important;
  font-size:6.8px!important;
}
.service-profile-tags small{
  font-size:7px!important;
}
.service-profile-stats{
  gap:5px!important;
  padding:7px 10px!important;
}
.service-profile-stats>div{
  padding:6px 6px!important;
}
.service-profile-stats small{
  font-size:6px!important;
}
.service-profile-stats b{
  font-size:8.5px!important;
}
.service-profile-accordion{
  padding:6px 10px 0!important;
  gap:4px!important;
}
.service-accordion-trigger{
  min-height:30px!important;
  padding:0 9px!important;
  font-size:7.6px!important;
}
.service-accordion-content{
  padding:7px 9px!important;
}
.service-profile-action{
  min-height:29px!important;
  margin:7px 10px!important;
  width:calc(100% - 20px)!important;
  font-size:7.5px!important;
}

/* Painéis das abas do perfil. */
.service-profile-pane{
  display:none;
}
.service-profile-pane.active{
  display:block;
}

/* Histórico compacto, sem rolagem própria. */
.service-history-pane{
  padding:11px 12px 12px;
}
.service-history-summary{
  display:grid;
  gap:3px;
  padding:10px;
  margin-bottom:8px;
  border:1px solid #174566;
  border-radius:9px;
  background:
    linear-gradient(145deg,#092a48,#071e35);
}
.service-history-summary span{
  color:#4aa9ea;
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.1em;
}
.service-history-summary b{
  color:#edf8ff;
  font-size:12px;
}
.service-history-summary small{
  color:#6e8da5;
  font-size:7px;
}
.service-history-list{
  display:grid;
  gap:5px;
}
.service-history-item{
  min-height:47px;
  display:grid;
  grid-template-columns:8px 1fr;
  gap:7px;
  padding:7px 8px;
  border:1px solid #153d5d;
  border-radius:8px;
  background:#081e35;
}
.service-history-dot{
  width:7px;
  height:7px;
  margin-top:3px;
  border-radius:50%;
}
.service-history-dot.in{
  background:#44c68b;
  box-shadow:0 0 0 3px rgba(68,198,139,.08);
}
.service-history-dot.out{
  background:#399df4;
  box-shadow:0 0 0 3px rgba(57,157,244,.08);
}
.service-history-item-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
}
.service-history-item-head b{
  color:#dceef9;
  font-size:7.6px;
}
.service-history-item-head time{
  color:#5f819b;
  font-size:6.5px;
}
.service-history-item p{
  overflow:hidden;
  margin:3px 0 2px!important;
  color:#91adc1!important;
  font-size:7.2px!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.service-history-item small{
  color:#587994;
  font-size:6.3px;
}
.service-history-empty{
  padding:18px 8px;
  color:#66859d;
  font-size:8px;
  text-align:center;
}

/* Evita que o próprio documento ganhe rolagem quando Atendimento está ativo. */
body:has(.inbox-view.active){
  overflow:hidden;
}

@media(max-width:1040px){
  body:has(.inbox-view.active){
    overflow:auto;
  }
  .inbox-view.active{
    height:auto!important;
    min-height:calc(100vh - 84px)!important;
    overflow:visible!important;
  }
}


/* V3.9.13 — Corrige rolagem falsa e continuidade do fundo do chat */
.service-chat-body.service-chat-wallpaper{
  position:relative!important;
  isolation:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(
      circle at 22% 18%,
      rgba(120,175,224,.72) 0%,
      rgba(120,175,224,.26) 25%,
      transparent 47%
    ),
    radial-gradient(
      circle at 78% 28%,
      rgba(79,128,109,.48) 0%,
      rgba(79,128,109,.20) 26%,
      transparent 48%
    ),
    radial-gradient(
      circle at 65% 78%,
      rgba(45,102,42,.66) 0%,
      rgba(45,102,42,.22) 29%,
      transparent 52%
    ),
    radial-gradient(
      circle at 18% 76%,
      rgba(10,43,63,.82) 0%,
      rgba(10,43,63,.26) 27%,
      transparent 50%
    ),
    linear-gradient(
      145deg,
      #769dbd 0%,
      #405f78 34%,
      #1d4941 62%,
      #09271d 100%
    )!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
}

/* As antigas camadas extrapolavam o container e geravam scroll. */
.service-chat-body.service-chat-wallpaper::before,
.service-chat-body.service-chat-wallpaper::after{
  content:none!important;
  display:none!important;
}

/* Barra só existe visualmente quando houver overflow real. */
.service-chat-body{
  overscroll-behavior:contain;
  scrollbar-gutter:auto!important;
}


/* V3.9.14 — cabeçalho único: título/descrição somente no topo */
.operational-page-head.action-only{
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
.operational-page-head.action-only .operational-head-actions{
  margin-left:auto!important;
}
.inbox-page-head.action-only{
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
.inbox-view.active .inbox-page-head.action-only{
  margin-bottom:8px!important;
}
.operational-view{
  padding-top:18px!important;
}
.inbox-view{
  padding-top:18px!important;
}


/* V3.9.16 — assistente de campanhas */
#modal .campaign-wizard{
  width:min(860px,calc(100vw - 38px));
}
.campaign-wizard-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin:18px 0 16px;
}
.campaign-wizard-step{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  padding:9px 10px;
  border:1px solid #173f60;
  border-radius:9px;
  background:#081e35;
  color:#6888a2;
}
.campaign-wizard-step span{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex:0 0 24px;
  border-radius:50%;
  background:#102f49;
  font-size:9px;
  font-weight:900;
}
.campaign-wizard-step b{
  overflow:hidden;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.campaign-wizard-step.active{
  border-color:#258ee4;
  background:#0a2945;
  color:#eaf6ff;
}
.campaign-wizard-step.active span{
  background:#168df0;
  color:#fff;
}
.campaign-wizard-step.done{
  color:#6edcaf;
}
.campaign-wizard-step.done span{
  background:rgba(30,190,128,.13);
  color:#42d89a;
}
.campaign-wizard-content{
  min-height:300px;
  padding:15px;
  border:1px solid #173e5e;
  border-radius:11px;
  background:#071b30;
}
.campaign-step-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.campaign-step-grid .full{
  grid-column:1/-1;
}
.campaign-info-card,
.campaign-message-preview{
  padding:13px;
  border:1px solid #184462;
  border-radius:9px;
  background:#09243b;
}
.campaign-info-card span,
.campaign-message-preview>span{
  display:block;
  margin-bottom:5px;
  color:#58adf0;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}
.campaign-info-card b{
  display:block;
  color:#edf8ff;
  font-size:11px;
}
.campaign-info-card small{
  display:block;
  margin-top:4px;
  color:#7394ac;
  font-size:7px;
}
.campaign-audience-summary{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:7px;
}
.campaign-audience-summary>div{
  padding:11px 8px;
  border:1px solid #17425f;
  border-radius:8px;
  background:#092238;
}
.campaign-audience-summary span{
  display:block;
  color:#708fa6;
  font-size:6.8px;
}
.campaign-audience-summary b{
  display:block;
  margin-top:3px;
  color:#edf8ff;
  font-size:15px;
}
.campaign-message-preview img{
  width:100%;
  max-height:180px;
  margin-bottom:9px;
  object-fit:cover;
  border-radius:8px;
}
.campaign-message-preview p{
  margin:0 0 6px!important;
  color:#dceef9!important;
  white-space:pre-wrap;
}
.campaign-message-preview small{
  color:#7390a5;
}
.campaign-selected-image{
  display:grid;
  grid-template-columns:62px 1fr auto;
  align-items:center;
  gap:10px;
  padding:8px;
  border:1px solid #184462;
  border-radius:9px;
  background:#09243b;
}
.campaign-selected-image img{
  width:62px;
  height:52px;
  object-fit:cover;
  border-radius:7px;
}
.campaign-selected-image b,
.campaign-selected-image small{
  display:block;
}
.campaign-selected-image b{
  color:#e9f6ff;
  font-size:8px;
}
.campaign-selected-image small{
  margin-top:3px;
  color:#6d8ca4;
  font-size:7px;
}
.campaign-selected-image button{
  border:0;
  background:transparent;
  color:#ff6d82;
  cursor:pointer;
  font-size:7.5px;
}
.campaign-review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.campaign-review-grid>div{
  padding:11px;
  border:1px solid #17415e;
  border-radius:8px;
  background:#092239;
}
.campaign-review-grid span,
.campaign-review-grid b{
  display:block;
}
.campaign-review-grid span{
  color:#718fa6;
  font-size:6.8px;
}
.campaign-review-grid b{
  margin-top:4px;
  color:#edf8ff;
  font-size:9px;
}
.campaign-review-ok,
.campaign-review-warning{
  margin-top:10px;
  padding:10px 12px;
  border-radius:8px;
  font-size:7.5px;
}
.campaign-review-ok{
  border:1px solid rgba(44,203,139,.28);
  background:rgba(44,203,139,.08);
  color:#58e2a8;
}
.campaign-review-warning{
  display:grid;
  gap:3px;
  border:1px solid rgba(255,184,74,.28);
  background:rgba(255,184,74,.08);
  color:#f5c778;
}
.campaign-schedule-field{
  display:block;
  margin-top:12px;
}
.campaign-schedule-field small{
  display:block;
  margin-top:4px;
  color:#69899f;
  font-size:6.8px;
}
.campaign-wizard-actions{
  display:flex;
  justify-content:space-between;
  gap:9px;
  margin-top:13px;
}
.campaign-wizard-actions.final{
  align-items:center;
}
.campaign-final-actions{
  display:flex;
  justify-content:flex-end;
  gap:7px;
}
.secondary.blue{
  border-color:#276ca2!important;
  color:#7ac7ff!important;
}
.danger-text{
  color:#ff7789!important;
}
@media(max-width:760px){
  .campaign-wizard-steps{
    grid-template-columns:1fr 1fr;
  }
  .campaign-step-grid,
  .campaign-review-grid{
    grid-template-columns:1fr;
  }
  .campaign-audience-summary{
    grid-template-columns:1fr 1fr;
  }
  .campaign-final-actions{
    flex-wrap:wrap;
  }
}


/* V3.9.17 — refinamento visual do modal de campanhas */
#modal:has(.campaign-wizard){
  padding:20px!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

#modal:has(.campaign-wizard) .modal-card{
  width:min(980px,calc(100vw - 40px))!important;
  max-width:980px!important;
  max-height:calc(100dvh - 40px)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #1f4c70!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg,#0a2138 0%,#071a2e 100%)!important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.48),
    0 0 0 1px rgba(80,164,226,.05)!important;
}

#modal:has(.campaign-wizard) #modalContent{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:24px 26px 22px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(91,152,197,.28) transparent;
}

#modal:has(.campaign-wizard) #modalContent::-webkit-scrollbar{
  width:5px;
}

#modal:has(.campaign-wizard) #modalContent::-webkit-scrollbar-track{
  background:transparent;
}

#modal:has(.campaign-wizard) #modalContent::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(91,152,197,.28);
}

#modal:has(.campaign-wizard) .modal-close{
  top:14px!important;
  right:14px!important;
  z-index:20!important;
  width:34px!important;
  height:34px!important;
  border:1px solid #214d6e!important;
  border-radius:50%!important;
  background:#0d2943!important;
  color:#8eabc0!important;
  font-size:18px!important;
  cursor:pointer!important;
}

#modal:has(.campaign-wizard) .modal-close:hover{
  background:#123653!important;
  color:#fff!important;
}

#modal .campaign-wizard{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  color:#dceef9!important;
}

.campaign-wizard>.eyebrow{
  display:block;
  margin-bottom:7px;
  color:#2ea1ff!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}

.campaign-wizard>h3{
  margin:0!important;
  padding-right:50px!important;
  color:#f1f8fd!important;
  font-size:22px!important;
  line-height:1.2!important;
}

.campaign-wizard>p.muted{
  margin:7px 0 0!important;
  color:#7997ad!important;
  font-size:10px!important;
}

.campaign-wizard-steps{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:20px 0 14px!important;
}

.campaign-wizard-step{
  width:100%!important;
  min-width:0!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
}

.campaign-wizard-step span{
  width:26px!important;
  height:26px!important;
  flex-basis:26px!important;
  font-size:9px!important;
}

.campaign-wizard-step b{
  min-width:0!important;
  font-size:8px!important;
}

.campaign-wizard-content{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:16px!important;
  overflow:hidden!important;
  border:1px solid #173f5d!important;
  border-radius:12px!important;
  background:
    linear-gradient(180deg,#081e34,#07192c)!important;
  box-sizing:border-box!important;
}

.campaign-step-grid{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
}

.campaign-step-grid label{
  min-width:0!important;
  color:#85a5bb!important;
  font-size:8px!important;
  font-weight:700!important;
}

.campaign-step-grid input,
.campaign-step-grid select,
.campaign-schedule-field input{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  margin-top:6px!important;
  padding:0 12px!important;
  border:1px solid #1c4b70!important;
  border-radius:9px!important;
  outline:none!important;
  background:#0b2741!important;
  color:#edf8ff!important;
  box-sizing:border-box!important;
  font-size:10px!important;
}

.campaign-step-grid input:focus,
.campaign-step-grid select:focus,
.campaign-schedule-field input:focus{
  border-color:#279bfa!important;
  box-shadow:0 0 0 3px rgba(39,155,250,.10)!important;
}

.campaign-step-grid input::placeholder{
  color:#58778e!important;
}

.campaign-info-card{
  padding:12px 13px!important;
  border-color:#1b4e73!important;
  background:#0a2945!important;
}

.campaign-info-card span{
  font-size:6.5px!important;
}

.campaign-info-card b{
  font-size:10px!important;
}

.campaign-info-card small{
  font-size:7px!important;
}

.campaign-wizard-actions{
  width:100%!important;
  margin-top:14px!important;
  align-items:center!important;
}

.campaign-wizard-actions button{
  min-height:38px!important;
  padding:0 15px!important;
  border-radius:9px!important;
  font-size:9px!important;
  font-weight:800!important;
}

.campaign-wizard-actions #cwNext{
  margin-left:auto!important;
}

.campaign-wizard-actions #cwBack{
  border-color:#1c486a!important;
  background:#0a233a!important;
  color:#a9c1d2!important;
}

.campaign-wizard-actions #cwBack:disabled{
  opacity:.35!important;
  cursor:not-allowed!important;
}

.campaign-final-actions{
  margin-left:auto!important;
}

.campaign-audience-summary{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

.campaign-audience-summary>div{
  min-width:0!important;
}

.campaign-review-grid{
  width:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.campaign-selected-image{
  min-width:0!important;
  grid-template-columns:62px minmax(0,1fr) auto!important;
}

.campaign-message-preview{
  min-width:0!important;
  overflow:hidden!important;
}

.campaign-message-preview p{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

.campaign-schedule-field{
  color:#86a3b7!important;
  font-size:8px!important;
  font-weight:700!important;
}

@media(max-width:800px){
  #modal:has(.campaign-wizard){
    padding:10px!important;
  }

  #modal:has(.campaign-wizard) .modal-card{
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:14px!important;
  }

  #modal:has(.campaign-wizard) #modalContent{
    padding:20px 16px 18px!important;
  }

  .campaign-wizard-steps{
    grid-template-columns:1fr 1fr!important;
  }

  .campaign-step-grid,
  .campaign-review-grid{
    grid-template-columns:1fr!important;
  }

  .campaign-audience-summary{
    grid-template-columns:1fr 1fr!important;
  }

  .campaign-wizard-actions.final{
    align-items:stretch!important;
    flex-direction:column!important;
  }

  .campaign-final-actions{
    width:100%!important;
    margin-left:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .campaign-final-actions button,
  .campaign-wizard-actions.final>#cwBack{
    width:100%!important;
  }
}


/* V3.9.20 — tela de Custos completa */
.costs-view{
  padding-top:18px!important;
}
.costs-toolbar{
  display:flex;
  justify-content:flex-end;
  align-items:end;
  gap:10px;
  margin-bottom:12px;
}
.costs-period{
  width:190px;
}
.costs-period span{
  display:block;
  margin-bottom:5px;
  color:#6889a2;
  font-size:7px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.costs-period select{
  height:36px;
  border-color:#1c4a6c;
  background:#09243d;
  color:#dceef9;
  font-size:8px;
}
.cost-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}
.cost-kpi{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
  min-height:88px;
  padding:13px 14px;
  border:1px solid #18496d;
  border-radius:11px;
  background:
    linear-gradient(145deg,#0a2945,#081e35);
}
.cost-kpi-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  flex:0 0 40px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  font-size:10px;
  font-weight:900;
}
.cost-kpi-icon.blue{
  background:rgba(34,142,240,.13);
  color:#45aaff;
}
.cost-kpi-icon.green{
  background:rgba(35,192,130,.12);
  color:#4ee3a2;
}
.cost-kpi-icon.violet{
  background:rgba(138,99,246,.13);
  color:#b794ff;
}
.cost-kpi-icon.cyan{
  background:rgba(38,180,201,.12);
  color:#63d8e8;
}
.cost-kpi div{
  min-width:0;
}
.cost-kpi small,
.cost-kpi p{
  display:block;
  margin:0;
  color:#6e8da5;
  font-size:7px;
}
.cost-kpi strong{
  display:block;
  margin:3px 0;
  color:#f2f8fc;
  font-size:18px;
}
.costs-main-grid,
.costs-secondary-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:12px;
}
.cost-panel{
  min-width:0;
  padding:15px;
  border:1px solid #18486a;
  border-radius:11px;
  background:
    linear-gradient(145deg,#09243d,#071c31);
}
.cost-panel-head{
  margin-bottom:12px;
}
.cost-panel-head.inline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.cost-panel-kicker{
  display:block;
  margin-bottom:4px;
  color:#2ea3ff;
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.11em;
}
.cost-panel h3{
  margin:0;
  color:#edf7fd;
  font-size:13px;
}
.cost-panel p{
  margin:4px 0 0;
  color:#708ea4;
  font-size:7px;
}
.cost-category-list{
  display:grid;
  gap:7px;
}
.cost-category-row{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:9px;
  border:1px solid #153d5c;
  border-radius:9px;
  background:#081e34;
}
.cost-category-symbol{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:9px;
  font-size:11px;
  font-weight:900;
}
.cost-category-symbol.marketing{
  background:rgba(44,142,238,.13);
  color:#43a7ff;
}
.cost-category-symbol.utility{
  background:rgba(37,190,128,.12);
  color:#4ae19e;
}
.cost-category-symbol.auth{
  background:rgba(138,99,246,.13);
  color:#b393ff;
}
.cost-category-symbol.service{
  background:rgba(36,181,199,.12);
  color:#5bd7e7;
}
.cost-category-main{
  min-width:0;
}
.cost-category-main>div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.cost-category-main b{
  color:#e7f4fc;
  font-size:8px;
}
.cost-category-main span{
  overflow:hidden;
  color:#6b899f;
  font-size:6.5px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cost-category-bar{
  height:5px;
  margin-top:6px;
  overflow:hidden;
  border-radius:999px;
  background:#0f324d;
}
.cost-category-bar i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#288fe6,#37b7ee);
}
.cost-category-numbers{
  min-width:82px;
  text-align:right;
}
.cost-category-numbers b,
.cost-category-numbers span{
  display:block;
}
.cost-category-numbers b{
  color:#eff9ff;
  font-size:9px;
}
.cost-category-numbers span{
  margin-top:3px;
  color:#66869d;
  font-size:6px;
}
.cost-projection-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.cost-projection-grid label,
.cost-simulator-fields label{
  min-width:0;
  color:#7796ad;
  font-size:7px;
  font-weight:700;
}
.cost-projection-grid input,
.cost-simulator-fields input,
.cost-simulator-fields select{
  width:100%;
  height:38px;
  margin-top:5px;
  border:1px solid #194767;
  border-radius:8px;
  background:#0a2741;
  color:#eaf6fd;
  font-size:8px;
}
.cost-projection-result{
  display:grid;
  gap:3px;
  margin-top:10px;
  padding:12px;
  border:1px solid #1e5074;
  border-radius:9px;
  background:
    linear-gradient(135deg,#0d3251,#0a2944);
}
.cost-projection-result span{
  color:#79a1bb;
  font-size:7px;
}
.cost-projection-result strong{
  color:#f0f9ff;
  font-size:20px;
}
.cost-projection-result small{
  color:#6690aa;
  font-size:6.5px;
}
.cost-simulator-fields{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
}
.cost-simulator-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  padding:12px 13px;
  border:1px solid rgba(39,157,247,.3);
  border-radius:9px;
  background:
    linear-gradient(135deg,#0e3557,#0b2944);
}
.cost-simulator-total span{
  color:#78a0ba;
  font-size:7px;
}
.cost-simulator-total strong{
  color:#fff;
  font-size:18px;
}
.cost-breakdown.modern{
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:8px;
}
.cost-breakdown.modern div{
  border-color:#153f5e;
  background:#081e34;
}
.cost-breakdown.modern span{
  color:#6e8da5;
  font-size:6px;
}
.cost-breakdown.modern b{
  color:#dcecf7;
  font-size:8px;
}
.cost-rate-list{
  display:grid;
  gap:7px;
}
.cost-rate-list>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:38px;
  padding:0 11px;
  border:1px solid #153f5e;
  border-radius:8px;
  background:#081e34;
}
.cost-rate-list span{
  color:#7895aa;
  font-size:7.5px;
}
.cost-rate-list b{
  color:#edf7fd;
  font-size:9px;
}
.cost-info-box{
  margin-top:9px;
  padding:9px 10px;
  border:1px solid rgba(247,180,71,.2);
  border-radius:8px;
  background:rgba(247,180,71,.06);
}
.cost-info-box.neutral{
  border-color:#17415e;
  background:#081e34;
}
.cost-info-box b{
  display:block;
  color:#e7f3fa;
  font-size:7.5px;
}
.cost-info-box p{
  line-height:1.45;
}
.cost-history-panel{
  margin-bottom:14px;
}
.cost-history-total{
  text-align:right;
}
.cost-history-total span,
.cost-history-total b{
  display:block;
}
.cost-history-total span{
  color:#6d8da4;
  font-size:6.5px;
}
.cost-history-total b{
  margin-top:2px;
  color:#f0f8fd;
  font-size:13px;
}
.cost-history-table{
  overflow:auto;
  border:1px solid #153d5b;
  border-radius:9px;
}
.cost-history-table table{
  min-width:780px;
}
.cost-history-table th{
  border-color:#153d5b;
  color:#5f8daf;
  background:#071b2f;
}
.cost-history-table td{
  border-color:#123650;
  color:#d8e9f5;
}
.cost-history-table tr:last-child td{
  border-bottom:0;
}

@media(max-width:1100px){
  .cost-kpi-grid{
    grid-template-columns:1fr 1fr;
  }
  .costs-main-grid,
  .costs-secondary-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .costs-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
  .costs-period{
    width:100%;
  }
  .cost-kpi-grid{
    grid-template-columns:1fr;
  }
  .cost-projection-grid,
  .cost-simulator-fields{
    grid-template-columns:1fr;
  }
  .cost-breakdown.modern{
    grid-template-columns:1fr 1fr;
  }
}


/* V3.9.21 — Configurações completas */
.settings-v2{
  padding-top:18px!important;
}
.settings-save-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px;
  margin-bottom:11px!important;
}
.settings-save-state{
  color:#63849c;
  font-size:7px;
}
.settings-save-state.changed{
  color:#f2b95d;
}
.settings-overview-grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);
  gap:12px;
}
.settings-detail-grid,
.settings-bottom-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px;
}
.settings-card{
  min-width:0;
  padding:15px;
  border:1px solid #18486a;
  border-radius:12px;
  background:
    linear-gradient(145deg,#09243d,#071c31);
}
.settings-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:13px;
}
.settings-kicker{
  display:block;
  margin-bottom:4px;
  color:#2fa4ff;
  font-size:6.4px;
  font-weight:900;
  letter-spacing:.12em;
}
.settings-card h3{
  margin:0;
  color:#edf7fd;
  font-size:13px;
}
.settings-card p{
  margin:4px 0 0;
  color:#6f8da3;
  font-size:7px;
  line-height:1.45;
}
.settings-logo-editor{
  border-color:#194563!important;
  background:#081f35!important;
}
.settings-logo-editor .company-logo-copy b{
  color:#edf7fd!important;
}
.settings-logo-editor .company-logo-copy p,
.settings-logo-editor .company-logo-copy small{
  color:#708ea4!important;
}
.settings-logo-editor .company-logo-preview{
  border-color:#1c4b6c!important;
  background:#0a2944!important;
}
.settings-field-grid{
  display:grid;
  gap:10px;
}
.settings-field-grid.two{
  grid-template-columns:1fr 1fr;
}
.settings-field-grid label{
  min-width:0;
  color:#7695ab;
  font-size:7px;
  font-weight:800;
}
.settings-field-grid input,
.settings-field-grid select{
  width:100%;
  height:39px;
  margin-top:5px;
  padding:0 11px;
  border:1px solid #194766;
  border-radius:8px;
  outline:none;
  background:#0a2741;
  color:#ebf6fd;
  box-sizing:border-box;
  font-size:8px;
}
.settings-field-grid input:focus,
.settings-field-grid select:focus{
  border-color:#299cf7;
  box-shadow:0 0 0 3px rgba(41,156,247,.10);
}
.settings-connection-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid rgba(35,204,137,.25);
  border-radius:999px;
  background:rgba(35,204,137,.08);
  color:#4be0a0;
  font-size:7px;
  font-weight:800;
}
.settings-connection-badge i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#35d894;
  box-shadow:0 0 0 4px rgba(53,216,148,.08);
}
.settings-integration-health{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.settings-integration-health>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  padding:9px;
  border:1px solid #153e5d;
  border-radius:8px;
  background:#081e34;
}
.settings-health-icon{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  flex:0 0 27px;
  border-radius:7px;
  font-size:9px;
  font-weight:900;
}
.settings-health-icon.ok{
  background:rgba(36,196,132,.11);
  color:#48df9f;
}
.settings-health-icon.secure{
  background:rgba(45,151,239,.12);
  color:#52aff7;
}
.settings-integration-health b,
.settings-integration-health small{
  display:block;
}
.settings-integration-health b{
  color:#e8f5fc;
  font-size:7.5px;
}
.settings-integration-health small{
  margin-top:2px;
  color:#63849c;
  font-size:6.2px;
}
.settings-protected-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:9px;
}
.settings-protected-grid>div{
  min-width:0;
  padding:9px 10px;
  border:1px solid #153d5a;
  border-radius:8px;
  background:#081e34;
}
.settings-protected-grid span,
.settings-protected-grid b{
  display:block;
}
.settings-protected-grid span{
  color:#64849c;
  font-size:6.3px;
}
.settings-protected-grid b{
  overflow:hidden;
  margin-top:3px;
  color:#dcecf7;
  font-size:7.4px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.settings-integration-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:9px;
  padding:9px 10px;
  border:1px solid rgba(53,151,227,.18);
  border-radius:8px;
  background:rgba(53,151,227,.06);
}
.settings-integration-note span{
  font-size:11px;
}
.settings-integration-note p{
  margin:0!important;
}
.settings-test-button{
  width:100%;
  min-height:34px;
  margin-top:9px;
}
.settings-switch-list{
  display:grid;
  gap:0;
  margin-top:11px;
  border-top:1px solid #143a57;
}
.settings-switch-list.no-border-top{
  margin-top:0;
  border-top:0;
}
.settings-switch-row{
  position:relative;
  min-height:50px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 0;
  border-bottom:1px solid #123650;
  cursor:pointer;
}
.settings-switch-row:last-child{
  border-bottom:0;
}
.settings-switch-row>div{
  min-width:0;
  flex:1;
}
.settings-switch-row b,
.settings-switch-row small{
  display:block;
}
.settings-switch-row b{
  color:#dcecf7;
  font-size:7.7px;
}
.settings-switch-row small{
  margin-top:3px;
  color:#64839a;
  font-size:6.5px;
}
.settings-switch-row input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.switch-ui{
  position:relative;
  width:34px;
  height:19px;
  flex:0 0 34px;
  border-radius:999px;
  background:#153a55;
  transition:.16s ease;
}
.switch-ui::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:13px;
  height:13px;
  border-radius:50%;
  background:#7d9aae;
  transition:.16s ease;
}
.settings-switch-row input:checked+.switch-ui{
  background:#087bc6;
}
.settings-switch-row input:checked+.switch-ui::after{
  left:18px;
  background:#fff;
}
.settings-security-list{
  display:grid;
  gap:7px;
}
.settings-security-list>div{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:8px 9px;
  border:1px solid #153d5a;
  border-radius:8px;
  background:#081e34;
}
.settings-security-icon{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(36,196,132,.10);
  color:#47df9d;
  font-size:9px;
}
.settings-security-list b,
.settings-security-list small{
  display:block;
}
.settings-security-list b{
  color:#dcecf7;
  font-size:7.4px;
}
.settings-security-list small{
  margin-top:2px;
  color:#63839a;
  font-size:6.2px;
}
.settings-security-list em{
  color:#48dd9d;
  font-size:6.5px;
  font-style:normal;
  font-weight:800;
}
.settings-current-user{
  display:grid;
  gap:2px;
  margin-top:9px;
  padding:10px;
  border:1px solid #184666;
  border-radius:8px;
  background:#0a2944;
}
.settings-current-user span,
.settings-current-user small{
  color:#66869d;
  font-size:6.4px;
}
.settings-current-user b{
  color:#edf7fd;
  font-size:8.2px;
}
@media(max-width:1150px){
  .settings-overview-grid,
  .settings-detail-grid,
  .settings-bottom-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .settings-field-grid.two,
  .settings-protected-grid,
  .settings-integration-health{
    grid-template-columns:1fr;
  }
  .settings-save-row{
    align-items:stretch!important;
    flex-direction:column!important;
  }
}


/* V3.9.22 — Admin Operions completo */
.admin-view-v2{
  padding-top:18px!important;
}
.admin-top-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.admin-top-actions>div:last-child{
  display:flex;
  gap:7px;
}
.admin-sync-state{
  display:flex;
  align-items:center;
  gap:7px;
  color:#66869d;
  font-size:7px;
}
.admin-sync-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#35d894;
  box-shadow:0 0 0 4px rgba(53,216,148,.08);
}
.admin-kpi-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
  margin-bottom:12px;
}
.admin-kpi{
  min-width:0;
  min-height:82px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid #18486a;
  border-radius:11px;
  background:
    linear-gradient(145deg,#0a2945,#081e35);
}
.admin-kpi-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  flex:0 0 36px;
  border-radius:9px;
  font-size:9px;
  font-weight:900;
}
.admin-kpi-icon.blue{
  background:rgba(38,144,239,.13);
  color:#4baaff;
}
.admin-kpi-icon.green{
  background:rgba(37,195,132,.12);
  color:#4ce1a0;
}
.admin-kpi-icon.violet{
  background:rgba(137,99,246,.13);
  color:#b293ff;
}
.admin-kpi-icon.cyan{
  background:rgba(33,178,202,.12);
  color:#62d9e8;
}
.admin-kpi-icon.amber{
  background:rgba(241,171,59,.12);
  color:#f4bb61;
}
.admin-kpi small,
.admin-kpi p{
  display:block;
  margin:0;
  color:#6d8ca3;
  font-size:6.5px;
}
.admin-kpi strong{
  display:block;
  margin:2px 0;
  color:#f0f8fd;
  font-size:17px;
}
.admin-panel{
  min-width:0;
  padding:14px;
  border:1px solid #18486a;
  border-radius:11px;
  background:
    linear-gradient(145deg,#09243d,#071c31);
}
.admin-panel+.admin-panel{
  margin-top:12px;
}
.admin-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.admin-panel-head.compact{
  margin-bottom:9px;
}
.admin-kicker{
  display:block;
  margin-bottom:3px;
  color:#2fa4ff;
  font-size:6.3px;
  font-weight:900;
  letter-spacing:.11em;
}
.admin-panel h3{
  margin:0;
  color:#edf7fd;
  font-size:12px;
}
.admin-panel p{
  margin:3px 0 0;
  color:#69889f;
  font-size:6.8px;
}
.admin-filter-row,
.admin-user-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}
.admin-filter-row input,
.admin-user-actions input{
  width:245px;
}
.admin-filter-row select{
  width:135px;
}
.admin-filter-row input,
.admin-filter-row select,
.admin-user-actions input{
  height:34px;
  border:1px solid #194766;
  border-radius:8px;
  background:#09243d;
  color:#dcecf7;
  box-sizing:border-box;
  font-size:7px;
}
.admin-company-table-wrap,
.admin-user-table-wrap{
  overflow:auto;
  border:1px solid #153d5b;
  border-radius:9px;
}
.admin-company-table,
.admin-user-table{
  width:100%;
  min-width:940px;
  border-collapse:collapse;
}
.admin-company-table th,
.admin-user-table th{
  padding:9px 10px;
  border-bottom:1px solid #153d5b;
  background:#071b2f;
  color:#5f8caf;
  font-size:6.5px;
  text-align:left;
  letter-spacing:.04em;
}
.admin-company-table td,
.admin-user-table td{
  padding:9px 10px;
  border-bottom:1px solid #123650;
  color:#d9eaf5;
  font-size:7.5px;
  vertical-align:middle;
}
.admin-company-table tr:last-child td,
.admin-user-table tr:last-child td{
  border-bottom:0;
}
.admin-company-identity{
  display:flex;
  align-items:center;
  gap:8px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  text-align:left;
}
.company-avatar{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  border:1px solid #1b5278;
  border-radius:9px;
  background:
    linear-gradient(145deg,#0e6094,#0a3558);
  color:#fff;
  font-size:8px;
  font-weight:900;
}
.company-avatar.large{
  width:48px;
  height:48px;
  flex-basis:48px;
  border-radius:12px;
  font-size:11px;
}
.admin-company-identity b,
.admin-company-identity small{
  display:block;
}
.admin-company-identity b{
  color:#eaf6fd;
  font-size:8px;
}
.admin-company-identity small,
.admin-cell-sub{
  display:block;
  margin-top:2px;
  color:#63839a;
  font-size:6.2px;
}
.admin-row-actions{
  display:flex;
  align-items:center;
  gap:5px;
}
.success-text{
  color:#51dda2!important;
}
.admin-lower-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:12px 0;
}
.admin-lower-grid .admin-panel{
  margin-top:0!important;
}
.admin-plan-summary{
  display:grid;
  gap:8px;
}
.admin-plan-row{
  display:grid;
  grid-template-columns:120px minmax(0,1fr) 36px;
  align-items:center;
  gap:9px;
}
.admin-plan-row>div:first-child b,
.admin-plan-row>div:first-child span{
  display:block;
}
.admin-plan-row b{
  color:#dcecf7;
  font-size:7.5px;
}
.admin-plan-row span{
  margin-top:2px;
  color:#63839a;
  font-size:6px;
}
.admin-plan-bar{
  height:6px;
  overflow:hidden;
  border-radius:999px;
  background:#10324b;
}
.admin-plan-bar i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:
    linear-gradient(90deg,#288fe6,#37b7ee);
}
.admin-plan-row strong{
  color:#8dafc7;
  font-size:7px;
  text-align:right;
}
.admin-pending-list{
  display:grid;
  gap:6px;
}
.admin-pending-item{
  width:100%;
  display:grid;
  grid-template-columns:27px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:8px;
  border:1px solid #173f5d;
  border-radius:8px;
  background:#081e34;
  color:inherit;
  cursor:pointer;
  text-align:left;
}
.admin-pending-item:hover{
  border-color:#245f87;
  background:#0a2741;
}
.admin-pending-alert{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:rgba(240,169,54,.11);
  color:#f0b85a;
  font-size:8px;
  font-weight:900;
}
.admin-pending-item b,
.admin-pending-item small{
  display:block;
}
.admin-pending-item b{
  color:#dcecf7;
  font-size:7.3px;
}
.admin-pending-item small{
  margin-top:2px;
  color:#708da3;
  font-size:6.2px;
}
.admin-empty-good{
  padding:18px 8px;
  color:#4bd99d;
  font-size:7.5px;
  text-align:center;
}
.admin-users-panel{
  margin-bottom:14px;
}
#modal:has(.admin-company-modal-v2) .modal-card,
#modal:has(.admin-company-detail) .modal-card{
  width:min(920px,calc(100vw - 40px))!important;
  max-width:920px!important;
  max-height:calc(100dvh - 40px)!important;
  overflow:hidden!important;
  border:1px solid #1e4c6e!important;
  background:#071b2f!important;
}
#modal:has(.admin-company-modal-v2) #modalContent,
#modal:has(.admin-company-detail) #modalContent{
  max-height:calc(100dvh - 40px)!important;
  padding:22px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.admin-company-modal-v2 h3,
.admin-company-detail h3,
.admin-user-modal h3{
  color:#edf7fd!important;
}
.admin-company-modal-v2>p,
.admin-company-detail .muted,
.admin-user-modal .muted{
  color:#6e8da4!important;
}
.admin-modal-section{
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid #143a56;
}
.admin-modal-section-title{
  display:block;
  margin-bottom:8px;
  color:#46a8ed;
  font-size:6.6px;
  font-weight:900;
  letter-spacing:.09em;
}
.admin-company-modal-v2 .form-grid.three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.admin-company-modal-v2 .form-grid.four{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.admin-company-modal-v2 .form-grid .full{
  grid-column:1/-1;
}
.admin-company-modal-v2 label,
.admin-user-modal label{
  color:#7897ad!important;
  font-size:7px!important;
}
.admin-company-modal-v2 input,
.admin-company-modal-v2 select,
.admin-company-modal-v2 textarea,
.admin-user-modal input,
.admin-user-modal select{
  width:100%;
  margin-top:5px;
  border:1px solid #194766!important;
  border-radius:8px!important;
  background:#0a2741!important;
  color:#edf7fd!important;
  box-sizing:border-box!important;
}
.admin-company-modal-v2 input,
.admin-company-modal-v2 select,
.admin-user-modal input,
.admin-user-modal select{
  height:38px;
}
.admin-company-modal-v2 textarea{
  padding:9px 10px;
  resize:vertical;
}
.admin-notes-label{
  display:block;
  margin-top:9px;
}
.admin-detail-heading{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}
.admin-detail-heading h3{
  margin:2px 0 0!important;
}
.admin-detail-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin:14px 0;
}
.admin-detail-stats>div,
.admin-detail-limits>div{
  padding:9px;
  border:1px solid #173f5d;
  border-radius:8px;
  background:#081e34;
}
.admin-detail-stats span,
.admin-detail-stats b,
.admin-detail-limits span,
.admin-detail-limits b{
  display:block;
}
.admin-detail-stats span,
.admin-detail-limits span{
  color:#64849b;
  font-size:6.3px;
}
.admin-detail-stats b{
  margin-top:3px;
  color:#eff8fd;
  font-size:14px;
}
.admin-detail-limits b{
  margin-top:3px;
  color:#dcecf7;
  font-size:8px;
}
.admin-detail-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.admin-detail-grid section{
  padding:10px;
  border:1px solid #153d5b;
  border-radius:9px;
  background:#081e34;
}
.admin-detail-info{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.admin-detail-info span,
.admin-detail-info b{
  display:block;
}
.admin-detail-info span{
  color:#63839a;
  font-size:6.2px;
}
.admin-detail-info b{
  margin-top:2px;
  overflow-wrap:anywhere;
  color:#dcecf7;
  font-size:7.3px;
}
.admin-detail-limits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-top:9px;
}
.admin-detail-notes{
  margin-top:9px;
  padding:9px 10px;
  border:1px solid #173f5d;
  border-radius:8px;
  background:#081e34;
}
.admin-detail-notes span{
  color:#4ca8e9;
  font-size:6.2px;
  font-weight:900;
}
.admin-detail-notes p{
  margin:4px 0 0!important;
  color:#8ba5b7!important;
  line-height:1.5;
}
.admin-detail-users{
  margin-top:10px;
}
.admin-detail-users>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:7px;
  padding:7px 0;
  border-bottom:1px solid #123650;
}
.admin-detail-users>div:last-child{
  border-bottom:0;
}
.admin-detail-users b,
.admin-detail-users small{
  display:block;
}
.admin-detail-users b{
  color:#dcecf7;
  font-size:7.2px;
}
.admin-detail-users small{
  margin-top:2px;
  color:#63839a;
  font-size:6.2px;
}
@media(max-width:1180px){
  .admin-kpi-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .admin-lower-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:820px){
  .admin-top-actions,
  .admin-panel-head,
  .admin-filter-row,
  .admin-user-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .admin-filter-row input,
  .admin-filter-row select,
  .admin-user-actions input{
    width:100%;
  }
  .admin-kpi-grid{
    grid-template-columns:1fr;
  }
  .admin-company-modal-v2 .form-grid.two,
  .admin-company-modal-v2 .form-grid.three,
  .admin-company-modal-v2 .form-grid.four,
  .admin-detail-grid,
  .admin-detail-stats,
  .admin-detail-limits{
    grid-template-columns:1fr;
  }
}


/* V3.9.23 — cadastro de empresa em abas, sem rolagem longa */
#modal:has(.admin-company-tabs-modal){
  padding:16px!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
#modal:has(.admin-company-tabs-modal) .modal-card{
  width:min(980px,calc(100vw - 32px))!important;
  max-width:980px!important;
  height:min(720px,calc(100dvh - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #1f4e71!important;
  border-radius:17px!important;
  background:
    linear-gradient(180deg,#092238,#071a2d)!important;
}
#modal:has(.admin-company-tabs-modal) #modalContent{
  height:100%!important;
  max-height:none!important;
  padding:0!important;
  overflow:hidden!important;
}
.admin-company-tabs-modal{
  height:100%;
  min-height:0;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
}
.admin-company-modal-head{
  padding:22px 24px 14px;
  border-bottom:1px solid #143b58;
}
.admin-company-modal-head h3{
  margin:6px 0 0!important;
  font-size:18px!important;
}
.admin-company-modal-head p{
  margin-top:5px!important;
}
.admin-company-tabs{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  padding:11px 24px;
  border-bottom:1px solid #143b58;
  background:#071c31;
}
.admin-company-tabs button{
  min-width:0;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 9px;
  border:1px solid #173f5d;
  border-radius:9px;
  background:#081f35;
  color:#6d8ca3;
  cursor:pointer;
  font-size:7px;
  font-weight:800;
  text-align:left;
  transition:.16s ease;
}
.admin-company-tabs button span{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex:0 0 24px;
  border-radius:50%;
  background:#102f49;
  color:#7397b0;
  font-size:8px;
}
.admin-company-tabs button:hover{
  border-color:#245f88;
  background:#0a2842;
}
.admin-company-tabs button.active{
  border-color:#258fe6;
  background:#0b2d4b;
  color:#e9f6fd;
  box-shadow:0 0 0 2px rgba(37,143,230,.06);
}
.admin-company-tabs button.active span{
  background:#168ef0;
  color:#fff;
}
.admin-company-tabs button.done{
  color:#65dca9;
}
.admin-company-tabs button.done span{
  background:rgba(42,194,131,.13);
  color:#4ae09f;
}
.admin-company-tab-content{
  min-height:0;
  padding:18px 24px;
  overflow:hidden;
}
.admin-company-tab-pane{
  height:100%;
  display:none;
  align-content:start;
  animation:adminTabFade .15s ease;
}
.admin-company-tab-pane.active{
  display:block;
}
@keyframes adminTabFade{
  from{opacity:.55;transform:translateY(3px);}
  to{opacity:1;transform:translateY(0);}
}
.admin-tab-section-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}
.admin-tab-section-title b,
.admin-tab-section-title small{
  display:block;
}
.admin-tab-section-title b{
  color:#eaf6fd;
  font-size:11px;
}
.admin-tab-section-title small{
  margin-top:3px;
  color:#6d8ca3;
  font-size:7px;
}
.admin-company-tabs-modal .form-grid{
  gap:12px!important;
}
.admin-company-tabs-modal .form-grid.two{
  grid-template-columns:1fr 1fr!important;
}
.admin-company-tabs-modal .form-grid.three{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.admin-company-tabs-modal .form-grid.four{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.admin-company-tabs-modal .form-grid .full{
  grid-column:1/-1!important;
}
.admin-company-tabs-modal label{
  color:#7897ad!important;
  font-size:7px!important;
}
.admin-company-tabs-modal input,
.admin-company-tabs-modal select{
  height:40px!important;
}
.admin-company-tabs-modal textarea{
  min-height:210px!important;
  max-height:260px!important;
}
.admin-company-modal-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 24px 15px;
  border-top:1px solid #143b58;
  background:#071a2d;
}
.admin-tab-footer-nav,
.admin-company-save-actions{
  display:flex;
  align-items:center;
  gap:7px;
}
.admin-tab-footer-nav span{
  min-width:76px;
  color:#63849c;
  font-size:6.5px;
  text-align:center;
}
.admin-company-modal-footer button{
  min-height:36px;
  padding:0 13px;
  border-radius:8px;
  font-size:7.5px;
}
.admin-tab-footer-nav button:disabled{
  opacity:.35;
  cursor:not-allowed;
}
@media(max-width:900px){
  .admin-company-tabs{
    grid-template-columns:1fr 1fr;
  }
  #modal:has(.admin-company-tabs-modal) .modal-card{
    height:calc(100dvh - 20px)!important;
  }
  .admin-company-tab-content{
    overflow-y:auto;
  }
  .admin-company-tabs-modal .form-grid.two,
  .admin-company-tabs-modal .form-grid.three,
  .admin-company-tabs-modal .form-grid.four{
    grid-template-columns:1fr!important;
  }
  .admin-company-modal-footer{
    align-items:stretch;
    flex-direction:column;
  }
  .admin-tab-footer-nav,
  .admin-company-save-actions{
    width:100%;
    justify-content:space-between;
  }
}


/* V3.9.24 — tipografia global padronizada + botão fechar unificado */
:root{
  --font-page-title:22px;
  --font-section-title:17px;
  --font-card-title:14px;
  --font-body:13px;
  --font-label:12px;
  --font-small:11px;
  --font-micro:10px;
  --font-button:12px;
}

/* Base de leitura */
body,
input,
select,
textarea,
button{
  font-size:var(--font-body)!important;
}

.topbar h1,
.page-header h1,
.view-title,
header h1{
  font-size:var(--font-page-title)!important;
  line-height:1.2!important;
}

h2,
.operational-page-head h2,
.inbox-page-head h2{
  font-size:var(--font-section-title)!important;
  line-height:1.25!important;
}

h3,
.panel h3,
.settings-card h3,
.cost-panel h3,
.admin-panel h3,
.campaign-wizard>h3,
.admin-company-modal-head h3{
  font-size:var(--font-card-title)!important;
  line-height:1.28!important;
}

/* Textos corridos e descrições */
p,
.muted,
.topbar p,
.page-header p,
.operational-page-head p,
.inbox-page-head p,
.settings-card p,
.cost-panel p,
.admin-panel p,
.campaign-wizard>p.muted{
  font-size:var(--font-small)!important;
  line-height:1.45!important;
}

/* Labels e textos de formulário */
label,
.form-grid label,
.settings-field-grid label,
.cost-projection-grid label,
.cost-simulator-fields label,
.admin-company-tabs-modal label,
.admin-user-modal label,
.campaign-step-grid label,
.campaign-schedule-field{
  font-size:var(--font-label)!important;
  line-height:1.35!important;
}

/* Inputs e selects */
input,
select,
textarea{
  font-size:var(--font-body)!important;
  line-height:1.3!important;
}

/* Botões */
button,
.primary,
.secondary,
.ghost,
.icon-btn,
.upload-btn,
.file-button,
.service-tool-btn,
.service-send-button,
.service-profile-action{
  font-size:var(--font-button)!important;
  line-height:1.2!important;
}

/* Tabelas */
table,
th,
td{
  font-size:var(--font-label)!important;
}
th{
  font-size:var(--font-small)!important;
  letter-spacing:.035em!important;
}

/* Badges, status e textos auxiliares */
.badge,
.settings-connection-badge,
.service-profile-status,
.operational-kicker,
.settings-kicker,
.cost-panel-kicker,
.admin-kicker,
.eyebrow,
.admin-modal-section-title,
.service-profile-title{
  font-size:var(--font-micro)!important;
}

small,
.admin-cell-sub,
.service-history-item small,
.cost-category-main span,
.cost-category-numbers span,
.settings-current-user small{
  font-size:var(--font-small)!important;
  line-height:1.35!important;
}

/* Cards de indicadores */
.cost-kpi small,
.admin-kpi small,
.cost-kpi p,
.admin-kpi p{
  font-size:var(--font-small)!important;
}
.cost-kpi strong,
.admin-kpi strong{
  font-size:19px!important;
}

/* Atendimento */
.service-conversation-name,
.service-profile-identity h3{
  font-size:13px!important;
}
.service-message p{
  font-size:12px!important;
}
.service-message>span,
.service-list-meta,
.service-conversation-preview{
  font-size:10px!important;
}

/* Wizard / abas */
.campaign-wizard-step b,
.admin-company-tabs button{
  font-size:11px!important;
}
.campaign-wizard-step span,
.admin-company-tabs button span{
  font-size:10px!important;
}
.admin-tab-section-title b{
  font-size:14px!important;
}
.admin-tab-section-title small{
  font-size:11px!important;
}

/* Informações dos cards administrativos */
.admin-company-identity b,
.admin-detail-info b,
.admin-security-list b,
.settings-security-list b{
  font-size:12px!important;
}
.admin-company-identity small,
.admin-detail-info span,
.settings-security-list small{
  font-size:10px!important;
}

/* Botão fechar padronizado em TODOS os modais */
#modal .modal-close,
.modal .modal-close{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  z-index:100!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid #285778!important;
  border-radius:50%!important;
  background:
    linear-gradient(145deg,#113652,#0b2942)!important;
  color:#afc7d8!important;
  box-shadow:
    0 6px 18px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
  font-size:20px!important;
  font-weight:400!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:
    transform .15s ease,
    background .15s ease,
    border-color .15s ease,
    color .15s ease!important;
}

#modal .modal-close:hover,
.modal .modal-close:hover{
  transform:scale(1.06)!important;
  border-color:#3b86b8!important;
  background:
    linear-gradient(145deg,#164565,#0d3552)!important;
  color:#fff!important;
}

#modal .modal-close:active,
.modal .modal-close:active{
  transform:scale(.96)!important;
}

/* Evita que regras antigas deixem o X claro/bege */
#modal:has(.campaign-wizard) .modal-close,
#modal:has(.admin-company-tabs-modal) .modal-close,
#modal:has(.admin-company-modal-v2) .modal-close,
#modal:has(.admin-company-detail) .modal-close{
  width:36px!important;
  height:36px!important;
  border:1px solid #285778!important;
  background:
    linear-gradient(145deg,#113652,#0b2942)!important;
  color:#afc7d8!important;
  font-size:20px!important;
}

/* Desktop grande: mantém leitura confortável sem exagerar */
@media(min-width:1500px){
  :root{
    --font-page-title:23px;
    --font-section-title:18px;
    --font-card-title:15px;
    --font-body:13px;
    --font-label:12px;
    --font-small:11px;
    --font-micro:10px;
    --font-button:12px;
  }
}

/* Mobile: reduz pouco, sem cair nos tamanhos antigos */
@media(max-width:760px){
  :root{
    --font-page-title:20px;
    --font-section-title:16px;
    --font-card-title:14px;
    --font-body:12px;
    --font-label:11px;
    --font-small:10px;
    --font-micro:9px;
    --font-button:11px;
  }
}


/* V3.9.25 — ajustes para textos traduzidos */
html[lang="en"] button,
html[lang="es"] button,
html[lang="en"] .nav-item,
html[lang="es"] .nav-item{
  white-space:normal!important;
}
html[lang="en"] .campaign-wizard-step b,
html[lang="es"] .campaign-wizard-step b,
html[lang="en"] .admin-company-tabs button,
html[lang="es"] .admin-company-tabs button{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}


/* V3.9.26 — piso real de legibilidade em todos os componentes */

/* Templates */
.operational-filter-help{
  font-size:11px!important;
}
.operational-view .template-card .eyebrow{
  font-size:10px!important;
}
.operational-view .template-card h3{
  font-size:14px!important;
}
.operational-view .template-card .muted{
  font-size:11px!important;
  line-height:1.4!important;
}
.operational-view .template-card .template-text{
  font-size:12px!important;
  line-height:1.55!important;
}
.operational-view .template-card small{
  font-size:11px!important;
}
.operational-view .connection-pill{
  font-size:10px!important;
}
.operational-view .template-actions button{
  font-size:12px!important;
}
.template-reject-reason,
.template-reject-reason *{
  font-size:11px!important;
}

/* Mídias */
.operational-view .media-card h3,
.operational-view .media-card b{
  font-size:13px!important;
}
.operational-view .media-card p,
.operational-view .media-card small,
.operational-view .media-meta{
  font-size:11px!important;
}
.operational-view .media-card button{
  font-size:12px!important;
}

/* Campanhas */
.campaign-wizard>.eyebrow{
  font-size:10px!important;
}
.campaign-wizard>p.muted{
  font-size:11px!important;
}
.campaign-info-card span,
.campaign-message-preview>span{
  font-size:10px!important;
}
.campaign-info-card b{
  font-size:13px!important;
}
.campaign-info-card small{
  font-size:11px!important;
}
.campaign-audience-summary span{
  font-size:10px!important;
}
.campaign-audience-summary b{
  font-size:15px!important;
}
.campaign-review-grid span{
  font-size:10px!important;
}
.campaign-review-grid b{
  font-size:12px!important;
}
.campaign-review-ok,
.campaign-review-warning,
.campaign-schedule-field,
.campaign-schedule-field small{
  font-size:11px!important;
}

/* Envios e tabelas operacionais */
.operational-view table th,
.cost-history-table th,
.admin-company-table th,
.admin-user-table th{
  font-size:11px!important;
}
.operational-view table td,
.cost-history-table td,
.admin-company-table td,
.admin-user-table td{
  font-size:12px!important;
}
.operational-view td .muted,
.cost-history-table td .muted,
.admin-cell-sub{
  font-size:10.5px!important;
}
.operational-view .badge{
  font-size:10px!important;
}

/* Atendimento */
.service-list-meta,
.service-conversation-preview,
.service-conversation-phone,
.service-profile-identity p{
  font-size:11px!important;
}
.service-conversation-name{
  font-size:13px!important;
}
.service-message p{
  font-size:12px!important;
}
.service-message>span{
  font-size:10px!important;
}
.service-profile-title{
  font-size:10px!important;
}
.service-info-row span,
.service-info-row b{
  font-size:11px!important;
}
.service-profile-tags span,
.service-profile-tags small{
  font-size:10px!important;
}
.service-profile-stats small{
  font-size:10px!important;
}
.service-profile-stats b{
  font-size:12px!important;
}
.service-accordion-trigger{
  font-size:11px!important;
}
.service-accordion-content,
.service-accordion-content *{
  font-size:11px!important;
}
.service-history-summary span{
  font-size:10px!important;
}
.service-history-summary small{
  font-size:10px!important;
}
.service-history-item-head b,
.service-history-item p{
  font-size:11px!important;
}
.service-history-item-head time,
.service-history-item small{
  font-size:10px!important;
}
.service-composer>small,
.service-composer-shell+small{
  font-size:10px!important;
}

/* Custos */
.cost-panel-kicker{
  font-size:10px!important;
}
.cost-panel p{
  font-size:11px!important;
}
.cost-kpi small,
.cost-kpi p{
  font-size:11px!important;
}
.cost-category-main b{
  font-size:12px!important;
}
.cost-category-main span{
  font-size:10.5px!important;
}
.cost-category-numbers b{
  font-size:12px!important;
}
.cost-category-numbers span{
  font-size:10px!important;
}
.cost-projection-grid label,
.cost-simulator-fields label{
  font-size:11px!important;
}
.cost-projection-result span,
.cost-projection-result small,
.cost-simulator-total span{
  font-size:11px!important;
}
.cost-rate-list span{
  font-size:11px!important;
}
.cost-rate-list b{
  font-size:12px!important;
}
.cost-info-box b{
  font-size:11px!important;
}
.cost-info-box p{
  font-size:10.5px!important;
}

/* Configurações */
.settings-kicker{
  font-size:10px!important;
}
.settings-card p{
  font-size:11px!important;
}
.settings-field-grid label{
  font-size:11px!important;
}
.settings-connection-badge{
  font-size:10px!important;
}
.settings-integration-health b{
  font-size:11px!important;
}
.settings-integration-health small{
  font-size:10px!important;
}
.settings-protected-grid span{
  font-size:10px!important;
}
.settings-protected-grid b{
  font-size:11px!important;
}
.settings-switch-row b{
  font-size:11.5px!important;
}
.settings-switch-row small{
  font-size:10.5px!important;
}
.settings-security-list b{
  font-size:11px!important;
}
.settings-security-list small,
.settings-security-list em{
  font-size:10px!important;
}
.settings-current-user span,
.settings-current-user small{
  font-size:10px!important;
}
.settings-current-user b{
  font-size:12px!important;
}

/* Admin Operions */
.admin-kicker{
  font-size:10px!important;
}
.admin-panel p{
  font-size:11px!important;
}
.admin-kpi small,
.admin-kpi p{
  font-size:10.5px!important;
}
.admin-company-identity b{
  font-size:12px!important;
}
.admin-company-identity small{
  font-size:10.5px!important;
}
.admin-plan-row b{
  font-size:11px!important;
}
.admin-plan-row span,
.admin-plan-row strong{
  font-size:10px!important;
}
.admin-pending-item b{
  font-size:11px!important;
}
.admin-pending-item small{
  font-size:10px!important;
}
.admin-tab-footer-nav span{
  font-size:10px!important;
}
.admin-company-tabs-modal label{
  font-size:11px!important;
}
.admin-detail-info span{
  font-size:10px!important;
}
.admin-detail-info b{
  font-size:11px!important;
}
.admin-detail-limits span{
  font-size:10px!important;
}
.admin-detail-limits b{
  font-size:11px!important;
}
.admin-detail-users b{
  font-size:11px!important;
}
.admin-detail-users small{
  font-size:10px!important;
}

/* Modais genéricos */
.modal-card .muted{
  font-size:11px!important;
}
.modal-card label{
  font-size:11px!important;
}
.modal-card small{
  font-size:10.5px!important;
}
.modal-card .notice,
.modal-card .send-feedback{
  font-size:11px!important;
}

/* Nunca deixar controles operacionais minúsculos */
.operational-view button,
.settings-v2 button,
.admin-view-v2 button,
.costs-view button,
.inbox-view button{
  font-size:11.5px!important;
}

/* Menu lateral e cabeçalho */
.sidebar .nav-item{
  font-size:12px!important;
}
.brand-copy strong{
  font-size:14px!important;
}
.brand-copy span,
.demo-note span{
  font-size:10.5px!important;
}
.topbar p{
  font-size:11px!important;
}


/* V3.9.27 — nenhum texto abaixo de 12px */

/*
 * Regra final e intencionalmente ampla.
 * Fica no final do arquivo para vencer regras antigas específicas.
 */
body,
body *{
  font-size:12px!important;
}

/* Hierarquia tipográfica */
.topbar h1,
.page-header h1,
header h1,
.view-title{
  font-size:24px!important;
  line-height:1.18!important;
}

h1{
  font-size:24px!important;
}

h2,
.operational-page-head h2,
.inbox-page-head h2{
  font-size:19px!important;
  line-height:1.22!important;
}

h3,
.panel h3,
.settings-card h3,
.cost-panel h3,
.admin-panel h3,
.campaign-wizard>h3,
.admin-company-modal-head h3{
  font-size:16px!important;
  line-height:1.25!important;
}

h4{
  font-size:14px!important;
}

/* Texto normal
 * O piso de 12px já é garantido pela regra final `body, body *`
 * definida logo acima. Não existe a propriedade CSS `min-font-size`.
 */

/* Botões e campos */
button,
.primary,
.secondary,
.ghost,
.icon-btn,
.upload-btn,
.file-button{
  font-size:12px!important;
}

input,
select,
textarea{
  font-size:13px!important;
}

/* Menu */
.sidebar .nav-item{
  font-size:13px!important;
}

.brand-copy strong{
  font-size:15px!important;
}

.brand-copy span,
.demo-note span{
  font-size:12px!important;
}

/* Tabelas */
table td{
  font-size:12px!important;
}

table th{
  font-size:12px!important;
}

/* Badges e microinformações também respeitam o piso */
.badge,
.eyebrow,
.operational-kicker,
.settings-kicker,
.cost-panel-kicker,
.admin-kicker,
.service-profile-title,
.settings-save-state,
.admin-cell-sub,
.muted,
small{
  font-size:12px!important;
}

/* Cards e indicadores */
.cost-kpi strong,
.admin-kpi strong{
  font-size:20px!important;
}

.cost-kpi small,
.cost-kpi p,
.admin-kpi small,
.admin-kpi p{
  font-size:12px!important;
}

/* Templates */
.operational-view .template-card h3{
  font-size:15px!important;
}

.operational-view .template-card .template-text{
  font-size:13px!important;
  line-height:1.55!important;
}

.operational-view .template-card .muted,
.operational-filter-help,
.operational-view .template-card small{
  font-size:12px!important;
}

/* Atendimento */
.service-conversation-name,
.service-profile-identity h3{
  font-size:14px!important;
}

.service-message p{
  font-size:13px!important;
}

.service-message>span,
.service-list-meta,
.service-conversation-preview,
.service-conversation-phone,
.service-profile-identity p,
.service-info-row span,
.service-info-row b,
.service-profile-tags span,
.service-profile-tags small,
.service-profile-stats small,
.service-accordion-trigger,
.service-accordion-content,
.service-history-item p,
.service-history-item small,
.service-history-item time{
  font-size:12px!important;
}

/* Configurações */
.settings-card h3{
  font-size:16px!important;
}

.settings-card p,
.settings-field-grid label,
.settings-integration-health b,
.settings-integration-health small,
.settings-protected-grid span,
.settings-protected-grid b,
.settings-switch-row b,
.settings-switch-row small,
.settings-security-list b,
.settings-security-list small,
.settings-security-list em,
.settings-current-user span,
.settings-current-user small{
  font-size:12px!important;
}

.settings-current-user b{
  font-size:13px!important;
}

/* Custos */
.cost-panel h3{
  font-size:16px!important;
}

.cost-panel p,
.cost-category-main span,
.cost-category-numbers span,
.cost-projection-grid label,
.cost-simulator-fields label,
.cost-projection-result span,
.cost-projection-result small,
.cost-simulator-total span,
.cost-rate-list span,
.cost-info-box p{
  font-size:12px!important;
}

.cost-category-main b,
.cost-category-numbers b,
.cost-rate-list b,
.cost-info-box b{
  font-size:13px!important;
}

/* Admin */
.admin-panel h3{
  font-size:16px!important;
}

.admin-panel p,
.admin-company-identity small,
.admin-cell-sub,
.admin-plan-row span,
.admin-plan-row strong,
.admin-pending-item small,
.admin-tab-footer-nav span,
.admin-company-tabs-modal label,
.admin-detail-info span,
.admin-detail-limits span,
.admin-detail-users small{
  font-size:12px!important;
}

.admin-company-identity b,
.admin-plan-row b,
.admin-pending-item b,
.admin-detail-info b,
.admin-detail-limits b,
.admin-detail-users b{
  font-size:13px!important;
}

/* Wizards e abas */
.campaign-wizard-step b,
.admin-company-tabs button{
  font-size:12px!important;
}

.campaign-wizard-step span,
.admin-company-tabs button span{
  font-size:12px!important;
}

.admin-tab-section-title b{
  font-size:15px!important;
}

.admin-tab-section-title small{
  font-size:12px!important;
}

/* Modal genérico */
.modal-card,
.modal-card *{
  font-size:12px!important;
}

.modal-card h3{
  font-size:16px!important;
}

.modal-card input,
.modal-card select,
.modal-card textarea{
  font-size:13px!important;
}

.modal-card button{
  font-size:12px!important;
}

/* Mantém o X do modal visualmente correto */
#modal .modal-close,
.modal .modal-close{
  font-size:20px!important;
}

/* Números e resultados importantes */
.cost-projection-result strong,
.cost-simulator-total strong{
  font-size:20px!important;
}

.service-profile-stats b{
  font-size:13px!important;
}

@media(max-width:760px){
  body,
  body *{
    font-size:12px!important;
  }

  h1,
  .topbar h1,
  .page-header h1,
  header h1{
    font-size:21px!important;
  }

  h2{
    font-size:18px!important;
  }

  h3{
    font-size:15px!important;
  }
}


/* V3.9.34 — Barra de rolagem global Operions Connect */
:root{
  scrollbar-color:rgba(73,137,255,.78) rgba(7,18,38,.42);
  scrollbar-width:thin;
}

/* Firefox */
*{
  scrollbar-width:thin;
  scrollbar-color:rgba(73,137,255,.78) rgba(7,18,38,.42);
}

/* Chrome, Edge, Safari */
*::-webkit-scrollbar{
  width:8px;
  height:8px;
}

*::-webkit-scrollbar-track{
  background:rgba(7,18,38,.40);
  border-radius:999px;
}

*::-webkit-scrollbar-thumb{
  background:linear-gradient(
    180deg,
    rgba(74,135,255,.92),
    rgba(43,105,232,.82)
  );
  border:2px solid rgba(7,18,38,.78);
  border-radius:999px;
  box-shadow:
    0 0 6px rgba(65,129,255,.26),
    0 0 12px rgba(65,129,255,.10);
}

*::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(
    180deg,
    rgba(92,151,255,.98),
    rgba(54,119,244,.94)
  );
  box-shadow:
    0 0 8px rgba(72,138,255,.34),
    0 0 14px rgba(72,138,255,.14);
}

*::-webkit-scrollbar-corner{
  background:rgba(7,18,38,.45);
}

/* Mantém a barra discreta: só aparece quando houver overflow real. */
html,
body{
  scrollbar-gutter:auto;
}


/* V3.9.35 — Rolagem no painel direito do Atendimento */
.service-profile{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(73,137,255,.82) rgba(7,18,38,.38)!important;
  padding-bottom:14px;
}
.service-profile::-webkit-scrollbar{
  width:8px!important;
}
.service-profile::-webkit-scrollbar-track{
  background:rgba(7,18,38,.38)!important;
  border-radius:999px!important;
}
.service-profile::-webkit-scrollbar-thumb{
  min-height:40px;
  border:2px solid rgba(7,18,38,.78)!important;
  border-radius:999px!important;
  background:linear-gradient(
    180deg,
    rgba(76,143,255,.96),
    rgba(42,104,232,.86)
  )!important;
  box-shadow:
    0 0 6px rgba(68,135,255,.32),
    0 0 12px rgba(68,135,255,.12)!important;
}
.service-profile::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(
    180deg,
    rgba(99,160,255,1),
    rgba(55,121,246,.96)
  )!important;
  box-shadow:
    0 0 8px rgba(75,143,255,.42),
    0 0 15px rgba(75,143,255,.16)!important;
}


/* V3.9.37 — áudio, busca e menu do Atendimento */
.service-chat-head{position:relative}
.service-chat-actions{position:relative}
.service-chat-actions>button{
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.service-chat-actions>button:hover{
  background:rgba(60,126,247,.12);
  color:#72a8ff;
  box-shadow:0 0 10px rgba(60,126,247,.08);
}
.service-chat-more-menu{
  display:none;
  position:absolute;
  z-index:40;
  top:calc(100% + 8px);
  right:0;
  width:190px;
  padding:6px;
  border:1px solid rgba(83,139,242,.24);
  border-radius:12px;
  background:rgba(8,24,47,.98);
  box-shadow:0 16px 35px rgba(0,0,0,.34),0 0 18px rgba(48,115,238,.08);
}
.service-chat-more-menu.show{display:grid;gap:3px}
.service-chat-more-menu button{
  width:100%;
  padding:9px 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#d7e4f7;
  text-align:left;
  cursor:pointer;
  font-size:12px!important;
}
.service-chat-more-menu button:hover{
  background:rgba(58,121,235,.12);
  color:#fff;
}
.service-chat-search{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:45px;
  padding:7px 12px;
  border-bottom:1px solid rgba(77,126,207,.2);
  background:rgba(7,22,43,.96);
}
.service-chat-search[hidden]{display:none!important}
.service-chat-search>span{color:#65a0ff;font-size:16px!important}
.service-chat-search input{
  flex:1;
  min-width:0;
  height:32px;
  padding:0 10px;
  border:1px solid rgba(83,139,242,.24);
  border-radius:9px;
  outline:none;
  background:rgba(3,14,31,.66);
  color:#eef5ff;
  font-size:12px!important;
}
.service-chat-search input:focus{
  border-color:rgba(82,145,255,.65);
  box-shadow:0 0 0 2px rgba(62,129,247,.08);
}
.service-chat-search small{
  min-width:76px;
  color:#88a0bd;
  text-align:right;
  white-space:nowrap;
}
.service-chat-search button{
  width:30px;
  height:30px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#9db1cb;
  cursor:pointer;
  font-size:18px!important;
}
.service-message-row[hidden]{display:none!important}
.service-audio-btn{
  color:#84b5ff!important;
  font-size:15px!important;
}
.service-audio-btn.recording{
  color:#ff6f79!important;
  background:rgba(255,75,89,.12)!important;
  box-shadow:0 0 12px rgba(255,75,89,.12);
}
.service-recording-status{
  display:none;
  align-items:center;
  gap:7px;
  min-height:30px;
  margin:0 4px 6px;
  padding:6px 10px;
  border:1px solid rgba(255,87,100,.18);
  border-radius:9px;
  background:rgba(255,74,87,.07);
  color:#ffadb3;
  font-size:12px!important;
}
.service-recording-status.show{display:flex}
.service-recording-status i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff5967;
  box-shadow:0 0 9px rgba(255,89,103,.65);
  animation:serviceRecordingPulse 1s ease-in-out infinite;
}
@keyframes serviceRecordingPulse{
  0%,100%{opacity:.55;transform:scale(.88)}
  50%{opacity:1;transform:scale(1.08)}
}


/* V3.9.38 — busca fixa e composer reorganizado */
.service-chat{
  position:relative!important;
}

/* Busca dentro da conversa: fica presa logo abaixo do cabeçalho e
   não altera a altura/posição do histórico de mensagens. */
.service-chat-search{
  position:absolute!important;
  z-index:45!important;
  top:65px!important;
  left:0!important;
  right:0!important;
  min-height:48px!important;
  padding:8px 14px!important;
  background:rgba(7,23,43,.985)!important;
  border-bottom:1px solid rgba(77,126,207,.28)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.18)!important;
}
.service-chat-search[hidden]{
  display:none!important;
}
.service-chat-search input{
  height:34px!important;
}
.service-chat-search small{
  min-width:86px!important;
}

/* Campo principal ocupa a linha superior inteira, imediatamente antes
   do botão de enviar. */
.service-composer-box.modern{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  min-height:76px!important;
  padding:7px 8px!important;
  align-items:stretch!important;
}
.service-message-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px;
  align-items:end;
  gap:8px;
  min-width:0;
}
.service-message-line textarea{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  max-height:120px!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:rgba(4,18,36,.35)!important;
  color:#eaf6ff!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.service-message-line textarea:focus{
  background:rgba(5,21,41,.55)!important;
  box-shadow:inset 0 0 0 1px rgba(61,133,255,.22)!important;
}
.service-message-line .service-send-button{
  align-self:end;
  width:36px!important;
  height:36px!important;
}
.service-composer-tools{
  display:flex;
  align-items:center;
  gap:3px;
  min-height:28px;
  padding-left:2px;
}
.service-composer-tools .service-tool-btn{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px;
}
.service-composer>small{
  font-size:12px!important;
}

/* O picker continua ancorado acima do composer novo. */
.service-emoji-picker{
  bottom:86px!important;
}


/* ===== V3.9.58 • Gestão de atendentes ===== */
.settings-team-card{
  grid-column:1/-1;
}
.settings-team-toolbar{
  display:grid;
  grid-template-columns:minmax(150px,180px) minmax(260px,1fr)
    minmax(120px,150px) auto;
  gap:14px;
  align-items:end;
  margin:18px 0;
}
.settings-team-toolbar label{
  display:flex;
  flex-direction:column;
  gap:7px;
  font-weight:700;
}
.settings-team-toolbar label small{
  font-weight:500;
  opacity:.72;
}
.settings-team-limit{
  min-height:44px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:9px 12px;
  border:1px solid rgba(72,177,255,.2);
  border-radius:12px;
  background:rgba(12,42,70,.72);
}
.settings-team-limit span{
  opacity:.72;
}
.settings-team-limit b{
  margin-top:2px;
  font-size:14px;
}
.settings-team-table-wrap{
  max-height:380px;
  overflow:auto;
}
.settings-team-user{
  display:flex;
  align-items:center;
  gap:10px;
}
.settings-team-user>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(31,149,255,.16);
  border:1px solid rgba(56,181,255,.28);
  font-weight:800;
}
.settings-team-user div{
  display:flex;
  min-width:0;
  flex-direction:column;
}
.settings-team-user small{
  opacity:.7;
}
.settings-credential-box{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:12px;
  padding:14px;
  border:1px solid rgba(52,185,255,.24);
  border-radius:12px;
  background:rgba(7,29,49,.88);
}
.settings-credential-box span{
  opacity:.72;
}
.settings-credential-box b{
  word-break:break-all;
  font-size:14px;
}
.settings-switch-row.compact{
  margin-top:14px;
}
.service-agent-name{
  display:block;
  margin-bottom:4px;
  font-weight:800;
  opacity:.78;
}
.service-window-warning.resolved{
  border-color:rgba(35,213,147,.26);
}
@media (max-width:1100px){
  .settings-team-toolbar{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:720px){
  .settings-team-toolbar{
    grid-template-columns:1fr;
  }
}


/* ===== V3.9.59 • Filas por setor ===== */
.settings-team-routing{
  min-width:210px;
}
.service-filter[data-inbox-filter="sector"]{
  border-color:rgba(67,194,255,.22);
}
.service-filter[data-inbox-filter="sector"].active{
  box-shadow:0 0 18px rgba(52,184,255,.12);
}


/* ===== V3.9.60 • Menu automático de setores ===== */
.settings-team-routing-message{
  min-width:260px;
}
.settings-team-routing-message input{
  width:100%;
}


/* ===== V3.9.61 • Distribuição automática ===== */
#serviceAssignmentLabel{
  max-width:360px;
}


/* ===== V3.9.62 • Painel operacional ===== */
.team-ops-panel{
  margin:20px 0;
  padding:18px;
  border:1px solid rgba(57,183,255,.18);
  border-radius:16px;
  background:linear-gradient(
    145deg,
    rgba(7,30,52,.94),
    rgba(8,37,63,.82)
  );
}
.team-ops-head,
.team-ops-title,
.team-ops-agent-main,
.team-ops-sector{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.team-ops-head h4{
  margin:3px 0 0;
  font-size:16px;
}
.team-ops-live{
  display:flex;
  align-items:center;
  gap:7px;
  opacity:.78;
}
.team-ops-live i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#42d99b;
  box-shadow:0 0 12px rgba(66,217,155,.7);
}
.team-ops-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}
.team-ops-kpis article{
  min-height:102px;
  padding:14px;
  border:1px solid rgba(69,178,255,.14);
  border-radius:13px;
  background:rgba(9,35,59,.78);
}
.team-ops-kpis article span,
.team-ops-kpis article small{
  display:block;
  opacity:.72;
}
.team-ops-kpis article strong{
  display:block;
  margin:5px 0 2px;
  font-size:26px;
  line-height:1;
}
.team-ops-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:12px;
}
.team-ops-section{
  min-height:220px;
  padding:14px;
  border:1px solid rgba(69,178,255,.13);
  border-radius:13px;
  background:rgba(5,25,43,.64);
}
.team-ops-title{
  margin-bottom:12px;
}
.team-ops-title span{
  opacity:.65;
}
.team-ops-agents,
.team-ops-sectors{
  display:flex;
  flex-direction:column;
  gap:9px;
  max-height:310px;
  overflow:auto;
  padding-right:4px;
}
.team-ops-agent,
.team-ops-sector{
  padding:10px;
  border:1px solid rgba(72,170,235,.1);
  border-radius:11px;
  background:rgba(13,43,69,.55);
}
.team-ops-agent-main>div{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
}
.team-ops-agent-main small,
.team-ops-sector small{
  opacity:.66;
}
.team-ops-avatar{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  flex:0 0 32px;
  border-radius:9px;
  background:rgba(35,151,255,.16);
  border:1px solid rgba(66,181,255,.22);
  font-weight:800;
}
.team-ops-load{
  height:4px;
  margin-top:8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.07);
}
.team-ops-load i{
  display:block;
  min-width:2px;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#209cff,#69e4ff);
  box-shadow:0 0 9px rgba(62,193,255,.35);
}
.team-ops-sector>div{
  display:flex;
  min-width:0;
  flex-direction:column;
}
.team-ops-sector>span{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
}
.team-ops-sector>span.has-queue{
  background:rgba(255,176,67,.12);
  border:1px solid rgba(255,176,67,.2);
}
.team-ops-empty{
  padding:22px 10px;
  text-align:center;
  opacity:.62;
}
@media(max-width:1050px){
  .team-ops-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .team-ops-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .team-ops-kpis{
    grid-template-columns:1fr 1fr;
  }
  .team-ops-head{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ===== V3.9.62.1 • Ajustes de layout do Atendimento ===== */

/* Filtros: sempre acessíveis, sem cortar "Não lidas" */
.service-filters{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 0 8px;
  scrollbar-width:thin;
  scrollbar-color:#39b9ff rgba(255,255,255,.05);
  -webkit-overflow-scrolling:touch;
}
.service-filters::-webkit-scrollbar{
  height:7px;
}
.service-filters::-webkit-scrollbar-track{
  border-radius:999px;
  background:rgba(255,255,255,.04);
}
.service-filters::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(90deg,#249dff,#79eaff);
  box-shadow:0 0 8px rgba(72,207,255,.25);
}
.service-filter{
  flex:0 0 auto;
  min-width:max-content;
  white-space:nowrap;
}
.service-filter[data-inbox-filter="unassigned"]{
  min-width:118px;
}
.service-filter[data-inbox-filter="sector"]{
  min-width:86px;
}
.service-filter[data-inbox-filter="unread"]{
  min-width:86px;
}
.service-filter[data-inbox-filter="finalized"]{
  min-width:96px;
}

/* Cabeçalho da conversa: separa responsável das ações */
.service-chat-header{
  min-height:76px;
}
.service-chat-header .service-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
  margin-left:auto;
}
.service-chat-header .service-header-actions>button{
  flex:0 0 auto;
  min-height:34px;
  padding:7px 11px;
  border-radius:10px;
  white-space:nowrap;
}
#serviceAssignmentLabel{
  display:inline-flex;
  align-items:center;
  max-width:300px;
  min-height:32px;
  padding:6px 10px;
  margin-right:4px;
  overflow:hidden;
  border:1px solid rgba(29,229,151,.14);
  border-radius:999px;
  background:rgba(8,99,77,.34);
  color:#33eea7;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#serviceTakeConversation,
#serviceTransferConversation,
#serviceFinalizeConversation,
#serviceReopenConversation{
  border:1px solid rgba(61,177,255,.24);
  background:rgba(12,45,74,.78);
}
#serviceTakeConversation:hover,
#serviceTransferConversation:hover,
#serviceFinalizeConversation:hover,
#serviceReopenConversation:hover{
  background:rgba(18,67,108,.95);
}
#serviceFinalizeConversation{
  border-color:rgba(255,181,54,.28);
}
#serviceReopenConversation{
  border-color:rgba(48,221,152,.28);
}

/* Em larguras intermediárias, joga os comandos para uma segunda linha */
@media(max-width:1320px){
  .service-chat-header{
    align-items:flex-start;
    flex-wrap:wrap;
    gap:10px;
  }
  .service-chat-header .service-header-actions{
    width:100%;
    justify-content:flex-start;
    margin-left:0;
  }
  #serviceAssignmentLabel{
    max-width:100%;
  }
}

/* Mantém os filtros utilizáveis no celular */
@media(max-width:760px){
  .service-filters{
    gap:7px;
  }
  .service-filter{
    min-height:38px;
    padding:8px 12px;
  }
  .service-chat-header .service-header-actions{
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:5px;
  }
}


/* ===== V3.9.62.2 • Ações do Atendimento maiores ===== */
.service-chat-header .service-header-actions{
  gap:10px !important;
}
.service-chat-header .service-header-actions>button{
  width:auto !important;
  min-width:96px !important;
  min-height:40px !important;
  padding:9px 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
#serviceTakeConversation{
  min-width:92px !important;
}
#serviceTransferConversation{
  min-width:104px !important;
}
#serviceFinalizeConversation{
  min-width:100px !important;
}
#serviceReopenConversation{
  min-width:96px !important;
}
#serviceAssignmentLabel{
  min-height:40px !important;
  padding:9px 14px !important;
  margin-right:6px !important;
  font-size:12px !important;
}
@media(max-width:1320px){
  .service-chat-header .service-header-actions{
    width:100%;
    display:grid !important;
    grid-template-columns:minmax(190px,1fr)
      repeat(3,minmax(96px,auto));
    align-items:center;
  }
  #serviceAssignmentLabel{
    width:100%;
    max-width:none;
  }
}
@media(max-width:900px){
  .service-chat-header .service-header-actions{
    display:flex !important;
    flex-wrap:wrap !important;
  }
}


/* ===== V3.9.63 • Relatórios de Atendimento ===== */
.reports-view{
  padding-bottom:30px;
}
.reports-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.reports-period{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.reports-period-btn{
  min-height:38px;
  padding:8px 14px;
  border:1px solid rgba(69,177,255,.18);
  border-radius:10px;
  background:rgba(10,37,62,.72);
  color:inherit;
  font-weight:700;
}
.reports-period-btn.active{
  border-color:rgba(55,190,255,.58);
  background:rgba(29,128,204,.22);
  box-shadow:0 0 14px rgba(50,181,255,.1);
}
.reports-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.reports-kpi{
  min-height:118px;
  padding:16px;
  border:1px solid rgba(63,177,255,.15);
  border-radius:15px;
  background:linear-gradient(
    145deg,
    rgba(9,35,60,.94),
    rgba(8,30,51,.82)
  );
}
.reports-kpi span,
.reports-kpi small{
  display:block;
  opacity:.7;
}
.reports-kpi strong{
  display:block;
  margin:8px 0 4px;
  font-size:27px;
  line-height:1;
}
.reports-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);
  gap:14px;
}
.reports-card{
  padding:17px;
  border:1px solid rgba(63,177,255,.15);
  border-radius:15px;
  background:rgba(7,29,50,.84);
}
.reports-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.reports-card-head h3{
  margin:3px 0 0;
  font-size:16px;
}
.reports-card-head>span{
  opacity:.66;
}
.reports-table-wrap{
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#39b9ff rgba(255,255,255,.04);
}
.reports-table{
  width:100%;
  border-collapse:collapse;
}
.reports-table th,
.reports-table td{
  padding:11px 10px;
  border-bottom:1px solid rgba(255,255,255,.06);
  text-align:left;
  white-space:nowrap;
}
.reports-table th{
  opacity:.68;
  font-weight:700;
}
.reports-sector-list,
.reports-recent-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.report-sector-row{
  padding:11px;
  border:1px solid rgba(62,174,245,.11);
  border-radius:11px;
  background:rgba(10,39,64,.58);
}
.report-sector-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.report-sector-top>div{
  display:flex;
  min-width:0;
  flex-direction:column;
}
.report-sector-top small{
  opacity:.65;
  margin-top:2px;
}
.report-sector-bar{
  height:5px;
  overflow:hidden;
  margin-top:9px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
}
.report-sector-bar i{
  display:block;
  min-width:2px;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#209cff,#69e4ff);
}
.reports-recent-card{
  margin-top:14px;
}
.report-recent-row{
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px;
  border:1px solid rgba(62,174,245,.1);
  border-radius:11px;
  background:rgba(10,39,64,.5);
}
.report-recent-avatar{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  flex:0 0 36px;
  border-radius:10px;
  background:rgba(35,151,255,.15);
  border:1px solid rgba(66,181,255,.2);
  font-weight:800;
}
.report-recent-main{
  display:flex;
  min-width:0;
  flex:1;
  flex-direction:column;
}
.report-recent-main small,
.report-recent-meta small{
  opacity:.65;
}
.report-recent-meta{
  display:flex;
  align-items:flex-end;
  flex-direction:column;
  text-align:right;
}
.report-recent-meta span{
  color:#40dfa0;
  font-weight:700;
}
.reports-empty{
  padding:22px 10px;
  text-align:center;
  opacity:.62;
}
@media(max-width:1050px){
  .reports-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .reports-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .reports-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .reports-kpis{
    grid-template-columns:1fr 1fr;
  }
  .report-recent-row{
    align-items:flex-start;
  }
}


/* ===== V3.9.63.1 • Relatórios completos e contraste ===== */
#reports{
  color:#dcecff;
}
#reports .settings-kicker{
  color:#43c4ff !important;
}
#reports h3,
#reports strong,
#reports b,
#reports .reports-table td{
  color:#eef7ff;
}
#reports small,
#reports .reports-card-head>span,
#reports .reports-kpi>span,
#reports .reports-kpi>small,
#reports .report-sector-top small,
#reports .report-recent-main small,
#reports .report-recent-meta small{
  color:#9fb9d2;
  opacity:1;
}
#reports .reports-table th{
  color:#a9c4de;
  opacity:1;
}
#reports .reports-period-btn{
  color:#bcd4ea;
}
#reports .reports-period-btn.active{
  color:#ffffff;
}
#reports .reports-kpi:nth-child(1) strong{
  color:#63c8ff;
}
#reports .reports-kpi:nth-child(2) strong{
  color:#ffd369;
}
#reports .reports-kpi:nth-child(3) strong,
#reports .reports-kpi:nth-child(4) strong{
  color:#55e3a8;
}
#reports .reports-kpi:nth-child(5) strong{
  color:#c395ff;
}
#reports .reports-kpi:nth-child(6) strong{
  color:#76d7ff;
}
#reports .report-good{
  color:#55e3a8 !important;
  font-weight:800;
}
.reports-toolbar{
  align-items:flex-end;
  flex-wrap:wrap;
}
.reports-custom-period{
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin-left:auto;
}
.reports-custom-period label{
  display:flex;
  flex-direction:column;
  gap:5px;
  color:#a9c4de;
  font-weight:700;
}
.reports-custom-period input{
  min-height:38px;
  padding:7px 10px;
  border:1px solid rgba(73,181,255,.22);
  border-radius:10px;
  background:#09243c;
  color:#edf7ff;
  color-scheme:dark;
}
.reports-actions{
  display:flex;
  gap:8px;
}
.reports-export{
  min-width:84px;
}
.reports-export.excel{
  border-color:rgba(51,219,137,.3);
  color:#59e7a3;
}
.reports-export.pdf{
  border-color:rgba(255,104,115,.28);
  color:#ff8790;
}
.reports-kpis{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.reports-table td,
.reports-table th{
  font-size:12px;
}
@media(max-width:1400px){
  .reports-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .reports-custom-period{
    margin-left:0;
  }
}
@media(max-width:900px){
  .reports-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .reports-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .reports-custom-period,
  .reports-actions{
    width:100%;
    flex-wrap:wrap;
  }
}


/* ===== V3.9.64 • Gestão de sessões ===== */
.team-session-cell{
  display:flex;
  min-width:130px;
  flex-direction:column;
  gap:4px;
}
.team-session-cell small{
  color:#9db8d0;
  opacity:1;
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.team-user-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.team-user-actions .danger-soft{
  border-color:rgba(255,91,108,.28);
  color:#ff9aa6;
}
.team-user-actions .danger-soft:hover{
  border-color:rgba(255,91,108,.48);
  background:rgba(255,91,108,.1);
}


/* ===== V3.9.65 • SLA e alertas ===== */
.settings-team-sla{
  min-width:180px;
}
.service-sla-strip{
  margin:8px 12px 10px;
  padding:10px 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(255,167,59,.28);
  border-radius:11px;
  background:rgba(93,55,12,.26);
}
.service-sla-strip>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.service-sla-strip b{
  color:#ffd27a;
}
.service-sla-strip small{
  color:#b9c9d8;
}
.service-sla-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#ffac3b;
  box-shadow:0 0 10px rgba(255,172,59,.65);
}
.service-sla-badge{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(255,86,96,.13);
  border:1px solid rgba(255,86,96,.24);
  color:#ff9da5;
  font-weight:800;
  font-size:12px;
  font-style:normal;
}
.team-ops-kpis{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
#teamOpsSlaBreached{
  color:#ff9a69;
}
@media(max-width:1200px){
  .team-ops-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .team-ops-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .service-sla-strip{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ===== V3.9.66 • Distribuição inteligente ===== */
.team-ops-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}
#redistributeQueueBtn{
  min-height:34px;
  border-color:rgba(62,190,255,.28);
  color:#8edcff;
}
#redistributeQueueBtn:hover{
  border-color:rgba(62,190,255,.48);
  background:rgba(37,146,218,.12);
}
@media(max-width:720px){
  .team-ops-head-actions{
    width:100%;
    justify-content:flex-start;
  }
}


/* ===== V3.9.67 • Encerramento e avaliação ===== */
.service-close-modal{
  width:min(620px,calc(100vw - 32px));
}
.service-close-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.service-close-modal textarea{
  resize:vertical;
  min-height:86px;
}
.service-close-rating{
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start;
  gap:10px;
  margin-top:4px;
  padding:12px;
  border:1px solid rgba(72,183,255,.18);
  border-radius:12px;
  background:rgba(21,76,116,.16);
}
.service-close-rating input{
  width:17px;
  height:17px;
  margin-top:2px;
  flex:0 0 17px;
}
.service-close-rating span{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.service-close-rating b{
  color:#eaf6ff;
}
.service-close-rating small{
  color:#9fb9d2;
}
.service-close-rating.disabled{
  opacity:.58;
}
.service-close-summary{
  border-color:rgba(78,205,156,.18) !important;
}
.service-close-summary .service-info-row b{
  color:#e9f7ff;
}
.service-close-note{
  margin-top:8px;
  padding:9px 10px;
  border-radius:9px;
  background:rgba(9,33,55,.55);
  color:#b8cee1;
  line-height:1.45;
}
@media(max-width:680px){
  .service-close-grid{
    grid-template-columns:1fr;
  }
}


/* ===== V3.9.68 • Relatório de satisfação ===== */
.report-satisfaction-card{
  margin-top:16px;
}
.satisfaction-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.satisfaction-kpis article{
  padding:14px;
  border:1px solid rgba(69,176,255,.16);
  border-radius:12px;
  background:rgba(7,27,47,.48);
}
.satisfaction-kpis span,
.satisfaction-kpis small{
  color:#9fb9d2;
}
.satisfaction-kpis strong{
  display:block;
  margin:5px 0 3px;
  color:#edf8ff;
  font-size:24px;
}
.satisfaction-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.satisfaction-panel{
  min-width:0;
  padding:14px;
  border:1px solid rgba(69,176,255,.14);
  border-radius:12px;
  background:rgba(7,27,47,.4);
}
.satisfaction-panel h4{
  margin:0 0 12px;
  color:#e8f6ff;
}
.satisfaction-bar-row{
  display:grid;
  grid-template-columns:42px minmax(80px,1fr) 30px;
  align-items:center;
  gap:9px;
  margin:8px 0;
  color:#bcd3e6;
}
.satisfaction-bar-row>div{
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.07);
}
.satisfaction-bar-row i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#28b7ff,#70e7ff);
}
.satisfaction-bar-row b{
  text-align:right;
  color:#eef8ff;
}
.satisfaction-ranking-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:3px 10px;
  padding:9px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.satisfaction-ranking-row:last-child{
  border-bottom:0;
}
.satisfaction-ranking-row span{
  overflow:hidden;
  color:#ddecf8;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.satisfaction-ranking-row b{
  color:#8feaff;
}
.satisfaction-ranking-row small{
  grid-column:1/-1;
  color:#829db5;
}
.empty-mini{
  padding:12px 0;
  color:#829db5;
}
@media(max-width:1050px){
  .satisfaction-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:700px){
  .satisfaction-kpis{
    grid-template-columns:1fr;
  }
}


/* ===== V3.9.69 • Horário comercial e ausência ===== */
.service-hours-card{
  margin:14px 0;
  padding:15px;
  border:1px solid rgba(67,181,255,.16);
  border-radius:14px;
  background:rgba(5,29,50,.5);
}
.service-hours-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.service-hours-head h4{
  margin:4px 0;
  color:#edf8ff;
}
.service-hours-head p{
  margin:0;
  color:#95afc5;
}
.service-hours-toggle{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:8px;
  min-width:auto !important;
  padding:8px 11px;
  border:1px solid rgba(62,190,255,.2);
  border-radius:10px;
  background:rgba(26,112,166,.1);
}
.service-hours-toggle input{
  width:17px;
  height:17px;
}
.service-hours-grid{
  display:grid;
  grid-template-columns:180px 180px minmax(220px,1fr);
  gap:12px;
}
.service-hours-days{
  margin-top:13px;
}
.service-hours-days>span{
  display:block;
  margin-bottom:8px;
  color:#b8cde0;
  font-weight:700;
}
.service-hours-days>div{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.service-hours-days label{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:6px;
  min-width:auto !important;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:rgba(255,255,255,.025);
  color:#cbe0f0;
}
.service-hours-days input{
  width:15px;
  height:15px;
}
.service-hours-message{
  margin-top:13px;
}
.service-hours-message textarea{
  min-height:82px;
  resize:vertical;
}
@media(max-width:900px){
  .service-hours-grid{
    grid-template-columns:1fr 1fr;
  }
  .service-hours-grid label:last-child{
    grid-column:1/-1;
  }
}
@media(max-width:620px){
  .service-hours-head{
    flex-direction:column;
  }
  .service-hours-grid{
    grid-template-columns:1fr;
  }
  .service-hours-grid label:last-child{
    grid-column:auto;
  }
}


/* ===== V3.9.70 • Equipe reorganizada + respostas rápidas ===== */

/* Corrige contraste herdado na área de Equipe. */
.settings-team-card,
.settings-team-card label,
.settings-team-card label>span,
.settings-team-card h3,
.settings-team-card h4,
.settings-team-card b{
  color:#eaf6ff;
}
.settings-team-card p,
.settings-team-card small{
  color:#8fb1cb;
  opacity:1;
}
.settings-team-card label{
  font-size:12px;
  line-height:1.35;
}
.settings-team-card input,
.settings-team-card select,
.settings-team-card textarea{
  color:#102238;
  background:#f8fbff;
  border-color:rgba(113,190,255,.26);
}
.settings-team-card input::placeholder,
.settings-team-card textarea::placeholder{
  color:#667d92;
}

/* Toolbar superior em linhas coerentes, sem elementos sobrepostos. */
.settings-team-toolbar{
  display:grid;
  grid-template-columns:180px minmax(300px,1.25fr) minmax(260px,.9fr);
  gap:14px 16px;
  align-items:start;
  margin:18px 0;
  padding:16px;
  border:1px solid rgba(56,168,244,.13);
  border-radius:14px;
  background:rgba(5,29,50,.32);
}
.settings-team-status{
  grid-column:1;
}
.settings-team-sectors{
  grid-column:2;
}
.settings-team-routing{
  grid-column:3;
}
.settings-team-sla{
  grid-column:1;
}
.settings-team-routing-message{
  grid-column:2/4;
}
.settings-team-actions{
  grid-column:1/4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:2px;
}
.settings-team-toolbar label{
  min-width:0;
}
.settings-team-toolbar input,
.settings-team-toolbar select{
  width:100%;
  min-height:42px;
}
.settings-team-toolbar small{
  display:block;
  min-height:0;
  line-height:1.4;
}
.settings-team-limit{
  width:min(100%,360px);
  min-height:48px;
  padding:8px 12px;
  border:1px solid rgba(62,190,255,.18);
  border-radius:11px;
  background:rgba(18,80,122,.13);
}
.settings-team-limit span{
  color:#8db0ca;
}
.settings-team-limit b{
  color:#eaf7ff;
}

/* Horário de atendimento com contraste e espaçamento consistentes. */
.service-hours-card{
  padding:18px;
}
.service-hours-head{
  margin-bottom:16px;
}
.service-hours-toggle{
  min-height:42px;
  padding:9px 13px;
}
.service-hours-toggle span{
  color:#dff5ff!important;
  font-weight:800;
}
.service-hours-grid label,
.service-hours-message{
  color:#dcecf8!important;
}
.service-hours-days>span{
  color:#dcecf8;
}
.service-hours-message small{
  display:block;
  margin-top:7px;
}

/* Configuração de respostas rápidas. */
.quick-replies-settings-card{
  margin:14px 0;
  padding:18px;
  border:1px solid rgba(62,190,255,.16);
  border-radius:14px;
  background:rgba(5,29,50,.48);
}
.quick-replies-settings-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.quick-replies-settings-head h4{
  margin:4px 0;
  color:#edf8ff;
}
.quick-replies-settings-head p{
  max-width:680px;
  margin:0;
  color:#91afc7;
}
.quick-replies-settings-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.quick-reply-setting-row{
  display:grid;
  grid-template-columns:170px 200px minmax(280px,1fr) 38px;
  gap:10px;
  align-items:end;
  padding:12px;
  border:1px solid rgba(75,179,246,.11);
  border-radius:12px;
  background:rgba(3,22,39,.38);
}
.quick-reply-setting-row label{
  min-width:0;
  color:#dbeefa!important;
}
.quick-reply-setting-row input,
.quick-reply-setting-row textarea{
  width:100%;
}
.quick-reply-setting-row textarea{
  min-height:58px;
  resize:vertical;
}
.quick-reply-remove{
  width:38px;
  height:38px;
  border:1px solid rgba(255,107,118,.22);
  border-radius:9px;
  background:rgba(255,75,92,.08);
  color:#ff9aa3;
  font-size:20px!important;
  cursor:pointer;
}
.quick-reply-remove:hover{
  background:rgba(255,75,92,.15);
}
.quick-replies-settings-note{
  display:block;
  margin-top:10px;
  color:#789bb4!important;
}

/* Menu de respostas rápidas no Atendimento. */
.service-composer-shell{
  position:relative;
}
.service-quick-replies-menu{
  position:absolute;
  left:8px;
  bottom:78px;
  z-index:40;
  display:none;
  width:min(520px,calc(100% - 16px));
  max-height:320px;
  overflow:auto;
  padding:8px;
  border:1px solid rgba(67,184,255,.25);
  border-radius:13px;
  background:#071f35;
  box-shadow:0 18px 48px rgba(0,0,0,.38);
}
.service-quick-replies-menu.show{
  display:block;
}
.service-quick-replies-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:5px 7px 9px;
}
.service-quick-replies-head b{
  color:#eaf7ff;
}
.service-quick-replies-head small{
  color:#789ab3;
}
.service-quick-reply-item{
  width:100%;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:9px 10px;
  border:0;
  border-radius:9px;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.service-quick-reply-item:hover{
  background:rgba(40,151,223,.13);
}
.service-quick-reply-item span{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.service-quick-reply-item span b{
  color:#69d5ff;
}
.service-quick-reply-item span small{
  color:#8eabc1;
}
.service-quick-reply-item p{
  margin:0;
  overflow:hidden;
  color:#d2e4f2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.service-quick-btn{
  color:#ffd26c!important;
}
.service-quick-empty{
  padding:16px 10px;
  color:#8ca9bf;
  text-align:center;
}

/* Scrollbar consistente no popup. */
.service-quick-replies-menu::-webkit-scrollbar{
  width:7px;
}
.service-quick-replies-menu::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(#239fff,#7af1ff);
}

/* Responsividade. */
@media(max-width:1150px){
  .settings-team-toolbar{
    grid-template-columns:180px minmax(260px,1fr);
  }
  .settings-team-status,
  .settings-team-sla{
    grid-column:1;
  }
  .settings-team-sectors,
  .settings-team-routing,
  .settings-team-routing-message{
    grid-column:2;
  }
  .settings-team-actions{
    grid-column:1/3;
  }
  .quick-reply-setting-row{
    grid-template-columns:150px minmax(180px,1fr) 38px;
  }
  .quick-reply-text-field{
    grid-column:1/3;
  }
}
@media(max-width:760px){
  .settings-team-toolbar{
    grid-template-columns:1fr;
  }
  .settings-team-status,
  .settings-team-sectors,
  .settings-team-routing,
  .settings-team-routing-message,
  .settings-team-sla,
  .settings-team-actions{
    grid-column:1;
  }
  .settings-team-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .settings-team-limit{
    width:100%;
  }
  .quick-replies-settings-head{
    flex-direction:column;
  }
  .quick-reply-setting-row{
    grid-template-columns:1fr 38px;
  }
  .quick-reply-shortcut-field,
  .quick-reply-title-field,
  .quick-reply-text-field{
    grid-column:1;
  }
  .quick-reply-remove{
    grid-column:2;
    grid-row:1;
  }
  .service-quick-reply-item{
    grid-template-columns:1fr;
  }
}


/* ===== V3.9.71 • Prioridade e fila ===== */
.service-priority-badge,
.service-pending-badge{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 7px;
  border-radius:999px;
  font-size:12px;
  font-style:normal;
  font-weight:800;
}
.service-priority-badge.alta{
  color:#ffd27b;
  border:1px solid rgba(255,190,67,.28);
  background:rgba(255,167,47,.11);
}
.service-priority-badge.urgente{
  color:#ff9da6;
  border:1px solid rgba(255,82,96,.3);
  background:rgba(255,72,88,.13);
}
.service-pending-badge{
  color:#c2d2df;
  border:1px solid rgba(165,190,210,.18);
  background:rgba(139,167,190,.09);
}
.service-priority-select{
  min-width:96px;
  min-height:40px;
  padding:8px 28px 8px 10px;
  border:1px solid rgba(71,181,247,.2);
  border-radius:10px;
  background:#071f35;
  color:#dceefa;
  font-weight:700;
}
.service-pending-action{
  min-width:88px!important;
  min-height:40px!important;
}
.service-pending-action.active{
  border-color:rgba(255,190,76,.32)!important;
  background:rgba(255,177,47,.12)!important;
  color:#ffd17b!important;
}
#teamOpsUrgent{
  color:#ff9b72;
}
.team-ops-kpis{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
@media(max-width:1280px){
  .team-ops-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:800px){
  .team-ops-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .service-priority-select{
    min-width:120px;
  }
}

/* ===== V3.9.72 • Histórico e auditoria ===== */
.service-audit-section{max-height:330px;overflow:hidden}
.service-audit-title{display:flex;align-items:center;justify-content:space-between;
gap:8px;margin-bottom:8px}.service-audit-title small{color:#7899b2}
.service-audit-list{max-height:270px;overflow:auto;padding-right:4px}
.service-audit-item{display:grid;grid-template-columns:27px minmax(0,1fr);
gap:9px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.service-audit-item:last-child{border-bottom:0}
.service-audit-item>i{display:flex;align-items:center;justify-content:center;
width:25px;height:25px;border:1px solid rgba(64,186,255,.18);
border-radius:50%;background:rgba(35,135,198,.1);color:#70d9ff;
font-style:normal;font-weight:800}.service-audit-item>div{min-width:0;
display:flex;flex-direction:column;gap:2px}.service-audit-item b{color:#e4f4ff}
.service-audit-item span{color:#86a5bc}.service-audit-item small{color:#b3c9d9;
line-height:1.4}.service-audit-empty{padding:12px 0;color:#7899b2}
.service-audit-list::-webkit-scrollbar{width:6px}
.service-audit-list::-webkit-scrollbar-thumb{border-radius:999px;
background:linear-gradient(#269fff,#78edff)}


/* ===== V3.9.73 • Meta multiempresa ===== */
.settings-connection-badge.pending{
  color:#ffd27b;
  border-color:rgba(255,190,76,.25);
  background:rgba(255,179,50,.08);
}
.settings-connection-badge.error{
  color:#ff9aa5;
  border-color:rgba(255,91,107,.25);
  background:rgba(255,69,87,.08);
}
.settings-connection-badge.ok{
  color:#8ff0ba;
  border-color:rgba(75,226,145,.25);
  background:rgba(42,197,116,.09);
}
.meta-tenant-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:16px 0;
}
.meta-tenant-form label{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:7px;
  color:#dceefa;
}
.meta-tenant-form label>span{
  color:#dceefa;
  font-size:12px;
  font-weight:800;
}
.meta-tenant-form input{
  width:100%;
  min-height:43px;
  color:#102238;
  background:#f8fbff;
}
.meta-token-field{
  grid-column:1/3;
}
.meta-token-input{
  display:grid;
  grid-template-columns:minmax(0,1fr) 76px;
  gap:8px;
}
.meta-token-input .ghost{
  min-height:43px;
}
.meta-token-field small{
  color:#7fa0b8;
}
.meta-integration-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:14px;
}
.meta-integration-actions button{
  min-height:42px;
}
.meta-integration-actions .danger{
  margin-left:auto;
  color:#ff9aa5;
  border-color:rgba(255,91,107,.2);
}
.settings-integration-health small,
.settings-protected-grid span{
  color:#8eacc2!important;
}
.settings-protected-grid b{
  color:#e6f4ff!important;
}
@media(max-width:760px){
  .meta-tenant-form{
    grid-template-columns:1fr;
  }
  .meta-token-field{
    grid-column:1;
  }
  .meta-integration-actions{
    flex-direction:column;
  }
  .meta-integration-actions .danger{
    margin-left:0;
  }
}

/* ===== V3.9.74 • Onboarding ===== */
.admin-onboarding-card{margin:0 0 18px;padding:18px;border-radius:16px;
border:1px solid rgba(66,179,255,.14);background:rgba(8,27,47,.94)}
.admin-onboarding-head{display:flex;justify-content:space-between;gap:16px;
margin-bottom:16px}.admin-onboarding-head h3{margin:4px 0;color:#edf8ff}
.admin-onboarding-head p{margin:0;color:#89a9bf}
.admin-onboarding-step{height:max-content;padding:7px 10px;border-radius:999px;
color:#7cddff;background:rgba(42,167,234,.09);
border:1px solid rgba(68,190,255,.18);font-weight:800}
.admin-onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.admin-onboarding-grid label{display:flex;flex-direction:column;gap:7px;
color:#dceefa;font-weight:700}.admin-onboarding-grid input{min-height:43px;
width:100%;color:#102238;background:#f8fbff}
.admin-onboarding-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
margin:16px 0;color:#7698b1}.admin-onboarding-flow span{display:flex;
align-items:center;gap:7px}.admin-onboarding-flow i{display:flex;
align-items:center;justify-content:center;width:25px;height:25px;
border-radius:50%;font-style:normal;background:rgba(255,255,255,.06)}
.admin-onboarding-flow .active{color:#86e4ff;font-weight:800}
.admin-onboarding-actions{display:flex;justify-content:flex-end}
.tenant-onboarding-result{display:grid;grid-template-columns:1fr 1fr;gap:9px;
margin:14px 0;padding:12px;border-radius:12px;background:rgba(41,184,121,.07);
border:1px solid rgba(72,221,153,.14)}
.tenant-onboarding-result>div{display:flex;flex-direction:column;gap:3px}
.tenant-onboarding-result span{color:#7e9fb7}
.tenant-onboarding-result b{color:#e8f7ff}
.tenant-onboarding-link button{margin-top:5px;width:max-content}
@media(max-width:760px){.admin-onboarding-grid,.tenant-onboarding-result{
grid-template-columns:1fr}.admin-onboarding-head{flex-direction:column}
.admin-onboarding-actions button{width:100%}}


/* ===== V3.9.74.2 • Onboarding unificado ===== */
.admin-company-save-actions #saveAdminCompanyBtn[hidden]{
  display:none!important;
}
.admin-company-created{
  padding:8px 2px 2px;
}
.admin-company-created-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  margin-bottom:14px;
  border-radius:50%;
  color:#9af0c0;
  background:rgba(45,199,120,.11);
  border:1px solid rgba(72,221,153,.22);
  font-size:23px;
  font-weight:900;
}
.admin-company-created h3{
  margin:5px 0 6px;
  color:#edf8ff;
}
.admin-company-created>p{
  margin:0 0 16px;
  color:#89a9bf;
}
.admin-company-created-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.admin-company-created-grid>div{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  padding:12px;
  border-radius:11px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(113,186,232,.11);
}
.admin-company-created-grid span{
  color:#7f9fb7;
  font-size:12px;
}
.admin-company-created-grid b{
  color:#e8f7ff;
  overflow-wrap:anywhere;
}
.admin-company-created-note{
  margin-top:12px;
  padding:11px 12px;
  border-radius:10px;
  color:#93b8ce;
  background:rgba(45,169,235,.07);
  border:1px solid rgba(61,183,247,.12);
}
@media(max-width:700px){
  .admin-company-created-grid{
    grid-template-columns:1fr;
  }
}


/* ===== V3.9.74.3 • Sucesso no padrão dark ===== */
#modal.company-created-modal .modal-card,
#modal.company-created-modal .modal-content,
#modal.company-created-modal [class*="modal-box"]{
  background:#071f34!important;
  color:#eaf7ff!important;
  border-color:rgba(55,174,239,.28)!important;
}
#modal.company-created-modal .admin-company-created{
  color:#eaf7ff;
}
#modal.company-created-modal .admin-company-created-icon{
  color:#78e7ae;
  background:rgba(41,190,119,.10);
  border-color:rgba(78,225,154,.24);
}
#modal.company-created-modal .admin-company-created h3{
  color:#edf8ff!important;
  font-size:18px;
}
#modal.company-created-modal .admin-company-created>p{
  color:#86a8bf!important;
}
#modal.company-created-modal .admin-company-created-grid>div{
  background:#0a2943!important;
  border-color:rgba(65,168,226,.18)!important;
}
#modal.company-created-modal .admin-company-created-grid span{
  color:#7fa5bf!important;
}
#modal.company-created-modal .admin-company-created-grid b{
  color:#e8f7ff!important;
}
#modal.company-created-modal .admin-company-created-note{
  color:#9cc5dc!important;
  background:rgba(23,129,187,.10)!important;
  border-color:rgba(62,174,234,.20)!important;
}
#modal.company-created-modal .modal-actions{
  border-top-color:rgba(69,157,211,.15)!important;
}
#modal.company-created-modal .modal-actions .secondary{
  color:#d8edfa!important;
  background:#0b2b46!important;
  border-color:rgba(87,175,227,.22)!important;
}
#modal.company-created-modal .modal-actions .primary{
  color:#fff!important;
}


/* ===== V3.9.75 • Painel de implantação ===== */
.admin-tenant-deployment{
  margin:16px 0;
}
.deployment-panel{
  padding:15px;
  border-radius:14px;
  background:#08243c;
  border:1px solid rgba(59,176,239,.16);
}
.deployment-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:13px;
}
.deployment-panel-head h4{
  margin:4px 0 3px;
  color:#edf8ff;
  font-size:16px;
}
.deployment-panel-head p{
  margin:0;
  color:#82a4bb;
}
.deployment-state{
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
}
.deployment-state.pending{
  color:#f2c874;
  background:rgba(231,170,50,.09);
  border:1px solid rgba(231,170,50,.18);
}
.deployment-state.progress{
  color:#78dcff;
  background:rgba(48,167,229,.09);
  border:1px solid rgba(48,167,229,.18);
}
.deployment-state.done{
  color:#86ecb4;
  background:rgba(51,193,120,.09);
  border:1px solid rgba(51,193,120,.18);
}
.deployment-steps{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.deployment-step{
  display:flex;
  align-items:flex-start;
  gap:8px;
  min-width:0;
  padding:10px;
  border-radius:10px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(117,186,229,.09);
}
.deployment-step-icon{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:50%;
  color:#7898ae;
  background:rgba(255,255,255,.04);
}
.deployment-step.done .deployment-step-icon{
  color:#7de6ad;
  background:rgba(44,190,116,.10);
}
.deployment-step b{
  display:block;
  color:#dceefa;
  font-size:12px;
}
.deployment-step small{
  display:block;
  margin-top:3px;
  color:#789ab1;
  line-height:1.35;
}
.deployment-meta-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.deployment-meta-summary>div{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:9px 10px;
  border-radius:9px;
  background:rgba(10,47,77,.75);
}
.deployment-meta-summary span{
  color:#789ab1;
  font-size:12px;
}
.deployment-meta-summary b{
  color:#dff3ff;
  overflow-wrap:anywhere;
}
.deployment-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.deployment-actions button:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.deployment-loading,
.deployment-error{
  padding:13px;
  border-radius:10px;
  color:#86a8bf;
  background:#08243c;
  border:1px solid rgba(59,176,239,.14);
}
.deployment-error{
  color:#ffabb3;
}
.admin-meta-setup h3{
  margin:5px 0 5px;
  color:#edf8ff;
}
.admin-meta-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:16px;
}
.admin-meta-grid label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#dceefa;
  font-weight:700;
}
.admin-meta-grid label.wide{
  grid-column:1/3;
}
.admin-meta-grid input{
  width:100%;
  min-height:43px;
  color:#102238;
  background:#f8fbff;
}
.admin-meta-token{
  display:grid;
  grid-template-columns:minmax(0,1fr) 78px;
  gap:8px;
}
.admin-meta-grid small{
  color:#7f9fb7;
  font-weight:400;
}
.meta-security-note{
  display:flex;
  gap:10px;
  margin-top:13px;
  padding:11px 12px;
  border-radius:10px;
  color:#94bbd1;
  background:rgba(43,158,221,.07);
  border:1px solid rgba(58,174,237,.13);
}
.meta-security-note p{
  margin:0;
}
@media(max-width:900px){
  .deployment-steps{
    grid-template-columns:1fr 1fr;
  }
  .deployment-meta-summary{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:650px){
  .deployment-panel-head{
    flex-direction:column;
  }
  .deployment-steps,
  .deployment-meta-summary,
  .admin-meta-grid{
    grid-template-columns:1fr;
  }
  .admin-meta-grid label.wide{
    grid-column:1;
  }
  .deployment-actions{
    flex-direction:column;
  }
  .deployment-actions button{
    width:100%;
  }
}


/* ===== V3.9.75.2 • Modal Meta no padrão dark ===== */
#modal.admin-meta-modal .modal-card,
#modal.admin-meta-modal .modal-content,
#modal.admin-meta-modal [class*="modal-box"]{
  background:#071f34!important;
  color:#eaf7ff!important;
  border-color:rgba(55,174,239,.28)!important;
}
#modal.admin-meta-modal .admin-meta-setup{
  color:#eaf7ff;
}
#modal.admin-meta-modal .admin-meta-setup h3{
  color:#edf8ff!important;
}
#modal.admin-meta-modal .admin-meta-setup .muted{
  color:#87a8bf!important;
}
#modal.admin-meta-modal .admin-meta-grid label{
  color:#dceefa!important;
}
#modal.admin-meta-modal .admin-meta-grid input{
  color:#eaf7ff!important;
  background:#0a2a45!important;
  border-color:rgba(73,168,225,.24)!important;
}
#modal.admin-meta-modal .admin-meta-grid input::placeholder{
  color:#6f90a8!important;
}
#modal.admin-meta-modal .admin-meta-grid small{
  color:#789eb7!important;
}
#modal.admin-meta-modal .admin-meta-token .secondary{
  color:#dff3ff!important;
  background:#0b2c47!important;
  border-color:rgba(84,177,230,.22)!important;
}
#modal.admin-meta-modal .meta-security-note{
  color:#9bc2d9!important;
  background:rgba(34,143,204,.08)!important;
  border-color:rgba(59,175,237,.16)!important;
}
#modal.admin-meta-modal .modal-actions{
  border-top-color:rgba(71,160,215,.15)!important;
}
#modal.admin-meta-modal .modal-actions .secondary{
  color:#dbeefa!important;
  background:#0b2b46!important;
  border-color:rgba(87,175,227,.22)!important;
}
#modal.admin-meta-modal .modal-actions .primary{
  color:#fff!important;
}


/* ===== V3.9.75.3 • Correção definitiva modal Meta ===== */
#modal.admin-meta-modal>.modal-card{
  background:#071f34!important;
  color:#eaf7ff!important;
  border:1px solid rgba(55,174,239,.28)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.50)!important;
}
#modal.admin-meta-modal #modalContent{
  color:#eaf7ff!important;
}
#modal.admin-meta-modal .modal-close{
  color:#dceefa!important;
  background:#0a304e!important;
  border-color:rgba(93,183,233,.22)!important;
}


/* ===== V3.9.76 • Campanhas: mídia + variável inteligente ===== */
.campaign-smart-variable{display:flex;align-items:center;gap:10px;padding:11px 12px;
border-radius:10px;background:rgba(39,158,220,.08);border:1px solid rgba(62,178,239,.16)}
.campaign-smart-variable-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;
border-radius:9px;background:rgba(48,170,232,.10)}
.campaign-smart-variable>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
.campaign-smart-variable b{color:#e1f4ff;font-size:13px}.campaign-smart-variable small{color:#82a6bd;font-size:12px}
.campaign-smart-variable-badge{padding:5px 8px;border-radius:999px;color:#80e5ff;background:rgba(38,166,230,.10);
border:1px solid rgba(64,185,243,.16);font-size:12px;font-weight:800}
.campaign-image-field{display:flex;flex-direction:column;gap:8px;color:#dceefa;font-weight:700}
.campaign-image-actions{display:flex;gap:8px;flex-wrap:wrap}.campaign-file-button{display:inline-flex;align-items:center;
justify-content:center;min-height:40px;padding:0 13px;border-radius:9px;color:#dff3ff;background:#0b2b46;
border:1px solid rgba(87,175,227,.22);cursor:pointer}.campaign-file-button input{display:none}
.campaign-media-picker h3{margin:5px 0;color:#edf8ff}.campaign-media-picker-grid{display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:390px;margin-top:15px;overflow:auto;padding-right:4px}
.campaign-media-picker-item{display:flex;min-width:0;flex-direction:column;gap:7px;padding:8px;color:#dff3ff;
text-align:left;border-radius:11px;background:#092944;border:1px solid rgba(71,173,231,.16);cursor:pointer}
.campaign-media-picker-item:hover{border-color:rgba(76,190,249,.42);background:#0b3150}.campaign-media-picker-item img{
width:100%;height:105px;object-fit:cover;border-radius:8px;background:#061a2b}.campaign-media-picker-item span{
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.campaign-media-picker-empty{
grid-column:1/-1;padding:22px;color:#83a5bc;text-align:center;border-radius:10px;background:rgba(255,255,255,.025);
border:1px dashed rgba(100,174,217,.18)}
@media(max-width:700px){.campaign-media-picker-grid{grid-template-columns:1fr 1fr}.campaign-smart-variable-badge{display:none}}


/* ===== V3.9.76.2 • Picker de mídia sobre a campanha ===== */
.campaign-media-overlay{
  position:fixed;
  inset:0;
  z-index:5000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(1,12,22,.74);
  backdrop-filter:blur(4px);
}
.campaign-media-picker-card{
  position:relative;
  width:min(760px,94vw);
  max-height:82vh;
  overflow:hidden;
  padding:20px;
  border-radius:16px;
  color:#eaf7ff;
  background:#071f34;
  border:1px solid rgba(55,174,239,.28);
  box-shadow:0 26px 90px rgba(0,0,0,.48);
}
.campaign-media-picker-card h3{
  margin:5px 0;
  color:#edf8ff;
}
.campaign-media-picker-card .muted{
  color:#87a8bf;
}
.campaign-media-picker-close{
  position:absolute;
  top:12px;
  right:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  padding:0;
  border-radius:50%;
  color:#dff2ff;
  background:#0a304e;
  border:1px solid rgba(93,183,233,.22);
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.campaign-media-picker-grid{
  max-height:52vh;
  overflow:auto;
  margin-top:15px;
  padding-right:4px;
}
.campaign-media-picker-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(71,160,215,.14);
}
@media(max-width:650px){
  .campaign-media-overlay{
    padding:12px;
  }
  .campaign-media-picker-card{
    width:100%;
    max-height:88vh;
  }
}