:root{--ink:#142019;--muted:#6d7972;--green:#168657;--green-dark:#0d6842;--bg:#f3f5f2;--line:#dfe5e0;--nav:#0d2117}body{background:radial-gradient(circle at 85% 0,#e8f1e9 0,transparent 28%),var(--bg)}.sidebar{background:linear-gradient(180deg,#10291c,#0b1b12);width:248px;padding:24px 14px;box-shadow:8px 0 30px #0c20140d}.brand{font-size:21px;padding-bottom:23px}.brand-mark{background:linear-gradient(135deg,#e8f8bb,#bde96d);box-shadow:0 5px 18px #b9e96821}.nav-section{display:block;color:#60776a;font-size:8px;font-weight:800;letter-spacing:.14em;padding:16px 12px 7px}.nav-item{position:relative;padding:11px 12px}.nav-item.active:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#bce968}.sidebar-bottom{background:#11291d;border:1px solid #254132;border-radius:12px;padding:8px}.whatsapp-status{margin:0 0 6px}.user{margin:4px 0 0;padding:12px 4px 3px}main{margin-left:248px;max-width:1700px;padding:0 32px 50px}header{height:94px;border-bottom:1px solid #e2e7e3;margin-bottom:20px}.header-actions{gap:8px}.role-preview{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:9px;padding:5px 9px}.role-preview small{font-size:7px;color:#8b958f;font-weight:800;letter-spacing:.08em}.role-preview select{border:0;outline:0;background:transparent;font:600 11px 'DM Sans';color:var(--ink);padding:0}.notification-btn{position:relative;width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:18px}.notification-btn b{position:absolute;right:-3px;top:-4px;background:#e56c54;color:#fff;width:16px;height:16px;border-radius:50%;font-size:8px;display:grid;place-items:center}.company-chip{box-shadow:0 3px 10px #13271b09}.management-banner{background:linear-gradient(105deg,#10291c,#174b32);color:#fff;border-radius:15px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;position:relative;overflow:hidden}.management-banner:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:60px;top:-150px;border:44px solid #ffffff09}.management-banner h2{font-size:20px;margin:5px 0}.management-banner p{color:#9fb7a9}.eyebrow{color:#91caa8;font-size:8px;font-weight:800;letter-spacing:.13em}.operation-score{width:112px;height:72px;border-left:1px solid #ffffff1f;padding-left:25px;z-index:1}.operation-score strong{display:block;font:800 31px Manrope;color:#d8f29a}.operation-score span{font-size:9px;color:#a8bbae}.metric,.panel,.queue-card{box-shadow:0 4px 18px #1b35240a;border-color:#e1e6e2}.metric{padding:19px}.metric strong{font-size:28px}.team-layout{grid-template-columns:minmax(560px,1fr) 300px}.security-card{background:linear-gradient(160deg,#f9fcf9,#edf6ef)}.security-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dff4e5;color:var(--green);font-weight:800;margin-bottom:16px}.security-card>p{font-size:11px;line-height:1.5;margin-bottom:14px}.security-card>div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:10px}.security-card b{color:var(--green)}.security-card b.blocked{color:#ba5d4c}.permission-panel{margin-top:14px}.saved-indicator{font-size:9px;color:var(--green);background:#eaf7ee;padding:6px 9px;border-radius:12px}.permission-table{margin-top:17px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.permission-row{display:grid;grid-template-columns:1.6fr repeat(3,1fr);align-items:center;min-height:45px;padding:0 14px;border-top:1px solid var(--line);font-size:11px}.permission-row:first-child{border:0}.permission-row.header{background:#f7f9f7;color:#849087;font-size:8px;font-weight:800}.permission-row i{text-align:center;color:var(--green);font-style:normal;font-weight:800}.audit-filters{display:flex;gap:7px;margin:20px 0 10px}.audit-item{display:grid;grid-template-columns:40px 1fr 130px 100px;gap:10px;align-items:center;padding:14px 5px;border-top:1px solid var(--line)}.audit-icon{width:34px;height:34px;border-radius:9px;background:#edf6ef;color:var(--green);display:grid;place-items:center}.audit-item strong,.audit-item small{display:block}.audit-item small{color:var(--muted);font-size:10px}.audit-status{font-size:9px;color:var(--green);background:#eaf7ee;border-radius:12px;padding:5px 8px;text-align:center}.permission-denied{opacity:.4;pointer-events:none;position:relative}.role-notice{position:fixed;top:104px;right:32px;background:#142a1d;color:#fff;padding:10px 14px;border-radius:9px;z-index:20;font-size:10px;box-shadow:0 8px 25px #1020162e}@media(max-width:1100px){.role-preview{display:none}.management-banner{padding:18px}.permission-row{grid-template-columns:1.4fr repeat(3,1fr)}}@media(max-width:720px){.sidebar{width:68px}.nav-section{display:none}main{margin-left:68px}.management-banner{display:block}.operation-score{display:none}}

.integration-hero{display:flex;justify-content:space-between;gap:20px;align-items:stretch;background:linear-gradient(120deg,#10291c,#184432);color:#fff;border-radius:15px;padding:22px 24px;margin-bottom:14px;position:relative;overflow:hidden}.integration-hero:after{content:'';position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;border:36px solid #ffffff10}.integration-hero h2{font-size:20px;margin:6px 0 8px}.integration-hero p{color:#a8c0b2;max-width:560px}.integration-status{min-width:220px;align-self:center;background:#ffffff12;border:1px solid #ffffff1d;border-radius:14px;padding:16px 18px;z-index:1}.integration-status strong{display:block;font:800 19px Manrope}.integration-status small{display:block;color:#bdd1c6;margin-top:4px;font-size:11px;line-height:1.5}.integration-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:14px;margin-bottom:14px}.integration-panel{background:#fff;border:1px solid var(--line);box-shadow:0 4px 18px #1b35240a}.integration-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.integration-card{background:#f8fbf8;border:1px solid var(--line);border-radius:12px;padding:14px 15px}.integration-card span,.integration-map span,.integration-check small{display:block;color:var(--muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.integration-card strong{display:block;margin-top:8px;font:700 13px DM Sans;line-height:1.4}.integration-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.integration-map{display:grid;gap:10px;margin-top:12px}.integration-map div,.integration-check{display:flex;gap:12px;align-items:flex-start;background:#f8fbf8;border:1px solid var(--line);border-radius:12px;padding:13px 14px}.integration-map strong,.integration-check strong{display:block;font-size:13px;line-height:1.4}.integration-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.integration-check b{width:28px;height:28px;border-radius:50%;background:#e8f7ed;color:var(--green);display:grid;place-items:center;flex:0 0 28px;font-size:12px;font-weight:800}.integration-check small{margin-top:4px;text-transform:none;letter-spacing:0;color:var(--muted)}.integration-modal{width:min(520px,100%)}@media(max-width:1100px){.integration-grid{grid-template-columns:1fr}.integration-cards,.integration-checklist{grid-template-columns:1fr}}@media(max-width:720px){.integration-hero{display:block}.integration-status{margin-top:14px;min-width:0}}

.chat-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.chat-actions select{min-width:168px}
.summary-box{background:#f8fbf8;border:1px solid var(--line);border-radius:14px;padding:16px;line-height:1.55;white-space:pre-wrap;color:var(--ink);font-size:13px;min-height:220px;max-height:54vh;overflow:auto}
.summary-actions,.summary-flow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.summary-flow{padding-top:10px;border-top:1px solid var(--line)}
.summary-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.summary-chip{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.summary-chip small{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.summary-chip strong{display:block;font-size:13px;line-height:1.45}
.summary-highlight{background:linear-gradient(160deg,#eef8f0,#f9fdf8);border:1px solid #d7e8dc;border-radius:12px;padding:12px 14px;margin-top:10px}
.summary-highlight strong{display:block;margin-bottom:4px}