:root {
  --ui-zoom: 1;
  --bg: #f6f8f3;
  --surface: #ffffff;
  --surface-soft: #f9fbf7;
  --lime: #b8f24a;
  --lime-hover: #a8e23d;
  --lime-soft: #effbd7;
  --green-950: #142a1a;
  --green-900: #18351f;
  --green-800: #214b2c;
  --green-700: #2f6740;
  --green-600: #3b8251;
  --green-100: #dce9dc;
  --text: #172019;
  --muted: #6c756e;
  --muted-2: #929a94;
  --line: #e4e9e1;
  --line-strong: #d6ded3;
  --danger: #d34b4b;
  --warning: #d99027;
  --shadow: 0 1px 2px rgba(20, 42, 26, .04), 0 8px 28px rgba(20, 42, 26, .05);
  --shadow-lg: 0 24px 60px rgba(20, 42, 26, .16);
  --radius: 18px;
  --radius-sm: 12px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
  font-synthesis: none;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { margin: 0; min-height: 100%; background: var(--bg); }
body { min-width: 320px; width:100%; min-height:calc(100dvh / var(--ui-zoom)); overflow-x:hidden; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid rgba(59,130,81,.22); outline-offset: 2px; }

.app-boot { position:fixed; inset:0; z-index:300; display:grid; place-items:center; align-content:center; gap:8px; background:var(--bg); color:var(--text); text-align:center; }
.app-boot .brand-mark-image { width:58px; height:58px; }
.app-boot strong { font-size:20px; }
.app-boot p { margin:0; color:var(--muted); font-size:11px; }
.app-boot-loader { width:26px; height:4px; margin-top:8px; border-radius:99px; background:linear-gradient(90deg,var(--line),var(--lime),var(--line)); background-size:200% 100%; animation:shimmer 1.1s infinite; }
.app-boot .ghost-button { margin-top:8px; }

.login-screen { min-height: 100vh; display: grid; grid-template-columns: minmax(410px, 1.05fr) minmax(430px, .95fr); background: white; }
.login-visual { min-height: 100vh; color: white; background: var(--green-950); padding: 40px 8vw 44px 4.5vw; display: flex; flex-direction: column; position: relative; overflow: hidden; }
.login-visual::before { content: ""; position: absolute; width: 620px; height: 620px; border: 1px solid rgba(184,242,74,.16); border-radius: 50%; right: -330px; top: -250px; box-shadow: 0 0 0 90px rgba(184,242,74,.025), 0 0 0 180px rgba(184,242,74,.018); }
.login-visual::after { content: ""; position: absolute; width: 160px; height: 160px; background: var(--lime); filter: blur(110px); opacity: .22; left: 28%; bottom: 8%; }
.login-brand { display: flex; align-items: center; gap: 12px; position: relative; z-index: 1; }
.login-brand strong { font-size: 20px; letter-spacing: -.5px; }
.login-brand small { display: block; color: #aebcaf; font-size: 8px; letter-spacing: 1.6px; margin-top: 2px; }
.login-copy { margin: auto 0; position: relative; z-index: 1; max-width: 540px; }
.login-pill { width: fit-content; display: flex; align-items: center; gap: 9px; color: #e2eae3; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); border-radius: 30px; padding: 9px 14px; font-size: 11px; font-weight: 650; }
.login-pill i { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(184,242,74,.12); }
.login-copy h1 { font-size: clamp(44px, 5vw, 72px); line-height: .98; letter-spacing: -3.5px; margin: 28px 0 22px; }
.login-copy p { color: #bdc8bf; font-size: 16px; line-height: 1.65; max-width: 490px; }
.login-proof { position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; }
.proof-avatars { display: flex; padding-left: 8px; }
.proof-avatars span { width: 34px; height: 34px; border: 2px solid var(--green-950); border-radius: 50%; background: #eaf5df; color: var(--green-900); display: grid; place-items: center; font-size: 8px; font-weight: 750; margin-left: -8px; }
.proof-avatars span:last-child { background: var(--lime); }
.login-proof p { margin: 0; }
.login-proof strong, .login-proof small { display: block; }
.login-proof strong { font-size: 12px; }
.login-proof small { color: #a8b6aa; font-size: 10px; line-height:1.45; margin-top: 4px; }
.login-panel { display: grid; place-items: center; padding: 40px; position: relative; }
.login-card { width: min(390px, 100%); }
.login-card h2 { font-size: 28px; letter-spacing: -1px; margin: 0 0 8px; }
.login-card > p:not(.overline) { color: var(--muted); font-size: 13px; line-height:1.55; margin: 0 0 28px; }
.login-card label { display: block; color: var(--muted); font-size: 11px; font-weight: 700; margin-bottom: 15px; }
.login-card input { display: block; width: 100%; height: 46px; border: 1px solid var(--line-strong); border-radius: 11px; padding: 0 13px; margin-top: 7px; outline: none; color: var(--text); background: var(--surface-soft); }
.login-card input:focus { background: white; border-color: var(--green-600); box-shadow: 0 0 0 4px rgba(59,130,81,.08); }
.password-field { display: block; position: relative; }
.password-field button { position: absolute; right: 7px; top: 14px; height: 32px; padding: 0 8px; border: 0; background: transparent; color: var(--green-700); font-size: 8px; font-weight: 700; cursor: pointer; }
.password-field input { padding-right: 65px; }
.login-button { width: 100%; height: 48px; border: 0; border-radius: 11px; background: var(--green-950); color: white; display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; font-size: 13px; font-weight: 700; margin-top: 5px; transition: .18s ease; }
.login-button:hover { background: var(--green-800); transform: translateY(-1px); }
.login-button:disabled { opacity: .65; cursor: wait; transform: none; }
.login-button svg { width: 14px; }
.demo-hint { display: block; text-align: center; color: var(--muted-2); font-size: 8px; margin-top: 14px; }
.login-error { color: #8f2929; background: #fff0f0; border: 1px solid #f4cccc; border-radius: 9px; padding: 10px 11px; font-size: 9px; margin-bottom: 15px; }

.app-shell { min-height: calc(100dvh / var(--ui-zoom)); display: grid; grid-template-columns: 238px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: calc(100dvh / var(--ui-zoom)); padding: 28px 18px max(14px,env(safe-area-inset-bottom)); background: #fbfcfa; border-right: 1px solid var(--line); display: flex; flex-direction: column; overflow:hidden; z-index: 20; }
.brand { display: flex; align-items: center; gap: 11px; padding: 0 10px 16px; }
.sidebar-collapse{width:30px;height:30px;margin-left:auto;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--green-700);display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.sidebar-collapse:hover{border-color:var(--green-600);background:var(--lime-soft)}.sidebar-collapse svg{width:14px;transform:rotate(180deg);transition:transform .18s}
.brand-mark-image { width: 40px; height: 40px; object-fit: contain; flex: 0 0 auto; }
.login-brand .brand-mark-image { width: 39px; height: 39px; filter: drop-shadow(0 6px 12px rgba(184,242,74,.12)); }
.brand-mark { width: 35px; height: 35px; border-radius: 11px; background: var(--lime); display: grid; place-items: center; position: relative; transform: rotate(-4deg); }
.brand-mark span { position: absolute; width: 15px; height: 6px; border-radius: 100% 0 100% 0; background: var(--green-950); transform: rotate(-35deg) translate(1px,-3px); }
.brand-mark span:last-child { transform: rotate(145deg) translate(1px,-3px); }
.brand strong { display: block; font-size: 18px; letter-spacing: -.5px; }
.brand small { display: block; margin-top: 1px; color: var(--muted); font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 750; }
.main-nav { display: flex; flex:1 1 auto; min-height:0; flex-direction: column; gap: 4px; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding-right:3px; }
.main-nav::-webkit-scrollbar{width:5px}.main-nav::-webkit-scrollbar-thumb{border-radius:99px;background:var(--line-strong)}
.nav-label { padding: 23px 12px 8px; color: var(--muted-2); font-size: 10px; font-weight: 750; letter-spacing: 1.1px; text-transform: uppercase; }
.nav-item { width: 100%; border: 0; background: transparent; display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 11px; cursor: pointer; color: #59625b; font-size: 13px; font-weight: 600; text-align: left; transition: .18s ease; }
.nav-item:hover { background: #f1f5ee; color: var(--text); }
.nav-item.active { background: var(--green-950); color: white; box-shadow: inset 0 0 0 1px rgba(255,255,255,.03); }
.nav-item i, .nav-item svg { width: 18px; height: 18px; flex: 0 0 auto; }
.nav-item b { margin-left: auto; background: var(--lime); color: var(--green-950); min-width: 20px; height: 20px; display: grid; place-items: center; padding: 0 5px; border-radius: 20px; font-size: 10px; }
.nav-item em { margin-left: auto; font-style: normal; font-size: 9px; padding: 4px 7px; border-radius: 20px; background: var(--lime-soft); color: var(--green-700); }
.nav-item.active em { background: var(--lime); color: var(--green-950); }
.company-profile-area { position:relative; margin:0 0 12px; flex:0 0 auto }.sidebar-bottom { position:relative; z-index:2; flex:0 0 auto; margin-top:8px; padding-top:8px; border-top:1px solid var(--line); display:grid; gap:5px; background:inherit }.profile-popover { position: absolute; z-index:30; left:0; right:0; top:calc(100% + 8px); bottom:auto; padding:6px; border:1px solid var(--line); border-radius:11px; background:white; box-shadow:var(--shadow-lg); }
.profile-popover button { width: 100%; border: 0; border-radius: 8px; background: transparent; color: var(--danger); padding: 9px; display: flex; align-items: center; gap: 8px; font-size: 9px; font-weight: 650; cursor: pointer; }
.profile-popover button:hover { background: #fff3f3; }
.profile-popover svg { width: 13px; transform: rotate(180deg); }
.connection-card { border: 1px solid var(--line); background: white; border-radius: 12px; padding: 10px; display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 9px; }
.connection-icon { width: 30px; height: 30px; border-radius: 9px; background: var(--lime-soft); color: var(--green-700); display: grid; place-items: center; }
.connection-icon svg { width: 16px; }
.connection-card strong, .connection-card span { display: block; }
.connection-card strong { font-size: 11px; }
.connection-card div > span { color: var(--muted); font-size: 8.5px; margin-top: 2px; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #4ac16d; box-shadow: 0 0 0 3px #e6f7eb; }
.profile-card { border: 0; background: transparent; padding: 9px; display: grid; grid-template-columns: 34px 1fr 14px; gap: 9px; align-items: center; text-align: left; cursor: pointer; border-radius: 12px; }.company-profile-card{width:100%;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.company-profile-card:hover{border-color:var(--green-600)}.sidebar-user{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:9px}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user strong{font-size:11px}.sidebar-user small{margin-top:2px;color:var(--muted);font-size:9px}
.sidebar-logout-button{width:100%;min-height:35px;padding:7px 9px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:9px;font:inherit;font-size:9px;font-weight:750;cursor:pointer}.sidebar-logout-button:hover{background:#fff0f0;color:var(--danger)}.sidebar-logout-button svg{width:14px;transform:rotate(180deg)}
.profile-card:hover { background: #f1f5ee; }
.profile-card strong, .profile-card small { display: block; }
.profile-card strong { font-size: 11px; }
.profile-card small { font-size: 9px; color: var(--muted); margin-top: 2px; }
.profile-card svg { width: 14px; color: var(--muted); }
.avatar { width: 34px; height: 34px; border-radius: 10px; display: inline-grid; place-items: center; font-size: 10px; font-weight: 750; color: var(--green-900); background: var(--lime-soft); flex: 0 0 auto; }
.avatar-dark { color: white; background: var(--green-950); }

.main-content { min-width: 0; max-width:100vw; overflow-x:hidden; }
.app-shell,.sidebar{transition:grid-template-columns .2s ease,width .2s ease,padding .2s ease}.app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar-collapsed .sidebar{padding-inline:10px;overflow:visible}.sidebar-collapsed .brand{padding-inline:5px;flex-direction:column}.sidebar-collapsed .brand>div,.sidebar-collapsed .company-profile-card>span:nth-child(2),.sidebar-collapsed .company-profile-card>i,.sidebar-collapsed .nav-item>span,.sidebar-collapsed .nav-item>em,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-user>span:nth-child(2){display:none}.sidebar-collapsed .brand-mark-image{width:34px;height:34px}.sidebar-collapsed .sidebar-collapse{margin:0}.sidebar-collapsed .sidebar-collapse svg{transform:none}.sidebar-collapsed .company-profile-area{margin-top:6px}.sidebar-collapsed .company-profile-card,.sidebar-collapsed .sidebar-user{display:flex;justify-content:center;padding:8px}.sidebar-collapsed .main-nav{align-items:center}.sidebar-collapsed .nav-item{width:44px;height:42px;padding:0;justify-content:center;position:relative}.sidebar-collapsed .nav-item>b{position:absolute;right:-3px;top:-3px;min-width:16px;width:auto;height:16px;padding:0 4px;font-size:8px}.sidebar-collapsed .profile-popover{left:52px;right:auto;top:0;width:240px}.sidebar-collapsed .sidebar-bottom{justify-items:center}
.sidebar-collapsed .sidebar-logout-button>span{display:none}.sidebar-collapsed .sidebar-logout-button{width:40px;justify-content:center}.sidebar-collapsed .main-nav{padding-right:0}
.topbar { height: 91px; padding: 18px 34px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(246,248,243,.9); backdrop-filter: blur(12px); position: sticky; top: 0; z-index: 15; }
.topbar-title span { color: var(--muted); font-size: 10px; font-weight: 600; }
.topbar-title h1 { font-size: 22px; line-height: 1; margin: 8px 0 0; letter-spacing: -.55px; }
.topbar-actions { display: flex; align-items: center; gap: 9px; }
.search-button, .icon-button, .primary-button, .ghost-button, .soft-button { min-height: 38px; border-radius: 10px; border: 1px solid var(--line); background: white; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; font-size: 11px; font-weight: 650; transition: .18s ease; }
.search-button { width: 190px; justify-content: flex-start; color: var(--muted); padding: 0 10px; }
.search-button svg { width: 15px; }
.search-button kbd { margin-left: auto; border: 1px solid var(--line); background: var(--surface-soft); color: var(--muted-2); border-radius: 5px; padding: 2px 5px; font-family: inherit; font-size: 8px; }
.icon-button { width: 38px; padding: 0; position: relative; }
.icon-button svg { width: 16px; }
.notification-wrap{position:relative}.notification-dot{position:absolute;min-width:15px;height:15px;padding:0 3px;border-radius:99px;background:var(--danger);color:white;top:4px;right:4px;box-shadow:0 0 0 2px white;font-size:7px;font-weight:850;line-height:15px;text-align:center}.notification-dot[hidden]{display:none}.notification-panel{position:absolute;z-index:60;right:0;top:calc(100% + 10px);width:min(390px,calc(100vw - 32px));max-height:min(610px,calc(100dvh - 110px));overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 24px 70px rgba(10,35,20,.2)}.notification-panel[hidden]{display:none}.notification-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px 14px;border-bottom:1px solid var(--line)}.notification-panel>header strong,.notification-panel>header span{display:block}.notification-panel>header strong{font-size:14px}.notification-panel>header span{margin-top:4px;color:var(--muted);font-size:8px}.notification-panel>header button{width:30px;height:30px;border:0;border-radius:9px;background:var(--surface-soft);color:var(--text);display:grid;place-items:center;cursor:pointer}.notification-panel>header svg{width:14px}.notification-list{max-height:500px;overflow:auto;overscroll-behavior:contain}.notification-item{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:13px 16px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.notification-item:hover{background:var(--surface-soft)}.notification-item>svg{width:14px;color:var(--muted)}.notification-item-icon{width:34px;height:34px;border-radius:10px;background:var(--lime-soft);color:var(--green-700);display:grid;place-items:center}.notification-item-icon svg{width:17px}.notification-item strong,.notification-item small{display:block}.notification-item strong{font-size:9.5px}.notification-item small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.35}.notification-item.urgent .notification-item-icon{background:#ffe7e7;color:var(--danger)}.notification-loading{padding:25px;text-align:center;color:var(--muted);font-size:9px}.notification-empty{min-height:180px;padding:30px;display:grid;place-items:center;align-content:center;text-align:center}.notification-empty>svg{width:30px;color:var(--green-600);margin-bottom:9px}.notification-empty strong{font-size:12px}.notification-empty span{margin-top:5px;color:var(--muted);font-size:8px}.notification-empty.error>svg{color:var(--danger)}
.primary-button { border-color: var(--green-950); background: var(--green-950); color: white; padding: 0 14px; }
.primary-button:hover { background: var(--green-800); transform: translateY(-1px); }
.primary-button svg { width: 14px; }
.ghost-button { padding: 0 14px; }
.ghost-button:hover, .icon-button:hover, .search-button:hover { border-color: var(--line-strong); background: var(--surface-soft); }
.soft-button { border-color: #d9eeb7; color: var(--green-800); background: var(--lime-soft); padding: 0 13px; }
.soft-button svg, .ghost-button svg { width: 14px; height: 14px; }
.mobile-menu { display: none; border: 0; background: transparent; }
.theme-toggle svg { transition: transform .2s ease; }
.theme-toggle:hover svg { transform: rotate(12deg); }
.login-theme-toggle { position: absolute; top: 24px; right: 24px; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--green-800); display: grid; place-items: center; cursor: pointer; box-shadow: var(--shadow); }
.login-theme-toggle svg { width: 17px; }

.view { display: none; min-width:0; max-width:100%; padding: 27px 34px 50px; }
.view.active { display: block; }
.view.inbox-view.active { display: block; padding: 0; height: calc(100vh - 91px); }

.section-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 17px; }
.section-head h2 { font-size: 16px; letter-spacing: -.35px; margin: 0; }
.section-head p { font-size: 10.5px; color: var(--muted); margin: 5px 0 0; }
.link-button { color: var(--green-700); font-size: 9px; font-weight: 700; border: 0; background: transparent; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; padding: 4px; white-space: nowrap; }
.link-button svg { width: 12px; height: 12px; }
.metric-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 26px; }
.metric-card { border: 1px solid var(--line); background: var(--surface); border-radius: var(--radius); padding: 17px; min-height: 122px; box-shadow: var(--shadow); position: relative; overflow: hidden; }
.metric-card[role="button"] { cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.metric-card[role="button"]:hover,.metric-card[role="button"]:focus-visible { transform:translateY(-2px); border-color:var(--green-600); box-shadow:0 0 0 2px rgba(120,189,134,.14),var(--shadow); outline:0; }
.metric-card:hover .metric-icon svg,.animated-data-icon:hover svg,.nav-item:hover>i svg { animation:iconNudge .55s ease; stroke-width:2.2; }
@keyframes iconNudge { 0%,100%{transform:translate(0) scale(1)}35%{transform:translateY(-2px) rotate(-3deg) scale(1.08)}70%{transform:translateY(1px) rotate(2deg)} }
.metric-card.highlight { background: var(--green-950); color: white; border-color: var(--green-950); }
.metric-icon { width: 31px; height: 31px; border-radius: 9px; background: var(--surface-soft); display: grid; place-items: center; color: var(--green-700); margin-bottom: 13px; }
.highlight .metric-icon { background: rgba(184,242,74,.15); color: var(--lime); }
.metric-icon svg { width: 15px; }
.metric-label { color: var(--muted); font-size: 9px; font-weight: 650; }
.highlight .metric-label { color: #afbcaf; }
.metric-row { display: flex; flex-wrap:wrap; align-items: flex-end; justify-content: space-between; gap:7px; margin-top: 5px; }
.metric-value { font-size: 26px; line-height: 1; letter-spacing: -1px; font-weight: 750; }
.metric-change { max-width:100%; font-size: 8px; line-height:1.25; overflow-wrap:anywhere; padding: 4px 6px; border-radius: 20px; color: var(--green-700); background: var(--lime-soft); }
.highlight .metric-change { background: var(--lime); color: var(--green-950); }
.overview-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr); gap: 17px; }
.panel { border: 1px solid var(--line); background: var(--surface); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.panel-header { padding: 17px 19px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; }
.panel-header h3 { margin: 0; font-size: 13px; letter-spacing: -.2px; }
.panel-header span { color: var(--muted); font-size: 9px; }
.activity-list, .task-list, .conversation-preview-list { padding: 6px 14px; }
.activity-item, .task-item, .conversation-preview { display: grid; align-items: center; gap: 11px; padding: 11px 4px; border-bottom: 1px solid #edf0eb; }
.activity-item:last-child, .task-item:last-child, .conversation-preview:last-child { border-bottom: 0; }
.activity-item { grid-template-columns: 30px 1fr auto; }
.activity-item > div { min-width: 0; }
.activity-icon { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; color: var(--green-700); background: var(--lime-soft); }
.activity-icon svg { width: 14px; }
.activity-item strong, .activity-item span { display: block; }
.activity-item strong { font-size: 10px; margin-bottom: 3px; }
.activity-item span { font-size: 9px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.activity-item time { color: var(--muted-2); font-size: 8px; }
.task-item { grid-template-columns: 20px 1fr auto; }
.task-check { width: 17px; height: 17px; border-radius: 5px; border: 1.5px solid var(--line-strong); background: white; cursor: pointer; }
.task-check:hover { border-color: var(--green-600); background: var(--lime-soft); }
.task-select{width:18px;height:18px;margin:1px 0 0;accent-color:var(--green-700);cursor:pointer}
.task-item strong { font-size: 10px; display: block; }
.task-item span { color: var(--muted); font-size: 8.5px; display: block; margin-top: 3px; }
.task-item time { font-size: 8px; color: var(--warning); background: #fff6e9; padding: 4px 6px; border-radius: 10px; }
.funnel { padding: 20px 18px 16px; }
.funnel-row { display: grid; grid-template-columns: 92px 1fr 44px; align-items: center; gap: 10px; margin-bottom: 13px; }
.funnel-row label { font-size: 9px; color: var(--muted); }
.funnel-track { background: #edf1ea; border-radius: 20px; height: 7px; overflow: hidden; }
.funnel-fill { height: 100%; border-radius: inherit; min-width: 5px; }
.funnel-row b { font-size: 9px; text-align: right; }

.inbox-layout { display: grid; grid-template-columns: 340px minmax(420px, 1fr) 300px; height: 100%; background: #fff; }
.conversation-column { border-right: 1px solid #d8dfdc; overflow: hidden; display: flex; flex-direction: column; background:#fff; }
.conversation-tools { padding: 0 12px 10px; border-bottom: 1px solid #e3e8e6; background:#fff; }
.conversation-tools-heading{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 4px 7px}.conversation-tools-heading>div strong,.conversation-tools-heading>div span{display:block}.conversation-tools-heading>div strong{font-size:18px;letter-spacing:-.35px}.conversation-tools-heading>div span{margin-top:2px;color:var(--muted);font-size:9px}.whatsapp-channel-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:99px;background:#e7fce3;color:#176b45;font-size:8px;font-weight:800}.whatsapp-channel-badge svg{width:12px;height:12px}
.inbox-search { position: relative; }
.inbox-search svg { position: absolute; left: 14px; top: 11px; width: 16px; color: #667781; }
.inbox-search input { width: 100%; height: 38px; border: 0; border-radius: 9px; padding: 0 12px 0 42px; background: #f0f2f5; outline: none; font-size: 11px; }
.inbox-search input:focus{box-shadow:inset 0 0 0 1px #d5dcda;background:#fff}
.inbox-filters { display: flex; gap: 5px; margin-top: 10px; }
.filter-chip { border: 0; border-radius: 20px; padding: 6px 11px; background: #f0f2f5; color: #54656f; font-size: 9px; cursor: pointer; }
.filter-chip:hover{background:#e7ebed}.filter-chip.active { background: #e7fce3; color: #176b45; font-weight:800; }
.conversation-list { overflow: auto; }
.conversation-row-skeleton{min-height:72px;display:grid;grid-template-columns:49px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #eef1f0}.conversation-row-skeleton>i,.chat-loading-header>i{width:49px;height:49px;border-radius:50%;background:#e8eeeb;animation:inboxPulse 1.15s ease-in-out infinite}.conversation-row-skeleton>span,.chat-loading-header>span{display:grid;gap:8px}.conversation-row-skeleton b,.conversation-row-skeleton small,.chat-loading-header b,.chat-loading-header small,.chat-loading-body span{display:block;height:9px;border-radius:9px;background:#e8eeeb;animation:inboxPulse 1.15s ease-in-out infinite}.conversation-row-skeleton b{width:48%}.conversation-row-skeleton small{width:82%;height:7px}.chat-loading{min-width:0;display:flex;flex-direction:column;background:#efeae2}.chat-loading-header{min-height:64px;padding:8px 16px;display:grid;grid-template-columns:40px minmax(0,180px);align-items:center;gap:11px;border-bottom:1px solid #d8dfdc;background:#f0f2f5}.chat-loading-header>i{width:40px;height:40px}.chat-loading-header b{width:110px}.chat-loading-header small{width:150px;height:7px}.chat-loading-body{display:grid;gap:18px;padding:72px max(24px,8vw)}.chat-loading-body span{width:min(430px,70%);height:42px;background:rgba(255,255,255,.8)}.chat-loading-body span:nth-child(2){width:min(350px,58%);margin-left:auto;background:rgba(217,253,211,.9)}.chat-loading-body span:nth-child(3){width:min(280px,50%)}@keyframes inboxPulse{0%,100%{opacity:.52}50%{opacity:1}}
.conversation-row { width: 100%; min-height:72px; display: grid; grid-template-columns: 49px minmax(0,1fr) auto; align-items:center; gap: 12px; padding: 10px 12px; border: 0; border-bottom: 1px solid #eef1f0; background: white; text-align: left; cursor: pointer; position: relative; }
.conversation-row:hover { background: #f5f6f6; }
.conversation-row.active { background: #f0f2f5; }
.conversation-row.active::before { display:none; }
.conversation-avatar { width: 49px; height: 49px; border-radius: 50%; display: grid; place-items: center; background: #dfe8e3; font-size: 13px; font-weight: 750; color: var(--green-800); position: relative; }
.mode-dot { width: 11px; height: 11px; border: 2px solid white; border-radius: 50%; position: absolute; right: 0; bottom: 1px; background: #25d366; }
.mode-dot.human { background: #f1a84c; }
.conversation-row strong { display: block; font-size: 12px; margin: 1px 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.conversation-row p { margin: 0; color: #667781; font-size: 10px; line-height: 1.45; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 205px; }
.conversation-meta { text-align: right; }
.conversation-meta time { display: block; color: #667781; font-size: 8px; white-space:nowrap; }
.conversation-row:has(.unread) .conversation-meta time{color:#1fa855;font-weight:800}.unread { margin: 9px 0 0 auto; min-width: 18px; height: 18px; padding:0 5px;border-radius: 50%; display: grid; place-items: center; background: #25d366; color: white; font-size: 7px; }
.chat-column { min-width: 0; display: flex; flex-direction: column; background:#efeae2; position:relative; }
.chat-header { min-height: 64px; padding: 8px 16px; border-bottom: 1px solid #d8dfdc; background: #f0f2f5; display: flex; align-items: center; gap: 11px; position:relative; z-index:2; }
.back-to-list { display: none; width: 31px; height: 31px; border: 1px solid var(--line); border-radius: 9px; background: white; place-items: center; cursor: pointer; }
.back-to-list svg { width: 14px; transform: rotate(180deg); }
.chat-header .conversation-avatar { width: 40px; height: 40px; border-radius: 50%; }
.chat-header-copy { min-width: 0; }
.chat-header-copy strong { display: block; font-size: 12px; }
.chat-header-copy span { display: flex; align-items: center; gap: 5px; margin-top: 3px; color: #667781; font-size: 9px; }
.chat-header-copy span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #25d366; }
.chat-header-actions { margin-left: auto; display: flex; gap: 6px; }
.chat-header-actions button { min-width: 36px; height: 36px; padding:0 10px; border: 0; background: transparent; border-radius: 50%; display: flex; align-items:center; justify-content:center; gap:6px; cursor: pointer; color:#54656f; font:inherit; }
.chat-header-actions button:hover{background:rgba(11,20,26,.06)}
.chat-header-actions button span{font-size:8px;font-weight:800}
.chat-header-actions svg { width: 17px; }
.messages { flex: 1; overflow: auto; padding: 24px max(24px, 6vw); background-color:#efeae2;background-image:radial-gradient(circle at 12px 12px,rgba(83,101,111,.06) 1.1px,transparent 1.2px),radial-gradient(circle at 4px 4px,rgba(83,101,111,.035) 1px,transparent 1.1px);background-size:24px 24px,16px 16px; }
.date-divider { width:max-content;margin:0 auto 18px;padding:6px 10px;border-radius:7px;background:#fff;color:#667781;box-shadow:0 1px 1px rgba(11,20,26,.08);text-align: center; font-size: 8px;text-transform:uppercase;font-weight:700; }
.message { display: flex; gap: 0; margin-bottom: 3px; max-width: 72%; position:relative; }
.message.outbound { margin-left: auto; flex-direction: row-reverse; }
.message-bubble { position:relative;padding: 7px 8px 5px 9px; background: white; border: 0; border-radius: 7px; box-shadow: 0 1px 1px rgba(11,20,26,.13); }
.message:not(.outbound) .message-bubble::before{content:"";position:absolute;left:-7px;top:0;border-top:8px solid #fff;border-left:8px solid transparent}
.message.outbound .message-bubble { background: #d9fdd3; color: #111b21; border:0; border-radius: 7px; }
.message.outbound .message-bubble::after{content:"";position:absolute;right:-7px;top:0;border-top:8px solid #d9fdd3;border-right:8px solid transparent}
.message.ai .message-bubble { background: #d9fdd3; color: #111b21; border:0; }
.message.ai .message-bubble::after{border-top-color:#d9fdd3}.message .avatar { display:none; }
.message-bubble p { margin: 0; padding-right:48px;font-size: 11px; line-height: 1.45; white-space: pre-wrap; }
.message-info { display: flex; align-items: center; justify-content: flex-end; gap: 5px; margin-top: 5px; font-size: 7px; color: var(--muted-2); }
.ai-correction-button{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:5px 7px;border:1px solid rgba(36,96,68,.2);border-radius:7px;background:rgba(255,255,255,.55);color:var(--green-700);font-size:7px;font-weight:750;cursor:pointer}.ai-correction-button svg{width:11px;height:11px}.ai-correction-button:hover{background:white;border-color:var(--green-600)}
.message.outbound .message-info { color: #667781; }
.message-status{color:#53bdeb;font-size:9px;letter-spacing:-2px;padding-right:2px}
.message.ai .message-info { color: var(--green-600); }
.ai-label { display: inline-flex; align-items: center; gap: 4px; font-size: 7px; font-weight: 750; letter-spacing: .5px; text-transform: uppercase; color: var(--green-700); margin-bottom: 5px; }
.ai-label svg { width: 9px; }
.chat-composer { padding: 7px 10px 9px; background: #f0f2f5; border-top: 1px solid #d8dfdc;position:relative;z-index:2; }
.mode-banner { display: flex; align-items: center; gap: 6px; width:max-content;margin: 0 auto 6px;padding:3px 8px;border-radius:99px;background:rgba(255,255,255,.7);color: #54656f; font-size: 7.5px; }
.mode-banner svg { width: 11px; }
.composer-box { min-height: 44px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;border:0; border-radius: 0; padding: 0; background: transparent; }
.composer-box textarea { width: 100%; min-height: 42px;max-height:120px;padding:12px 14px;resize: none; border: 0;border-radius:9px; outline: 0; font-size: 11px;background:#fff;color:#111b21; }
.composer-leading,.composer-actions { display: flex; align-items: center; gap: 2px;min-height:42px; }.composer-leading{position:relative}
.composer-leading button,.composer-actions button { width: 36px; height: 36px; border: 0; background: transparent; color: #54656f; display: grid; place-items: center; cursor: pointer; border-radius: 50%; }
.composer-leading button:hover,.composer-actions button:hover { background: rgba(11,20,26,.06); }
.composer-leading svg,.composer-actions svg { width: 19px; }
.emoji-picker{position:absolute;z-index:8;left:0;bottom:48px;display:grid;grid-template-columns:repeat(4,36px);gap:3px;padding:8px;border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(11,20,26,.18)}.emoji-picker button{width:36px;height:36px;font-size:18px}.emoji-picker button:hover{background:#f0f2f5}
.composer-actions .send-button { width:38px;height:38px;padding:0;background: #1d7c4d; color: white; }
.composer-actions .send-button span{display:none}.composer-actions .send-button:hover{background:#176b45}
.detail-column { border-left: 1px solid var(--line); overflow: auto; background: white; }
.detail-close { display: none; position: absolute; right: 12px; top: 12px; width: 31px; height: 31px; border: 1px solid var(--line); border-radius: 9px; background: white; place-items: center; cursor: pointer; z-index: 2; }
.detail-close svg { width: 13px; }
.detail-profile { text-align: center; padding: 23px 18px 18px; border-bottom: 1px solid var(--line); }
.detail-profile .conversation-avatar { width: 51px; height: 51px; border-radius: 15px; margin: 0 auto 10px; font-size: 14px; }
.detail-profile h3 { font-size: 13px; margin: 0; }
.detail-profile p { color: var(--muted); font-size: 9px; margin: 4px 0 11px; }
.tags { display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; }
.tag { padding: 4px 7px; border-radius: 20px; background: var(--lime-soft); color: var(--green-700); font-size: 7.5px; font-weight: 700; }
.detail-section { padding: 16px 18px; border-bottom: 1px solid var(--line); }
.detail-section h4 { margin: 0 0 12px; font-size: 9px; text-transform: uppercase; letter-spacing: .8px; color: var(--muted); }
.conversation-reminder-list{display:grid;gap:7px}.conversation-reminder-list>span{display:grid;grid-template-columns:25px minmax(0,1fr) 25px;align-items:start;gap:7px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.conversation-reminder-list>span>i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--lime-soft);color:var(--green-700)}.conversation-reminder-list svg{width:12px;height:12px}.conversation-reminder-list b,.conversation-reminder-list small,.conversation-reminder-list time{display:block}.conversation-reminder-list b{font-size:8px}.conversation-reminder-list small{margin-top:3px;color:var(--muted);font-size:7.5px;line-height:1.4;word-break:break-word}.conversation-reminder-list time{margin-top:4px;color:var(--green-700);font-size:7px;font-weight:750}.conversation-reminder-list>p{margin:0;color:var(--muted);font-size:8px}.conversation-reminder-list button{display:grid;place-items:center;width:25px;height:25px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.conversation-reminder-list button:hover{background:#ffe9e9;color:#b52a2a}.conversation-reminder-actions{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.conversation-reminder-actions button{font-size:8px;padding:8px 9px}
.conversation-schedule-row{display:grid;gap:11px;margin:12px 0;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}.conversation-schedule-row>header{display:flex;align-items:center;justify-content:space-between}.conversation-schedule-row>header strong{font-size:9px;color:var(--green-700)}.conversation-schedule-row>header button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#b52a2a;cursor:pointer}.conversation-schedule-row>header button:hover{background:#ffe9e9}.conversation-schedule-row>header svg{width:13px}.schedule-datetime{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(88px,.65fr);gap:7px}.add-schedule-row{width:100%;justify-content:center;margin-bottom:10px}
.detail-field { display: grid; grid-template-columns: 70px 1fr; gap: 8px; margin-bottom: 10px; font-size: 8.5px; }
.detail-field span { color: var(--muted); }
.detail-field strong { font-weight: 650; text-align: right; overflow-wrap: anywhere; }
.deal-card { background: var(--surface-soft); border: 1px solid var(--line); border-radius: 11px; padding: 11px; }
.deal-card div { display: flex; justify-content: space-between; align-items: center; }
.deal-card strong { font-size: 10px; }
.deal-card b { font-size: 12px; color: var(--green-700); }
.deal-card p { font-size: 8px; color: var(--muted); margin: 8px 0 0; }
.score-bar { height: 5px; border-radius: 10px; background: #e6ece2; margin-top: 8px; overflow: hidden; }
.score-bar span { display: block; height: 100%; border-radius: inherit; background: var(--lime); }
.ai-summary { border-left: 3px solid var(--lime); padding-left: 10px; }
.ai-summary p { font-size: 9px; line-height: 1.5; margin: 0 0 8px; }
.ai-summary strong { font-size: 8px; color: var(--green-700); }

.pipeline-board { display: grid; grid-template-columns: repeat(5, minmax(220px, 1fr)); gap: 12px; overflow-x: auto; padding-bottom: 14px; }
.stage-column { min-height: 540px; background: #f0f3ed; border: 1px solid rgba(101,168,116,.55); border-radius: 15px; padding: 12px; }
.stage-header { display: flex; align-items: center; padding: 5px 3px 12px; }
.stage-dot { width: 8px; height: 8px; border-radius: 50%; margin-right: 7px; }
.stage-header strong { font-size: 12px; }
.stage-header b { margin-left: 6px; color: var(--muted); font-size: 8px; font-weight: 600; }
.stage-header span { margin-left: auto; color: var(--muted); font-size: 9px; }
.new-deal-card { width: 100%; min-height: 70px; margin: 0 0 10px; padding: 12px; display: flex; align-items: center; gap: 10px; text-align: left; color: var(--green-700); background: rgba(255,255,255,.58); border: 1px dashed rgba(36,96,68,.48); border-radius: 12px; cursor: pointer; transition: .18s ease; }
.new-deal-card:hover { color: var(--green-950); background: white; border-color: var(--green-600); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(20,42,26,.07); }
.new-deal-card > svg { width: 18px; flex: 0 0 auto; }
.new-deal-card span, .new-deal-card strong, .new-deal-card small { display: block; }
.new-deal-card strong { font-size: 10px; }
.new-deal-card small { margin-top: 3px; color: var(--muted); font-size: 7.5px; font-weight: 500; }
.deal-item { position:relative; background: white; border: 1px solid var(--line); border-radius: 12px; padding: 14px; margin-bottom: 10px; box-shadow: 0 2px 8px rgba(20,42,26,.025); cursor: pointer; }
.deal-item:hover { border-color: #cbd7c7; transform: translateY(-1px); }
.deal-item.dragging { opacity: .92; transform: rotate(1deg) scale(1.02); box-shadow: 0 18px 38px rgba(8,47,28,.22); cursor: grabbing; }
.stage-column.dragover { outline: 2px dashed var(--green-600); outline-offset: -4px; }
.pipeline-drop-actions { position:fixed; z-index:95; left:50%; bottom:18px; width:min(680px,calc(100vw - 36px)); display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:8px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.94); box-shadow:0 18px 50px rgba(8,35,20,.24); backdrop-filter:blur(12px); opacity:0; visibility:hidden; transform:translate(-50%,24px); transition:.2s ease; pointer-events:none; }
.pipeline-drag-active .pipeline-drop-actions { opacity:1; visibility:visible; transform:translate(-50%,0); pointer-events:auto; }
.pipeline-drop-actions > div { min-height:66px; display:grid; grid-template-columns:30px 1fr; grid-template-rows:auto auto; align-content:center; column-gap:9px; padding:9px 13px; border:2px dashed var(--line-strong); border-radius:12px; transition:.16s ease; }
.pipeline-drop-actions svg { grid-row:1/3; width:22px; align-self:center; }.pipeline-drop-actions strong { font-size:10px; }.pipeline-drop-actions small { color:var(--muted); font-size:7.5px; }.pipeline-drop-actions .delete { color:var(--danger); }.pipeline-drop-actions .lost { color:#a16b0b; }.pipeline-drop-actions .won { color:var(--green-700); }
.pipeline-drop-actions > div.dragover { transform:translateY(-5px) scale(1.025); background:var(--surface-soft); border-style:solid; box-shadow:0 9px 22px rgba(20,42,26,.12); }.pipeline-drop-actions .delete.dragover { background:#fff0f0; border-color:var(--danger); }.pipeline-drop-actions .lost.dragover { background:#fff7df; border-color:#d49a29; }.pipeline-drop-actions .won.dragover { background:var(--lime-soft); border-color:var(--green-600); }
.deal-item .company { display: flex; align-items: center; gap: 7px; padding-right:32px; color: var(--muted); font-size: 8px; margin-bottom: 8px; }
.deal-task-button { position:absolute; top:10px; right:10px; width:29px; height:29px; display:grid; place-items:center; border:1px solid var(--line); border-radius:9px; background:var(--surface-soft); color:var(--green-700); cursor:pointer; transition:.16s ease; }
.deal-task-button:hover { border-color:var(--green-500); background:var(--lime-soft); transform:translateY(-1px); }
.deal-task-button svg { width:14px; height:14px; }
.deal-item h3 { font-size: 12px; line-height: 1.45; margin: 0 0 11px; }
.deal-item .deal-bottom { display: flex; justify-content: space-between; align-items: center; }
.deal-item .deal-value { font-size: 10px; font-weight: 750; }
.mini-avatar { width: 22px; height: 22px; border-radius: 7px; display: grid; place-items: center; font-size: 7px; font-weight: 750; background: var(--green-950); color: white; }
.score-pill { font-size: 7px; padding: 3px 5px; border-radius: 10px; background: var(--lime-soft); color: var(--green-700); }
.mobile-stage-control { display: none; color: var(--muted); font-size: 8px; margin-top: 11px; padding-top: 10px; border-top: 1px solid var(--line); }
.mobile-stage-control select { width: 100%; height: 32px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-soft); color: var(--text); padding: 0 8px; margin-top: 5px; font-size: 9px; }

.table-panel { border: 1px solid var(--line); border-radius: var(--radius); background: white; overflow: hidden; box-shadow: var(--shadow); }
.table-toolbar { padding: 14px 16px; display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line); }
.table-toolbar .inbox-search { width: 260px; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th { text-align: left; padding: 11px 15px; background: var(--surface-soft); color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .6px; }
.data-table td { padding: 12px 15px; border-top: 1px solid #edf0eb; font-size: 9px; }
.data-table tbody tr:hover { background: #fbfcfa; }
.contact-cell { display: flex; align-items: center; gap: 9px; }
.contact-cell strong, .contact-cell span { display: block; }
.contact-cell strong { font-size: 9.5px; }
.contact-cell span { color: var(--muted); font-size: 8px; margin-top: 2px; }
.stage-badge, .status-badge { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 20px; background: var(--lime-soft); color: var(--green-700); font-size: 8px; font-weight: 700; }
.status-badge::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }

.agent-hero { border-radius: 22px; background: var(--green-950); color: white; padding: 24px 26px; display: grid; grid-template-columns: 1fr auto; align-items: center; position: relative; overflow: hidden; margin-bottom: 17px; }
.agent-hero::after { content: ""; position: absolute; width: 260px; height: 260px; border-radius: 50%; background: var(--lime); filter: blur(2px); opacity: .08; right: -70px; top: -130px; }
.agent-identity { display: flex; align-items: center; gap: 15px; }
.agent-orb { width: 54px; height: 54px; border-radius: 17px; background: var(--lime); color: var(--green-950); display: grid; place-items: center; box-shadow: inset 0 0 0 5px rgba(255,255,255,.2); }
.agent-orb svg { width: 25px; }
.agent-hero h2 { margin: 0 0 5px; font-size: 20px; }
.agent-hero p { margin: 0; color: #afbcaf; font-size: 9.5px; }
.agent-live { display: flex; align-items: center; gap: 8px; background: rgba(255,255,255,.08); padding: 9px 12px; border-radius: 20px; font-size: 9px; z-index: 1; }
.agent-live span { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(184,242,74,.12); }
.agent-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(290px, .9fr); gap: 17px; }
.config-form { padding: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.config-form label, .modal label { color: var(--muted); font-size: 8.5px; font-weight: 650; }
.config-form label.full { grid-column: 1 / -1; }
.config-form input, .config-form textarea, .config-form select, .modal input, .modal textarea, .modal select { display: block; width: 100%; margin-top: 6px; border: 1px solid var(--line-strong); border-radius: 9px; padding: 9px 10px; outline: 0; color: var(--text); background: white; font-size: 10px; }
.config-form input:focus, .config-form textarea:focus, .modal input:focus, .modal textarea:focus, .modal select:focus { border-color: var(--green-600); box-shadow: 0 0 0 3px rgba(59,130,81,.1); }
.form-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.quick-contact-fields { display: grid; gap: 10px; padding: 12px; border: 1px solid rgba(59,130,81,.24); border-radius: 12px; background: var(--surface-soft); }
.quick-contact-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; }.quick-contact-heading strong { color:var(--green-700); font-size:10px; }.quick-contact-heading span { color:var(--muted); font-size:8px; }
.quick-contact-fields label > small { display:block; margin-top:4px; color:var(--muted); font-size:7.5px; font-weight:500; }
.lead-extra-fields { border-top:1px solid var(--line); padding-top:9px; }.lead-extra-fields summary { color:var(--green-700); font-size:9px; font-weight:750; cursor:pointer; }.lead-extra-fields[open] summary { margin-bottom:11px; }.lead-extra-fields > div,.lead-extra-fields > label { margin-top:10px; }.lead-extra-fields > div:first-of-type { margin-top:0; }
#deal-modal .modal { width:min(640px,100%); max-height:calc(100dvh - 32px); overflow-y:auto; }
.pipeline-editor-modal { width: min(620px, 100%); }
.pipeline-stage-editor { display: grid; gap: 8px; max-height: 48vh; overflow-y: auto; padding: 2px; }
.pipeline-stage-row { display: grid; gap: 8px; padding: 8px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-soft); }
.pipeline-stage-main { display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;gap:8px;align-items:center; }
.pipeline-stage-row input { margin: 0; background: var(--surface); }
.pipeline-stage-row small { min-width: 62px; color: var(--muted); font-size: 7.5px; }
.pipeline-stage-main > div { display: flex; gap: 4px; }
.pipeline-stage-row button { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--text); cursor: pointer; }
.pipeline-stage-row button:hover { border-color: var(--green-600); color: var(--green-700); }
.pipeline-stage-row button svg { width: 13px; }
.conversation-trigger-field{display:grid;grid-template-columns:20px minmax(135px,.45fr) minmax(0,1fr);gap:8px;align-items:center;padding:8px;border-radius:9px;background:var(--surface);border:1px dashed var(--line-strong)}.conversation-trigger-field>svg{width:15px;color:var(--green-600)}.conversation-trigger-field span{display:grid}.conversation-trigger-field strong{font-size:8px}.conversation-trigger-field small{font-size:7px;min-width:0}.conversation-trigger-field input{font-size:8px!important}
.stage-grip { color: var(--muted); display: grid; place-items: center; }.stage-grip svg { width: 15px; }
.add-stage-button { justify-self: start; }
.outcome-automation-editor { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:5px; padding:13px; border:1px solid rgba(59,130,81,.28); border-radius:12px; background:var(--lime-soft); }.outcome-automation-editor > div { grid-column:1/-1; }.outcome-automation-editor strong,.outcome-automation-editor small { display:block; }.outcome-automation-editor strong { color:var(--green-800); font-size:10px; }.outcome-automation-editor small { margin-top:3px; color:var(--muted); font-size:8px; }
.autonomy-control { grid-column: 1 / -1; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 12px; padding: 13px; }
.autonomy-control header { display: flex; justify-content: space-between; margin-bottom: 10px; }
.autonomy-control header strong { font-size: 10px; }
.autonomy-control header span { color: var(--green-700); background: var(--lime-soft); padding: 3px 6px; border-radius: 10px; font-size: 7px; }
.autonomy-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.autonomy-step { height: 7px; background: #e5ebe1; border-radius: 10px; }
.autonomy-step.active { background: var(--lime); }
.run-list { padding: 6px 15px; max-height: 430px; overflow: auto; }
.run-item { padding: 12px 2px; border-bottom: 1px solid #edf0eb; }
.run-item:last-child { border: 0; }
.run-top { display: flex; align-items: center; gap: 7px; }
.run-status { width: 7px; height: 7px; border-radius: 50%; background: #4ac16d; }
.run-status.handoff { background: var(--warning); }
.run-status.failed { background: var(--danger); }
.run-item strong { font-size: 9.5px; }
.run-item time { margin-left: auto; font-size: 7.5px; color: var(--muted-2); }
.run-item p { margin: 6px 0; color: var(--muted); font-size: 8.5px; line-height: 1.45; }
.run-tools { color: var(--green-700); font-size: 7.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.knowledge-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.knowledge-card { border: 1px solid var(--line); background: white; border-radius: 15px; padding: 16px; box-shadow: var(--shadow); }
.knowledge-card header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; }
.doc-icon { width: 32px; height: 32px; border-radius: 10px; background: var(--lime-soft); color: var(--green-700); display: grid; place-items: center; }
.doc-icon svg { width: 15px; }
.knowledge-card header button { width: 27px; height: 27px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); cursor: pointer; }
.knowledge-card header button:hover { background: #fff0f0; color: var(--danger); }
.knowledge-card h3 { margin: 0 0 7px; font-size: 11px; }
.knowledge-card p { min-height: 55px; margin: 0; color: var(--muted); font-size: 8.5px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.knowledge-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; padding-top: 11px; border-top: 1px solid var(--line); font-size: 7.5px; color: var(--muted); }
.knowledge-actions { display:flex; gap:4px; }

.dashboard-head { align-items: center; }
.dashboard-actions, .pipeline-actions { display: flex; gap: 8px; align-items: flex-end; }
.dashboard-actions label { color: var(--muted); font-size: 8px; }
.dashboard-actions input, .pipeline-actions select, .task-summary select { display: block; height: 38px; margin-top: 4px; border: 1px solid var(--line); border-radius: 9px; background: white; padding: 0 9px; color: var(--text); font: inherit; font-size: 9px; }
.chart-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.85fr); gap: 17px; margin-bottom: 17px; }
.chart-legend { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 8px; }
.chart-legend i { width: 7px; height: 7px; border-radius: 2px; margin-left: 6px; background: var(--green-950); }
.chart-legend i.received { background: var(--lime); }
.bar-chart { height: 220px; padding: 22px 18px 15px; display: flex; align-items: stretch; gap: 4px; overflow: hidden; }
.bar-group { min-width: 8px; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 7px; }
.bar-group .bars { width: 100%; height: 170px; display: flex; align-items: flex-end; justify-content: center; gap: 2px; border-bottom: 1px solid var(--line); }
.bar-group i { display: block; width: min(7px,42%); border-radius: 3px 3px 0 0; background: var(--green-950); }
.bar-group i.received { background: var(--lime); }
.bar-group span { color: var(--muted-2); font-size: 6.5px; white-space: nowrap; }
.visual-funnel { padding-top: 28px; }
.automation-summary { padding: 23px; color: var(--muted); font-size: 9.5px; line-height: 1.7; }
.agent-live.compact { color: var(--green-700); background: var(--lime-soft); padding: 6px 9px; }
.pipeline-stats, .task-summary { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.pipeline-stats span, .task-summary > span { border: 1px solid var(--line); background: white; border-radius: 10px; padding: 8px 11px; color: var(--muted); font-size: 8px; }
.pipeline-stats b, .task-summary b { color: var(--text); font-size: 11px; margin-right: 3px; }
.pipeline-stats .won b { color: var(--green-600); }.pipeline-stats .lost b { color: var(--danger); }
.deal-item.won { border-color: #b8dbbd; }.deal-item.lost { opacity: .72; }.deal-status { display: inline-block; margin: -3px 0 9px; font-size: 7px; font-weight: 750; padding: 4px 7px; border-radius: 12px; background: var(--lime-soft); color: var(--green-700); }.deal-status.lost { background: #fff0f0; color: var(--danger); }
.mini-task-list span { display: grid; grid-template-columns: 13px 1fr auto; gap: 5px; align-items: center; margin-bottom: 7px; font-size: 8px; }.mini-task-list svg { width: 11px; color: var(--green-600); }.mini-task-list time { color: var(--muted); }.mini-task-list p { color: var(--muted); font-size: 8.5px; }
.tag-form { display: grid; grid-template-columns: 1fr 75px 30px; gap: 5px; }.tag-form input,.tag-form select { min-width: 0; height: 31px; border: 1px solid var(--line); border-radius: 7px; padding: 0 6px; font-size: 8px; }.tag-form button { border: 0; border-radius: 7px; background: var(--green-950); color: white; }.tag-form svg { width: 11px; }
.task-summary label { margin-left: auto; color: var(--muted); font-size: 8px; }.task-summary select { display: inline-block; margin: 0 0 0 6px; }
.task-bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-3px 0 14px;padding:11px 13px;border:1px solid var(--green-500);border-radius:13px;background:var(--lime-soft);box-shadow:0 8px 24px rgba(32,91,51,.08)}.task-bulk-toolbar[hidden]{display:none}.task-bulk-toolbar>strong{font-size:10px;white-space:nowrap}.task-bulk-toolbar>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.task-bulk-toolbar button{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:7px 9px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:8px;font-weight:750;cursor:pointer}.task-bulk-toolbar button:hover{border-color:var(--green-600);color:var(--green-700)}.task-bulk-toolbar button svg{width:12px;height:12px}.task-bulk-toolbar button.danger{color:var(--danger)}.task-bulk-toolbar button.quiet{background:transparent;border-color:transparent;color:var(--muted)}
.calendar-grid { display: grid; grid-template-columns: repeat(3,minmax(240px,1fr)); gap: 12px; align-items: start; }
.calendar-day { border: 1px solid var(--line); background: white; border-radius: 14px; overflow: hidden; box-shadow: var(--shadow); }.calendar-day > header { display: flex; justify-content: space-between; padding: 13px 14px; background: var(--surface-soft); text-transform: capitalize; font-size: 9px; }.calendar-day > header b { background: var(--green-950); color: white; min-width: 19px; height: 19px; display: grid; place-items: center; border-radius: 10px; font-size: 7px; }
.calendar-task { display: grid; grid-template-columns: 18px minmax(0,1fr) auto; gap: 10px; padding: 13px; border-top: 1px solid var(--line); align-items: start; }.calendar-task.selected{background:var(--lime-soft);box-shadow:inset 3px 0 0 var(--green-600)}.calendar-task h3 { margin: 4px 0; font-size: 10px; }.calendar-task p { margin: 0; color: var(--muted); font-size: 8px; }.calendar-task .task-description{margin-top:6px;max-width:680px;white-space:pre-wrap}.calendar-task time { font-size: 8px; color: var(--green-700); }.task-type { font-size: 6.5px; text-transform: uppercase; color: var(--green-600); font-weight: 750; }.task-card-actions{display:grid;gap:8px;justify-items:end;min-width:230px}.task-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.task-action-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:6px 9px;font:inherit;font-size:8px;font-weight:750;cursor:pointer;white-space:nowrap}.task-action-button svg{width:12px;height:12px}.task-action-button:hover{border-color:var(--green-500);color:var(--green-700);background:var(--surface-soft)}.task-action-button.delete{color:var(--danger)}.task-action-button.delete:hover{border-color:#e3a0a0;background:#fff0f0}.task-action-button.complete{border-color:#b7d5bd;color:var(--green-700);background:var(--lime-soft)}
.meta-layout { display: grid; grid-template-columns: minmax(310px,.7fr) minmax(0,1.3fr); gap: 17px; }.connection-setup .panel-header svg { width: 24px; color: var(--green-600); }.connection-status { padding: 20px; border-bottom: 1px solid var(--line); }.connection-status strong { font-size: 13px; }.connection-status p { font-size: 9px; color: var(--muted); line-height: 1.55; }.connection-setup ol { list-style:none; margin:0; padding:8px 18px; }.connection-setup li { display:grid; grid-template-columns:22px 1fr; gap:8px; padding:10px 0; border-bottom:1px solid var(--line); font-size:8.5px; }.connection-setup li b { width:19px; height:19px; display:grid; place-items:center; border-radius:6px; background:var(--lime-soft); color:var(--green-700); }.connection-setup li span { grid-column:2; color:var(--muted); overflow-wrap:anywhere; }.webhook-box { margin:10px 18px 18px; padding:10px; border-radius:9px; background:var(--green-950); color:white; }.webhook-box span { display:block; color:#afbcaf; font-size:7px; }.webhook-box code { display:block; margin-top:5px; font-size:8px; overflow-wrap:anywhere; }.connection-pill { display:flex; align-items:center; gap:7px; padding:8px 10px; border-radius:20px; background:#fff6e9; color:var(--warning); font-size:8px; font-weight:700; }.connection-pill i { width:7px; height:7px; border-radius:50%; background:currentColor; }.connection-pill.connected { background:var(--lime-soft); color:var(--green-700); }.connection-pill.error { background:#fff0f0; color:#bd3030; }
.meta-config-form { padding:18px; display:grid; gap:11px; }.meta-config-form label { color:var(--muted); font-size:8px; font-weight:650; }.meta-config-form label small { display:block; margin-top:3px; color:#8b968d; font-size:7px; font-weight:450; line-height:1.35; }.meta-config-form input { display:block; width:100%; height:36px; margin-top:5px; border:1px solid var(--line-strong); border-radius:9px; padding:0 9px; font-size:9px; outline:0; }.meta-config-form input:focus { border-color:var(--green-600); box-shadow:0 0 0 3px rgba(59,130,81,.1); }.field-pair { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.connection-form-actions { display:flex; gap:7px; }.connected-account { display:flex; align-items:center; gap:10px; margin:17px 18px 0; padding:12px; border:1px solid #cfe8bd; border-radius:11px; background:var(--lime-soft); }.connected-account .conversation-avatar svg { width:19px; }.connected-account strong { font-size:10px; }.connected-account p { margin:3px 0 0; color:var(--muted); font-size:8px; }.secret-note { margin:-7px 18px 16px; color:var(--muted); font-size:7.5px; line-height:1.45; }.meta-help { margin-top:12px; }.meta-help ol { margin:0; padding:17px 17px 17px 34px; }.meta-help li { margin-bottom:8px; color:var(--muted); font-size:8.5px; line-height:1.5; }.meta-help code { color:var(--green-700); }
.meta-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-bottom:12px; }.meta-metric-grid .metric-card { min-height:110px; padding:13px; }.meta-metric-grid .metric-value { font-size:19px; }.meta-row { display:grid; grid-template-columns:1.2fr repeat(4,1fr); padding:10px 15px; border-top:1px solid var(--line); font-size:8.5px; }.meta-row.head { background:var(--surface-soft); color:var(--muted); text-transform:uppercase; font-size:7px; }.meta-row b { text-align:center; }.meta-row span:not(:first-child) { text-align:center; }
.check-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.check-grid label { display:flex; align-items:center; gap:8px; padding:10px; border:1px solid var(--line); border-radius:9px; color:var(--text); }.check-grid input { width:auto; margin:0; accent-color:var(--green-700); }.danger-button { min-height:38px; border:0; border-radius:10px; background:var(--danger); color:white; padding:0 14px; font-size:9px; font-weight:700; cursor:pointer; }.loss-icon { background:#ffe0e0; color:var(--danger); }
.qualification-badge { display:inline-flex; padding:4px 7px; border-radius:15px; background:#eef1ec; color:var(--muted); font-size:7px; font-weight:800; letter-spacing:.4px; }.qualification-badge.mql { background:#fff2ce; color:#8c6500; }.qualification-badge.sql { background:#dff0ff; color:#17659a; }.qualification-badge.customer { background:var(--lime-soft); color:var(--green-700); }.qualification-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:17px; }.qualification-summary article { padding:16px; border:1px solid var(--line); border-top:3px solid #aeb6ac; border-radius:13px; background:white; }.qualification-summary article.mql { border-top-color:#e7b53f; }.qualification-summary article.sql { border-top-color:#4b9bd1; }.qualification-summary article.customer { border-top-color:var(--green-600); }.qualification-summary span { color:var(--muted); font-size:8px; font-weight:750; text-transform:uppercase; }.qualification-summary strong { display:block; margin:6px 0; font-size:24px; }.qualification-summary p { margin:0; color:var(--muted); font-size:8px; }.qualification-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:17px; }.qualification-form { padding:18px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }.rule-block { padding:14px; border:1px solid var(--line); border-radius:12px; display:grid; grid-template-columns:1fr 1fr; gap:9px; background:var(--surface-soft); }.rule-block header { grid-column:1/-1; }.rule-block header span { display:inline-block; padding:4px 7px; border-radius:15px; background:#fff2ce; color:#8c6500; font-size:8px; font-weight:800; }.rule-block.sql header span { background:#dff0ff; color:#17659a; }.rule-block header p { display:inline; margin-left:6px; color:var(--muted); font-size:8px; }.qualification-form label { color:var(--muted); font-size:8px; }.qualification-form input[type=number],.qualification-form select { display:block; width:100%; height:35px; margin-top:5px; border:1px solid var(--line-strong); border-radius:8px; background:white; padding:0 8px; font-size:9px; }.qualification-form fieldset { grid-column:1/-1; border:0; padding:5px 0; margin:0; }.qualification-form legend { margin-bottom:8px; font-size:9px; font-weight:700; }.qualification-form .automation-toggle { grid-column:1/-1; display:flex; align-items:flex-start; gap:9px; padding:12px; border-radius:10px; background:var(--lime-soft); }.automation-toggle input { accent-color:var(--green-700); }.automation-toggle strong,.automation-toggle small { display:block; }.automation-toggle strong { color:var(--green-800); font-size:9px; }.automation-toggle small { margin-top:3px; color:var(--muted); font-size:7.5px; line-height:1.4; }.form-footer { grid-column:1/-1; display:flex; justify-content:flex-end; }.qualification-flow { padding:12px 18px; }.qualification-flow > div { display:grid; grid-template-columns:12px 1fr auto; gap:9px; align-items:center; padding:12px 0; border-bottom:1px solid var(--line); }.qualification-flow i { width:9px; height:9px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 3px var(--lime-soft); }.qualification-flow strong { font-size:9px; }.ai-explanation { display:flex; gap:10px; margin:8px 18px 18px; padding:13px; border-radius:11px; background:var(--green-950); color:white; }.ai-explanation svg { width:18px; color:var(--lime); flex:0 0 auto; }.ai-explanation p { margin:0; color:#bcc7be; font-size:8px; line-height:1.55; }.ai-explanation strong { color:white; }
.meta-head-actions { display:flex; align-items:center; gap:8px; }.tutorial-modal { width:min(820px,100%); max-height:calc(100vh - 30px); overflow:auto; }.tutorial-modal .tutorial-intro { margin-top:-2px; max-width:680px; }.tutorial-player { overflow:hidden; border-radius:16px; background:#10271a; color:white; }.tutorial-screen { height:280px; display:grid; place-items:center; background:radial-gradient(circle at 65% 20%,rgba(184,242,74,.18),transparent 42%),linear-gradient(145deg,#0f2418,#173d28); }.tutorial-scene { width:min(580px,86%); min-height:150px; border:1px solid rgba(255,255,255,.15); border-radius:16px; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; gap:20px; padding:28px; animation:tutorialScene .35s ease; }.tutorial-scene > div:not(.credential-lines):not(.webhook-mock) { display:grid; gap:8px; }.tutorial-scene b { font-size:17px; }.tutorial-scene i { display:block; color:#c1cec4; font-style:normal; font-size:11px; }.tutorial-logo,.success-orb,.tutorial-lock { width:70px; height:70px; flex:0 0 auto; border-radius:20px; display:grid; place-items:center; background:#2475ef; font:bold 35px Arial; }.tutorial-logo.whatsapp,.success-orb { background:#25d366; color:#0d2b19; }.tutorial-lock { width:86px; background:var(--lime); color:var(--green-950); font-size:13px; letter-spacing:3px; }.tutorial-path { max-width:390px; padding:9px 11px; border-radius:8px; background:rgba(0,0,0,.24); color:var(--lime); font-size:10px; line-height:1.4; }.tutorial-checklist { min-width:310px; }.tutorial-checklist i { padding:8px 10px; border-radius:8px; background:rgba(255,255,255,.07); }.credential-map { flex:1; padding:15px; border-radius:11px; background:rgba(0,0,0,.18); }.credential-map i { margin-top:7px; padding:7px; border-radius:6px; background:rgba(255,255,255,.08); }.map-arrow { color:var(--lime); font-size:25px; }.tutorial-form-mock,.secret-mock,.event-mock { width:min(430px,100%); padding:16px; border-radius:12px; background:rgba(0,0,0,.2); }.tutorial-form-mock i,.secret-mock i,.event-mock i { padding:9px 10px; border-radius:7px; border:1px solid rgba(255,255,255,.12); }.tutorial-form-mock span,.secret-mock span { justify-self:start; padding:8px 10px; border-radius:7px; color:var(--green-950); background:var(--lime); font-size:9px; font-weight:800; }.event-mock i span { color:var(--lime); font-weight:900; }.webhook-mock { width:100%; display:grid; gap:9px; }.webhook-mock i { padding:12px; border-radius:8px; background:rgba(0,0,0,.25); overflow-wrap:anywhere; }.webhook-mock span { justify-self:start; padding:7px 9px; border-radius:7px; background:var(--lime); color:var(--green-950); font-size:9px; font-weight:800; }.tutorial-progress { height:5px; background:rgba(255,255,255,.12); }.tutorial-progress i { display:block; height:100%; width:9%; background:var(--lime); transition:width .3s ease; }.tutorial-controls { display:grid; grid-template-columns:40px 1fr auto 40px; align-items:center; gap:7px; padding:11px 13px; }.tutorial-controls button { min-height:34px; border:0; border-radius:8px; background:rgba(255,255,255,.1); color:white; cursor:pointer; }.tutorial-controls button:disabled { opacity:.35; cursor:not-allowed; }.tutorial-controls #tutorial-play { color:var(--green-950); background:var(--lime); font-size:9px; font-weight:750; }.tutorial-controls span { color:#b6c4b9; font-size:8px; }.tutorial-caption { min-height:215px; padding:17px 2px 10px; }.tutorial-step-label { margin-bottom:5px; color:var(--green-600); font-size:7.5px; font-weight:850; letter-spacing:.7px; }.tutorial-caption > strong { font-size:14px; }.tutorial-caption p { margin:7px 0 9px; color:var(--muted); font-size:9.5px; line-height:1.55; }.tutorial-caption ol { margin:0; padding-left:19px; color:var(--text); font-size:9px; line-height:1.55; }.tutorial-caption li { margin-bottom:4px; }.tutorial-caption aside { margin-top:10px; padding:10px 12px; border-left:3px solid #e7b53f; border-radius:8px; background:#fff8e7; color:#715713; font-size:8.5px; line-height:1.5; }.tutorial-caption aside b { margin-right:6px; }.tutorial-links { display:flex; gap:8px; flex-wrap:wrap; }.tutorial-links a { padding:8px 10px; border-radius:8px; background:var(--surface-soft); color:var(--green-700); font-size:8px; font-weight:700; text-decoration:none; }@keyframes tutorialScene{from{opacity:.3;transform:translateX(10px)}}

.connection-guide-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:16px; }.connection-guide-options button { display:grid; gap:5px; padding:14px; border:1px solid var(--line); border-radius:11px; background:white; color:var(--text); text-align:left; cursor:pointer; }.connection-guide-options button:hover { border-color:var(--green-600); background:var(--lime-soft); }.connection-guide-options b { font-size:9px; }.connection-guide-options span { color:var(--muted); font-size:8px; line-height:1.45; }
.evolution-card { display:grid; grid-template-columns:58px minmax(0,1fr) auto; gap:18px; align-items:center; padding:22px; margin-bottom:18px; border:1px solid var(--green-600); background:linear-gradient(120deg,var(--surface) 65%,var(--lime-soft)); }.evolution-card.is-connected { border-color:var(--lime); }.evolution-card.state-error { border-color:#dc7272; background:linear-gradient(120deg,var(--surface) 65%,#fff0f0); }.evolution-card.state-error .evolution-icon { background:#ffe0e0; color:#a92323; }.evolution-icon { width:54px; height:54px; display:grid; place-items:center; border-radius:17px; background:var(--lime); color:var(--green-950); }.evolution-icon svg { width:26px; }.evolution-card h3 { margin:2px 0 6px; font-size:17px; }.evolution-card p:not(.overline) { margin:0 0 6px; color:var(--muted); font-size:9px; line-height:1.5; }.evolution-card small { color:var(--muted); font-size:7.5px; }.evolution-copy { min-width:0; }.evolution-status-steps { display:flex; flex-wrap:wrap; gap:7px; margin:10px 0 8px; }.evolution-status-steps span { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:999px; background:var(--surface-soft); color:var(--muted); font-size:7.5px; font-weight:700; }.evolution-status-steps i { width:6px; height:6px; border-radius:50%; background:#9ca39e; }.evolution-status-steps .ok { color:var(--green-700); background:var(--lime-soft); }.evolution-status-steps .ok i { background:#4fbd6b; }.evolution-status-steps .pending { color:#8a6400; background:#fff5d6; }.evolution-status-steps .pending i { background:#e4a72b; }.evolution-status-steps .fail { color:#a92323; background:#ffe8e8; }.evolution-status-steps .fail i { background:#dc4242; }.evolution-actions { display:grid; justify-items:end; gap:7px; }.evolution-actions .primary-button svg,.evolution-actions .ghost-button svg { width:14px; }.evolution-actions > span { max-width:230px; color:#9a6a00; font-size:8px; text-align:right; line-height:1.45; }.state-error .evolution-actions > span { color:#a92323; }.official-meta-details { border:1px solid var(--line); border-radius:14px; background:var(--surface); overflow:hidden; }.official-meta-details > summary { padding:16px 18px; color:var(--text); font-size:10px; font-weight:800; cursor:pointer; }.official-meta-details[open] > summary { border-bottom:1px solid var(--line); }.official-meta-details .meta-layout { padding:16px; }.evolution-qr-modal { width:min(440px,100%); text-align:center; }.evolution-qr-modal .modal-icon { margin-inline:auto; }.evolution-qr-modal > p { margin-inline:auto; }.qr-frame { width:260px; max-width:100%; aspect-ratio:1; margin:10px auto 15px; padding:12px; border:1px solid var(--line); border-radius:18px; background:white; }.qr-frame img { width:100%; height:100%; object-fit:contain; display:block; }.qr-wait { display:flex; justify-content:center; align-items:center; gap:8px; color:var(--muted); font-size:9px; }.qr-wait i { width:8px; height:8px; border-radius:50%; background:var(--lime); animation:pulse 1.2s infinite; }
.google-integration-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:15px;align-items:center;padding:18px;margin:0 0 18px;border-color:var(--line-strong)}.google-integration-card.is-connected{border-color:var(--green-600)}.google-integration-icon,.google-event-mark{display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);color:white;font-weight:900}.google-integration-icon{width:46px;height:46px;font-size:19px}.google-integration-card h3{margin:2px 0 5px}.google-integration-card p:not(.overline){margin:0;color:var(--muted);font-size:9px}.google-integration-card>div:last-child{display:grid;gap:5px;justify-items:end}.google-integration-card small{max-width:180px;color:var(--warning);font-size:8px;text-align:right}.google-event-mark{width:18px;height:18px;font-size:8px}.month-event.google{border-left-color:#4285f4}.calendar-task.google-event{border-left:3px solid #4285f4}
.google-calendar-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.google-calendar-list span{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:9px;color:var(--ink)}.google-calendar-list i{width:8px;height:8px;border-radius:50%}
.meta-login-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:15px;align-items:center;padding:18px;margin:0 0 18px}.meta-login-card.is-connected{border-color:#1877f2}.meta-login-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#1877f2;color:white;font-size:20px;font-weight:900}.meta-login-card h3{margin:2px 0 5px}.meta-login-card p:not(.overline){margin:0;color:var(--muted);font-size:9px}.meta-login-card>div:last-child{display:grid;gap:5px;justify-items:end}.meta-login-card small{color:var(--warning);font-size:8px}
.meta-ad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.meta-ad-card{padding:17px;border:1px solid var(--green-600);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.meta-ad-card span,.meta-ad-card small{display:block;color:var(--muted);font-size:8px}.meta-ad-card strong{display:block;margin:8px 0 5px;font-size:24px}.meta-ads-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px}.meta-ad-bars{height:300px;display:flex;align-items:end;gap:8px;padding:25px}.meta-ad-bars>div{height:100%;flex:1;display:flex;align-items:end;justify-content:end;flex-direction:column;gap:5px}.meta-ad-bars i{display:block;width:100%;min-height:4px;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--lime),var(--green-700))}.meta-ad-bars small{font-size:7px;color:var(--muted)}.ads-funnel{display:grid;justify-items:center;gap:8px;padding:24px}.ads-funnel>div{width:var(--ads-width);display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:10px;background:linear-gradient(100deg,var(--green-950),var(--green-600));color:white}.ads-funnel>div:nth-child(4){background:var(--lime);color:var(--green-950)}.ads-funnel span{font-size:9px;font-weight:750}.ads-funnel strong{font-size:17px}.meta-metric-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.meta-metric-picker label{padding:11px;border:1px solid var(--line);border-radius:9px;font-size:9px}.meta-metric-picker input{accent-color:var(--green-700)}
.meta-ads-heading{align-items:center}.meta-ads-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(190px,1fr) 135px 135px auto;gap:10px;align-items:end;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.meta-ads-filters label{min-width:0;color:var(--muted);font-size:8px;font-weight:750}.meta-ads-filters label>span,.meta-ads-filters label>small{display:block}.meta-ads-filters select,.meta-ads-filters input{width:100%;height:40px;margin-top:5px;padding:0 11px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}.meta-account-picker small{margin-top:4px;font-size:7px;font-weight:500}.meta-ad-card{position:relative;transition:transform .18s,border-color .18s,box-shadow .18s;outline:0}.meta-ad-card:hover,.meta-ad-card:focus-visible{z-index:3;transform:translateY(-3px);border-color:var(--lime);box-shadow:var(--shadow-lg)}.meta-card-summary{position:absolute;left:12px;right:12px;top:calc(100% - 3px);display:none;padding:11px;border-radius:10px;background:var(--green-950);color:white;box-shadow:var(--shadow-lg)}.meta-ad-card:hover .meta-card-summary,.meta-ad-card:focus-visible .meta-card-summary{display:block}.meta-card-summary b{font-size:9px}.meta-card-summary p{margin:4px 0 0;color:#c6d2c8;font-size:8px;line-height:1.45}.meta-ad-bars{overflow-x:auto;align-items:stretch}.meta-ad-bars>button{position:relative;height:100%;min-width:24px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer}.meta-ad-bars>button i{height:var(--bar-height);transition:filter .18s,transform .18s;transform-origin:bottom}.meta-ad-bars>button:hover i,.meta-ad-bars>button:focus-visible i{filter:saturate(1.4);transform:scaleX(1.08)}.meta-data-tooltip{position:absolute;z-index:5;left:50%;bottom:calc(var(--bar-height) + 28px);display:none;min-width:135px;padding:10px;border-radius:10px;background:var(--green-950);color:white;box-shadow:var(--shadow-lg);transform:translateX(-50%);text-align:left;pointer-events:none}.meta-data-tooltip b,.meta-data-tooltip em{display:block}.meta-data-tooltip b{font-size:9px}.meta-data-tooltip em{margin-top:3px;color:#cbd7ce;font-size:7.5px;font-style:normal}.meta-ad-bars>button:hover .meta-data-tooltip,.meta-ad-bars>button:focus-visible .meta-data-tooltip,.ads-funnel>button:hover .meta-data-tooltip,.ads-funnel>button:focus-visible .meta-data-tooltip{display:block}.ads-funnel>button{position:relative;width:var(--ads-width);display:flex;justify-content:space-between;align-items:center;padding:15px;border:0;border-radius:10px;background:linear-gradient(100deg,var(--green-950),var(--green-600));color:white;cursor:pointer;transition:transform .18s,filter .18s}.ads-funnel>button:nth-child(4){background:var(--lime);color:var(--green-950)}.ads-funnel>button:hover,.ads-funnel>button:focus-visible{transform:scale(1.02);filter:saturate(1.2)}.ads-funnel>button .meta-data-tooltip{bottom:calc(100% + 7px)}.meta-detail-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:16px;margin-top:16px}.meta-best-ad>article{padding:20px}.meta-best-ad h3{margin:5px 0 16px}.meta-best-ad article>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.meta-best-ad article>div span{padding:10px;border-radius:9px;background:var(--surface-soft);color:var(--muted);font-size:8px}.meta-best-ad article>div b{display:block;margin-bottom:3px;color:var(--text);font-size:14px}.meta-lead-list{max-height:310px;overflow:auto}.meta-lead-list button{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 18px;border:0;border-top:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.meta-lead-list button:hover{background:var(--surface-soft)}.meta-lead-list b,.meta-lead-list small{display:block}.meta-lead-list b{font-size:9px}.meta-lead-list small,.meta-lead-list time{margin-top:3px;color:var(--muted);font-size:7.5px}.meta-business-list{display:flex;gap:9px;overflow-x:auto;padding:14px 20px;border-bottom:1px solid var(--line)}.meta-business-list button{min-width:220px;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.meta-business-list button.active{border-color:var(--lime);background:var(--lime-soft)}.meta-business-list strong,.meta-business-list small{display:block}.meta-business-list strong{font-size:9px}.meta-business-list small{margin-top:3px;color:var(--muted);font-size:7px}.meta-business-list b{color:var(--green-700);font-size:7.5px}.embedded-signup-box.is-pending{border-color:#e7c15a;background:linear-gradient(120deg,var(--surface) 55%,#fff8df)}
@media(max-width:900px){.meta-ads-layout{grid-template-columns:1fr}.google-integration-card{grid-template-columns:46px 1fr}.google-integration-card>div:last-child{grid-column:1/-1;justify-items:stretch}}
@media(max-width:1100px){.meta-ads-filters{grid-template-columns:1fr 1fr 130px 130px}.meta-ads-filters .primary-button{grid-column:1/-1}.meta-detail-grid{grid-template-columns:1fr}}
@media(max-width:720px){.meta-ads-filters{grid-template-columns:1fr 1fr}.meta-account-picker,.meta-ads-filters label:nth-child(2),.meta-ads-filters .primary-button{grid-column:1/-1}.meta-ad-grid{grid-template-columns:1fr 1fr}.meta-ad-card strong{font-size:19px}.meta-ad-bars{height:240px;padding:18px 12px}.meta-ad-bars>button{min-width:30px}.ads-funnel{padding:18px 12px}.meta-best-ad article>div{grid-template-columns:1fr}.meta-lead-list button{align-items:flex-start}.meta-business-list{padding:12px}}
@media(max-width:720px){.evolution-card{grid-template-columns:48px 1fr}.evolution-icon{width:46px;height:46px}.evolution-actions{grid-column:1/-1;justify-items:stretch}.evolution-actions>span{text-align:left;max-width:none}.official-meta-details .meta-layout{padding:10px}}
.guided-modal { width:min(880px,100%); max-height:calc(100vh - 30px); overflow:auto; overflow-x:hidden; padding:0; }.guided-modal > .modal-close { z-index:2; }.guided-heading { display:flex; justify-content:space-between; align-items:center; padding:24px 28px 17px; }.guided-heading .overline { margin:0 0 5px; color:var(--green-600); font-size:7px; font-weight:850; text-transform:uppercase; letter-spacing:.8px; }.guided-heading h2 { margin:0 0 5px; }.guided-heading p:not(.overline) { margin:0; color:var(--muted); font-size:9px; }.guided-heading > span { min-width:54px; height:54px; display:grid; place-items:center; border-radius:50%; background:var(--lime-soft); color:var(--green-800); font-size:13px; font-weight:850; }.guided-progress { height:5px; background:#edf0eb; }.guided-progress i { display:block; height:100%; width:0; background:var(--lime); transition:width .25s ease; }.guided-layout { display:block; min-height:0; }.guided-step-list { display:flex; width:100%; overflow-x:auto; overscroll-behavior-x:contain; padding:10px 14px; background:var(--surface-soft); border-bottom:1px solid var(--line); scrollbar-width:thin; }.guided-step-list button { flex:0 0 150px; display:grid; grid-template-columns:24px 1fr; align-items:center; gap:8px; padding:8px; border:0; border-radius:9px; background:transparent; color:var(--muted); text-align:left; cursor:pointer; }.guided-step-list button:hover,.guided-step-list button.active { background:white; color:var(--text); }.guided-step-list button i { width:22px; height:22px; display:grid; place-items:center; border:1px solid var(--line-strong); border-radius:50%; background:white; font-style:normal; font-size:7px; font-weight:800; }.guided-step-list button.active i { border-color:var(--green-700); background:var(--green-950); color:white; }.guided-step-list button.done i { border-color:var(--lime); background:var(--lime); color:var(--green-950); }.guided-step-list button span { font-size:8px; line-height:1.25; }.guided-content { width:min(720px,100%); margin:0 auto; padding:25px 28px; }.guided-current { color:var(--green-600); font-size:7.5px; font-weight:850; letter-spacing:.7px; }.guided-content h3 { margin:7px 0; font-size:19px; }.guided-content > p { margin:0 0 14px; max-width:650px; color:var(--muted); font-size:9.5px; line-height:1.55; }.guided-route { padding:11px 13px; border-radius:9px; background:var(--green-950); color:white; }.guided-route span,.guided-route strong { display:block; }.guided-route span { margin-bottom:4px; color:#adbbaf; font-size:7px; text-transform:uppercase; }.guided-route strong { color:var(--lime); font-size:9px; line-height:1.45; }.guided-content ul { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:15px 0; padding:0; }.guided-content li { display:grid; grid-template-columns:20px 1fr; gap:8px; align-items:start; color:var(--text); font-size:9px; }.guided-content li i { width:18px; height:18px; display:grid; place-items:center; border-radius:50%; background:var(--lime-soft); color:var(--green-700); font-style:normal; font-size:7px; font-weight:900; }.guided-content aside { display:flex; gap:7px; padding:10px 12px; border-radius:9px; background:#fff7e3; color:#765a12; font-size:8.5px; line-height:1.45; }.guided-content aside b { flex:0 0 auto; }.guided-page-action { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:16px 0; }.guided-page-action a { display:inline-flex; align-items:center; text-decoration:none; }.guided-page-action small { flex-basis:100%; color:var(--muted); font-size:7.5px; }.guided-actions { display:flex; justify-content:space-between; gap:9px; padding-top:15px; border-top:1px solid var(--line); }.guided-actions button:disabled { opacity:.4; cursor:not-allowed; }
.campaign-safety { display:flex; gap:11px; align-items:flex-start; margin-bottom:16px; padding:14px 16px; border:1px solid #d5e8b4; border-radius:12px; background:var(--lime-soft); }.campaign-safety svg { width:20px; flex:0 0 auto; color:var(--green-700); }.campaign-safety strong { font-size:9px; }.campaign-safety p { margin:4px 0 0; color:var(--muted); font-size:8.5px; line-height:1.5; }.campaign-layout { display:grid; grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr); gap:16px; align-items:start; }.campaign-import form { display:grid; gap:11px; padding:17px; }.campaign-import form > label { color:var(--muted); font-size:8px; font-weight:700; }.campaign-import input,.campaign-import select { display:block; width:100%; height:37px; margin-top:5px; padding:0 10px; border:1px solid var(--line-strong); border-radius:9px; background:white; color:var(--text); font-size:9px; }.selected-template { padding:10px; border-radius:9px; background:var(--surface-soft); color:var(--muted); font-size:8.5px; line-height:1.45; }.campaign-file input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }.campaign-file > span { display:grid; place-items:center; min-height:105px; padding:14px; border:1px dashed var(--green-600); border-radius:11px; background:#fbfef7; text-align:center; cursor:pointer; }.campaign-file svg { width:22px; color:var(--green-700); }.campaign-file b { margin-top:6px; color:var(--green-800); font-size:9px; }.campaign-file small { margin-top:4px; color:var(--muted); font-size:7.5px; }.file-name { min-height:13px; color:var(--green-700); font-size:8px; font-weight:700; overflow-wrap:anywhere; }.campaign-columns { display:grid; grid-template-columns:auto 1fr; gap:7px 9px; margin:0 17px 17px; padding:12px; border-radius:10px; background:var(--green-950); color:white; }.campaign-columns strong { grid-column:1/-1; margin-bottom:3px; font-size:9px; }.campaign-columns code { color:var(--lime); font-size:7.5px; }.campaign-columns span { color:#bcc7be; font-size:7.5px; line-height:1.35; }.campaign-review { overflow:hidden; }.campaign-detail-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; padding:17px; border-bottom:1px solid var(--line); }.campaign-detail-head h3 { margin:7px 0 3px; font-size:15px; }.campaign-detail-head p { margin:0; color:var(--muted); font-size:8px; }.campaign-status,.recipient-status { display:inline-flex; padding:4px 7px; border-radius:12px; background:#edf0eb; color:var(--muted); font-size:7px; font-style:normal; font-weight:800; }.campaign-status.running,.recipient-status.queued { background:#fff1cb; color:#8a6500; }.campaign-status.completed,.recipient-status.sent,.recipient-status.delivered,.recipient-status.read,.recipient-status.ready { background:var(--lime-soft); color:var(--green-700); }.campaign-status.cancelled,.campaign-status.failed,.recipient-status.failed,.recipient-status.skipped { background:#ffe5e5; color:var(--danger); }.campaign-totals { display:grid; grid-template-columns:repeat(6,1fr); gap:1px; background:var(--line); border-bottom:1px solid var(--line); }.campaign-totals span { padding:11px 8px; background:white; color:var(--muted); font-size:7px; text-align:center; }.campaign-totals b { display:block; margin-bottom:3px; color:var(--text); font-size:14px; }.campaign-totals .ready b { color:var(--green-700); }.campaign-totals .blocked b { color:var(--danger); }.campaign-template-preview { margin:14px 17px; padding:12px; border-left:3px solid var(--lime); border-radius:8px; background:var(--surface-soft); }.campaign-template-preview span { color:var(--green-700); font-size:7px; font-weight:800; text-transform:uppercase; }.campaign-template-preview p { margin:6px 0 0; font-size:9px; line-height:1.5; }.campaign-confirm { display:flex; gap:9px; align-items:flex-start; margin:14px 17px; padding:11px; border:1px solid var(--line); border-radius:9px; }.campaign-confirm input { margin-top:2px; accent-color:var(--green-700); }.campaign-confirm strong,.campaign-confirm small { display:block; }.campaign-confirm strong { font-size:8.5px; }.campaign-confirm small { margin-top:3px; color:var(--muted); font-size:7.5px; line-height:1.35; }.campaign-actions { display:flex; gap:8px; margin:0 17px 15px; }.campaign-running { display:flex; align-items:center; gap:8px; margin:14px 17px; padding:10px; border-radius:9px; background:#fff6df; color:#795a0d; font-size:8px; }.campaign-running i { width:8px; height:8px; border-radius:50%; background:#e2ab21; animation:pulse 1.2s infinite; }.campaign-running button { margin-left:auto; }.campaign-recipient-table { max-height:330px; overflow:auto; border-top:1px solid var(--line); }.campaign-recipient-row { display:grid; grid-template-columns:45px 1fr 1fr 80px 1.1fr; gap:8px; align-items:center; padding:9px 14px; border-bottom:1px solid var(--line); font-size:8px; }.campaign-recipient-row.head { position:sticky; top:0; z-index:1; background:var(--surface-soft); color:var(--muted); font-size:7px; font-weight:800; text-transform:uppercase; }.campaign-empty { min-height:430px; display:grid; place-content:center; }.campaign-history { margin-top:16px; }.campaign-list { display:grid; }.campaign-list button { display:grid; grid-template-columns:1fr auto 60px; gap:12px; align-items:center; padding:12px 15px; border:0; border-top:1px solid var(--line); background:white; color:var(--text); text-align:left; cursor:pointer; }.campaign-list button:hover,.campaign-list button.active { background:var(--surface-soft); }.campaign-list strong,.campaign-list small { display:block; }.campaign-list strong { font-size:9px; }.campaign-list small { margin-top:3px; color:var(--muted); font-size:7.5px; }.campaign-list > button > b { text-align:right; font-size:9px; }.empty-inline { padding:18px; color:var(--muted); font-size:9px; }
.template-sync-warning { margin:14px 17px 0; padding:10px; border-radius:9px; background:#fff6df; color:#795a0d; font-size:8px; line-height:1.45; }
.empty-state { text-align: center; padding: 60px 20px; color: var(--muted); }
.empty-state svg { width: 30px; margin-bottom: 10px; }
.empty-state h3 { color: var(--text); font-size: 13px; margin: 0 0 5px; }
.empty-state p { font-size: 9px; }
.skeleton { border-radius: 8px; min-height: 40px; background: linear-gradient(90deg,var(--surface-soft),var(--surface),var(--surface-soft)); background-size: 200% 100%; animation: shimmer 1.4s infinite; }
@keyframes shimmer { to { background-position: -200% 0; } }

.modal-backdrop { position: fixed; inset: 0; z-index: 100; background: rgba(12,25,15,.56); backdrop-filter: blur(5px); display: grid; place-items: center; padding: 20px; }
.modal-backdrop[hidden] { display: none; }
.modal { width: min(460px, 100%); background: white; border-radius: 22px; padding: 26px; box-shadow: var(--shadow-lg); position: relative; animation: modalIn .2s ease; }
@keyframes modalIn { from { opacity: 0; transform: scale(.97) translateY(8px); } }
.modal-close { position: absolute; right: 17px; top: 17px; width: 30px; height: 30px; border: 0; border-radius: 9px; background: var(--surface-soft); cursor: pointer; display: grid; place-items: center; }
.modal-close svg { width: 14px; }
.modal-icon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; color: var(--green-800); background: var(--lime); margin-bottom: 15px; }
.modal-icon svg { width: 18px; }
.overline { text-transform: uppercase; letter-spacing: 1px; font-size: 8px !important; font-weight: 750; color: var(--green-600) !important; margin: 0 0 6px !important; }
.modal h2 { margin: 0 0 8px; font-size: 20px; letter-spacing: -.5px; }
.modal > p { color: var(--muted); font-size: 10px; line-height: 1.5; margin: 0 0 18px; max-width: 390px; }
.modal form { display: grid; gap: 12px; }
.modal textarea { resize: vertical; }
.modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; }
.text-size-intro{color:var(--muted);font-size:11px;line-height:1.55;margin:0 0 16px}.text-size-options{display:grid;gap:9px}.text-size-option{width:100%;display:grid;grid-template-columns:46px 1fr 18px;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:.16s}.text-size-option:hover{border-color:var(--green-600);background:var(--surface-soft)}.text-size-option.active{border-color:var(--green-600);box-shadow:0 0 0 3px rgba(59,130,81,.1)}.text-size-option>span:nth-child(2) strong,.text-size-option>span:nth-child(2) small{display:block}.text-size-option>span:nth-child(2) strong{font-size:11px}.text-size-option>span:nth-child(2) small{margin-top:3px;color:var(--muted);font-size:9px}.text-size-sample{width:44px;height:40px;border-radius:10px;background:var(--lime-soft);color:var(--green-800);display:grid;place-items:center;font-weight:800}.text-size-sample.standard{font-size:13px}.text-size-sample.large{font-size:16px}.text-size-sample.extra{font-size:19px}.text-size-option>i{width:16px;height:16px;border:1.5px solid var(--line-strong);border-radius:50%;position:relative}.text-size-option.active>i{border-color:var(--green-700)}.text-size-option.active>i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--green-700)}.text-size-preview{margin-top:15px;padding:14px;border-radius:12px;background:var(--surface-soft);border:1px solid var(--line)}.text-size-preview small,.text-size-preview strong{display:block}.text-size-preview small{color:var(--green-700);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.text-size-preview strong{font-size:13px;margin-top:7px}.text-size-preview p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
#dashboard-modal .modal { max-height: calc(100dvh - 32px); display: flex; flex-direction: column; overflow: hidden; padding-bottom: 0; }
#dashboard-modal .modal > p { flex: 0 0 auto; }
#dashboard-modal .modal form { display: flex; flex: 1 1 auto; min-height: 0; flex-direction: column; gap: 0; overflow: hidden; }
#dashboard-modal .dashboard-order-list { flex: 1 1 auto; min-height: 120px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; margin: 14px -8px 0 0; padding: 2px 8px 12px 0; }
#dashboard-modal .modal-actions { position: sticky; bottom: 0; z-index: 2; flex: 0 0 auto; margin: 0 -26px; padding: 14px 26px 20px; border-top: 1px solid var(--line); background: var(--surface); box-shadow: 0 -10px 24px rgba(18,58,33,.06); }
@media(max-width:520px){#dashboard-modal.modal-backdrop{padding:8px}#dashboard-modal .modal{max-height:calc(100dvh - 16px);padding:20px 18px 0}#dashboard-modal .modal-actions{margin:0 -18px;padding:12px 18px 16px}}
.toast-region { position: fixed; right: 22px; bottom: 22px; z-index: 150; display: grid; gap: 8px; }
.toast { width: min(340px, calc(100vw - 44px)); background: var(--green-950); color: white; border-radius: 12px; padding: 12px 14px; box-shadow: var(--shadow-lg); display: flex; gap: 10px; align-items: flex-start; animation: toastIn .2s ease; }
.toast.error { background: #5b2020; }
.toast svg { width: 15px; flex: 0 0 auto; color: var(--lime); }
.toast strong { font-size: 10px; display: block; }
.toast span { color: #b8c3ba; font-size: 8.5px; display: block; margin-top: 3px; line-height: 1.4; }
@keyframes toastIn { from { opacity: 0; transform: translateY(10px); } }

@media (max-width: 1120px) {
  .inbox-layout { grid-template-columns: minmax(270px,31vw) minmax(0,1fr); }
  .detail-column { display: none; }
  .chart-grid, .meta-layout { grid-template-columns: 1fr; }
  .qualification-layout { grid-template-columns:1fr; }
  .calendar-grid { grid-template-columns: repeat(2,minmax(240px,1fr)); }
  .campaign-layout { grid-template-columns:1fr; }
}

@media (max-width: 820px) {
  .login-screen { grid-template-columns: 1fr; }
  .login-visual { min-height: 250px; padding: 28px 28px 34px; }
  .login-copy { margin: 45px 0 10px; }
  .login-copy h1 { font-size: 42px; letter-spacing: -2px; margin: 20px 0 12px; }
  .login-copy p { font-size: 13px; }
  .login-proof { display: none; }
  .login-panel { padding: 42px 24px; }
  .app-shell { display: block; }
  .sidebar { position: fixed; width:min(286px,86vw); left:min(-300px,-90vw); height:calc(100dvh / var(--ui-zoom)); transition: left .2s ease; box-shadow: var(--shadow-lg); }
  .sidebar.open { left: 0; }
  .brand { justify-content: flex-start; }
  .brand > div:last-child, .nav-item span, .nav-item em, .connection-card > div:not(.connection-icon), .connection-card .status-dot, .profile-card > span:not(.avatar), .profile-card > svg { display: block; }
  .nav-item { justify-content: flex-start; padding-inline: 12px; }
  .nav-item b { position: static; margin-left: auto; }
  .nav-label { display: block; }
  .connection-card { display: grid; }
  .profile-card { display: grid; }
  .company-profile-area{width:auto;align-self:stretch}.profile-popover{left:0;right:0;top:calc(100% + 8px);width:auto;max-height:min(360px,calc(100dvh - 150px))}.sidebar-user{display:grid;justify-content:initial}.sidebar-user > span:nth-child(2){display:block}.sidebar-bottom{justify-items:stretch}
  .sidebar-logout-button{width:100%;align-self:stretch;justify-content:flex-start;padding:7px 9px}.sidebar-logout-button span{display:inline}
  .mobile-menu { display: grid; place-items: center; width: 36px; height: 36px; margin-right: 8px; }
  .topbar { padding: 15px 18px; height: 78px; }
  .topbar-title { margin-right: auto; }
  .search-button, .icon-button { display: none; }
  .view { padding: 22px 18px 40px; }
  .view.inbox-view.active { height: calc(100vh - 78px); }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .overview-grid, .agent-grid { grid-template-columns: 1fr; }
  .dashboard-head { align-items:flex-start; gap:14px; }.dashboard-actions { flex-wrap:wrap; justify-content:flex-end; }
  .meta-metric-grid { grid-template-columns:repeat(2,1fr); }
  .inbox-layout { display:block;overflow:hidden;position:relative; }
  .conversation-column,.chat-column{width:100%;height:100%;border:0}.inbox-layout.chat-open .conversation-column{display:none}.inbox-layout.list-open .chat-column{display:none}.back-to-list{display:grid}.message{max-width:88%}.messages{padding-inline:16px}
  .knowledge-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .mobile-stage-control { display: block; }
  .guided-backdrop { padding:10px; align-items:start; }
  .guided-modal { width:100%; max-height:calc(100dvh - 20px); overflow-x:hidden; border-radius:16px; }
  .guided-heading { padding:20px 62px 14px 18px; }
  .guided-heading > div { min-width:0; }
  .guided-heading > span { position:absolute; right:18px; top:55px; min-width:42px; width:42px; height:42px; font-size:11px; }
  .guided-layout { display:block; min-height:0; }
  .guided-step-list { display:flex; width:100%; overflow-x:auto; overscroll-behavior-x:contain; padding:9px; border-right:0; border-bottom:1px solid var(--line); scrollbar-width:thin; }
  .guided-step-list button { flex:0 0 142px; width:auto; }
  .guided-content { min-width:0; padding:20px 18px 24px; }
  .guided-content ul { grid-template-columns:1fr; }
  .guided-route,.guided-content li span,.guided-content aside span { min-width:0; overflow-wrap:anywhere; }
  .guided-page-action { align-items:stretch; }
  .guided-page-action .primary-button,.guided-page-action .ghost-button { justify-content:center; text-align:center; }
}

@media (max-width: 700px) {
  .inbox-layout { display: block; overflow: hidden; position: relative; }
  .conversation-column, .chat-column { width: 100%; height: 100%; border: 0; }
  .inbox-layout.chat-open .conversation-column { display: none; }
  .inbox-layout.list-open .chat-column { display: none; }
  .back-to-list { display: grid; }
  .message { max-width: 88%; }
  .messages { padding-inline: 16px; }
  .detail-column.open { display: block; position: fixed; z-index: 80; top: 78px; bottom: 0; right: 0; width: min(340px, 92vw); box-shadow: var(--shadow-lg); }
  .detail-column.open .detail-close { display: grid; }
  .pipeline-board { grid-template-columns: repeat(5, minmax(265px, 82vw)); scroll-snap-type: x mandatory; }
  .stage-column { scroll-snap-align: start; }
}

@media (max-width: 560px) {
  .topbar-actions .primary-button span { display: none; }
  .metric-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .metric-card { min-height: 112px; padding: 14px; }
  .metric-value { font-size: 22px; }
  .knowledge-grid { grid-template-columns: 1fr; }
  .dashboard-head { display:block; }.dashboard-actions { margin-top:12px; justify-content:flex-start; }.dashboard-actions label { flex:1; }.dashboard-actions input { width:100%; }
  .calendar-grid { grid-template-columns:1fr; }.task-summary { flex-wrap:wrap; }.task-summary label { width:100%; margin-left:0; }.bar-group:nth-child(odd) span { display:none; }
  .pipeline-actions { flex-wrap:wrap; justify-content:flex-end; }.meta-metric-grid { grid-template-columns:1fr 1fr; }.check-grid { grid-template-columns:1fr; }
  .field-pair { grid-template-columns:1fr; }
  .campaign-totals { grid-template-columns:repeat(3,1fr); }.campaign-recipient-row { grid-template-columns:35px 1fr 85px; }.campaign-recipient-row span:nth-child(3),.campaign-recipient-row span:nth-child(5) { display:none; }.campaign-actions { flex-direction:column; }.campaign-list button { grid-template-columns:1fr auto; }.campaign-list > button > b { display:none; }
  .qualification-summary { grid-template-columns:1fr 1fr; }.qualification-form { grid-template-columns:1fr; }.rule-block,.qualification-form fieldset,.qualification-form .automation-toggle,.form-footer { grid-column:auto; }.meta-head-actions { margin-top:10px; align-items:flex-start; }.tutorial-modal { padding:20px 16px; }.tutorial-screen { height:240px; }.tutorial-scene { width:90%; min-height:165px; padding:16px; gap:10px; }.tutorial-scene b { font-size:13px; }.tutorial-logo,.success-orb,.tutorial-lock { width:52px; height:52px; border-radius:14px; font-size:24px; }.tutorial-lock { width:66px; font-size:10px; }.credential-map { padding:9px; }.credential-map i { font-size:8px; }.map-arrow { font-size:17px; }.tutorial-caption { min-height:245px; }.tutorial-controls { grid-template-columns:36px 1fr auto 36px; }.tutorial-links a { flex:1 1 145px; text-align:center; }
  .connection-guide-options { grid-template-columns:1fr; }.guided-heading { padding:20px 18px 14px; padding-right:52px; }.guided-heading > span { position:absolute; right:16px; top:58px; min-width:42px; height:42px; }.guided-layout { grid-template-columns:1fr; }.guided-step-list { display:flex; overflow-x:auto; padding:9px; border-right:0; border-bottom:1px solid var(--line); }.guided-step-list button { flex:0 0 150px; }.guided-content { padding:20px 17px; }.guided-content h3 { font-size:17px; }.guided-page-action .primary-button,.guided-page-action .ghost-button { width:100%; justify-content:center; }.guided-actions button { flex:1; }
  .data-table th:nth-child(3), .data-table td:nth-child(3), .data-table th:nth-child(4), .data-table td:nth-child(4) { display: none; }
  .table-toolbar .inbox-search { width: 100%; }
  .config-form { grid-template-columns: 1fr; }
  .config-form label.full, .autonomy-control { grid-column: auto; }
  .agent-hero { grid-template-columns: 1fr; gap: 16px; }
  .agent-live { width: fit-content; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Administração e convites --------------------------------------------- */
.admin-access-grid { display:grid; grid-template-columns:minmax(340px,.8fr) minmax(520px,1.2fr); gap:20px; align-items:start; }
.admin-form-actions { display:flex; justify-content:flex-end; }
.admin-form-actions .primary-button { gap:8px; }
.admin-scope-note { display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--line); border-radius:12px; color:var(--muted); background:var(--surface-soft); font-size:12px; line-height:1.45; }
.admin-scope-note svg { width:19px; min-width:19px; color:var(--green-700); }
.invite-result { margin:0 22px 22px; padding:16px; border:1px solid rgba(79,145,88,.32); border-radius:14px; background:var(--lime-soft); }
.invite-result > strong,.invite-result > span { display:block; }
.invite-result > span { margin:5px 0 11px; color:var(--muted); font-size:12px; }
.invite-result > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.invite-result input { min-width:0; border:1px solid var(--line); border-radius:10px; padding:11px 12px; background:var(--surface); color:var(--text); }
.admin-invitations-panel { margin-top:20px; }
.client-provision-panel{margin-bottom:20px}.client-provision-form{grid-template-columns:repeat(3,minmax(0,1fr))}.client-provision-form .admin-scope-note{align-self:end;min-height:38px}.client-provision-result{margin:0 18px 18px}.client-provision-result>label{display:block;margin-top:10px;color:var(--muted);font-size:8px}.client-provision-result>label>div{display:flex;gap:8px;margin-top:5px}.client-provision-result input{flex:1;min-width:0;border:1px solid var(--line-strong);border-radius:8px;padding:8px;background:var(--surface);color:var(--text)}.client-table{border-top:1px solid var(--line)}.client-table select{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);padding:6px;font-size:8px}.table-subtitle{display:block;margin-top:3px;color:var(--muted);font-size:7px;font-weight:400}
.admin-table-wrap { overflow:auto; }
.admin-table-wrap .data-table { min-width:680px; }
.invitation-status { display:inline-flex; align-items:center; border-radius:999px; padding:5px 9px; font-size:10px; font-weight:700; }
.invitation-status.pendente { background:var(--lime-soft); color:var(--green-800); }
.invitation-status.aceito { background:#e8f6ec; color:#28723e; }
.invitation-status.revogado,.invitation-status.expirado { background:#f4eded; color:#985050; }
.table-action { border:0; background:transparent; color:#a14d4d; font-weight:700; cursor:pointer; }
.empty-table { text-align:center; color:var(--muted); padding:28px !important; }

@media (max-width: 1120px) { .admin-access-grid { grid-template-columns:1fr; }.client-provision-form{grid-template-columns:1fr 1fr} }
@media (max-width: 560px) { .invite-result > div, .form-grid-two, .outcome-automation-editor,.client-provision-form { grid-template-columns:1fr; }.admin-form-actions .primary-button { width:100%; justify-content:center; } }

/* Temas Atenva ---------------------------------------------------------- */
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b1510;
  --surface: #111d16;
  --surface-soft: #16241b;
  --green-950: #0d2a17;
  --green-900: #123a21;
  --green-800: #1b5631;
  --green-700: #65a874;
  --green-600: #78bd86;
  --green-100: #243a2b;
  --text: #eff6ef;
  --muted: #aab8ac;
  --muted-2: #829087;
  --line: #26352b;
  --line-strong: #35483b;
  --lime-soft: #223818;
  --shadow: 0 1px 2px rgba(0,0,0,.18), 0 10px 30px rgba(0,0,0,.2);
  --shadow-lg: 0 24px 65px rgba(0,0,0,.45);
}

html[data-theme="dark"] body,
html[data-theme="dark"] .login-screen,
html[data-theme="dark"] .login-panel,
html[data-theme="dark"] .main-content { background: var(--bg); }
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .profile-popover,
html[data-theme="dark"] .connection-card,
html[data-theme="dark"] .search-button,
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .ghost-button,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .metric-card,
html[data-theme="dark"] .inbox-layout,
html[data-theme="dark"] .conversation-row,
html[data-theme="dark"] .chat-header,
html[data-theme="dark"] .back-to-list,
html[data-theme="dark"] .chat-header-actions button,
html[data-theme="dark"] .message-bubble,
html[data-theme="dark"] .chat-composer,
html[data-theme="dark"] .detail-column,
html[data-theme="dark"] .detail-close,
html[data-theme="dark"] .deal-item,
html[data-theme="dark"] .table-panel,
html[data-theme="dark"] .knowledge-card,
html[data-theme="dark"] .dashboard-actions input,
html[data-theme="dark"] .pipeline-actions select,
html[data-theme="dark"] .task-summary select,
html[data-theme="dark"] .pipeline-stats span,
html[data-theme="dark"] .task-summary > span,
html[data-theme="dark"] .calendar-day,
html[data-theme="dark"] .qualification-summary article,
html[data-theme="dark"] .config-form input,
html[data-theme="dark"] .config-form textarea,
html[data-theme="dark"] .config-form select,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal input,
html[data-theme="dark"] .modal textarea,
html[data-theme="dark"] .modal select,
html[data-theme="dark"] .qualification-form input[type=number],
html[data-theme="dark"] .qualification-form select,
html[data-theme="dark"] .campaign-form input,
html[data-theme="dark"] .campaign-form textarea,
html[data-theme="dark"] .campaign-form select { background: var(--surface); color: var(--text); }
html[data-theme="dark"] .invite-result input { background:var(--surface); color:var(--text); }
html[data-theme="dark"] .invitation-status.aceito { background:#183321; color:#9be5ad; }
html[data-theme="dark"] .invitation-status.revogado,
html[data-theme="dark"] .invitation-status.expirado { background:#3a1d1d; color:#ffabab; }
html[data-theme="dark"] .topbar { background: rgba(11,21,16,.9); }
html[data-theme="dark"] .chat-column,
html[data-theme="dark"] .conversation-row:hover,
html[data-theme="dark"] .data-table tbody tr:hover,
html[data-theme="dark"] .nav-item:hover,
html[data-theme="dark"] .profile-card:hover { background: var(--surface-soft); }
html[data-theme="dark"] .nav-item { color: #b7c5ba; }
html[data-theme="dark"] .nav-item.active,
html[data-theme="dark"] .primary-button,
html[data-theme="dark"] .login-button,
html[data-theme="dark"] .message.outbound .message-bubble,
html[data-theme="dark"] .metric-card.highlight { background: #173d23; border-color: #285f39; color: #fff; }
html[data-theme="dark"] .stage-column { background:#111d16; border-color:#315d3d; }
html[data-theme="dark"] .new-deal-card { color: var(--lime); background: rgba(24,46,31,.7); border-color: #3d6c49; }
html[data-theme="dark"] .new-deal-card:hover { background: #192c20; border-color: var(--lime); }
html[data-theme="dark"] .pipeline-drop-actions { background:rgba(12,27,18,.95); border-color:#315d3d; }
html[data-theme="dark"] .task-drop-actions { background:rgba(12,27,18,.96); border-color:#315d3d; }
html[data-theme="dark"] .campaign-file>span { background:#101b14; }
html[data-theme="dark"] .campaign-import input,
html[data-theme="dark"] .campaign-import select,
html[data-theme="dark"] .campaign-totals span,
html[data-theme="dark"] .campaign-list button { background:var(--surface); color:var(--text); }

.chart-tools { display:flex;align-items:center;gap:10px; }.chart-tools .icon-button{width:32px;min-height:32px}.pie-chart-wrap{min-height:245px;display:flex;align-items:center;justify-content:center;gap:38px;padding:20px}.pie-chart{position:relative;width:165px;aspect-ratio:1}.pie-chart-wrap p{display:flex;align-items:center;gap:7px;font-size:10px}.pie-chart-wrap p i{width:8px;height:8px;border-radius:2px}.pie-chart-wrap p i.received{background:var(--lime)}.pie-chart-wrap p i.sent{background:var(--green-950)}
.dashboard-order-list{display:grid;gap:8px;margin:18px 0}.dashboard-order-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:52px;border:1px solid var(--line);border-radius:12px;padding:7px 9px;background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.dashboard-order-item:hover{border-color:var(--green-600);box-shadow:0 5px 14px rgba(18,58,33,.07)}.dashboard-order-item.is-dragging{opacity:.55;border-color:var(--lime);transform:scale(.985)}.dashboard-order-item label{display:flex;align-items:center;gap:10px;min-width:0;color:var(--text);font-size:10px;font-weight:700;cursor:pointer}.dashboard-order-item label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-order-item input{width:16px;height:16px;margin:0;accent-color:var(--green-700);flex:0 0 auto}.drag-handle{width:28px!important;height:32px!important;border:0!important;background:transparent!important;color:var(--muted)!important;font-size:17px;letter-spacing:-3px;cursor:grab!important;touch-action:none}.drag-handle:active{cursor:grabbing!important}.dashboard-order-controls{display:flex;gap:5px}.dashboard-order-item .dashboard-order-controls button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:16px;cursor:pointer;transition:.16s}.dashboard-order-item .dashboard-order-controls button:hover{border-color:var(--green-600);background:var(--lime-soft)}@media(max-width:520px){.dashboard-order-item{grid-template-columns:25px minmax(0,1fr) auto;gap:5px;padding:6px}.dashboard-order-item .dashboard-order-controls button{width:32px;height:32px}.dashboard-order-item label{font-size:9.5px}}.metric-detail-value{font-size:34px;font-weight:850;margin:16px 0}.metric-insight{display:flex;gap:10px;padding:13px;border-radius:11px;background:var(--lime-soft);font-size:10px;line-height:1.5}.metric-insight svg{width:20px;flex:0 0 auto}
.dynamic-funnel{display:grid;justify-items:center;gap:5px;margin:0 0 18px}.dynamic-funnel article{width:var(--funnel-width);min-height:61px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:10px 18px;border-radius:12px;background:linear-gradient(100deg,#082a18,#185331);color:white;box-shadow:0 8px 24px rgba(18,58,33,.1);transition:.18s}.dynamic-funnel article:hover{transform:scale(1.015)}.dynamic-funnel article:nth-child(2){background:linear-gradient(100deg,#176b50,#3faa78)}.dynamic-funnel article:nth-child(3){background:linear-gradient(100deg,#246044,#62b98c)}.dynamic-funnel article:nth-child(4){background:linear-gradient(100deg,#377a51,#8fcf78)}.dynamic-funnel article:nth-child(5){background:linear-gradient(100deg,#5b944b,var(--lime));color:var(--green-950)}.dynamic-funnel svg{width:21px}.dynamic-funnel b{font-size:20px}
.segmented{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:var(--shadow)}.segmented button{min-height:34px;border:0;border-radius:8px;background:transparent;color:var(--muted);padding:0 13px;font-size:10px;font-weight:750;cursor:pointer;transition:.16s}.segmented button:hover{background:var(--surface-soft);color:var(--text)}.segmented button.active{background:var(--green-950);color:white;box-shadow:0 2px 6px rgba(18,42,26,.18)}
.funnel-head-actions{display:flex;align-items:center;gap:9px}.dynamic-funnel.horizontal{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:7px}.dynamic-funnel.horizontal article{width:100%;min-height:96px;grid-template-columns:28px 1fr;grid-template-rows:auto 1fr;padding:13px;border-radius:11px}.dynamic-funnel.horizontal article b{grid-column:1/-1;align-self:end;font-size:27px}.dynamic-funnel.horizontal article:hover{transform:translateY(-2px)}
.bulk-actions,.section-actions,.view-switch{display:flex;gap:7px;align-items:center}.danger-outline{color:var(--danger)!important}.contact-row-clickable{cursor:pointer}.contact-table th:first-child,.contact-table td:first-child{width:42px}.contact-popup-head{display:flex;gap:14px;align-items:center;margin-bottom:20px}.contact-popup-head .avatar{width:54px;height:54px;font-size:15px}.contact-popup-head h2{margin:3px 0}.detail-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-summary-grid span{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.detail-summary-grid small,.detail-summary-grid strong{display:block}.detail-summary-grid small{color:var(--muted);font-size:8px;margin-bottom:5px}.detail-summary-grid strong{font-size:11px}.timeline-title{margin:20px 0 10px}.contact-timeline{display:grid;gap:0}.contact-timeline>span{display:grid;grid-template-columns:15px 1fr;gap:9px;min-height:48px}.contact-timeline i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px var(--lime-soft)}.contact-timeline strong,.contact-timeline small{display:block}.contact-timeline small{color:var(--muted);margin-top:3px}
.view-switch{padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.view-switch button{border:0;border-radius:7px;background:transparent;padding:8px 11px;color:var(--muted);cursor:pointer}.view-switch button.active{background:var(--green-950);color:white}.calendar-grid.list{display:grid;grid-template-columns:1fr}.calendar-grid.list .calendar-day{min-height:0}.priority-badge{display:inline-flex;margin-right:6px;padding:3px 7px;border-radius:99px;font-size:7px;font-weight:800}.priority-badge.urgent{background:#ffe3e3;color:#a72e2e}.priority-badge.high{background:#fff0d5;color:#9b6200}.priority-badge.normal{background:#e8f4ff;color:#246294}.priority-badge.low{background:var(--lime-soft);color:var(--green-700)}
.recording-status{margin-right:auto;color:var(--danger);font-size:8px}.composer-actions button.recording{color:white;background:var(--danger);animation:pulse 1s infinite}.audio-message{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:800;margin-bottom:6px}.audio-message svg{width:14px}
.product-tour[hidden]{display:none}.product-tour{position:fixed;inset:0;z-index:3000}.product-tour-shade{position:absolute;inset:0;background:rgba(2,16,9,.68);backdrop-filter:blur(1.5px)}.product-tour-focus{position:fixed;border:2px solid var(--lime);border-radius:16px;box-shadow:0 0 0 9999px rgba(2,16,9,.68),0 0 0 6px rgba(174,245,62,.18);pointer-events:none;transition:all .25s ease;z-index:1}.product-tour-card{position:fixed;z-index:2;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;background:var(--surface);color:var(--text);border:1px solid var(--green-500);border-radius:18px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.35);transition:top .25s ease,left .25s ease}.product-tour-card h2{margin:10px 28px 7px 0;font-size:20px}.product-tour-card p{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.55}.product-tour-close{position:absolute;right:12px;top:12px;border:0;background:var(--surface-soft);color:var(--text);width:32px;height:32px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.product-tour-close svg{width:15px}.product-tour-actions{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.tour-target{position:relative;z-index:3001!important}.product-tour .tour-progress{height:5px;background:var(--surface-soft);border-radius:8px;overflow:hidden}.product-tour .tour-progress i{display:block;height:100%;background:var(--lime);transition:width .25s ease}@media(max-width:700px){.product-tour-card{left:16px!important;right:16px;width:auto;bottom:16px;top:auto!important;max-height:min(46dvh,360px)}.product-tour-focus{border-radius:12px}}
.month-calendar{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.month-calendar>header{display:flex;align-items:center;justify-content:center;gap:18px;padding:14px;border-bottom:1px solid var(--line)}.month-calendar>header h3{margin:0;min-width:190px;text-align:center;text-transform:capitalize;font-size:14px}.month-weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr))}.month-weekdays span{padding:9px 10px;background:var(--surface-soft);color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;border-right:1px solid var(--line)}.month-cell{min-height:112px;padding:8px;border-top:1px solid var(--line);border-right:1px solid var(--line);background:var(--surface)}.month-cell>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:9px;font-weight:800;margin-bottom:5px}.month-cell.muted{opacity:.42}.month-cell.today>span{background:var(--lime);color:var(--green-950)}.month-event{display:block;width:100%;border:0;border-left:3px solid var(--green-500);border-radius:6px;background:var(--surface-soft);color:var(--text);padding:5px 6px;margin:3px 0;text-align:left;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.month-event b{color:var(--green-700)}.month-event.urgent{border-left-color:#d53c3c}.month-event.high{border-left-color:#d99014}.month-cell>small{font-size:7px;color:var(--muted)}@media(max-width:900px){.month-calendar{overflow-x:auto}.month-weekdays,.month-grid{min-width:760px}}
.config-form fieldset{display:contents;border:0;padding:0;margin:0}.config-form fieldset:disabled input,.config-form fieldset:disabled textarea{opacity:.78;background:var(--surface-soft);cursor:not-allowed}.playbook-lock{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--lime-soft);color:var(--green-800);font-size:9px}.playbook-lock svg{width:15px}.agent-save[hidden]{display:none!important}
.conversation-avatar.photo,.avatar.photo{overflow:hidden;padding:0}.conversation-avatar.photo img,.avatar.photo img{width:100%;height:100%;object-fit:cover;display:block}
.admin-role-select{min-width:125px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:7px;font-size:8px}.user-status{border:0;border-radius:99px;padding:5px 9px;font-size:8px;font-weight:800;cursor:pointer}.user-status.active{background:var(--lime-soft);color:var(--green-700)}.user-status.inactive{background:#fee7e7;color:#a22}.table-action.danger{color:var(--danger)}
.selected-contact-source{display:flex;gap:10px;align-items:center;margin:14px 17px 0;padding:11px;border-radius:10px;background:var(--lime-soft);color:var(--green-800)}.selected-contact-source svg{width:20px}.selected-contact-source strong,.selected-contact-source span{display:block}.selected-contact-source span{font-size:8px;margin-top:3px}
.profile-popover{max-height:360px;overflow:auto}.profile-popover .profile-neutral{color:var(--text);border-top:1px solid var(--line);border-radius:0}.company-switcher>small{display:block;padding:7px 9px;color:var(--muted);font-size:8px;text-transform:uppercase}.company-option{color:var(--text)!important;display:grid!important;grid-template-columns:28px 1fr auto;gap:7px!important;text-align:left}.company-option>span{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:var(--lime-soft);color:var(--green-800);font-size:7px}.company-option em{font-style:normal;font-size:7px;color:var(--green-700)}
.tour-launch svg{width:15px}.system-tour-modal{width:min(560px,100%)}.system-tour-modal h2{font-size:24px}.tour-count{float:right;color:var(--muted);font-size:9px}.tour-progress{height:5px;background:var(--line);border-radius:99px;overflow:hidden;margin-top:22px}.tour-progress i{display:block;height:100%;background:var(--lime);transition:width .2s}.system-tour-modal .soft-button{margin-top:10px}
.chart-preview-large{margin-top:18px;min-height:420px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.chart-preview-large .bar-chart{height:380px}.chart-preview-large .pie-chart-wrap{min-height:380px}.export-format{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.export-format label{display:flex!important;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.export-format input{width:auto!important;margin:0!important}.qr-warning{padding:10px 12px;border-radius:9px;background:#fff5d6;color:#765300;font-size:10px;line-height:1.45}
html[data-theme="dark"] .qr-warning{background:#392e12;color:#f4d77e}
@media(max-width:720px){.tour-launch span{display:none}.bulk-actions{flex-wrap:wrap}.detail-summary-grid{grid-template-columns:1fr}.dynamic-funnel article{width:100%!important}.pie-chart-wrap{flex-direction:column;gap:8px}.section-actions{align-items:stretch;flex-direction:column}}
@media(max-width:900px){.dynamic-funnel.horizontal{grid-template-columns:repeat(5,150px);overflow-x:auto;justify-items:stretch;padding-bottom:6px}.funnel-head-actions{align-items:flex-end;flex-direction:column}}
html[data-theme="dark"] .task-check { background: var(--surface-soft); }
html[data-theme="dark"] .task-action-button.delete:hover { background:#3a1d1d; border-color:#733838; }
html[data-theme="dark"] .contact-filter-control select { background:var(--surface-soft); border-color:var(--line); }
html[data-theme="dark"] .notification-dot { box-shadow: 0 0 0 2px var(--surface); }
html[data-theme="dark"] .notification-panel{box-shadow:0 24px 70px rgba(0,0,0,.48)}
@media(max-width:700px){.notification-panel{position:fixed;top:76px;right:12px;left:12px;width:auto;max-height:calc(100dvh - 90px)}}
html[data-theme="dark"] .login-card input:focus { background: var(--surface-soft); }
html[data-theme="dark"] .activity-item,
html[data-theme="dark"] .task-item,
html[data-theme="dark"] .conversation-preview,
html[data-theme="dark"] .conversation-row,
html[data-theme="dark"] .data-table td,
html[data-theme="dark"] .run-item { border-color: var(--line); }
html[data-theme="dark"] .login-error,
html[data-theme="dark"] .deal-status.lost { background: #3a1d1d; color: #ffabab; border-color: #633030; }
html[data-theme="dark"] .task-item time,
html[data-theme="dark"] .connection-pill,
html[data-theme="dark"] .template-sync-warning,
html[data-theme="dark"] .tutorial-caption aside { background: #362d16; color: #f0cf75; }
html[data-theme="dark"] .connection-pill.error { background:#3a1d1d; color:#ffabab; }
html[data-theme="dark"] .evolution-card.state-error { background:linear-gradient(120deg,var(--surface) 65%,#321b1b); }
html[data-theme="dark"] .theme-toggle { color: var(--lime); }
html[data-theme="dark"] .brand-mark-image { filter: drop-shadow(0 7px 16px rgba(184,242,74,.16)); }
.product-tour-instruction { display:block; margin:-7px 0 14px; padding:9px 11px; border-radius:9px; background:var(--lime-soft); color:var(--green-800); font-size:9px; font-weight:750; line-height:1.4; }
.product-tour-instruction:empty { display:none; }
.product-tour-actions .primary-button:disabled { opacity:.45; cursor:not-allowed; }
.tour-target { animation:tourTargetPulse 1.4s ease-in-out infinite; }
@keyframes tourTargetPulse { 0%,100% { box-shadow:0 0 0 0 rgba(184,242,74,.08); } 50% { box-shadow:0 0 0 7px rgba(184,242,74,.2); } }
/* Fluxos comerciais e configurações adicionados na revisão de setembro. */
.completed-tasks{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:14px}.completed-tasks summary{cursor:pointer;font-weight:750;margin-bottom:10px}.calendar-task[data-edit-task]{cursor:pointer}.calendar-task.completed{opacity:.68}.calendar-task.completed h3{text-decoration:line-through}
.calendar-task[draggable="true"],.month-event[draggable="true"]{cursor:grab}.calendar-task.dragging,.month-event.dragging{opacity:.48;transform:scale(.99)}.task-drop-actions{position:fixed;z-index:96;left:50%;bottom:16px;width:min(980px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:8px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 18px 50px rgba(8,35,20,.24);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translate(-50%,26px);transition:.2s ease;pointer-events:none}.task-drag-active .task-drop-actions{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}.task-drop-actions>div{min-height:62px;display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:7px;padding:8px;border:2px dashed var(--line-strong);border-radius:11px;transition:.16s ease}.task-drop-actions svg{grid-row:1/3;width:19px;align-self:center}.task-drop-actions strong{font-size:8.5px}.task-drop-actions small{font-size:7px;color:var(--muted)}.task-drop-actions .delete{color:var(--danger)}.task-drop-actions .done{color:var(--green-700)}.task-drop-actions>div.dragover{transform:translateY(-5px) scale(1.025);background:var(--lime-soft);border-color:var(--green-600);border-style:solid}.task-drop-actions .delete.dragover{background:#fff0f0;border-color:var(--danger)}
@media(max-width:760px){.task-drop-actions{grid-template-columns:repeat(3,1fr);bottom:8px}.task-drop-actions>div{min-height:52px;padding:6px}.task-drop-actions small{display:none}}
@media(max-width:760px){.task-bulk-toolbar{align-items:stretch;flex-direction:column}.task-bulk-toolbar>div{justify-content:flex-start}.task-bulk-toolbar button{flex:1 1 calc(50% - 6px);justify-content:center}}
@media(max-width:760px){.calendar-task{grid-template-columns:18px minmax(0,1fr)}.task-card-actions{grid-column:2;min-width:0;width:100%;justify-items:start}.task-item-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.task-action-button{flex:1 1 auto}}
.contact-filters{padding:13px 16px 15px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface-soft),var(--surface))}.contact-filters-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.contact-filters-heading>div{display:flex;align-items:center;gap:9px}.contact-filters-heading svg{width:16px;height:16px;color:var(--green-700)}.contact-filters-heading span,.contact-filters-heading strong,.contact-filters-heading small{display:block}.contact-filters-heading strong{font-size:9.5px;color:var(--text)}.contact-filters-heading small{margin-top:2px;color:var(--muted);font-size:7.5px}.contact-filters-heading button{border:0;background:transparent;color:var(--green-700);font:inherit;font-size:8px;font-weight:750;cursor:pointer;padding:5px 7px;border-radius:7px}.contact-filters-heading button:hover{background:var(--lime-soft)}.contact-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.contact-filter-grid label{display:grid;gap:5px;color:var(--muted);font-size:7.5px;font-weight:750}.contact-filter-control{position:relative;display:block}.contact-filter-control::after{content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.contact-filter-control select{appearance:none;width:100%;height:38px;margin:0;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--text);padding:0 32px 0 11px;font:inherit;font-family:inherit;font-size:9px;font-weight:650;line-height:1;outline:0;cursor:pointer;box-shadow:0 1px 2px rgba(20,52,31,.03)}.contact-filter-control select:hover{border-color:#b8c7bb}.contact-filter-control select:focus{border-color:var(--green-600);box-shadow:0 0 0 3px rgba(59,130,81,.1)}
.organization-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.organization-card{display:flex;gap:14px;align-items:center;padding:22px}.organization-card h3,.organization-card p{margin:0 0 7px}
.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.insight-bars{padding:20px}.insight-bars>div{display:grid;grid-template-columns:130px 1fr 34px;gap:10px;align-items:center;margin:12px 0}.insight-bars i{height:10px;border-radius:99px;background:var(--surface-soft);overflow:hidden}.insight-bars b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#d58b2f,#b65353)}.recovery-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.recovery-stats article{border:1px solid var(--line);border-radius:14px;padding:16px}.recovery-stats strong{display:block;font-size:28px}.automation-panel{margin-top:18px}.automation-form{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1fr auto;gap:10px;padding:20px}.automation-list{display:flex;flex-wrap:wrap;gap:10px;padding:0 20px 20px}.automation-list>span{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:99px;padding:7px 9px 7px 13px}.automation-list button{border:0;background:none;cursor:pointer;color:var(--danger)}
.source-badge{display:inline-flex;margin-left:7px;padding:4px 8px;border-radius:99px;font-size:11px;font-weight:750}.source-badge.official{background:#e4f9be;color:#245b16}.source-badge.conflict{background:#fff0d7;color:#8a5411}.knowledge-card.has-conflict{border-color:#d59a3c}
.knowledge-empty,.knowledge-load-error,.view-load-error{min-height:320px;border:1px dashed var(--line-strong);border-radius:18px;background:var(--surface);display:grid;place-items:center;align-content:center;text-align:center;padding:34px}.knowledge-empty>svg,.knowledge-load-error>svg,.view-load-error>svg{width:38px;height:38px;margin-bottom:12px;color:var(--green-600)}.knowledge-empty h3,.knowledge-load-error h3,.view-load-error h3{margin:0;font-size:16px}.knowledge-empty p,.knowledge-load-error p,.view-load-error p{max-width:560px;margin:8px auto 16px;color:var(--muted);font-size:10px;line-height:1.6}.knowledge-load-error,.view-load-error{grid-template-columns:46px minmax(0,560px);column-gap:14px;text-align:left}.knowledge-load-error>svg,.view-load-error>svg{margin:0;color:var(--danger)}.knowledge-load-error p,.view-load-error p{margin:6px 0 14px}.knowledge-load-error .primary-button,.view-load-error .primary-button{justify-self:start}
.agent-learning-lab{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:17px;margin-top:17px}.agent-preview-panel,.learning-rules-panel{overflow:hidden}.agent-preview-panel>.panel-header>svg{width:20px;color:var(--green-600)}#agent-preview-form,.learning-feedback-form,.manual-learning-form{display:grid;gap:11px;padding:17px}#agent-preview-form label,.learning-feedback-form label{font-size:8px;color:var(--muted)}#agent-preview-form textarea,.learning-feedback-form textarea,.learning-feedback-form input,.manual-learning-form textarea,.manual-learning-form input{display:block;width:100%;margin-top:5px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--text);padding:10px;font:inherit;font-size:9px;line-height:1.5;resize:vertical}.preview-actions{display:flex;justify-content:flex-end;gap:8px}.agent-preview-result{margin:0 17px 17px;padding:15px;border-radius:12px;background:var(--green-950);color:white}.agent-preview-result[hidden],.learning-feedback-form[hidden]{display:none}.agent-preview-result>small{color:var(--lime);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.agent-preview-result>p{font-size:10px;line-height:1.6}.agent-preview-result>div{margin-bottom:11px;color:#afc0b4;font-size:7.5px}.agent-preview-result .ghost-button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:white}.learning-feedback-form{margin:0 17px 17px;padding:14px;border:1px solid var(--green-500);border-radius:12px;background:var(--lime-soft)}.manual-learning-form{grid-template-columns:minmax(0,1.5fr) minmax(180px,.8fr) auto;border-bottom:1px solid var(--line)}.manual-learning-form textarea,.manual-learning-form input{margin:0}.learning-rule-list{max-height:480px;overflow:auto}.learning-rule{padding:14px 17px;border-bottom:1px solid var(--line)}.learning-rule>div,.learning-rule footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.learning-rule>div span{color:var(--green-700);font-size:7px;font-weight:800;text-transform:uppercase}.learning-rule>div em{padding:3px 6px;border-radius:9px;background:var(--lime-soft);color:var(--green-700);font-size:7px;font-style:normal}.learning-rule.proposed>div em{background:#fff1cf;color:#87610c}.learning-rule.rejected{opacity:.55}.learning-rule>strong{display:block;margin:8px 0 5px;font-size:9px;line-height:1.45}.learning-rule>p{margin:0 0 8px;color:var(--muted);font-size:8px;line-height:1.45}.learning-rule footer small{color:var(--muted);font-size:7px}.learning-rule footer button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.learning-rule footer button:hover{background:#fff0f0;color:var(--danger)}.learning-example{display:grid;gap:5px;margin:12px 0;padding:12px;border-radius:10px;background:var(--surface-soft)}.learning-example small{color:var(--green-700);font-size:7px;font-weight:800;text-transform:uppercase}.learning-example p{margin:0 0 6px;font-size:9px;line-height:1.45}
@media(max-width:980px){.agent-learning-lab{grid-template-columns:1fr}.manual-learning-form{grid-template-columns:1fr}}
.meta-assets{margin-top:18px}.meta-page-list{padding:6px 20px 20px}.meta-page-list article{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.meta-page-list span,.meta-form-grid span{display:block;color:var(--muted);font-size:12px}.meta-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:0 20px 20px}.meta-form-grid article{border:1px solid var(--line);border-radius:13px;padding:13px}.integration-error{color:var(--danger);padding:0 20px 20px}
.integration-load-warning{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 0 18px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--warning) 38%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--warning) 8%,var(--surface));color:var(--text)}.integration-load-warning>svg{width:22px;height:22px;color:var(--warning)}.integration-load-warning strong,.integration-load-warning span{display:block}.integration-load-warning strong{font-size:11px}.integration-load-warning span{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.45}
@media(max-width:900px){.contact-filter-grid,.automation-form{grid-template-columns:1fr 1fr}.insights-grid{grid-template-columns:1fr}.recovery-stats{grid-template-columns:1fr}.organization-grid{grid-template-columns:1fr}.integration-load-warning{grid-template-columns:30px minmax(0,1fr)}.integration-load-warning .ghost-button{grid-column:1/-1;width:100%}}
@media(max-width:560px){.contact-filter-grid,.automation-form{grid-template-columns:1fr}.contact-filters-heading small{display:none}.insight-bars>div{grid-template-columns:100px 1fr 28px}}

/* Administração em blocos expansíveis */
.admin-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;margin-bottom:18px}.admin-quick-grid>button{display:flex;align-items:center;gap:11px;min-height:72px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-align:left;box-shadow:var(--shadow);cursor:pointer;transition:.18s}.admin-quick-grid>button:hover{transform:translateY(-2px);border-color:var(--green-600)}.admin-quick-grid>button>svg{width:22px;color:var(--green-700)}.admin-quick-grid strong,.admin-quick-grid small{display:block}.admin-quick-grid strong{font-size:10px}.admin-quick-grid small{margin-top:4px;color:var(--muted);font-size:8px}.admin-section{margin-bottom:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:110px}.admin-section>summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto 18px;gap:11px;align-items:center;min-height:76px;padding:13px 16px;list-style:none;cursor:pointer}.admin-section>summary::-webkit-details-marker{display:none}.admin-section>summary:hover{background:var(--surface-soft)}.admin-section>summary>svg:last-child{width:15px;color:var(--muted);transition:transform .18s}.admin-section[open]>summary>svg:last-child{transform:rotate(90deg)}.admin-section-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--lime-soft);color:var(--green-700)}.admin-section-icon svg{width:18px}.admin-section>summary strong,.admin-section>summary small{display:block}.admin-section>summary strong{font-size:11px}.admin-section>summary small{margin-top:4px;color:var(--muted);font-size:8.5px}.admin-section-body{border-top:1px solid var(--line)}.admin-section-heading{padding:17px 18px 0}.admin-section-heading h3{margin:0;font-size:12px}.admin-section-heading p{margin:5px 0 0;color:var(--muted);font-size:8.5px}.admin-access-grid{display:grid;grid-template-columns:1fr;gap:0}.client-provision-panel,.admin-invitations-panel{margin-top:0}.client-table{margin-top:4px}

/* Seleção descoberta nas tarefas */
.task-selection-guide{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-3px 0 11px;padding:10px 13px;border:1px dashed var(--line-strong);border-radius:11px;background:var(--surface)}.task-selection-guide label{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:750;cursor:pointer}.task-selection-guide input{width:16px;height:16px;accent-color:var(--green-700)}.task-selection-guide span{color:var(--muted);font-size:8px}

/* Disparos em fluxo guiado */
.campaign-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.campaign-steps span{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);font-size:8.5px;font-weight:750}.campaign-steps span b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--surface-soft);color:var(--green-700)}.campaign-steps span.active{border-color:#cce3ae;color:var(--green-800);background:var(--lime-soft)}.campaign-compose-head>div{display:flex;align-items:center;gap:10px}.compact-feature-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--lime-soft);color:var(--green-700)}.compact-feature-icon svg{width:17px}.campaign-connection-hint{max-width:120px;color:var(--warning);font-size:7.5px;text-align:right}.campaign-help{margin:0 17px 17px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.campaign-help>summary{padding:11px 12px;cursor:pointer;color:var(--green-700);font-size:8.5px;font-weight:750}.campaign-help .campaign-columns{margin:0;border-radius:0}

/* Listas de métricas e áreas de hover maiores nos gráficos */
.metric-detail-list{display:grid;margin:14px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.metric-detail-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);gap:12px;align-items:center;padding:11px 12px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left}.metric-detail-row:last-child{border-bottom:0}.metric-detail-row[data-open-metric-conversation]{cursor:pointer}.metric-detail-row[data-open-metric-conversation]:hover{background:var(--surface-soft)}.metric-detail-row strong,.metric-detail-row small,.metric-detail-row time{display:block}.metric-detail-row strong{font-size:9.5px}.metric-detail-row small{margin-top:3px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-detail-row time{margin-top:3px;color:var(--muted-2);font-size:7px;text-align:right}.chart-hover-target{position:relative;outline:0}.chart-hover-target::after{content:attr(data-chart-tip);position:absolute;z-index:20;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:240px;transform:translate(-50%,6px);padding:8px 10px;border-radius:8px;background:var(--green-950);color:#fff;box-shadow:0 8px 24px rgba(10,35,20,.22);font-size:8px;font-weight:700;line-height:1.4;opacity:0;visibility:hidden;pointer-events:none;transition:.14s}.chart-hover-target:hover::after,.chart-hover-target:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}.bar-group{padding-top:28px;cursor:crosshair;border-radius:8px;transition:background .14s}.bar-group:hover,.bar-group:focus-visible{background:rgba(184,242,74,.12)}.bar-group .bars{pointer-events:none}.pie-chart{cursor:crosshair;transition:filter .18s}.pie-chart:hover{filter:drop-shadow(0 10px 18px rgba(20,70,38,.16))}.pie-chart svg{display:block;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.pie-track,.pie-sector{fill:none;stroke-width:6}.pie-track{stroke:var(--line)}.pie-sector{cursor:pointer;transition:stroke-width .15s,filter .15s;pointer-events:stroke}.pie-sector.received{stroke:var(--lime)}.pie-sector.sent{stroke:var(--green-950)}.pie-sector:hover,.pie-sector:focus{stroke-width:7.3;filter:brightness(1.06);outline:none}.pie-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.pie-center strong,.pie-center span{display:block}.pie-center strong{font-size:24px}.pie-center span{color:var(--muted);font-size:9px;margin-top:3px}.pie-floating-tip{position:absolute;z-index:25;transform:translate(-50%,-100%);width:max-content;max-width:220px;padding:8px 10px;border:0;border-radius:8px;background:var(--green-950);color:white;box-shadow:0 8px 24px rgba(10,35,20,.22);font-size:8px;font-weight:750;line-height:1.35;pointer-events:none}.pie-legend-list p{padding:9px 12px;border:1px solid transparent;border-radius:9px;cursor:default}.pie-legend-list p:hover,.pie-legend-list p:focus-visible{border-color:var(--line);background:var(--surface-soft)}.funnel-row{padding:5px;border-radius:8px;cursor:crosshair}.funnel-row:hover,.funnel-row:focus-visible{background:var(--surface-soft)}
.deal-edit-form{display:grid;gap:12px;margin-top:18px}.deal-edit-form label{display:grid;gap:6px;color:var(--muted);font-size:9px;font-weight:750}.deal-edit-form input,.deal-edit-form select{width:100%;min-height:42px;padding:0 11px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--text)}.agent-message-model{display:inline-flex;align-items:center;gap:5px;margin-top:7px;color:var(--green-700);font-size:7.5px;font-weight:750}.agent-message-model svg{width:11px}.agent-message-model.error{color:var(--warning)}.agent-followup-questions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.agent-followup-questions button{padding:7px 9px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--green-700);font:inherit;font-size:7.5px;cursor:pointer}.agent-followup-questions button:hover{border-color:var(--green-600);background:var(--lime-soft)}.agent-command-chat .agent-live.warning{background:#fff2d8;color:#9a6414}.agent-command-chat .agent-live.warning i{background:var(--warning)}
.deal-edit-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-right:38px}.deal-edit-top .modal-icon{margin-bottom:10px}.deal-edit-top .overline{margin:0}.deal-conversation-top{flex:0 0 auto}.sdr-notes-field{margin-top:3px;padding:14px;border:1px solid #d5e5c3;border-radius:12px;background:var(--lime-soft)}.sdr-notes-field>span{color:var(--green-800);font-size:9px;font-weight:800}.deal-edit-form .sdr-notes-field textarea{min-height:94px;background:var(--surface);line-height:1.5}.sdr-notes-field small{color:var(--muted);font-size:7.5px;font-weight:500;line-height:1.4}#detail-modal .detail-modal{width:min(660px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}

@media(max-width:900px){.admin-quick-grid{grid-template-columns:1fr 1fr}.campaign-steps{grid-template-columns:1fr}.task-selection-guide{align-items:flex-start;flex-direction:column}.admin-section>summary{grid-template-columns:38px minmax(0,1fr) 18px}.admin-section>summary .stage-badge{display:none}}
@media(max-width:520px){.admin-quick-grid{grid-template-columns:1fr}.metric-detail-row{grid-template-columns:1fr}.metric-detail-row time{text-align:left}}

/* Funis, canais de aquisição e períodos de tarefas */
.funnel-title-area{position:relative;min-width:250px}.funnel-title-area>h2{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.funnel-switcher{position:relative;width:min(340px,100%);margin-top:12px}.funnel-switcher>button{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:13px;background:var(--surface);color:var(--text);text-align:left;box-shadow:var(--shadow);cursor:pointer}.funnel-switcher>button:hover,.funnel-switcher>button[aria-expanded="true"]{border-color:var(--green-600)}.funnel-switcher>button span,.funnel-switcher>button small,.funnel-switcher>button strong{display:block}.funnel-switcher>button small{margin-bottom:3px;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.5px}.funnel-switcher>button strong{font-size:11px}.funnel-switcher>button>svg{width:14px;transform:rotate(90deg);transition:.16s}.funnel-switcher>button[aria-expanded="true"]>svg{transform:rotate(-90deg)}.funnel-switcher-menu{position:absolute;z-index:70;top:calc(100% + 7px);left:0;width:100%;padding:6px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 16px 38px rgba(11,42,24,.18)}.funnel-switcher-menu[hidden]{display:none}.funnel-switcher-menu>button{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:9px;align-items:center;padding:9px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.funnel-switcher-menu>button:hover,.funnel-switcher-menu>button[aria-selected="true"]{background:var(--lime-soft)}.funnel-switcher-menu>button>span:first-child{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--surface-soft);color:var(--green-700)}.funnel-switcher-menu svg{width:15px}.funnel-switcher-menu strong,.funnel-switcher-menu small{display:block}.funnel-switcher-menu strong{font-size:9px}.funnel-switcher-menu small{margin-top:3px;color:var(--muted);font-size:7px}
.deal-owner-control{display:grid;grid-template-columns:22px minmax(0,1fr);gap:2px 7px;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:var(--muted);font-size:7px;cursor:default}.deal-owner-control .mini-avatar{grid-row:1/3}.deal-owner-control>span:nth-child(2){font-weight:700}.deal-owner-control select{min-width:0;width:100%;height:26px;padding:0 23px 0 7px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft);color:var(--text);font:inherit;font-size:8px;cursor:pointer}.deal-owner-control select:focus{outline:2px solid rgba(59,130,81,.16);border-color:var(--green-600)}
.contact-search-group{display:flex;align-items:center;gap:8px;min-width:430px}.contact-search-group>.contact-filter-control{width:155px}.contact-search-group .inbox-search{flex:1;width:auto}.contact-filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.funnel-badge,.acquisition-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 7px;border-radius:20px;font-size:8px;font-weight:700}.funnel-badge{background:#e9f0ec;color:var(--green-800)}.acquisition-badge{background:#edf7dc;color:#466b25}.contact-table{min-width:1040px}
.task-head-actions{align-items:flex-end;flex-wrap:wrap}.task-date-range{display:flex;align-items:flex-end;gap:7px}.task-date-range label{color:var(--muted);font-size:8px}.task-date-range input{display:block;height:38px;margin-top:4px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:9px}
@media(max-width:900px){.contact-filter-grid{grid-template-columns:1fr 1fr}.contact-search-group{width:100%;min-width:0}.table-toolbar{align-items:stretch;flex-direction:column}.task-head-actions{width:100%}}
@media(max-width:560px){.funnel-switcher{width:100%}.contact-filter-grid{grid-template-columns:1fr}.contact-search-group{align-items:stretch;flex-direction:column}.contact-search-group>.contact-filter-control{width:100%}.task-date-range{width:100%}.task-date-range label{flex:1}.task-date-range input{width:100%}.task-head-actions .view-switch,.task-head-actions #new-task{width:100%}}
@media(max-width:560px){.chat-header-actions button span{display:none}.chat-header-actions button{padding:0;width:32px}.conversation-schedule-row{padding:10px}.schedule-datetime{grid-template-columns:1fr}.conversation-reminder-actions{display:grid}.conversation-reminder-actions button{width:100%;justify-content:center}}

@media(max-width:700px){
  .conversation-tools-heading{min-height:58px}.conversation-tools-heading>div strong{font-size:17px}
  .conversation-row{min-height:70px;padding-inline:11px}.conversation-row p{max-width:calc(100vw - 145px)}
  .chat-header{padding-inline:10px}.chat-header-actions{gap:1px}.chat-header-actions button{min-width:34px;width:34px;padding:0}
  .messages{padding:18px 15px}.message{max-width:88%}
  .chat-composer{padding-inline:6px}.composer-box{gap:4px}.composer-leading{gap:0}.composer-leading button,.composer-actions button{width:34px}.composer-leading button:first-child{display:none}
  .composer-box textarea{font-size:12px}.mode-banner{max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}

html[data-theme="dark"] .conversation-column,
html[data-theme="dark"] .conversation-tools,
html[data-theme="dark"] .conversation-row{background:#111b21;border-color:#202c33}
html[data-theme="dark"] .conversation-row:hover,
html[data-theme="dark"] .conversation-row.active{background:#202c33}
html[data-theme="dark"] .inbox-search input{background:#202c33;color:#e9edef}
html[data-theme="dark"] .filter-chip{background:#202c33;color:#aebac1}
html[data-theme="dark"] .filter-chip.active{background:#0b4a34;color:#d9fdd3}
html[data-theme="dark"] .chat-header,
html[data-theme="dark"] .chat-composer{background:#202c33;border-color:#2a3942}
html[data-theme="dark"] .chat-header-actions button,
html[data-theme="dark"] .composer-leading button,
html[data-theme="dark"] .composer-actions button{color:#aebac1;background:transparent}
html[data-theme="dark"] .chat-column,
html[data-theme="dark"] .messages{background-color:#0b141a;background-image:radial-gradient(circle at 12px 12px,rgba(255,255,255,.035) 1.1px,transparent 1.2px),radial-gradient(circle at 4px 4px,rgba(255,255,255,.025) 1px,transparent 1.1px)}
html[data-theme="dark"] .date-divider{background:#182229;color:#aebac1}
html[data-theme="dark"] .message-bubble{background:#202c33;color:#e9edef}
html[data-theme="dark"] .message:not(.outbound) .message-bubble::before{border-top-color:#202c33}
html[data-theme="dark"] .message.outbound .message-bubble,
html[data-theme="dark"] .message.ai .message-bubble{background:#005c4b;color:#e9edef}
html[data-theme="dark"] .message.outbound .message-bubble::after,
html[data-theme="dark"] .message.ai .message-bubble::after{border-top-color:#005c4b}
html[data-theme="dark"] .composer-box textarea{background:#2a3942;color:#e9edef}
html[data-theme="dark"] .mode-banner{background:rgba(17,27,33,.78);color:#aebac1}
html[data-theme="dark"] .emoji-picker{background:#202c33}html[data-theme="dark"] .emoji-picker button:hover{background:#2a3942}

/* Central de comando do Agente Atenva */
#view-agent.active{padding:0;height:calc(100vh - 91px);overflow:hidden}.agent-command-shell{height:100%;display:grid;grid-template-columns:260px minmax(420px,1fr) 270px;background:var(--surface-soft);border-top:1px solid var(--line)}.agent-session-sidebar{display:flex;flex-direction:column;min-width:0;padding:15px 12px;border-right:1px solid var(--line);background:var(--surface)}.agent-session-sidebar>.primary-button{width:100%;flex:0 0 42px}.agent-session-label{display:flex;align-items:center;justify-content:space-between;margin:20px 6px 9px;color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.8px;text-transform:uppercase}.agent-session-label small{width:20px;height:20px;display:grid;place-items:center;border-radius:99px;background:var(--surface-soft)}.agent-session-sidebar>nav{display:grid;gap:6px;overflow:auto}.agent-session-sidebar>nav>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:11px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.agent-session-sidebar>nav>button:hover,.agent-session-sidebar>nav>button.active{border-color:var(--line);background:var(--surface-soft)}.agent-session-sidebar>nav strong,.agent-session-sidebar>nav small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-session-sidebar>nav strong{font-size:9px}.agent-session-sidebar>nav small{margin-top:4px;color:var(--muted);font-size:7px}.agent-session-sidebar>nav b{min-width:18px;height:18px;display:grid;place-items:center;border-radius:9px;background:var(--lime);color:var(--green-950);font-size:7px}.agent-session-empty{padding:14px;color:var(--muted);font-size:8px;line-height:1.5}.agent-control-panel{margin-top:auto;border-top:1px solid var(--line)}.agent-control-panel>summary{display:flex;align-items:center;gap:8px;padding:14px 6px;list-style:none;color:var(--green-700);font-size:8.5px;font-weight:800;cursor:pointer}.agent-control-panel>summary::-webkit-details-marker{display:none}.agent-control-panel>summary svg{width:14px}.agent-control-panel form{display:grid;gap:8px;max-height:390px;overflow:auto;padding:0 4px 8px}.agent-control-panel label{color:var(--muted);font-size:7px;font-weight:750}.agent-control-panel input,.agent-control-panel textarea,.agent-control-panel select{display:block;width:100%;margin-top:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:8px;font:inherit;font-size:8px;resize:vertical}.agent-command-chat{min-width:0;display:flex;flex-direction:column;background:var(--surface)}.agent-command-chat>header{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line)}.agent-command-chat>header>div{display:flex;align-items:center;gap:10px;min-width:0}.agent-command-chat>header strong,.agent-command-chat>header small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-command-chat>header strong{font-size:10px}.agent-command-chat>header small{margin-top:3px;color:var(--muted);font-size:7px}.agent-command-orb{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--lime);color:var(--green-950)}.agent-command-orb svg{width:17px}.agent-command-chat .agent-live{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:99px;background:var(--lime-soft);color:var(--green-700);font-size:7.5px;font-weight:800}.agent-command-chat .agent-live i,.agent-command-status i{width:7px;height:7px;border-radius:50%;background:#4ac16d}.agent-command-messages{flex:1;min-height:0;overflow:auto;padding:28px clamp(20px,6vw,80px)}.agent-command-welcome{min-height:100%;display:grid;place-items:center;align-content:center;text-align:center}.agent-command-welcome>span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--lime-soft);color:var(--green-700)}.agent-command-welcome>span svg{width:25px}.agent-command-welcome h2{margin:15px 0 7px;font-size:24px}.agent-command-welcome>p{max-width:540px;margin:0;color:var(--muted);font-size:10px;line-height:1.6}.agent-command-welcome>div{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:650px;margin-top:22px}.agent-command-welcome>div button{padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:8px;cursor:pointer}.agent-command-welcome>div button:hover{border-color:var(--green-600);background:var(--lime-soft)}.agent-command-message{display:grid;grid-template-columns:31px minmax(0,1fr);gap:10px;max-width:760px;margin:0 auto 20px}.agent-command-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--green-950);color:white;font-size:8px;font-weight:800}.agent-command-message.assistant .agent-command-avatar{background:var(--lime);color:var(--green-950)}.agent-command-avatar svg{width:15px}.agent-command-message header{display:flex;align-items:center;justify-content:space-between;gap:12px}.agent-command-message header strong{font-size:9px}.agent-command-message header time{color:var(--muted-2);font-size:7px}.agent-command-message>div>p{margin:7px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:4px 13px 13px 13px;background:var(--surface-soft);font-size:9.5px;line-height:1.6;white-space:pre-wrap}.agent-command-message.user>div>p{background:var(--green-950);border-color:var(--green-950);color:white}.agent-action-card{margin-top:10px;padding:12px;border:1px solid #cce2aa;border-radius:12px;background:var(--lime-soft)}.agent-action-card.applied{border-color:#b8dbbd;background:#eef8ef}.agent-action-card.rejected{opacity:.62;border-color:var(--line);background:var(--surface-soft)}.agent-action-card>header{display:flex;align-items:center;justify-content:space-between}.agent-action-card>header span{display:flex;align-items:center;gap:6px;color:var(--green-700);font-size:7px;font-weight:850;text-transform:uppercase}.agent-action-card>header svg{width:12px}.agent-action-card>header em{font-size:7px;font-style:normal;color:var(--muted)}.agent-action-card>strong{display:block;margin-top:8px;font-size:9px}.agent-action-card>p{margin:5px 0;color:var(--muted);font-size:7.5px;line-height:1.45}.agent-action-card>footer{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.agent-action-card>footer button{min-height:32px;font-size:8px}.agent-command-composer{flex:0 0 auto;margin:0 clamp(20px,6vw,80px) 20px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:0 12px 35px rgba(14,45,25,.1)}.agent-command-composer textarea{width:100%;min-height:38px;max-height:130px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:10px;resize:vertical}.agent-command-composer>div{display:flex;align-items:center;justify-content:space-between}.agent-command-composer>div>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:7px}.agent-command-composer>div>span svg{width:11px}.agent-command-send{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--green-950);color:white;cursor:pointer}.agent-command-send svg{width:15px}.agent-command-context{padding:20px 17px;border-left:1px solid var(--line);background:var(--surface)}.agent-command-context h3{margin:4px 0 8px;font-size:18px}.agent-command-status{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:99px;background:var(--lime-soft);color:var(--green-700);font-size:7px;font-weight:800}.agent-command-context dl{margin:22px 0}.agent-command-context dt{margin-top:14px;color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.agent-command-context dd{margin:5px 0 0;font-size:8.5px;line-height:1.55}.agent-command-context>.ghost-button{width:100%}.agent-command-note{margin-top:16px;padding:11px;border-left:3px solid var(--lime);border-radius:8px;background:var(--surface-soft);color:var(--muted);font-size:7.5px;line-height:1.5}
@media(max-width:1100px){.agent-command-shell{grid-template-columns:230px minmax(0,1fr)}.agent-command-context{display:none}}
@media(max-width:720px){#view-agent.active{height:calc(100dvh - 74px)}.agent-command-shell{display:block;overflow:auto}.agent-session-sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.agent-session-sidebar>nav{display:flex;overflow-x:auto}.agent-session-sidebar>nav>button{min-width:190px}.agent-control-panel{margin-top:10px}.agent-command-chat{min-height:680px}.agent-command-chat>header{position:sticky;top:0;z-index:2;background:var(--surface)}.agent-command-messages{padding:22px 14px}.agent-command-composer{margin:0 12px 14px}}

/* Responsividade do produto: MacBook, tablet e celular */
.metric-detail-money{color:var(--green-700);font-size:11px!important;text-align:right}.pipeline-summary-row{grid-template-columns:minmax(0,1fr) minmax(115px,.45fr)}
.sidebar-scrim{position:fixed;inset:0;z-index:19;border:0;background:rgba(10,28,17,.48);backdrop-filter:blur(2px)}
html[data-text-size="large"] .metric-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}
html[data-text-size="extra"] .metric-grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}

@media (min-width:1121px) and (max-width:1366px){
  .app-shell{grid-template-columns:220px minmax(0,1fr)}
  .sidebar{padding:22px 14px 17px}
  .topbar{height:82px;padding:15px 24px}
  .view{padding:24px 24px 42px}
  .view.inbox-view.active{height:calc(100vh - 82px)}
  #view-agent.active{height:calc(100vh - 82px)}
  .metric-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}
  .chart-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}
  .overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(275px,.75fr)}
  .agent-command-shell{grid-template-columns:225px minmax(390px,1fr) 235px}
}

@media (max-width:1024px){
  .view{padding:22px 20px 40px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .overview-grid,.chart-grid{grid-template-columns:1fr}
  .section-head{align-items:flex-start;gap:14px}
  .pipeline-actions{flex-wrap:wrap;justify-content:flex-end}
  .table-panel,.panel,.admin-section{max-width:100%}
  .data-table{min-width:760px}
  .contact-table{min-width:850px}
  .metric-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
}

@media (max-width:820px){
  body.mobile-menu-open{overflow:hidden}
  .sidebar{width:min(286px,86vw);left:min(-300px,-90vw);padding-bottom:max(18px,env(safe-area-inset-bottom));overflow-y:auto}
  .sidebar.open{left:0}
  .topbar{height:72px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}
  .topbar-title{min-width:0}.topbar-title span{font-size:8px}.topbar-title h1{max-width:42vw;margin-top:5px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar-actions{gap:6px}.topbar-actions .search-button{display:none}.topbar-actions .icon-button{display:grid;width:36px;min-height:36px}.topbar-actions .tour-launch{width:36px;min-width:36px;padding:0}.topbar-actions .tour-launch span{display:none}
  .view{padding:18px 14px 34px}.view.inbox-view.active{height:calc(100dvh - 72px)}
  .section-head{align-items:stretch;flex-direction:column}.section-head>div{min-width:0}.section-head p{line-height:1.45}
  .dashboard-actions,.pipeline-actions,.section-actions{width:100%;justify-content:flex-start}.pipeline-actions>*{flex:1 1 calc(50% - 8px)}.pipeline-actions select{min-width:0}
  .panel-header{align-items:flex-start;flex-wrap:wrap;gap:10px;padding:14px}.panel-header .link-button{white-space:normal;text-align:left}
  .chart-tools{max-width:100%;flex-wrap:wrap}.bar-chart{overflow-x:auto;overscroll-behavior-x:contain}.bar-chart>.bar-group{min-width:24px}
  .table-toolbar{align-items:stretch;flex-direction:column}.table-toolbar .inbox-search{width:100%}.bulk-actions{width:100%}.bulk-actions button{flex:1}
  .modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:92dvh;overflow:auto;border-radius:20px 20px 0 0;padding:23px 18px max(20px,env(safe-area-inset-bottom))}.modal-actions{position:sticky;bottom:0;padding-top:10px;background:var(--surface)}
  .notification-panel{top:62px;right:8px;left:8px;width:auto;max-height:calc(100dvh - 74px)}
  .pipeline-board{margin-inline:-14px;padding-inline:14px;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(270px,86vw);scroll-padding-inline:14px}
  .pipeline-stats{overflow-x:auto;padding-bottom:3px}.pipeline-stats span{white-space:nowrap}
  .agent-command-chat{min-height:calc(100dvh - 72px)}
  button,.nav-item,.primary-button,.ghost-button,.soft-button{min-height:42px}
  .deal-edit-top{padding-right:32px}.deal-edit-top .deal-conversation-top{min-height:38px}
}

@media (max-width:560px){
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:108px;padding:13px}.metric-value{font-size:20px}.metric-change{max-width:78px;text-align:right}
  .dashboard-actions label{min-width:calc(50% - 5px)}.dashboard-actions #customize-dashboard{width:100%}
  .chart-grid,.overview-grid{gap:12px}.funnel{padding-inline:12px}.funnel-row{grid-template-columns:78px minmax(70px,1fr) 34px;gap:7px}
  .conversation-preview{grid-template-columns:34px minmax(0,1fr) auto!important}.conversation-preview .conversation-meta{max-width:78px}
  .activity-item{grid-template-columns:28px minmax(0,1fr)}.activity-item>time{grid-column:2}.task-item{grid-template-columns:20px minmax(0,1fr)}.task-item>time{grid-column:2;justify-self:start}
  .pipeline-actions>*{flex-basis:100%}.pipeline-stats{gap:6px}.stage-column{min-height:460px}
  .metric-detail-row,.pipeline-summary-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.metric-detail-money{font-size:10px!important}.metric-detail-row time{white-space:nowrap}
  .campaign-layout,.meta-ads-layout{grid-template-columns:1fr}.campaign-import form{padding:13px}.campaign-detail-head{flex-direction:column}.campaign-totals{grid-template-columns:repeat(2,1fr)}
  .google-integration-card,.meta-login-card{grid-template-columns:42px minmax(0,1fr)}.google-integration-card>div:last-child,.meta-login-card>div:last-child{grid-column:1/-1;justify-items:stretch}.google-integration-card button,.meta-login-card button{width:100%}
  .admin-section>summary{padding:12px}.admin-section-body{overflow:hidden}.admin-table-wrap{max-width:100%;overflow-x:auto}
  .agent-command-chat>header{height:auto;min-height:60px;padding:9px 12px}.agent-command-chat .agent-live{display:none}.agent-command-welcome h2{font-size:20px}.agent-command-welcome>div{align-items:stretch;flex-direction:column;width:100%}.agent-command-welcome>div button{text-align:left}.agent-command-composer>div>span{max-width:210px}
  .deal-edit-top{align-items:stretch;flex-direction:column;padding-right:34px}.deal-conversation-top{width:100%}.deal-edit-form .form-grid-two{grid-template-columns:1fr}.deal-edit-form .modal-actions{flex-wrap:wrap}.deal-edit-form .modal-actions button{flex:1 1 140px}
}

/* Evita rótulos espremidos em séries longas; os valores completos continuam no hover. */
.bar-chart>.bar-group span{opacity:0}.bar-chart>.bar-group:nth-child(3n+1) span,.bar-chart>.bar-group:last-child span{opacity:1}

/* Onboarding oficial do WhatsApp: a conexão simples fica em primeiro plano. */
.embedded-signup-box{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;margin-bottom:12px;border:1px solid var(--green-600);border-radius:14px;background:linear-gradient(120deg,var(--surface) 55%,var(--lime-soft))}
.embedded-signup-box>div{min-width:0}.embedded-signup-box strong{display:block;margin-bottom:3px;font-size:11px}.embedded-signup-box p{margin:0;color:var(--muted);font-size:8px;line-height:1.45}.embedded-signup-box>small{grid-column:2/-1;color:#9a6a00;font-size:7.5px}.embedded-signup-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--lime);color:var(--green-950)}.embedded-signup-icon svg{width:21px}
.whatsapp-number-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.whatsapp-number-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:190px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.whatsapp-number-list button.active{border-color:var(--lime);background:var(--lime-soft)}.whatsapp-number-list b,.whatsapp-number-list small{display:block}.whatsapp-number-list b{font-size:8.5px}.whatsapp-number-list small{margin-top:2px;color:var(--muted);font-size:7px}.whatsapp-number-list em{color:var(--green-700);font-size:7px;font-style:normal;font-weight:800}
.manual-meta-config{border-top:1px solid var(--line);margin-top:12px;padding-top:4px}.manual-meta-config>summary{padding:10px 2px;color:var(--muted);font-size:8px;font-weight:750;cursor:pointer}.manual-meta-config[open]>summary{color:var(--text)}
@media(max-width:720px){.embedded-signup-box{grid-template-columns:40px 1fr}.embedded-signup-box .primary-button,.embedded-signup-box>small{grid-column:1/-1}.embedded-signup-box .primary-button{width:100%}}

/* Relacionamento, atribuição e cadências */
.relationship-metrics{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;margin-bottom:18px}.relationship-metrics button{padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow-soft)}.relationship-metrics button:hover{border-color:var(--green-600);transform:translateY(-2px)}.relationship-metrics small,.relationship-metrics strong{display:block}.relationship-metrics small{color:var(--muted);font-size:8px}.relationship-metrics strong{margin-top:8px;font-size:21px}.relationship-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.relationship-base{min-width:0}.relationship-enroll{display:flex;gap:8px;align-items:center}.relationship-enroll select{min-width:170px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text)}.relationship-table-wrap{overflow:auto}.relationship-table{min-width:850px}.relationship-table td>small{display:block;margin-top:5px;color:var(--muted);font-size:7px}.relationship-contact{border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.relationship-contact strong,.relationship-contact small{display:block}.relationship-contact strong{color:var(--green-700)}.source-pill,.relationship-status{display:inline-flex;padding:5px 7px;border-radius:99px;background:var(--lime-soft);color:var(--green-700);font-size:7px;font-weight:800}.relationship-status.em_risco{background:#fff1d5;color:#9a6a00}.relationship-status.inativo{background:#f2eded;color:#8c4a4a}.relationship-status.em_negociacao{background:#e7f0ff;color:#245a9b}.relationship-status.active,.relationship-status.cliente_ativo{background:#def4df;color:#267044}.cadence-panel{align-self:start}.cadence-list{display:grid;gap:10px;padding:12px}.cadence-list article{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.cadence-list article strong{display:block;margin:8px 0 4px;font-size:10px}.cadence-list article p{margin:0;color:var(--muted);font-size:8px;line-height:1.45}.cadence-list footer{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--muted);font-size:7px}.cadence-list footer button{width:28px;height:28px;margin-left:auto;border:0;border-radius:8px;background:transparent;color:var(--danger);cursor:pointer}.cadence-list footer svg{width:13px}.cadence-rules{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0}.cadence-rules label{display:flex!important;align-items:center;gap:7px}.cadence-step{position:relative;display:grid;grid-template-columns:52px 76px 140px minmax(170px,1fr);gap:8px;margin:10px 0;padding:13px 42px 13px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.cadence-step-number{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--green-950);color:white;font-weight:800}.cadence-step label{margin:0!important}.cadence-message,.cadence-template,.cadence-task{grid-column:2/-1}.cadence-remove{position:absolute;right:9px;top:9px;width:29px;height:29px;border:0;border-radius:8px;background:transparent;color:var(--danger);cursor:pointer}.cadence-remove svg{width:14px}.journey-route{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:8px;margin:18px 0;padding:14px;border-radius:13px;background:var(--lime-soft)}.journey-route>svg{width:18px;color:var(--green-700)}.journey-route small,.journey-route strong{display:block}.journey-route small{color:var(--muted);font-size:7px}.journey-route strong{margin-top:4px;font-size:9px}.relationship-timeline{position:relative;display:grid;gap:0}.relationship-timeline article{display:grid;grid-template-columns:18px 1fr;gap:10px;padding-bottom:16px}.relationship-timeline article>i{position:relative;width:9px;height:9px;margin-top:4px;border:2px solid var(--green-600);border-radius:50%;background:var(--surface)}.relationship-timeline article:not(:last-child)>i:after{content:"";position:absolute;top:9px;left:2px;width:1px;height:calc(100% + 20px);background:var(--line)}.relationship-timeline strong{font-size:9px}.relationship-timeline p{margin:3px 0;color:var(--muted);font-size:8px}.relationship-timeline small{font-size:7px;color:var(--muted-2)}
@media(max-width:1100px){.relationship-layout{grid-template-columns:1fr}.cadence-panel{order:-1}.cadence-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.relationship-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.relationship-metrics{grid-template-columns:repeat(2,1fr)}.relationship-metrics button:last-child{grid-column:1/-1}.relationship-enroll{align-items:stretch;flex-direction:column;width:100%}.relationship-enroll select,.relationship-enroll button{width:100%}.cadence-step{grid-template-columns:42px 1fr;padding-right:38px}.cadence-step-number{grid-row:auto}.cadence-step label,.cadence-message,.cadence-template,.cadence-task{grid-column:2}.journey-route{grid-template-columns:1fr}.journey-route>svg{transform:rotate(90deg)}}